@charset "utf-8";
/* CSS Document */

/* 全体 */
html{ color:#222;background:#fff;}
legend{ color:#222; } 

a{
	color:#007b43;
}
a:hover{
	color:#0dbfac;
	text-decoration:none;
}



/* テキストボタン */
.button a{
	background-color:#007b43;
	color:#fff;
}
.button a:hover{
	background-color:#0dbfac;
}


/* メイン画像 */
#main-image{
text-align: center;
    padding: 0px 0 0;
    position: absolute;
    z-index: -100;}

@media screen and (max-width:640px){
.home #main-image {
text-align: center;
    padding: 0px 0 0;
    position: absolute;
    z-index: -100;
    margin-top: -19px;
}
}
/* タイトルパターン */
#main h2 {
  position: relative;
  padding: 1rem .5rem;
	font-size:1.2em;
	font-weight:bold;
}

#main h2:before,
#main h2:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#007b43));
  background-image: -webkit-linear-gradient(right, #30cfd0 0%, #007b43 100%);
  background-image: linear-gradient(to left, #30cfd0 0%, #007b43 100%);
}

#main h2:before {
  top: 0;
}

#main h2:after {
  bottom: 0;
}
 
.sidebar .widget h3{
	padding-bottom:8px;
	border-bottom:3px solid #007b43;
	font-size:1.1em;
	font-weight:bold;
}

#main h3{
	border-bottom:double #30cfd0 3px;
	margin-bottom:10px;
	padding-bottom:8px;
	font-size:1.1em;
	font-weight:bold;
}

@media screen and (max-width: 640px) {
#main h2 {
	font-size:1.05em;
}
.sidebar .widget h3{
	font-size:1em;
}
#main h3{
	font-size:1em;
}
}


/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */
.wp-caption {
	background: #f1f1f1;
	color: #888;
}

#main .post-content blockquote{
	color:#999;
}




/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */

/* Navigation 
------------------------------------ */

	#header nav{
		font-weight:bold;
	
	}	
	
.home #header{
		background-color:rgba(255,255,255,0.7);
			
	}
	@media (min-width: 641px){
.home #header nav {
    display: block;
    z-index: 999;
    position: relative;
    padding-bottom: 0px;
	background:none;
    margin-bottom: -10px!important;
}
.home #globalnavi li a{
	border-left:1px solid #ccc;
	color:#fff;
}	
	}
	
	@media (min-width: 641px){
#header nav {
    display: block;
    z-index: 999;
    position: relative;
background: rgb(12,208,118);
background: linear-gradient(0deg, rgba(12,208,118,1) 0%, rgba(0,123,67,1) 100%);
	padding-bottom: 0px;
    margin-bottom: -10px!important;
}
 #globalnavi li a{
	border-left:1px solid #eee;
	color:#fff;
}	
	
	}
	.home	#header nav{
background: rgba();
background: linear-gradient(0deg, rgba(12,208,118,0.7) 0%, rgba(0,123,67,0.7) 100%);
	}
	/*#header nav{
	background-color:#009df7;
}*/


#globalnavi li{
}


#globalnavi li:last-child a{
	border-right:1px solid #ccc;
}
.home	#globalnavi a:hover{
background-color:#005b32;
	color:#fff;
}
	#globalnavi a:hover{
background-color:#005b32;
	color:#fff;
}


/* Sidebar
------------------------------------ */
.sidebar .widget li a{
	border-bottom:1px dotted #999;
	color:#222;
}
.sidebar .widget a:hover{
	background-color:#0dbfac;
	color:#fff;
}

/* Footer
------------------------------------ */
	#footer{
background: #007b43;
		color:#fff;
	}	
	
	#pagetop a{
	background-color:#007b43;
	color:#fff;
}
#pagetop a:hover{
	background-color:#0dbfac;
	color:#fff;
}
/*#footer{
	background-color:#cd781c;
	color:#fff;
}*/
#footer .inner li{
	border-right:1px solid #fff;
}


#footer a{
	color:#fff;
}



/* ------------------------------------------
	PC用の下層ページスタイル記述
--------------------------------------------- */

/* ブログ
----------------------------- */

.article{ /* 記事ボックス */
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:0 0 3px #ccc;
}

.article .post-content{ /* 記事本文 */
	border-bottom:1px dotted #ccc;
}

/* コメント部分 
----------------------------- */
#com h3{/* コメントタイトル */
	border-bottom:1px solid #999;
	background-color:#eee;
}
#com .compost{ /* コメント本文 */
	border-bottom:1px dotted #ddd;
}

/* よくある質問
----------------------------- */

#main .faq-article h3{/* Qの背景はここで指定 */
}

#main .faq-comment{/* Aの背景はここで指定 */
}


/* 店舗・会社案内
----------------------------- */
#table_information th,
#table_information td{
	border-bottom:1px dotted #ccc;
}

#table_information td{
}


/* 問い合わせ
----------------------------- */

