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

/* 全体 */
html{ color:#3F3E3E; background-color:#fefbfb;}
legend{ color:#3F3E3E; } 

a{
	color:#fa7885;
}
a:hover{
	text-decoration:none;
	color:#fa9ba4;
}


/* テキストボタン */
.button a{
	background-color:#fa7885;
	color:#fff;
}
.button a:hover{
	background-color:#fa9ba4;
}


/* タイトルパターン */

.sidebar .widget h3{
	background-color:#fa7885;
	margin-bottom:10px;
	font-size:14px;
	padding:5px 10px;
	color:#fff;
}

#main h2{
	font-size:22px;
	margin-bottom:30px;
	padding-left:40px;
	height:50px;
	line-height:50px;
	background:url(images/common/bg_title.png) no-repeat left;
}
#main h3{
	margin-bottom:10px;
	font-size:16px;
	padding-left:40px;
	height:30px;
	line-height:30px;
	background:url(images/common/bg_subtitle.png) no-repeat left;
	border-bottom:1px dotted #fbdcf8;
}

#main .faq-article {
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #ccc;
}

#main .faq-article h3 {/* Qの背景はここで指定 */
	padding: 5px 0 15px 40px;
	background: url(images/pages/faq/bg_q.png) no-repeat left 0px !important;
}

#main .faq-comment {/* Aの背景はここで指定 */
	padding-left: 40px;
	padding-bottom: 20px;
	background: url(images/pages/faq//bg_a.png) no-repeat left 0px !important;
}

#main h4{ font-weight:bold;}

#main{	z-index:100; position:relative;}

/*価格表*/
.price_table{
	width:100%;
	background:#fff;
}
.price_table th.title{
	width:100%;
	background:#E9E6E6;
	text-align:center;
	border-right:2px solid #E9E6E6;

}

.price_table tr{
}

.price_table th,
.price_table td{
	padding:10px;
	border-top:1px solid #E9E6E6;
	border-right:1px solid #E9E6E6;
	text-align:center;
	border-bottom:1px solid #E9E6E6;
	background:#fff;
}
.price_table th{
	width:50%;
	border-left:1px solid #E9E6E6;
}

.price_table td{
	width:50%;
}

/*ギャラリー*/
.gallery_box ul{
	margin-left:-30px;
}

.gallery_box li{
	float:left;
	width:200px;
	margin-left:30px;
	margin-bottom:20px;
	text-align:center;
	
}

.gallery_box li img{
	width:100%;
	height:auto;
	max-height:200px;
	overflow:hidden;
}


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

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



@media all and (min-width:641px){
/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */
h1{ text-align:left; color:#494645;}
#header{
	background:#fefbfb;
	margin-bottom:0px;
}

#header .inner{
	padding:10px 10px 0;
	color:#fff;
}

#header #tel{
	padding-top:10px;
}

#header #logo{
	margin-top:5px;
}


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

#header nav{
	background:#fa7885;	
}

#globalnavi li{
	box-sizing:border-box;
}

#globalnavi li a{
	font-size:14px;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	box-sizing:border-box;
}

#globalnavi li:last-child a{
	/*border-right:1px solid #0b576b;*/
	color:#fff;
	box-sizing:border-box;
}
#globalnavi a:hover{
	background:#fd92a1;
	box-sizing:border-box;
}

/* メイン画像 */
#main-image{
	text-align:center;
	padding:0;
	max-width:1280px;
	min-width:800px;
	overflow:hidden;
	margin:0 auto;
}

#main-image img{
	height:auto;
	width:100%;
}

/* Sidebar
------------------------------------ */
.sidebar .widget li a{
	border-bottom:1px dotted #999999;
	color:#3F3E3E;
}
.sidebar .widget a:hover{
	background-color:#fee2e5;
}

/* Footer
------------------------------------ */
#pagetop a{
	background-color:#fa7885;
	color:#fff;
}
#pagetop a:hover{
	background-color:#fd92a1;
}
#footer{
	background:#fa7885;
	color:#fff;
	position:relative;
}
#footer a{
	color:#fff;
}

