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

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

legend { color: #000; }

a { color: #2f74d0; }

a:hover { text-decoration: none; }

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

.button a:hover { background-color: #1e90ff; }

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

/* タイトルパターン */
#main h2{
	background-color: #333;
	padding: 7px;
	border-bottom: 5px solid #3c8fff;
	color: #fff;
	font-size:130%;
	font-weight:bold;
}

.sidebar .widget h3 {
	background-color: #333;
	padding: 10px;
	border-bottom: 5px solid #3c8fff;
	color: #fff;
	font-size:110%;
	font-weight:bold;
}

#main h3 {
	border-bottom: 3px solid #999;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size:120%;
}

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

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

@media all and (min-width:641px) {

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

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

#header nav {
	background: #4f4f4f;
	background: -moz-linear-gradient(top, #4f4f4f 0%, #222222 50%, #000000 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(50%, #222222), color-stop(51%, #000000), color-stop(100%, #0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4f4f4f 0%, #222222 50%, #000000 51%, #0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4f4f4f 0%, #222222 50%, #000000 51%, #0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4f4f4f 0%, #222222 50%, #000000 51%, #0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4f4f4f 0%, #222222 50%, #000000 51%, #0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#0a0809', GradientType=0 ); /* IE6-9 */
}

#globalnavi li { }

#globalnavi li a {
	border-left: 1px solid #333;
	color: #fff;
}

#globalnavi li:last-child a { border-right: 1px solid #333; }

#globalnavi a:hover { background: #000000; /* Old browsers */ }

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

/*.sidebar .widget a:hover {
	background-color: #f2f2f2;
	color: #3c8fff;
}*/

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

#pagetop a:hover { background-color: #d0d0d0; }

#footer { background-color: #e7e7e7; }

#footer .inner li { border-right: 1px solid #aaa; }

/* ------------------------------------------
	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 #005EDD; }

#container #gallery-taxonomy-list li a {
	background-color: #005EDD;
	color: #fff;
}

#container #gallery-taxonomy-list li.current-cat a { }

#container #gallery-taxonomy-list li a:hover { background-color: #ED0003; }
}

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

}

@media screen and (max-width:640px) {

/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */

#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 {
	/* サイトごとに変更 */
	font-size:110%;
}

#main h3, .sidebar .widget h3 {
	/* サイトごとに変更 */
	font-size:100%;
}

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

/*footer*/
#pagetop a {
	background-color: #e7e7e7;
	color: #000;
}

#footer { background-color: #e7e7e7; }

#footer li a {
	background: url(images/mobile/icon-list.gif) no-repeat 97% center;
	border-bottom: 1px solid #b3b3b3;
	color: #000;
	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: #2F60FF;
	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: #39F;
	border-radius: 5px;
}
}



/* 追加CSS
------------------------------------ */

#footer .inner li a,#f-txt a,#copy{
	color:#ffffff;
}

.work-midashi{
	background:#3cb371;
	padding:5px 10px;
	color:#ffffff;
	font-size:110%;
}
.work-frame{
	border:2px solid #3cb371;
	padding:10px;
}
.flow-border{
	display:flex;
	align-items:center;
	border-bottom:3px double #3cb371;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:20px;
}
 
.flow-num{
	background:#3cb371;
	padding:2px 10px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
}
 
.flow-title{
	color:#3cb371;
	font-weight:bold;
	padding-left:10px;
}
.midashi-h3-css,.midashi-h5-css{
	background:#3cb371;
	color:#ffffff;
	margin-bottom:10px;
}
.midashi-h3-css{
	padding:5px;
	font-weight:bold;
}
.midashi-h5-css{
	text-align:center;
	padding:2px;
	border-radius:25px;
}

/*デザイナー追加分*/


@media screen and (max-width:640px) {

#globalnavi li a {
color: #000;
background: #fff;
border-bottom: 1px solid #999;
}

#openmenu2 {
background-color: #1e90ff;
color: #FFFFFF;
}
.open_menu #openmenu2{
background-color: #1e90ff;
}

#pagetop a {
background-color: #c5f0d8;
color: #000000;
}
#footer { background-color: #c5f0d8; }
#footer .inner li a,#f-txt a,#copy{
color:#000000;
}

#footer-bottom {
background-color: #1e90ff;
color: #FFFFFF;
}

#footer-bottom a {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}

#footer li a {
border-bottom: 1px solid #fff;
}
}

#main h2 {
background-color: #FFFFFF;
padding: 7px;
letter-spacing: 0.05em;
border-top: 2px solid #3cb371;
border-bottom: 2px solid #1e90ff;
color: #00133d;
text-align: center; }

#main h3 {
border-bottom: 2px solid #1e90ff;
	color: #00133d;
letter-spacing: 0.03em;
margin-bottom: 15px;
padding-bottom: 5px;
}

.sidebar .widget h3 {
background-color: #FFFFFF;
padding: 0px;
border-bottom: 1px solid #1e90ff;
color: #00133d;
letter-spacing: 0.05em;
padding: 5px 8px;
}
@media all and (min-width:641px) {

.sidebar .widget a:hover {
background-color: #FFFFFF;
color: #3cb371;
}
.sidebar #blog-cat a:hover {
color: #3cb371;
}

#globalnavi li a {
border-left: 1px solid #FFFFFF;
color: #FFFFFF;
letter-spacing: 0.08em;
font-size: 105%;
}
#globalnavi li:last-child a {
border-right: 1px solid #FFFFFF;
}

#header nav {
background: #1e90ff;
}
#globalnavi a:hover {
background: #3cb371;
color: #FFFFFF;
}

#footer {
background-color: #1e90ff;
letter-spacing: 0.1em;
}
#pagetop a {
background-color: #1e90ff;
color: #FFFFFF;
letter-spacing: 0.18em;
}
#footer .inner li {
    border-right: 1px solid rgba(253,253,253,0.4);
}
	
#pagetop a:hover {
background-color: #3cb371;
color: #FFFFFF;
}

.button a {
background-color: #1e90ff;
color: #FFFFFF;
}

.button a:hover {
background-color: #3cb371;
color:#FFFFFF;
}
}