.form_box .mailform-tbl th,
.form_box .mailform-tbl td{
	border:1px solid #ccc;
}
.form_box .mailform-tbl th{
	background-color:#f0f0f0;
}

.form_box .mailform-tbl td{
	background-color:#fff;
}

/* コース案内
----------------------------- */
.page-course{}

.course-cf dl{/* 各ブロック */
	border:1px solid #ccc;
}
.course-cf dt{
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
}
.course-cf dd .course-price{
}
.course-cf .course-content02{/* 下部コメント */
}



/* メニュー一覧表示
----------------------------- */
#main #item-list li{
	box-shadow:0 0 3px #ccc;
	border:1px solid #ccc;
}




/* 商品メニュー詳細
----------------------------- */

#imagewrap img{
	box-shadow:0 0 3px #aaa;
}

/* タクソノミーTAB風一覧 */
#container #gallery-taxonomy-list{
	border-bottom:2px solid #0b80c3;
}

#container #gallery-taxonomy-list li a{
	background-color:#0b80c3;
	color:#fff;
}
#container #gallery-taxonomy-list li.current-cat a{
}
#container #gallery-taxonomy-list li a:hover{
	background-color:#2b98d6;
}


}
@media screen and (max-width:768px)
 and (min-width:641px){
/* ------------------------------------------
	タブレット用のスタイル記述
--------------------------------------------- */

}
@media screen and (max-width:640px){
/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */
/* メイン画像 */
#main-image{
	padding:0;
}


#globalnavi li a{
background: rgb(12,208,118);
background: linear-gradient(0deg, rgba(12,208,118,1) 0%, rgba(0,123,67,1) 100%);
	border-bottom:1px solid #eee;
	text-decoration:none;
	color:#fff;
	display:block;
	padding:15px 10px;
}
#openmenu2{
	background-color:#007b43;
	color:#fff;
}
.open_menu #openmenu2{
	background:url(images/mobile/icon-list-up.gif) no-repeat 98% center #007b43;
}

#main h2,
.sidebar .widget h3{
/* サイトごとに変更 */
}
.sidebar .widget li a{
/* サイトごとに変更 */
	border-bottom:1px dotted #999;
	color:#333;
}


/*footer*/
#pagetop a{
	background-color:#007b43;
	color:#fff;
}

#footer{
background: #007b43;
 	color:#fff;
}
#footer li a{
	background:url(images/mobile/icon-list.gif) no-repeat 97% center;
	border-bottom:1px solid #eee;
	color:#fff;
	text-decoration:none;
}
#footer #copy{
}
#footer-bottom{
	background-color:#000;
}
#footer-bottom a{
	color:#fff;
	border:1px solid #666;
}
#footer-bottom #f-map a{
}
/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */
/* INDEX
------------------------------------ */
.cont03 li{
	border-bottom:1px solid #ccc;
}

/* よくある質問
----------------------------- */

#main .faq-article h3{
	background-color:#999;
	color:#fff;
}
#main .faq-comment{
	border:1px solid #ccc;
	border-radius:0 0 5px 5px;
}

/* 店舗・会社案内
----------------------------- */

#table_information th,
#table_information td{
	border-bottom:1px dotted #ccc;
}


/* ブログ
----------------------------- */
.article{
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:0 0 3px #ccc;
}

/* 問い合わせ
----------------------------- */
.form_box .mailform-tbl{
}
.form_box .mailform-tbl th,
.form_box .mailform-tbl td{
	border:1px solid #ccc;
}
.form_box .mailform-tbl th{
	background-color:#f0f0f0;
}



/* コース案内
----------------------------- */
.page-course{}

.course-cf dl{/* 各ブロック */
	border:1px solid #ccc;
	border-radius:10px;
}
.course-cf dt{
	border-bottom:2px solid #ccc;
	padding-bottom:7px;
}
.course-cf .course-content02{/* 下部コメント */
}


/* メニュー1行表示
----------------------------- */


/* メニュー一覧表示
----------------------------- */
#item-list{
}
#main #item-list li{
	border:1px solid #ccc;
}
#main #item-list li h3{ /* 1行を超える前に[・・・]で省略 */
}




/* 商品詳細
------------------------------------ */


/* タクソノミータブ
------------------------------------ */

#gallery-taxonomy-list li a{
	color:#fff;
	background:#0b80c3;
	border-radius:5px;
}
}

@media (min-width: 641px) {
.br_onoff {
  display: none;
}
}

@media screen and (max-width: 640px) {
.br_onoff {
  display: block;
}
}

div.yakusoku {
padding: 0.7rem 0.5rem;
  color: #fff;
 background: rgb(255,215,0);
background: linear-gradient(270deg, rgba(255,215,0,1) 0%, rgba(249,89,1,1) 100%);	font-size:1.2em;
	font-weight:bold;
}
	

@media (min-width: 641px){
.home #container {
    margin: 750px auto 20px;
    width: 960px;
}}

@media screen and (max-width: 640px){
.home #main {
    margin-bottom: 50px;
    margin-top: 235px;
}}