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

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

legend { color: #222; }

a { color: #00ade7; }

a:hover { text-decoration: none; }

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

.button a:hover { background-color: #1692EC; }

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

/* タイトルパターン */
#main h2{
	background-color: #333;
	padding: 10px;
	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%;
	margin-top:40px;
}

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


/*デザイナー追加 */
/*背景色 */
@media (min-width: 1025px){
#wrapper{
    background: linear-gradient(to right, #ebfdff, #fdfdfd 15%, #fdfdfd 85%, #ebfdff);
    background: -moz-linear-gradient(to right, #ebfdff, #fdfdfd 15%, #fdfdfd 85%, #ebfdff);
    background: -webkit-linear-gradient(to right, #ebfdff, #fdfdfd 15%, #fdfdfd 85%, #ebfdff);
	}
}

/*ヘッダー部分調整（スマホ） */
@media screen and (max-width: 640px){
#sp-left {
	background-color: #fdfdfd;
	}
}

/* ナビ（PC） */
@media (min-width: 641px){
#header{
	background-color: #fdfdfd;
/*	background-image: url(images/pages/index/bg_header.png);  
    background-size:  auto;*/
	}
#header nav {
	background:#fdfdfd;
	box-shadow: 0 7px 7px 0 rgba(49, 118, 166, .12);
/*	padding: 0.7em 0;
	background: -moz-linear-gradient(to bottom, rgba(110, 46, 55, 0.9), rgba(110, 46, 55, 1));
	background: -webkit-linear-gradient(to bottom, rgba(110, 46, 55, 0.9), rgba(110, 46, 55, 1));
	background: linear-gradient(to bottom, rgba(110, 46, 55, 0.9), rgba(110, 46, 55, 1));
 	margin: 0 0 0.6em 0; */
	}
#globalnavi li a {
	border-left: none;
	border-right: 1px solid rgba(50, 50, 50, 0.2);
   color: #111;
	letter-spacing: 0.08em;
	font-size: 110%;
	padding: 0.8em 0;
	}
#globalnavi li:last-child a {
    border-right: none;
	}
#globalnavi a:hover{
	background: -moz-linear-gradient(to bottom, rgba(0, 191, 255, 1), #00d8de 50%, rgba(5, 234, 176, 1));
	background: -webkit-linear-gradient(to bottom, rgba(0, 191, 255, 1), #00d8de 50%, rgba(5, 234, 176, 1));
	background: linear-gradient(to bottom, rgba(0, 191, 255, 1), #00d8de 50%, rgba(5, 234, 176, 1));	
/*	background: #46d1ff;*/
	color: #fff;
	}
}

/* ナビ（タブ） */
@media screen and (max-width: 768px) and (min-width: 641px){
	#globalnavi li a {
	letter-spacing: 0.01em;
	font-size: 100%;
	}
}

/* ナビ（スマホ） */
@media screen and (max-width: 640px){
#openmenu2 {
	color: #fdfdfd;
	font-weight: 600;
	letter-spacing: 0.08em;
	background: #00bfff;
	}
.open_menu #openmenu2 {
    background: #00bfff;
	}
#globalnavi li a {
	background: rgba(255, 255, 255, 0.96);
	color: #222;
	border-bottom: 1px solid rgba(10,10,10, 0.15);
	letter-spacing: 0.05em;
	}
}

/* メイン画像（スマホ） */
@media screen and (max-width: 640px){
#main-image {
    margin: 0 0 20px 0;
	}
}

