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

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

a{
	color:#666;
}
a:hover{
	color:#999;
	text-decoration:none;
}


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

/* メイン画像 */
#main-image{

}


/* タイトルパターン */
.sidebar .widget h3{
	background:#3399FF;
	color:#fff;
	padding:10px 10px 10px 15px;
	border:3px solid #f5a676;
}



.no-border{
	border: none;
}

.bg-color01{
	background-color: #fff;
	margin:0 -200%;
	padding:5px 200% 50px 200%;
}

.bg-color02{
	background-color: #F3F0EA;
	margin:0 -200%;
	padding:5px 200% 50px 200%;
}

.bg-color03{
	background-color: #E8E8E8;
	margin:0 -200%;
	padding:5px 200% 50px 200%;
}


.bg-white{
	background-color: #fff;
	padding-top: 10px;
	margin-top: -10px;
	padding-bottom: 100px;
}

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

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

/*新着情報用　カテゴリカラー設定
追加の際は.category-○○○の○○○にカテゴリスラッグ名を記述*/
#index_news .category-news{
	background-color: #3399FF;
}

/* Footer
------------------------------------ */
#pagetop a{
	color:#000;
}
#pagetop a:hover{

}

@media all and (min-width:641px){
/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */

/* Navigation
------------------------------------ */
#header{

}


#header nav{
	background-color:rgba(255,255,255,0.8);
}


#globalnavi li{
}
#globalnavi li a{
	color:#000;
}

#globalnavi li:last-child a{

}
#globalnavi a:hover{
	color: #777;
	background-color: #aaa;
}


/* Sidebar
------------------------------------ */
.sidebar .widget li a{
	border-bottom:1px dotted #999;
	color:#666666;
}
.sidebar .widget a:hover{
	background-color:#ffefe5;
}





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

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

.article{ /* 記事ボックス */
	border:1px solid #102f65;
	background-color:#fff;
}

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

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

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

#main .faq-article h3{/* Qの背景はここで指定 */
	border-bottom:1px solid #d7d7d7;
	border-left:none;
}

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


/* 店舗・会社案内
----------------------------- */
#table_information th,
#table_information td{
}

#table_information td{
}


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

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

.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 #ffa26b;
}

#container #gallery-taxonomy-list li a{
	background-color:#ffa26b;
	color:#fff;
}
#container #gallery-taxonomy-list li.current-cat a{
}
#container #gallery-taxonomy-list li a:hover{
	background-color:#ffb589;
}


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

}
@media screen and (max-width:640px){
/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */

.contents-box .longtext{
	width: auto;
}

.contents-box {

}

#header{
	color:#fff;
	padding-bottom:5px;
}

#main-image{
	text-align:center;
	padding:20px 0 20px;
}

#openmenu2{
	background-color:#000;
	color:#fff;
}
.open_menu #openmenu2{
	background:url(images/mobile/icon-list-up.gif) no-repeat 98% center #000;
}


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



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

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

#main .faq-article h3{
	background-color:#888888;
	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 #102f65;
	background-color:#fff;
}

/* 問い合わせ
----------------------------- */
.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:#ffa26b;
	border-radius:5px;
}

}