#footer .inner{
	z-index:100;
}

#footer .inner li{
	border-right:1px solid #fff;
	z-index:999;
}

#footer .wood_img{
	width:100%;
	height:23px;
	background:url(images/common/bg_footer.png) repeat-x bottom;
	position:absolute;
	top:-23px;
	z-index:0;
}

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

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

.article{ /* 記事ボックス */
padding:0;
}

.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{
	background-color:#fff;
}

#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:none;
	background-color:#fff;
}
.course-cf dt{
	border-top:2px solid #fa7885;
	margin-bottom:10px;
	padding-top:10px;
	font-size:16px;
}
.course-cf dd .course-price{
}
.course-cf .course-content02{/* 下部コメント */
}



/* メニュー一覧表示
----------------------------- */
#main #item-list li {
	border-top:2px solid #fa7885;
	margin: 10px;
	padding: 10px 0 0;
	border-radius: 0;
	list-style: none;
	background: none;
	width: 44%;
	float: left;
}

.page-menu .post_box .image_box_none { display: none; }

#main #item-list li h3 { /* 1行を超える前に[・・・]で省略 */
	background:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



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

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

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

#container #gallery-taxonomy-list li a{
	background-color:#122478;
	color:#fff;
}
#container #gallery-taxonomy-list li.current-cat a{
}
#container #gallery-taxonomy-list li a:hover{
	background-color:#73a6f4;
}


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

}
@media screen and (max-width:640px){
/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */
#header{
	padding:0;
	border-bottom:3px solid #fa9ba4;
	color:#000;
}

#sp-left{ margin-left:20px;}

/* メイン画像 */
#main-image{
	text-align:center;
	padding:0;
	max-width:100%;
	overflow:hidden;
	margin:0 auto 20px;
	position:relative;
}

#main-image img{
	height:auto;
	width:100%;
}

#breadcrumb{
	padding-top:10px;
}

#globalnavi li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #333333));
	background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -o-linear-gradient(top, #333333 0%, #000000 100%);
	background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
	background: linear-gradient(top, #333333 0%, #000000 100%);
	border-bottom:1px solid #333;
	text-decoration:none;
	color:#fff;
	display:block;
	padding:15px 10px;
}
#openmenu2{
	background-color:#000;
	color:#fff;
}
.open_menu #openmenu2{
	background:url(images/mobile/icon-list-up.gif) no-repeat 98% center #000;
}

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


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

#footer{
	background-color:#474646;
	color:#fff;
}
#footer li a{
	background:url(images/mobile/icon-list.gif) no-repeat 97% center;
	border-bottom:1px solid #CDC6C6;
	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{
}

#footer .wood_img{
	display:none;
}
/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */
/* INDEX
------------------------------------ */
.cont03 li{
	border-bottom:1px solid #ccc;
}

/* よくある質問
----------------------------- */
#main .faq-article{
	background-color:#fff;
}

#main .faq-article h3{
	color:#000;
	border-bottom:1px dotted #fbdcf8;
	margin-bottom:10px;
	
}
#main .faq-comment{
	border-radius:0 0 5px 5px;
	background-color:#fff;
}

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

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


/* ブログ
----------------------------- */
.article{
	padding:0;
}

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



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

.course-cf dl{/* 各ブロック */
	border:1px solid #ccc;
	border-radius:10px;
	background-color:#fff;
}
.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;
	background-color:#fff;
}
#main #item-list li h3{ /* 1行を超える前に[・・・]で省略 */
}




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


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

#gallery-taxonomy-list li a{
	color:#000;
	background:#fa9ba4;
	border-radius:5px;
}

/*ギャラリー*/
.gallery_box ul{
	margin-lft:-6%;
}

.gallery_box li{
	float:left;
	width:44%;
	margin-left:6%;
}

.gallery_box li:nth-child(2n+1){
	clear:both;
}

.gallery_box li img{
	width:100%;
	height:auto;
	max-height:none;
	overflow:hidden;
}
}