/* 左カラム見出し */
#main h2 {
    background: linear-gradient(to right, #00bfff 20%, #51d4ff 60%, #05e8b4 95%);
    background: -moz-linear-gradient(to right, #00bfff 20%, #51d4ff 60%, #05e8b4 95%);
    background: -webkit-linear-gradient(to right, #00bfff 20%, #51d4ff 60%, #05e8b4 95%); 
/*     background: transparent;
    position: relative;*/
    padding: 0.6rem 0.8rem 0.52rem 0.8rem;
    color: #fdfdfd;
    font-size: 135%;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.5;
    border-bottom: 3px solid rgba(255,255,255, 0.7);
    margin-bottom: 15px;
	border-radius: 0;
}
@media screen and (max-width: 640px){
#main h2 {
    font-size: 115%;
	}
}
/*#main h2:before {
	content: '';
    width: 100%;
    height: 1px;
    background-color: #ffa500;
    display: block;
    position: absolute;
    left: 0;
    bottom: -6px;
}
#main h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#0a660a), to(#228b22));
  background-image: -webkit-linear-gradient(left, #0a660a 10%,#228b22 100%);
  background-image: linear-gradient(to right, #0a660a 10%, #228b22 100%);
}*/

/* 右カラムサイズ調整(タブ) 
@media screen and (max-width: 768px) and (min-width: 641px){
.column-right .sidebar, .column-left .sidebar {
	width: 95%;
	}
}*/

/* 右カラム見出し */
.sidebar .widget h3{
	background: none;
	padding: 5px 6px;
	border-bottom: 2px solid #00bfff;
	color: #222;
	letter-spacing: 0.05em;
}

/* 右カラムマウスオーバー（PC） */
@media (min-width: 641px){
.sidebar .widget a:hover {
    background-color: #fdffcd;
    color: #00b1ed;
	}
.sidebar #blog-cat a:hover{
	color: #00b1ed;
	}
}

/* フッター（PC） */
@media (min-width: 641px){
#footer {
	background-color: #00bfff;
/*	  background: linear-gradient(to bottom, #1e90ff, #1961e4 90%);
    background: -moz-linear-gradient(to bottom, #1e90ff, #1961e4 90%);
    background: -webkit-linear-gradient(to bottom, #1e90ff, #1961e4 90%); */
	letter-spacing: 0.1em;
	}
#pagetop a {
    background-color: #00bfff;
    color: #fdfdfd;
    letter-spacing: 0.18em;
	}
#pagetop a:hover {
    background-color: #07e4ac;
    color: #fdfdfd;
    letter-spacing: 0.18em;
	}
#footer .inner li a, #f-txt a, #copy {
	color: #fdfdfd;
	font-size: 103%;
	}
#footer .inner li a:hover ,  #f-txt a:hover{
	color: #fcffb8;
	}
#footer .inner li {
	border-right: 1px solid rgba(253,253,253,0.5);
	}
}

/* フッター（タブ） */
@media screen and (max-width: 768px) and (min-width: 641px){
#footer .inner li{
		padding: 3px 12px;
	}
#footer .inner li a {
		font-size: 95%;
	}
}
		
/*フッター（スマホ） */
@media screen and (max-width: 640px){
#pagetop a {
    background-color: #00bfff;
    color: #fdfdfd;
	letter-spacing: 0.18em;
}
#footer {
   background-color: #00bfff;
	letter-spacing: 0.05em;
	}	
#footer li a {
        border-bottom: 1px solid rgba(253, 253, 253, 0.25);
}
#footer-bottom {
    background-color: #00bfff;
	}
#footer-bottom a {
	color: #fdfdfd;
 	border: 1px solid rgba(253, 253, 253, 0.5);
	letter-spacing: 0.1em;
	width: 11.6%;
	}
}

/*セクション部分の上下の空き（PC） */
@media (min-width: 641px){
#container {
	margin: 35px auto 45px;
	}
}

/*下層小見出し */
#main h3{
	color: #222;
	border-bottom: 3px solid #00d8de ;
	letter-spacing: 0.06em;
	padding: 0.3em 0.7em;
    margin-bottom: 0.8em;
	background-color: transparent;
	border-radius: 0;
}
@media screen and (max-width: 640px){
	#main h3{
		margin-top: 0.9em;
	}
}

/*下層確認ボタン */
#submit-button input{
	margin-bottom: 40px;
	padding: 10px 25px;
	letter-spacing: 0.08em;
}

/*下層採用情報ページ小見出し */
.titleh2{
	  background: transparent;
    color: #222;
    letter-spacing: 0.08em;
    padding: 0.3em 0.5em 0.3em 0.5em;
    border-radius: 0;
    border-bottom: 3px solid #00d8de;
}

/*下層採用情報ページ表下の空きとボタン */
.res-table {
	margin-bottom: 45px;
}

/*下層お問い合わせページ小見出し */
h4.tel_title{
	background: #1e90ff;
	color: #fdfdfd;
   letter-spacing: 0.08em;
	padding: 0.3em 0.7em;
	border-radius: 0;
}
/*下層ブログ・お知らせ記事調整 */
.page-id-153 #main h3{
	font-size: 140%;
	margin: 0.9rem 0.3rem;
	padding: 0.3em 0.1em;
	border: none;
}
.category #main .page-defaultblog .post-content h3.post-title {
	font-size: 140%;
	line-height: 1.5;
	margin: 0.9rem 0.3rem;
	padding: 0.3em 0.1em;
}

/*下層・フォーム */
@media (min-width: 641px){
.form_box .mailform-tbl td {
    background-color: #fcfcfc;
	}
}
@media screen and (max-width: 640px){
.form_box .mailform-tbl td {
    background: #fcfcfc;
	}
}
.form_box.common-content{
	margin-top: 30px;
}

/*トップ・バナー調整*/
@media screen and (max-width: 640px){
#main section.mt30 {
	margin-bottom: 55px;
	}
}
@media (min-width: 641px){
#main section.mt30 {
	margin-bottom: 55px;
	}
}

/*下層・料金表*/
#room-tab th{
	background-color: #e0fae0;
	letter-spacing: 0.3em;
	padding: 0.5em;
}
#room-tab td {
	font-size: 115%;
}

/*ヘッダー位置微調整*/
@media (min-width: 641px){
#logo{
	margin: 0.35em 0 0.3em;
	}
#tel {
	margin: 0.2em 0 0.3em;
	}
}

/*パンくず微調整*/
@media screen and (min-width: 641px){
#breadcrumb {
	margin: 25px auto 10px;
	}
}
@media screen and (max-width: 640px){
#breadcrumb {
	margin: 3% 5% 4%;
	}
}

/*トップ・セクションバナー3つの画像下とスマホ時の区切り線の調整 */
@media (min-width: 641px){
#main section.cont03 p.tac {
    margin-bottom: 0.5em;
	}
}
@media screen and (max-width: 640px){
#main section.cont03 p.tac {
    margin-bottom: 0.5em;
	}
.cont03 li {
    margin-bottom: 2.5em;
    padding-bottom: 1.7em;
	}
}

/*　下層・文字横幅調整　*/
@media screen and (max-width: 768px) and (min-width: 641px){
.content_box_r {width:47% !important;}
.content_box_l {width:47% !important;}
}

/*　下層・お問い合わせページ見出し　*/
.my_1{
	 background:#00d8de;
/*	  background: linear-gradient(to right, #51d4ff 0%, #00d8de 35%, #00d8de 65%, #51d4ff 100%);
    background: -moz-linear-gradient(to right, #51d4ff 0%, #00d8de 35%, #00d8de 65%, #51d4ff 100%);
    background: -webkit-linear-gradient(to right, #51d4ff 0%, #00d8de 35%, #00d8de 65%, #51d4ff 100%); */
	border-radius: 0.3em;
	letter-spacing: 0.08em;
   font-size: 105%;
	margin-bottom:-1.25em;
	padding: 0.25em 0.7em;
}
.my_2{
	border: 1px solid #777;
	border-radius: 0.3em;
	margin-bottom: -1.25em;
}
/*デザイナー追加 ここまで*/