@CHARSET "UTF-8";
/**
 * Theme Name: Salon-theme
 * Description: Salon用のテーマ(1)
 * Version: 1.0
 * Author: Ohishi Ryosuke
 * Author URI: http://showcase-official.com/
 */
 
  /*reset$setup*/
@font-face
{
font-family: axisstd-ultralight;
src: url("/wp-content/themes/zero/axis/axisstd-ultralight.otf")
     format("truetype");
}

@font-face
{
font-family: axisstd-light;
src: url("/wp-content/themes/zero/axis/axisstd-light.otf")
     format("truetype");
} 

@font-face
{
font-family: axisstd-extralight;
src: url("/wp-content/themes/zero/axis/axisstd-extralight.otf")
     format("truetype");
} 

@font-face
{
font-family: axisstd-bold;
src: url("/wp-content/themes/zero/axis/axisstd-bold.otf")
     format("truetype");
} 

@font-face
{
font-family: axisstd-regular;
src: url("/wp-content/themes/zero/axis/axisstd-regular.otf")
     format("truetype");
} 

 
*{ margin: 0;padding: 0; }
a { text-decoration : none; color: #464645; }
ul, ol { list-style : none}

.clear{ clear: both; }
a img{border: none;}
img a{ border: none; }
img { max-width : 100%}
html {font-family: axisstd-light,"KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-size : 14px; letter-spacing: 0.1em; line-height : 1.5; color: #464645; }
p{ line-height: 1.8em; }


html,body{ width: 100% !important; height: 100% !important; position: relative; }
body{ -webkit-text-size-adjust: 100%; overflow-x: hidden; height: 100% !important;}

#container-op{ height: 100%; width: 100%; background: white; position: absolute; top: 0px; text-align: center;}
#first_img img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 10%;
}

#container-audio{ height: 100%; width: 100%; background: rgba(25,45,96,0.9); position: absolute; top: 0px; z-index: 100; text-align: center;}
/*ここからcss*/

#play{ background: none; width: 100%; border: none; }
#stop{ display: none; }
 

/*------------------------------------------------------ここからがPC版のデザインです------------------------------------------------------*/

/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */
@media screen and (min-width: 320px) and (max-width: 499px){

#container-audio{ text-align: center; }
#container-audio h1{ width: 15.2%; margin-right: auto; margin-left: auto; padding-top: 20%; padding-bottom: 3%;}
#container-audio #play img{ width: 28.3%; }
	
#first_img{ width: 100% !important; text-align: center; }	
#first_img img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 25%;
}
#first_img .img01 img{ position: relative !important; width: 73px !important; margin-bottom: 10px; margin-right: auto; margin-left: auto; padding-top: 40%; padding-right: 3px;}
#first_img .img02 img{ position: relative !important; width: 109px !important; margin-right: auto; margin-left: auto;}		
	
#menu{ display: none; }
	#navi{ display: none; }
	#menu-s{ z-index: 10; position: absolute; top: 10px; right: 8.3%;  }
	#menu-s #toggle{ float: right; text-align: center;}
	#menu-s #toggle img{ height: 20px; margin-top: 10px;}
	#navi{ width: 100%; float: right; text-align: right; z-index: 100; background: rgba(25,45,96,0.9); padding-right: 7.81%; padding-left: 7.81%;
	padding-bottom: 20px; padding-top: 20px; margin-top: 30px; position: relative; left: 14%;}
	#navi li{ margin-top: 7px; margin-bottom: 7px; }
	#navi li a{ color: white; text-align: right; font-size: 18px; padding-top: 5px; padding-bottom: 5px; }

 
/* トップページ 《PC》 */ 
#container{ width: 100%; height: 100%;  positon: relative;}
#header{ background-image: url("/wp-content/themes/zero/img/headback.png"); background-size: cover; height: 60px; width: 100%; z-index: 10; position: absolute; top: 0px;}
#header #header-child{ width: 81.403%; min-width: 300px; margin: 0px auto; height: 100%; }
#header #headerimg{ float: left; height: 100%; }
#header #headerimg h1 a img{ height: 48px; position: relative; bottom: 0px; padding-top: 5px; padding-left: 0px;}
#header #header-child #menu{ float: right; height: 100%; vertical-align: middle; }
#header #header-child #menu ul{ height: 100%; display:table; table-layout: fixed; position: relative; left: 15px;}
#header #header-child #menu .menu a{ color: white; margin-left: 0px; margin-right: 25px; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; }
#header #header-child #menu .menu .current a{ color: rgb(198,158,98); }
#header #header-child #menu .menu .home-current a{ color: rgb(198,158,98) !important; -webkit-font-smoothing: subpixel-antialiased;}
#container #header #header-child #menu .menu a{ color: white; margin-left: 0px; margin-right: 25px; font-size: 13px;  }
#header #header-child #menu .menu li{ height: 100%; display: block; display:table-cell; vertical-align:middle; }

#container .bxslider{ height: 100%; width: 100%;  position: absolute; top: 0px; z-index: 5;}
#container .bxslider li{ z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }
#content1{ background-image: none; background-size: cover; z-index: 8; height: 100%; width: 100%; position: absolute; top: -0px; text-align: center; background-position:bottom;}
#content1 h2{ width: 65.24%; margin: 0px auto; padding-top: 40%;}
#content1 h2 img{ margin-right: auto; margin-left: auto; }
#content2{ background-image: url("/wp-content/themes/zero/img/slide-02-sp.jpg"); background-size: cover; background-position: bottom; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }
#content2 h2{ width: 71.29%; padding-top: 30%; margin-right: auto; margin-left: auto; text-align: right;}
#content2 h2 img{ float: right; width: 35%;}
#content3{ background-image: url("/wp-content/themes/zero/img/top-3-2.jpg"); background-size: cover; background-position: bottom; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }

#footer{ background: rgba(25,45,96,0.95); position: absolute; bottom: 0px; width: 100%; min-height: 20px; z-index: 30; padding-top: 20px;}
.foot-bottom{ position: absolute; bottom: 0px; text-align: center; background: rgba(255,255,255,0); width: 100%;}
.foot-bottom-child{ width: 81.403%; min-width: 300px; margin: 0px auto; color: white; font-size: 10px; line-height: 25px;}

#pc{ display: none; }
#footer .content-gallery{text-align: center; position: relative; bottom: 20px;}
#footer .content-gallery ul{ width: 100%; }
#footer .content-gallery ul li{ float: left; width: 33.33333%; }
#footer .content-gallery ul li img{ width: 100%; height: auto; }


/* 個別ページ */ 
#container-2{ width: 100%; height: auto; positon: relative; }
#content-sub #content-child{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-top: 20%; padding-bottom: 20%; }

#content-sub #content-child h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; }
#content-sub #content-child h2 .h2-mini{ font-size: 14px; margin-left: 1%;}

#content-sub-2{ background: rgba(255,255,255,0); }
#content-sub-2 #content-child-2{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-top: 20%; padding-bottom: 10%; background: rgba(255,255,255,0);}

#content-sub-2 #content-child-2 h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500;}
#content-sub-2 #content-child-2 h2 .h2-mini{ font-size: 14px; margin-left: 1%;}
.content-gallery .gallery-list{ width: 49%; height: auto; margin-bottom: 2%; margin-right: 1%; float: left;}
.content-gallery .gallery-list img{ height: auto; }
.content-gallery .gallery-list h2{ font-size: 10px !important; width: 100%; text-align: center;}
.content-gallery .gallery-list h2 a{ font-size: 13px; }


#content-sub-2 #content-child-2 h2.gallery-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 50% !important;}
#gallery-navi{ float: right; margin-bottom: 20px; width: 100%; margin-right: 2px;}
#gallery-navi li{ float: right; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; margin-left: 2px; margin-bottom: 3px; }
#gallery-navi li a{ color: white; }
#gallery-navi li.active{ background: none; }
#gallery-navi li.active a{ color: rgba(198,158,98,0.8); }

a.gallery-cat-name{ float: right; color: rgba(198,158,98,0.8); margin-top: 12px; margin-right: 0px;}

/*ブログ*/

#content-sub-2 #content-child-2 h2{ font-size: 16px; }

#content-sub-2 #content-child-2 h2.blog-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 50% !important;}
#content-sub-2 #content-child-2 h2.gallery-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 100% !important;}
.categories{ float: right; list-style: none; margin-top: 10px;}
.categories h2{ display: none; }
.categories li{ float: left; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; margin-left: 10px; margin-bottom: 20px; }
.categories li a{ color: white; }

.blog{ min-height: 1300px; }
.blog .article{ width: 100%; margin-right: 0.3%; float:left; position: relative; margin-bottom: 2%;}
.blog .article img{ height: auto; }
.blog .article img:hover{ opacity: 0.85; }
.blog .article .post-date{ position: absolute; top: 0px; left: 0px; background: rgba(25,45,96,0.8); padding: 5px 10px 5px 10px; color: white; font-size: 11px; }
.blog .article .post-cat{ position: absolute; top: 0px; right: 0px; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; color: white; font-size: 11px; }
.blog .article .post-cat a{ color: white; }
h2.entry-header{ font-size: 18px !important; color: rgba(198,158,98,1.0); float: right;}

.blog .article .article-bottom{ background: rgba(255,255,255,1.0); padding: 10px; min-height: 150px;}
.blog .article .article-bottom .post-title h2 a{ font-size: 16px; font-family: axisstd-light;}
.excerpt{ font-size: 11px; }
.blog .navigation{ width: 100%; font-family: axisstd-light; margin-top: 1%;}
.blog .navigation .previous-entries{ float: left; }
.blog .navigation .next-entries{ float: right; }

navigation{ width: 100%; font-family: axisstd-light; margin-top: 1%;}
.navigation .previous-entries{ float: left; }
.navigation .next-entries{ float: right; }

#footer-2{ background: rgba(25,45,96,0.95); width: 100%; min-height: 20px;}
#footer-2 .foot-bottom{ position: relative; text-align: center; width: 100%;}
#footer-2 .foot-bottom-child{ width: 81.403%; min-width: 300px; margin: 0px auto; color: gray; padding-top: 0.4%; padding-bottom: 0.4%;}

/* ブログページ/シングル */

#content-single-blog{ background: rgba(255,255,255,1.0); }
#content-child-blog{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-top: 20%; padding-bottom: 10%; }
#content-single-blog .content-child-blog{ width: 100%; margin: 0px auto;  background: rgba(255,255,255,0); }
#content-single-blog #sidebar{ width: 90%; float: right; background: rgba(136,136,136,0.1); padding: 5%;}

#content-single-blog #content-child-blog .post-date{ font-family: axisstd-light; color: rgb(25,45,96); float: left;}
#content-single-blog #content-child-blog .post-cat{ float: right; }
#content-single-blog #content-child-blog .post-cat a{ color: rgb(198,158,98); }
#content-single-blog #content-child-blog h2{ font-size: 24px; margin-bottom: 3%; font-weight: 500; letter-spacing: -0.05em;}
#content-single-blog #content-child-blog .entry p{ margin-bottom: 2%; font-size: 15px; text-align: justify; font-family: axisstd-light; letter-spacing: -0.01em; line-height: 2.0em;}
#content-single-blog #content-child-blog .entry p img{ width: 100%; height: auto; }
#content-single-blog #content-child-blog .entry p iframe{ max-width: 100%; height: auto; }

.archive-blog{ padding-top: 10%; }

.sidebar #relation h2{ font-size: 20px !important; width: 100%; text-align: center;}
.sidebar { width: 80%; margin-right: auto; margin-left: auto; margin-top: 200px; }
.sidebar li{ margin-bottom: 20px; }
.sidebar .excerpt{ font-size: 11px; text-align:justify; color: rgb(170,170,170);}
.sidebar a{ color: rgb(198,158,98); margin-bottom: 10px;}
.sidebar img{ height: auto;}

.navigation{ margin-top: 40px; }
.navigation span.previous-entries{ background: rgb(198,158,98); color: white; margin-top: 10px;}
.navigation span.next-entries{ background: rgb(198,158,98); color: white; margin-top: 10px;}
.navigation span a{ color: white; display: block; padding: 10px; padding-top: 5px; padding-bottom: 5px; }


/* ギャラリー/シングル */

#content-single-gallery{ background: rgba(255,255,255,1.0); }
#content-child-gallery{ width: 81.403%; min-width: 300px; min-height: 400px; margin: 0px auto; padding-top: 20%; padding-bottom: 10%; }
#content-single-gallery .content-child-gallery{ width: 100%; margin: 0px auto;  background: rgba(255,255,255,0); float: left;}
#content-single-gallery .gallery-entry p img{ width: 100%; height: auto; margin-bottom: 3%;}
#content-single-gallery .wp_social_bookmarking_light{ margin-top: 3% !important; }
#content-single-gallery .post-title h2{ font-size: 24px; margin-bottom: 3%; font-weight: 500; letter-spacing: -0.05em; float: left;}
#content-single-gallery .gallery-entry p{ width: 100%; text-align: justify; letter-spacing: -0.01em; line-height: 2.0em; font-size: 15px; }

/* プロフィール */

#content-profile{ background: rgb(255,255,255); padding-top: 20%;}
#content-profile-child{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-bottom: 7%;}
.rinen-rink{ text-align: center;}
.rinen-rink img{ width: 150px; margin-top: 35px; margin-bottom: 20px;}
#content-profile h2{ font-weight: 500; font-size: 12px; text-align: center;}
#content-profile h3{ font-weight: 500; font-size: 36px; margin-bottom: 3%; text-align: center;}
#content-profile h3 .roma{ font-size: 12px; margin-left: 1%; }
#content-profile p{ margin-bottom: 1%; font-family: axisstd-light; font-size: 14px; text-align: justify;}
.prof-img{ margin-top: 20px; margin-bottom: 20px; }

/* 理念 */
#container-rinen::before {
  background:none no-repeat left top;
  background-image:url("/wp-content/themes/zero/img/rinen-sp5.jpg");
  background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
}   
#container-rinen{ width: 100%; height: auto; min-height: 100%;  positon: relative; }
#container-rinen #header{ background-image: url("/wp-content/themes/zero/img/headback2.png"); background-size: cover; height: 60px; width: 100%; z-index: 20; position: absolute; top: 0px;}
#content-rinen{  background-attachment:fixed; background-repeat: no-repeat; background-size: cover; padding-top: 20%;}
#content-rinen #content-rinen-child{ padding-bottom: 5%; }
#content-rinen h2{ width: 64.45%; margin-right: auto; margin-left: auto; margin-bottom: 5%; margin-top: 5%;}
#content-rinen h3{ width: 81.403%; min-width: 300px; margin: 0px auto; }
#content-rinen h3 img{ width: 44%; }
#content-rinen p{ width: 81.403%; min-width: 300px; margin: 0px auto; margin font-weight: 500; font-size: 16px; line-height: 1.8em; letter-spacing: -0.02em; text-align: justify; color: white; padding-bottom: 10px; }

/* メニュー */

#container-menu{ width: 100%; height: auto; min-height: 100%; positon: relative; }
#content-menu{  padding-top: 20%;}
#content-menu-child{ width: 81.403%;  margin: 0px auto; padding-bottom: 7%; max-width: 1224px;}
#content-menu h2{ font-weight: 500; font-size: 36px; margin-bottom: 3%; color: rgba(25,45,96,1.0); font-family: axisstd-light; margin-right: auto; margin-left: auto; text-align: center;}
#content-menu .h2-mini{ font-size: 14px; margin-left: 1%;}
#content-menu h3 .roma{ font-size: 12px; margin-left: 1%; }
#content-menu p{ margin-bottom: 1%; font-family: axisstd-light; font-size: 14px; }

#content-menu #menu-id{ text-align: center; }
#content-menu #menu-id{ color: rgba(25,45,96,0.9); }
#content-menu #menu-id a{ color:rgba(25,45,96,0.9); }
#content-menu #menu-id li{ width: 100%; margin-bottom: 8%; position: relative; margin-right: auto; margin-left: auto;}
#content-menu #menu-id li img{ width: 100%;}
#content-menu #menu-id li h3{ font-size: 19px; font-weight: 500; padding-bottom: 3px; width: 90%; border-bottom: solid 1px rgba(25,45,96,0.9); margin-right: auto; margin-left: auto;}
#content-menu #menu-id li h3.dead{ width: 90%; border-bottom: solid 1px rgba(25,45,96,0.9); margin-right: auto; margin-left: auto; display: block; padding-top: 0px; margin-bottom: 10%;}
#content-menu #menu-id li .fee{ font-size: 21px; font-family: axisstd-regular;}
#content-menu #menu-id li .yen{ font-size: 12px; font-family: axisstd-regular;} 
#content-menu #menu-id .menu1-class{  min-height: 467px;}
#content-menu #menu-id .menu2-class{  min-height: 467px;}
#content-menu #menu-id .menu3-class{  min-height: 467px;}
#content-menu #menu-id .menu3-class h3{ color: rgb(198,158,98) !important; width: 100% !important; border-bottom: solid 1px rgb(198,158,98);}
#content-menu #menu-id .menu3-class h3.dead{ border-bottom: solid 1px rgb(198,158,98); width: 100% !important; }
#content-menu #menu-id .menu3-class .fee{color: rgb(198,158,98) !important; }
#content-menu #menu-id .menu3-class .yen{color: rgb(198,158,98) !important;}
#content-menu #menu-id li .menu1-class-child{ padding: 10px; text-align: center; width: 85%; margin-right: auto; margin-left: auto;}
#content-menu #menu-id p{ text-align: justify; padding-top :10%; width: 100%; margin-right: auto; margin-left: auto; font-size: 13px; letter-spacing: 0.02em;color: rgb(136,136,136);}
#content-menu #menu-id p img{ width: 100%; padding-top :5%; padding-bottom :1%; position: relative;}
#content-menu #menu-id .menu-img{ width: 100%; padding-top :5%; padding-bottom :1%; position: relative; }

a.gallery-cat-name-menu{ font-size: 11px; }

#mes{ font-family: axisstd-regular; width: 100%; margin-right: auto; margin-left: auto; font-size: 12px; color: rgb(136,136,136); text-align: center; margin-top: 20px; margin-bottom: 40px;}
.mes{ font-size: 11px; margin-top: 5px;}

#content-menu #contact-banner{ width:100%; margin-right: auto; margin-left: auto; margin-top: 60px;}
#content-menu .contact-tel{ background: rgba(25,45,96,0.9); display: table; text-align: center; border-radius: 5px; width: 100%; color: white; margin-bottom: 20px;}
#content-menu .contact-tel .contact-tel-child{ padding: 10px;}
#content-menu .contact-tel h4{ font-size: 17px;  font-weight: 500; vertical-align:middle;} 
#content-menu .contact-tel h4 span{ font-size: 11px; }
#content-menu .contact-tel h4 a{ color: white; }
#content-menu .contact-web{ background: rgb(198,158,98); display: table; width: 100%; border-radius: 5px;}
#content-menu .contact-web a{ font-size: 19px; color: white; font-weight: 500; vertical-align:middle; display:block; text-align: center; padding: 10px;}
#content-menu .contact-web a:hover{ background: rgba(89,87,87,1.0); }

.card-ban{ margin-top: 15px; width: 100%; margin-right: auto; margin-left: auto;}
.card-ban img{ width: 100%; margin-right: auto; margin-left: auto;}
.card-ban img:hover{ opacity: 0.95; }
.card-ban .pc{ display: none; }

/*Google map*/

#container-access{ width: 100%; height: auto; min-height: 100%; background: white; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; positon: relative; }

.google-map-placeholder{ border: none !important; height: 250px !important;}
.map-adress{ font-size: 17px; margin-bottom: 2%; }
.map-adress-tel{ margin-top: 2%; font-size: 24px; }
.map-adress-info{ font-size: 10px; }
.map-tel{ font-size: 14px; margin-right: 1%; }
.map-h3{ font-size: 24px; margin-top: 3%; margin-bottom: 1%; font-weight: 500;}
#map{ background: rgba(136,136,136,0.1); padding: 3%; padding-top: 4%; padding-bottom: 4%;}


/*総合お問い合わせ*/

#contact-all{ padding-top: 14%; }
#contact-all input{ border-radius: 5px; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 10px; }
#contact-all textarea{ border-radius: 5px; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 10px; }
#contact-all .wpcf7-submit{ margin-bottom: 40px; }
#contact-all a{ font-size: 13px; color: white; background: rgb(198,158,98); padding: 10px; border-radius: 5px; display: block; margin-top: 10px;}
#contact-all a:hover{ background: rgba(198,158,98,0.8); }


/*設定書き換え*/



.calendar-title{ display: none; }
.monthly-calendar{ margin-top: 2%; }
.calendar-caption{ height: 40px; line-height: 40px; background:rgba(25,45,96,0.9); border-radius: 40px; width: 200px; margin-bottom: 20px; color: white; font-family: axisstd-light;}
.header-row{ font-family: axisstd-light; }
.monthly-prev{ height: 30px; line-height: 30px; background:rgba(25,45,96,0.8); border-radius: 30px; width: 200px; color: white; margin-top: 20px; text-align: center;}
.monthly-prev:hover{ background:rgba(25,45,96,0.9); }
.monthly-prev a{ color: white;  }
.monthly-next{ height: 30px; line-height: 30px; background:rgba(25,45,96,0.8); border-radius: 30px; width: 200px; color: white; margin-top: 20px; text-align: center;}
.monthly-next:hover{ background:rgba(25,45,96,0.9); }
.monthly-next a{ color: white;  }

.day-box{ background: rgba(25,45,96,0.1); padding-top: 2% !important; padding-bottom: 2% !important;}
.day-box:hover{ background: #dcdcdc; }
.day-box.today{ background-color: rgba(25,45,96,0.8) !important; }
.day-box.today .calendar-mark a{ color: white !important; }
.day-box.today .day-number{ color: white !important; }
.day-box.sat{ background: rgba(25,45,96,0.2); }
.day-box.sat .day-number{ color: rgb(25,45,96) !important; font-family: axisstd-light; }
.day-box.sun{ background: rgba(234,94,113,0.3); }
.day-box.sun .day-number{ color: rgb(25,45,96) !important; }
.day-number{ color: rgb(25,45,96); font-family: axisstd-light;}
.calendar-mark{ color: rgb(25,45,96); }
.calendar-mark a{ color: rgb(25,45,96); }

.monthly-prev-next{ font-family: axisstd-light; }
.monthly-prev-next a{ font-family: axisstd-light; }


.mtssb-timetable-link{ margin: 0px auto; font-family: axisstd-light; width: 100% !important;}
.mtssb-daily-action{ margin: 0px auto; width: 100%; }
.mtssb-daily-action button{ background: rgba(25,45,96,0.9); border: none; height: 30px; line-height: 30px; width: 100px; text-align: center; border-radius: 30px; font-size: 13px; color: white; margin-top: 30px; font-family: axisstd-light;}
.day-left{ background: rgba(25,45,96,0.8); border: none !important; color: white; font-weight: 500;}
.day-right{ background: rgba(25,45,96,0.6); border: none !important; color: white; font-weight: 500;}

.monthly-calendar th{ font-weight: 300 !important; }

.mtssb-timetable-date{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.mtssb-timetable-name{ display: none; }
.booking-timelink{ color: white; }
.day-right .calendar-mark a{ color: white !important; }

#booking-form{ font-family: axisstd-light; }
.booking-form-people-number-row{ display: none; }
legend{ display: none; }
#booking-reservation-fieldset{ border: none; }
#booking-option-fieldset{ border: none; }
#booking_client-fieldset{ border: none; }
#booking-message-fieldset{ border: none; }
.content-form button{ line-height: 0px !important; }

.content-form{ font-weight: 400; font-size: 16px; letter-spacing:-0.1em; width: 100%; margin: 0px auto; position: relative; bottom: 50px;}
#booking-reservation-fieldset{ margin: 0px; padding: 0px; }
#booking-reservation-fieldset li{ background: rgba(25,45,96,0.8); width: 300px; text-align: center; padding-bottom: 10px; padding-top: 10px; border-radius: 40px; margin-top: 20px; color: white; }
#op_child{ line-height: 1.8em; margin-left: 10px; position: relative; bottom: 10px;}
#client-name{ border-radius: 30px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 5px; margin-top: 10px; margin-bottom: 10px;}
#client-email{ margin-bottom: 10px; }
#client-tel{ border-radius: 30px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 5px; margin-top: 10px; margin-bottom: 10px;}
.content-text{ margin-bottom: 30px; border-radius: 10px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 10px; margin-top: 10px; }
#booking-option-fieldset{ margin: 0px; }
#booking_client-fieldset ul{  margin-bottom: 0px; }
#booking_client-fieldset ul li{ margin-top: 20px; }
.content-form button{ background: rgba(25,45,96,0.9); border: none; height: 30px; line-height: 30px; width: 100px; text-align: center; border-radius: 30px; font-size: 13px; color: white; }
#booking-message-fieldset{  margin-bottom: 0px; }
#label_1{ margin-top: 30px; }
#booking-reservation-fieldset{ height: auto; }

#content-sub{ background: white; }
#content-sub #content-page-child{ width: 90.403%; min-width: 300px; margin: 0px auto; padding-top: 45%; padding-bottom: 130px; }



/*ハンドorフットの注釈*/.option-note{ width: 95% !important; margin-top: 10px; font-size: 12px; display:block !important; line-height: 1.5em;}

#airish_info{ float: right; padding-right: 5%; position: relative; top: 80px; color: rgb(198,158,98); text-align: right;
font-size: 10px; }
#airish_info a{ color: rgb(198,158,98); }

.yoyaku-page{ padding-top: 5% !important; }

/*サンクスページ*/

#thank{ min-height: 400px; margin-top: 0px;}
#thank{ font-size: 21px; text-align: center; }
#thank p{ color: rgba(25,45,96,0.9); font-family: axisstd-light;}
#thank img{ width: 150px; height: auto; margin-top: 30px;}


/*特別招待券ページ*/
#container-card #header{ background-image: url("/wp-content/themes/zero/img/headback2.png"); background-size: cover; height: 60px; width: 100%; z-index: 20; position: absolute; top: 0px;}

.content-card-right{ background-image:url("/wp-content/themes/zero/img/card-sp-2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right; }
.content-card-right img{ width: 85px; padding-left: 35px; padding-top: 80px; padding-bottom: 50px;}

.content-card-left{ width: 100%; margin-right: auto; margin-left: auto; }
.content-card-left h2{ padding-top: 30px; width: 96%; margin-right: auto; margin-left: auto;} 
.content-card-left p{ font-size: 14px; text-align: justify; margin-top: 20px; font-family: axisstd-light; letter-spacing: 0.01em; width: 90%; margin-right: auto; margin-left: auto; width: 80%; margin-right: auto; margin-left: auto;}
.content-card-left p.sp{ color: white; width: 75%; margin-right: auto; margin-left: auto;}
.content-card-left .pc{ display: none; }
#card-about-2 h2{ width: 230px; margin-right: auto; margin-left: auto; margin-top: 0px; }
#card-about-2 p{ letter-spacing: 0.01em; }
.content-card-left .gold{ margin-top: 10px; }
.content-card-left .white{ width: 96%; margin-right: auto; margin-left: auto; }
.content-card-left h3{ font-size: 25px; font-weight: 300; margin-top: 30px; color: rgb(198,158,98); font-family: axisstd-light; margin-right: auto; margin-left: auto; text-align: center;}
.content-card-left p.about{ margin-top: 0px; color: rgb(198,158,98); font-family: axisstd-light; margin-top: 10px; margin-bottom: 30px;}


#content-card-2{ background: rgba(252,236,219,0.3); background-repeat: no-repeat; background-size: cover; background-position: right; padding-top: 30px; border-top: solid 1px #dcdcdc; text-align: center; font-family: axisstd-light; }
.content-card-left-2 h2{ font-size: 25px; font-weight: 300; letter-spacing: 0.01em; text-align: center; margin-bottom: 10px;}
.content-card-left-2 h3{ font-size: 13px; font-weight: 300; width: 80%; margin-right: auto; margin-left: auto; margin-bottom: 20px; letter-spacing: 0.01em; text-align: justify; line-height: 1.8em;}
.content-card-left-2 .pc{ display: none; } 
.content-card-left-2 p{ font-size: 14px; line-height: 2.8em; }
.content-card-left-2 input{ border-radius: 3px; border: 1px solid #dcdcdc; padding: 10px; width: 85%; margin-bottom: 15px;}
.form-right{  }
.wpcf7-textarea{ width: 85%; border-radius: 3px; border: 1px solid #dcdcdc; padding: 10px;}
.wpcf7-submit{ width: 20% !important; margin-top: 20px;  }

.content-card-right-2 .pc{ display: none; } 
.content-card-right-2 h2{ font-size: 25px; font-weight: 300; letter-spacing: 0.01em; text-align: center; margin-bottom: 10px; margin-top: 30px;}
.content-card-right-2 h3{ font-size: 13px; font-weight: 300; width: 320px; margin-right: auto; margin-left: auto; margin-bottom: 0px; letter-spacing: 0.01em; text-align: justify; width: 80%; line-height: 1.8em;}
.content-card-right-2 p{ font-size: 25px; margin-top: 10px; margin-bottom: 30px; }
.content-card-right-2 img{ width: 80%; margin-right: auto; margin-left: auto; }

#gold{ display: none; }
.gold{ display: none; }

#gold-back{ background: rgb(198,158,98); padding-bottom: 30px;}

/*インスタのリンク*/

img.insta{ padding-top: 120px; text-align: left; position: relative; left: 10px;}

	}

@media screen and (min-width: 500px) and (max-width: 799px){

#container-audio{ text-align: center; }
#container-audio h1{ width: 10.2%; margin-right: auto; margin-left: auto; padding-top: 20%; padding-bottom: 3%;}
#container-audio #play img{ width: 18.3%; }
	
#first_img{ width: 100% !important; text-align: center; }	
#first_img img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 15%;
}
#first_img .img01 img{ position: relative !important; width: 73px !important; margin-bottom: 10px; margin-right: auto; margin-left: auto; padding-top: 40%; padding-right: 3px;}
#first_img .img02 img{ position: relative !important; width: 109px !important; margin-right: auto; margin-left: auto;}	
	
#menu{ display: none; }
	#navi{ display: none; }
	#menu-s{ z-index: 10; position: absolute; top: 10px; right: 8.3%;  }
	#menu-s #toggle{ float: right; text-align: center;}
	#menu-s #toggle img{ height: 20px; margin-top: 10px;}
	#navi{ width: 100%; float: right; text-align: right; z-index: 100; background: rgba(25,45,96,0.9); padding-right: 7.81%; padding-left: 7.81%;
	padding-bottom: 20px; padding-top: 20px; margin-top: 30px; position: relative; left: 14%;}
	#navi li{ margin-top: 7px; margin-bottom: 7px; }
	#navi li a{ color: white; text-align: right; font-size: 18px; padding-top: 5px; padding-bottom: 5px; }

 
/* トップページ 《PC》 */ 
#container{ width: 100%; height: 100%;  positon: relative;}
#header{ background-image: url("/wp-content/themes/zero/img/headback.png"); background-size: cover; height: 60px; width: 100%; z-index: 10; position: absolute; top: 0px;}
#header #header-child{ width: 81.403%; min-width: 300px; margin: 0px auto; height: 100%; }
#header #headerimg{ float: left; height: 100%; }
#header #headerimg h1 a img{ height: 48px; position: relative; bottom: 0px; padding-top: 5px; padding-left: 0px;}
#header #header-child #menu{ float: right; height: 100%; vertical-align: middle; }
#header #header-child #menu ul{ height: 100%; display:table; table-layout: fixed; position: relative; left: 15px;}
#header #header-child #menu .menu a{ color: white; margin-left: 0px; margin-right: 25px; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; }
#header #header-child #menu .menu .current a{ color: rgb(198,158,98); }
#header #header-child #menu .menu .home-current a{ color: rgb(198,158,98) !important; -webkit-font-smoothing: subpixel-antialiased;}
#container #header #header-child #menu .menu a{ color: white; margin-left: 0px; margin-right: 25px; font-size: 13px;  }
#header #header-child #menu .menu li{ height: 100%; display: block; display:table-cell; vertical-align:middle; }

#container .bxslider{ height: 100%; width: 100%;  position: absolute; top: 0px; z-index: 5;}
#container .bxslider li{ z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }
#content1{ background-image: url("/wp-content/themes/zero/img/top1-tb.jpg"); background-size: cover; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; text-align: center;}
#content1 h2{ width: 50.24%; margin: 0px auto; padding-top: 30%;}
#content2{ background-image: url("/wp-content/themes/zero/img/top2-2-tb.jpg"); background-size: cover; background-position: bottom right; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px;}
#content2 h2{ width: 71.29%; padding-top: 20%; margin-right: auto; margin-left: auto; text-align: right;}
#content2 h2 img{ float: right; }
#content3{ background-image: url("/wp-content/themes/zero/img/top-3-2.jpg"); background-size: cover; background-position: bottom; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }

#footer{ background: rgba(25,45,96,0.95); position: absolute; bottom: 0px; width: 100%; min-height: 20px; z-index: 30; padding-top: 20px;}
.foot-bottom{ position: absolute; bottom: 0px; text-align: center; background: rgba(255,255,255,0); width: 100%;}
.foot-bottom-child{ width: 81.403%; min-width: 300px; margin: 0px auto; color: white;}

#pc{ display: none; }
#footer .content-gallery{text-align: center; position: relative; bottom: 20px;}
#footer .content-gallery ul{ width: 100%; }
#footer .content-gallery ul li{ float: left; width: 33.33333%; }
#footer .content-gallery ul li img{ width: 100%; height: auto; }


/* 個別ページ */ 
#container-2{ width: 100%; height: auto; positon: relative; }
#content-sub #content-child{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-top: 15%; padding-bottom: 20%; }

#content-sub #content-child h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; }
#content-sub #content-child h2 .h2-mini{ font-size: 14px; margin-left: 1%;}

#content-sub-2{ background: rgba(255,255,255,0); }
#content-sub-2 #content-child-2{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-top: 15%; padding-bottom: 10%; background: rgba(255,255,255,0);}

#content-sub-2 #content-child-2 h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500;}
#content-sub-2 #content-child-2 h2 .h2-mini{ font-size: 14px; margin-left: 1%;}
.content-gallery a img:hover{ opacity: 0.85; }
.content-gallery .next-entries{ padding-right: 5px; }

.content-gallery .gallery-list{ width: 49%; height: auto; margin-bottom: 2%; margin-right: 1%; float: left;}
.content-gallery .gallery-list img{ height: auto; }
.content-gallery .gallery-list h2{ font-size: 10px !important; width: 100%; text-align: center;}
.content-gallery .gallery-list h2 a{ font-size: 16px; }

#content-sub-2 #content-child-2 h2.gallery-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 40% !important;}
#gallery-navi{ float: right; margin-bottom: 3%; width: 50%; margin-top: 20px;}
#gallery-navi li{ float: left; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; margin-left: 10px;  }
#gallery-navi li a{ color: white; }
#gallery-navi li.active{ background: none; }
#gallery-navi li.active a{ color: rgba(198,158,98,0.8); }

a.gallery-cat-name{ float: right; color: rgba(198,158,98,0.8); margin-top: 12px; }


/*ブログ*/

#content-sub-2 #content-child-2 h2{ font-size: 16px; }

#content-sub-2 #content-child-2 h2.blog-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 50% !important;}

.categories{ float: right; list-style: none; margin-top: 20px;}
.categories h2{ display: none; }
.categories li{ float: left; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; margin-left: 10px;  }
.categories li a{ color: white; }

.blog{ min-height: 1300px; }
.blog .article{ width: 100%; margin-right: 0.3%; float:left; position: relative; margin-bottom: 2%;}
.blog .article img{ height: auto; width: 100%;}
.blog .article img:hover{ opacity: 0.85; }
.blog .article .post-date{ position: absolute; top: 0px; left: 0px; background: rgba(25,45,96,0.8); padding: 5px 10px 5px 10px; color: white; font-size: 11px; }
.blog .article .post-cat{ position: absolute; top: 0px; right: 0px; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; color: white; font-size: 11px; }
.blog .article .post-cat a{ color: white; }
h2.entry-header{ font-size: 18px !important; color: rgba(198,158,98,1.0); float: right;}
.blog .article .article-bottom{ background: rgba(255,255,255,1.0); padding: 10px; min-height: 150px;}
.blog .article .article-bottom .post-title h2 a{ font-size: 16px; font-family: axisstd-light;}
.excerpt{ font-size: 11px; }
.blog .navigation{ width: 100%; font-family: axisstd-light; margin-top: 1%;}
.blog .navigation .previous-entries{ float: left; }
.blog .navigation .next-entries{ float: right; }

.navigation{ width: 100%; font-family: axisstd-light; margin-top: 1%;}
.navigation .previous-entries{ float: left; }
.navigation .next-entries{ float: right; }

#footer-2{ background: rgba(25,45,96,0.95); width: 100%; min-height: 20px;}
#footer-2 .foot-bottom{ position: relative; text-align: center; width: 100%;}
#footer-2 .foot-bottom-child{ width: 81.403%; min-width: 300px; margin: 0px auto; color: gray; padding-top: 0.4%; padding-bottom: 0.4%; color: white;}

/* ブログページ/シングル */

#content-single-blog{ background: rgba(255,255,255,1.0); }
#content-child-blog{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-top: 15%; padding-bottom: 10%; }
#content-single-blog .content-child-blog{ width: 100%; margin: 0px auto;  background: rgba(255,255,255,0); }
#content-single-blog #sidebar{ width: 90%; float: right; background: rgba(136,136,136,0.1); padding: 5%;}

#content-single-blog #content-child-blog .post-date{ font-family: axisstd-light; color: rgb(25,45,96); float: left;}
#content-single-blog #content-child-blog .post-cat{ float: right; }
#content-single-blog #content-child-blog .post-cat a{ color: rgb(198,158,98); }
#content-single-blog #content-child-blog h2{ font-size: 24px; margin-bottom: 3%; font-weight: 500; letter-spacing: -0.05em;}
#content-single-blog #content-child-blog .entry p{ margin-bottom: 2%; font-size: 15px; text-align: justify; font-family: axisstd-light; letter-spacing: -0.01em; line-height: 2.0em;}
#content-single-blog #content-child-blog .entry p img{ width: 100%; height: auto; }
#content-single-blog #content-child-blog .entry p iframe{ max-width: 100%; }

.archive-blog{ padding-top: 10%; }

.sidebar #relation h2{ font-size: 20px !important; width: 100%; text-align: center;}
.sidebar { width: 50%; margin-right: auto; margin-left: auto; margin-top: 200px; }
.sidebar li{ margin-bottom: 20px; }
.sidebar .excerpt{ font-size: 11px; text-align:justify; color: rgb(170,170,170);}
.sidebar a{ color: rgb(198,158,98); margin-bottom: 10px;}
.sidebar img{ height: auto;}

.navigation{ margin-top: 40px; }
.navigation span.previous-entries{ background: rgb(198,158,98); color: white;}
.navigation span.next-entries{ background: rgb(198,158,98); color: white;}
.navigation span a{ color: white; display: block; padding: 10px; padding-top: 5px; padding-bottom: 5px;}



/* ギャラリー/シングル */

#content-single-gallery{ background: rgba(255,255,255,1.0); }
#content-child-gallery{ width: 81.403%; min-width: 300px; min-height: 400px; margin: 0px auto; padding-top: 15%; padding-bottom: 10%; }
#content-single-gallery .content-child-gallery{ width: 100%; margin: 0px auto;  background: rgba(255,255,255,0); float: left;}
#content-single-gallery .gallery-entry p img{ width: 100%; height: auto; margin-bottom: 3%;}
#content-single-gallery .wp_social_bookmarking_light{ margin-top: 3% !important; }
#content-single-gallery .post-title h2{ font-size: 24px; margin-bottom: 3%; font-weight: 500; letter-spacing: -0.05em; float: left;}
#content-single-gallery .gallery-entry p{ width: 100%; text-align: justify; letter-spacing: -0.01em; line-height: 2.0em;}

/* プロフィール */

#content-profile{ background: rgb(255,255,255); padding-top: 15%;}
.rinen-rink{ text-align: center;}
.rinen-rink img{ width: 180px; margin-top: 20px; margin-bottom: 20px;}
#content-profile-child{ width: 81.403%; min-width: 300px; margin: 0px auto; padding-bottom: 7%;}
#content-profile h2{ font-weight: 500; font-size: 14px; text-align: center; }
#content-profile h3{ font-weight: 500; font-size: 40px; margin-bottom: 3%; text-align: center;}
#content-profile h3 .roma{ font-size: 14px; margin-left: 1%; }
#content-profile p{ margin-bottom: 1%; font-family: axisstd-light; font-size: 14px; text-align: justify;}
.prof-img{ margin-top: 20px; margin-bottom: 20px; margin-right: auto; margin-left: auto; width: 60%;}

/* 理念 */
#container-rinen{ width: 100%; height: auto; min-height: 100%; background: white; background-attachment:fixed; background-repeat: no-repeat; background-size: cover; positon: relative; }
#container-rinen #header{ background-image: url("/wp-content/themes/zero/img/headback2.png"); background-size: cover; height: 60px; width: 100%; z-index: 20; position: absolute; top: 0px;}
#content-rinen{ background-image:url("/wp-content/themes/zero/img/rinen.jpg"); background-attachment:fixed; background-repeat: no-repeat; background-size: cover; padding-top: 15%;}
#content-rinen #content-rinen-child{ padding-bottom: 5%; }
#content-rinen h2{ width: 44.45%; margin-right: auto; margin-left: auto; margin-bottom: 5%; margin-top: 5%;}
#content-rinen h3{ width: 81.403%; min-width: 300px; margin: 0px auto; }
#content-rinen h3 img{ width: 28%; }
#content-rinen p{ width: 81.403%; min-width: 300px; margin: 0px auto; margin font-weight: 500; font-size: 16px; line-height: 1.8em; letter-spacing: -0.02em; text-align: left; color: white; }


/* メニュー */

#container-menu{ width: 100%; height: auto; min-height: 100%; positon: relative; }
#content-menu{  padding-top: 15%;}
#content-menu-child{ width: 81.403%;  margin: 0px auto; padding-bottom: 7%; max-width: 1224px;}
#content-menu h2{ font-weight: 500; font-size: 36px; margin-bottom: 3%; color: rgba(25,45,96,1.0); font-family: axisstd-light; margin-right: auto; margin-left: auto; text-align: center;}
#content-menu .h2-mini{ font-size: 14px; margin-left: 1%;}
#content-menu h3 .roma{ font-size: 12px; margin-left: 1%; }
#content-menu p{ margin-bottom: 1%; font-family: axisstd-light; font-size: 14px; }

#content-menu #menu-id{ text-align: center; }
#content-menu #menu-id{ color: rgba(25,45,96,0.9); }
#content-menu #menu-id a{ color:rgba(25,45,96,0.9); }
#content-menu #menu-id li{ width: 70%; margin-bottom: 8%; position: relative; margin-right: auto; margin-left: auto;}
#content-menu #menu-id li img{ width: 100%;}
#content-menu #menu-id li h3{ font-size: 19px; font-weight: 500; padding-bottom: 3px; width: 70%; border-bottom: solid 1px rgba(25,45,96,0.9); margin-right: auto; margin-left: auto;}
#content-menu #menu-id li h3.dead{ width: 70%; border-bottom: solid 1px rgba(25,45,96,0.9); margin-right: auto; margin-left: auto; display: block; padding-top: 0px; margin-bottom: 10%;}
#content-menu #menu-id li .fee{ font-size: 21px; font-family: axisstd-regular;}
#content-menu #menu-id li .yen{ font-size: 12px; font-family: axisstd-regular;} 
#content-menu #menu-id .menu1-class{  min-height: 467px;}
#content-menu #menu-id .menu2-class{  min-height: 467px;}
#content-menu #menu-id .menu3-class{  min-height: 467px;}
#content-menu #menu-id .menu3-class h3{ color: rgb(198,158,98) !important; width: 90%; border-bottom: solid 1px rgb(198,158,98);}
#content-menu #menu-id .menu3-class h3.dead{ border-bottom: solid 1px rgb(198,158,98); width: 90%; }
#content-menu #menu-id .menu3-class .fee{color: rgb(198,158,98) !important; }
#content-menu #menu-id .menu3-class .yen{color: rgb(198,158,98) !important;}
#content-menu #menu-id li .menu1-class-child{ padding: 10px; text-align: center; width: 80%; margin-right: auto; margin-left: auto;}
#content-menu #menu-id p{ text-align: justify; padding-top :10%; width: 100%; margin-right: auto; margin-left: auto; font-size: 13px; letter-spacing: 0.02em;color: rgb(136,136,136);}
#content-menu #menu-id p img{ width: 100%; padding-top :5%; padding-bottom :1%; position: relative;}
#content-menu #menu-id .menu-img{ width: 100%; padding-top :5%; padding-bottom :1%; position: relative; }

a.gallery-cat-name-menu{ font-size: 11px; }

#mes{ font-family: axisstd-regular; width:80%; margin-right: auto; margin-left: auto; font-size: 12px; color: rgb(136,136,136); text-align: center; margin-top: 20px; margin-bottom: 40px;}
.mes{ font-size: 11px; margin-top: 5px;}

#content-menu #contact-banner{ width:80%; margin-right: auto; margin-left: auto; margin-top: 60px;}
#content-menu .contact-tel{ background: rgba(25,45,96,0.9); display: table; text-align: center; border-radius: 5px; width: 100%; color: white; margin-bottom: 20px;}
#content-menu .contact-tel .contact-tel-child{ padding: 10px;}
#content-menu .contact-tel h4{ font-size: 19px;  font-weight: 500; vertical-align:middle;} 
#content-menu .contact-tel h4 span{ font-size: 13px; }
#content-menu .contact-tel h4 a{ color: white; }
#content-menu .contact-web{ background: rgb(198,158,98); display: table; width: 100%; border-radius: 5px;}
#content-menu .contact-web a{ font-size: 19px; color: white; font-weight: 500; vertical-align:middle; display:block; text-align: center; padding: 10px;}
#content-menu .contact-web a:hover{ background: rgba(89,87,87,1.0); }

.card-ban{ margin-top: 15px; width: 70%; margin-right: auto; margin-left: auto;}
.card-ban img{ width: 100%; margin-right: auto; margin-left: auto;}
.card-ban img:hover{ opacity: 0.95; }
.card-ban .pc{ display: none; }


/*Google map*/

#container-access{ width: 100%; height: auto; min-height: 100%; background: white; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; positon: relative; }

.google-map-placeholder{ border: none !important; height: 250px !important;}
.map-adress{ font-size: 20px; margin-bottom: 2%; }
.map-adress-tel{ margin-top: 2%; font-size: 24px; }
.map-tel{ font-size: 14px; margin-right: 1%; }
.map-h3{ font-size: 24px; margin-top: 3%; margin-bottom: 1%; font-weight: 500;}
#map{ background: rgba(136,136,136,0.1); padding: 3%; padding-top: 4%; padding-bottom: 4%;}

/*総合お問い合わせ*/

#contact-all{ padding-top: 7%; }
#contact-all input{ border-radius: 5px; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 20px; }
#contact-all textarea{ border-radius: 5px; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 20px; }
#contact-all .wpcf7-submit{ margin-bottom: 40px; }
#contact-all a{ font-size: 13px; color: white; background: rgb(198,158,98); padding: 10px; border-radius: 5px; }
#contact-all a:hover{ background: rgba(198,158,98,0.8); }



/*設定書き換え*/



.calendar-title{ display: none; }
.monthly-calendar{ margin-top: 2%; }
.calendar-caption{ height: 40px; line-height: 40px; background:rgba(25,45,96,0.9); border-radius: 40px; width: 200px; margin-bottom: 20px; color: white; font-family: axisstd-light;}
.header-row{ font-family: axisstd-light; }
.monthly-prev{ height: 30px; line-height: 30px; background:rgba(25,45,96,0.8); border-radius: 30px; width: 200px; color: white; margin-top: 20px; text-align: center;}
.monthly-prev:hover{ background:rgba(25,45,96,0.9); }
.monthly-prev a{ color: white;  }
.monthly-next{ height: 30px; line-height: 30px; background:rgba(25,45,96,0.8); border-radius: 30px; width: 200px; color: white; margin-top: 20px; text-align: center;}
.monthly-next:hover{ background:rgba(25,45,96,0.9); }
.monthly-next a{ color: white;  }

.day-box{ background: rgba(25,45,96,0.1); padding-top: 2% !important; padding-bottom: 2% !important;}
.day-box:hover{ background: #dcdcdc; }
.day-box.today{ background-color: rgba(25,45,96,0.8) !important; }
.day-box.today .calendar-mark a{ color: white !important; }
.day-box.today .day-number{ color: white !important; }
.day-box.sat{ background: rgba(25,45,96,0.2); }
.day-box.sat .day-number{ color: rgb(25,45,96) !important; font-family: axisstd-light; }
.day-box.sun{ background: rgba(234,94,113,0.3); }
.day-box.sun .day-number{ color: rgb(25,45,96) !important; }
.day-number{ color: rgb(25,45,96); font-family: axisstd-light;}
.calendar-mark{ color: rgb(25,45,96); }
.calendar-mark a{ color: rgb(25,45,96); }

.monthly-prev-next{ font-family: axisstd-light; }
.monthly-prev-next a{ font-family: axisstd-light; }


.mtssb-timetable-link{ margin: 0px auto; font-family: axisstd-light; }
.mtssb-daily-action{ margin: 0px auto; width: 80%; }
.mtssb-daily-action button{ background: rgba(25,45,96,0.9); border: none; height: 30px; line-height: 30px; width: 100px; text-align: center; border-radius: 30px; font-size: 13px; color: white; margin-top: 30px; font-family: axisstd-light;}
.day-left{ background: rgba(25,45,96,0.8); border: none !important; color: white; font-weight: 500;}
.day-right{ background: rgba(25,45,96,0.6); border: none !important; color: white; font-weight: 500;}

.monthly-calendar th{ font-weight: 300 !important; }

.mtssb-timetable-date{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.mtssb-timetable-name{ display: none; }
.booking-timelink{ color: white; }
.day-right .calendar-mark a{ color: white !important; }

#booking-form{ font-family: axisstd-light; }
.booking-form-people-number-row{ display: none; }
legend{ display: none; }
#booking-reservation-fieldset{ border: none; }
#booking-option-fieldset{ border: none; }
#booking_client-fieldset{ border: none; }
#booking-message-fieldset{ border: none; }
.content-form button{ line-height: 0px !important; }

.content-form{ font-weight: 400; font-size: 16px; letter-spacing:-0.1em; width: 100%; margin: 0px auto; position: relative; bottom: 50px;}
#booking-reservation-fieldset{ margin: 0px; padding: 0px; }
#booking-reservation-fieldset li{ background: rgba(25,45,96,0.8); width: 300px; text-align: center; padding-bottom: 10px; padding-top: 10px; border-radius: 40px; margin-top: 20px; color: white; }
#op_child{ line-height: 1.8em; margin-left: 20px; position: relative; bottom: 10px;}
#client-name{ border-radius: 30px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 5px; margin-top: 10px; margin-bottom: 10px;}
#client-email{ margin-bottom: 10px; }
#client-tel{ border-radius: 30px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 5px; margin-top: 10px; margin-bottom: 10px;}
.content-text{ margin-bottom: 30px; border-radius: 10px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 10px; margin-top: 10px; }
#booking-option-fieldset{ margin: 0px; }
#booking_client-fieldset ul{  margin-bottom: 0px; }
#booking_client-fieldset ul li{ margin-top: 20px; }
.content-form button{ background: rgba(25,45,96,0.9); border: none; height: 30px; line-height: 30px; width: 100px; text-align: center; border-radius: 30px; font-size: 13px; color: white; }
#booking-message-fieldset{  margin-bottom: 0px; }
#label_1{ margin-top: 30px; }
#booking-reservation-fieldset{ height: auto; }

#content-sub{ background: white; min-height: 1000px;}
#content-sub #content-page-child{ width: 90.403%; min-width: 300px; margin: 0px auto; padding-top: 35%; padding-bottom: 130px; }


#thank{ min-height: 400px; margin-top: 0px;}
#thank{ font-size: 21px; text-align: center; }
#thank p{ color: rgba(25,45,96,0.9); font-family: axisstd-light;}
#thank img{ width: 150px; height: auto; margin-top: 30px;}


/*ハンドorフットの注釈*/.option-note{ width: 95% !important; margin-top: 10px; font-size: 12px; display:block !important; line-height: 1.5em;}

#airish_info{ float: right; padding-right: 5%; position: relative; top: 80px; color: rgb(198,158,98); text-align: right;}
#airish_info a{ color: rgb(198,158,98);}


/*特別招待券ページ*/
#container-card #header{ background-image: url("/wp-content/themes/zero/img/headback2.png"); background-size: cover; height: 60px; width: 100%; z-index: 20; position: absolute; top: 0px;}

.content-card-right{ background-image:url("/wp-content/themes/zero/img/card_sp.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right; }
.content-card-right img{ width: 120px; padding-left: 80px; padding-top: 120px; padding-bottom: 60px;}

.content-card-left{ width: 100%; margin-right: auto; margin-left: auto; }
.content-card-left h2{ padding-top: 60px; width: 90%; margin-right: auto; margin-left: auto;} 
.content-card-left p{ font-size: 18px; text-align: justify; margin-top: 20px; font-family: axisstd-light; letter-spacing: 0.01em; width: 90%; margin-right: auto; margin-left: auto; width: 90%; margin-right: auto; margin-left: auto;}
.content-card-left p.sp{ color: white; width: 75%; margin-right: auto; margin-left: auto;}
.content-card-left .pc{ display: none; }
#card-about-2 h2{ width: 250px; margin-right: auto; margin-left: auto; margin-top: 0px; }
#card-about-2 p{ letter-spacing: 0.01em; }
.content-card-left .gold{ margin-top: 10px; }
.content-card-left .white{ width: 90%; margin-right: auto; margin-left: auto; }
.content-card-left h3{ font-size: 30px; font-weight: 300; margin-top: 30px; color: rgb(198,158,98); font-family: axisstd-light; margin-right: auto; margin-left: auto; text-align: center;}
.content-card-left p.about{ margin-top: 0px; color: rgb(198,158,98); font-family: axisstd-light; margin-top: 10px; margin-bottom: 30px;}


#content-card-2{ background: rgba(252,236,219,0.3); background-repeat: no-repeat; background-size: cover; background-position: right; padding-top: 30px; border-top: solid 1px #dcdcdc; text-align: center; font-family: axisstd-light; }
.content-card-left-2 h2{ font-size: 35px; font-weight: 300; letter-spacing: 0.01em; text-align: center; margin-bottom: 10px;}
.content-card-left-2 h3{ font-size: 13px; font-weight: 300; width: 60%; margin-right: auto; margin-left: auto; margin-bottom: 20px; letter-spacing: 0.01em; text-align: justify; line-height: 1.8em;}
.content-card-left-2 .pc{ display: none; } 
.content-card-left-2 p{ font-size: 16px; line-height: 2.8em; }
.content-card-left-2 input{ border-radius: 3px; border: 1px solid #dcdcdc; padding: 10px; width: 85%; margin-bottom: 15px;}
.form-right{  }
.wpcf7-textarea{ width: 85%; border-radius: 3px; border: 1px solid #dcdcdc; padding: 10px;}
.wpcf7-submit{ width: 20% !important; margin-top: 20px;  }

.content-card-right-2 .pc{ display: none; } 
.content-card-right-2 h2{ font-size: 35px; font-weight: 300; letter-spacing: 0.01em; text-align: center; margin-bottom: 10px; margin-top: 30px;}
.content-card-right-2 h3{ font-size: 13px; font-weight: 300; width: 320px; margin-right: auto; margin-left: auto; margin-bottom: 0px; letter-spacing: 0.01em; text-align: justify; width: 60%; line-height: 1.8em;}
.content-card-right-2 p{ font-size: 25px; margin-top: 10px; margin-bottom: 30px; }
.content-card-right-2 img{ width: 80%; margin-right: auto; margin-left: auto; }

#gold{ display: none; }
.gold{ display: none; }

#gold-back{ background: rgb(198,158,98); padding-bottom: 60px;}

/*インスタのリンク*/

#insta{ width: 100%; text-align: center; }
img.insta{ width: 350px; padding-top: 120px; text-align: left; position: relative; left: 10px; }
	
	}


@media screen and (min-width : 800px){
	
#container-audio{ text-align: center; }
#container-audio h1{ width: 5.2%; min-width: 75px; margin-right: auto; margin-left: auto; padding-top: 7%; padding-bottom: 3%;}
#container-audio #play img{ width: 9.3%; min-width: 133px;}

#first_img{ width: 100% !important; text-align: center; }
#first_img img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 10%;
}	
#first_img .img01 img{ position: relative !important; width: 73px !important; margin-bottom: 10px; margin-right: auto; margin-left: auto; padding-top: 20%; padding-right: 3px;}
#first_img .img02 img{ position: relative !important; width: 109px !important; margin-right: auto; margin-left: auto;}
	
#menu-s{ display: none; }
#header #header-child #menu{ display:inline;}

 
/* トップページ 《PC》 */ 
#container{ width: 100%; height: 100%;  positon: relative;}
#header{ background-image: url("/wp-content/themes/zero/img/headback.png"); background-size: cover; height: 60px; width: 100%; z-index: 10; position: absolute; top: 0px;}
#header #header-child{ width: 91.403%;  margin: 0px auto; height: 100%; }
#header #headerimg{ float: left; height: 100%; }
#header #headerimg h1 a img{ height: 48px; position: relative; bottom: 0px; padding-top: 5px; }
#header #header-child #menu{ float: right; height: 100%; vertical-align: middle; }
#header #header-child #menu ul{ height: 100%; display:table; table-layout: fixed; position: relative; left: 15px;}
#header #header-child #menu .menu a{ color: white; margin-left: 0px; margin-right: 25px; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; }
#header #header-child #menu .menu .current a{ color: rgb(198,158,98); }
#header #header-child #menu .menu .home-current a{ color: rgb(198,158,98) !important; -webkit-font-smoothing: subpixel-antialiased;}
#container #header #header-child #menu .menu a{ color: white; margin-left: 0px; margin-right: 25px; font-size: 13px;  }
#header #header-child #menu .menu li{ height: 100%; display: block; display:table-cell; vertical-align:middle; }

#header #header-child #menu .menu .current .moon{ height: 20px; width: 15px; background-image: url("/wp-content/themes/zero/img/moon.png"); background-size: contain; background-repeat: no-repeat;margin: 0px; float: left;}
#header #header-child #menu .menu .home-current .moon{ height: 20px; width: 15px; background-image: url("/wp-content/themes/zero/img/moon.png"); background-size: contain; background-repeat: no-repeat;margin: 0px; float: left;}

#container .bxslider{ height: 86%; width: 100%;  position: absolute; top: 0px; z-index: 5;}
#container .bxslider li{ z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }
#content1{ background-image: url("/wp-content/themes/zero/img/top1.jpg"); background-size: cover; background-position: center; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; text-align: center;}
#content1 h2{ width: 34.24%; margin: 0px auto; padding-top: 10%; }
#content1 h2 img{ margin-right: auto; margin-left: auto; }
#content2{ background-image: url("/wp-content/themes/zero/img/top2-2.jpg"); background-size: cover; background-position: bottom; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px;}
#content2 h2{ width: 31.29%; margin: 0px auto; padding-top: 7.5%; }
#content2 h2 img{ margin-right: auto; margin-left: auto; }
#content3{ background-image: url("/wp-content/themes/zero/img/top-3-2.jpg"); background-size: cover; background-position: center; z-index: 8; height: 100%; width: 100%; position: absolute; top: 0px; }

#footer{ background: rgba(25,45,96,0.95); position: absolute; bottom: 0px; width: 100%; min-height: 20px; z-index: 10; padding-top: 20px;}
.foot-bottom{ position: absolute; bottom: 0px; text-align: center; background: rgba(255,255,255,0); width: 100%;}
.foot-bottom-child{ width: 81.403%;  margin: 0px auto; color: white; font-size: 10px; line-height: 18px;}

#sp{ display: none; }
#footer .content-gallery{text-align: center; position: relative; bottom: 20px;}
#footer .content-gallery ul{ width: 100%; }
#footer .content-gallery ul li{ float: left; width: 16.666666%; max-height: 120px; overflow: hidden;}
#footer .content-gallery ul li img{ width: 100%; height: auto; }


/* 個別ページ */ 
#container-2{ width: 100%; height: auto; positon: relative; }
#content-sub #content-child{ width: 81.403%;  margin: 0px auto; padding-top: 6%; padding-bottom: 20%; max-width: 1224px;}

#content-sub #content-child h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; }
#content-sub #content-child h2 .h2-mini{ font-size: 14px; margin-left: 1%;}

#content-sub-2{ background: rgba(255,255,255,0); }
#content-sub-2 #content-child-2{ width: 81.403%;  margin: 0px auto; padding-top: 7%; padding-bottom: 10%; background: rgba(255,255,255,0); max-width: 1224px;}

#content-sub-2 #content-child-2 h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500;}
#content-sub-2 #content-child-2 h2 .h2-mini{ font-size: 14px; margin-left: 1%;}
.content-gallery a img:hover{ opacity: 0.85; }
.content-gallery .next-entries{ margin-right:3px !important; }

.content-gallery .gallery-list{ width: 24.3%; height: auto; margin-bottom: 2%; margin-right: 0.7%; float: left;}
.content-gallery .gallery-list img{ height: auto; }
.content-gallery .gallery-list h2{ font-size: 10px !important; width: 100%; text-align: center;}
.content-gallery .gallery-list h2 a{ font-size: 16px; }


#content-sub-2 #content-child-2 h2.gallery-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 50% !important;}
#gallery-navi{ float: right; margin-top: 20px;}
#gallery-navi li{ float: left; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; margin-left: 10px;  }
#gallery-navi li a{ color: white; }
#gallery-navi li.active{ background: none; }
#gallery-navi li.active a{ color: rgba(198,158,98,0.8); }

a.gallery-cat-name{ float: right; color: rgba(198,158,98,0.8); margin-top: 25px; margin-right: 80px;}

/*ブログ*/

#content-sub-2 #content-child-2 h2{ font-size: 16px; }

#content-sub-2 #content-child-2 h2.blog-h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; float: left; width: 50% !important;}

.categories{ float: right; list-style: none; margin-top: 20px;}
.categories h2{ display: none; }
.categories li{ float: left; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; margin-left: 10px;  }
.categories li a{ color: white; }

.blog{ min-height: 1300px; max-width: 1224px;}
.blog .article{ width: 33%; margin-right: 0.3%; float:left; position: relative; margin-bottom: 0.5%;}
.blog .article img{ height: auto; }
.blog .article img:hover{ opacity: 0.85; }
.blog .article .post-date{ position: absolute; top: 0px; left: 0px; background: rgba(25,45,96,0.8); padding: 5px 10px 5px 10px; color: white; font-size: 11px; }
.blog .article .post-cat{ position: absolute; top: 0px; right: 0px; background: rgba(198,158,98,0.8); padding: 5px 10px 5px 10px; color: white; font-size: 11px; }
h2.entry-header{ font-size: 18px !important; color: rgba(198,158,98,1.0); float: right;}
.blog .article .post-cat a{ color: white; }
.blog .article .article-bottom{ background: rgba(255,255,255,1.0); padding: 10px; }
.blog .article .article-bottom .post-title h2 a{ font-size: 16px; font-family: axisstd-light;}
.excerpt{ font-size: 11px; }
.blog .navigation{ width: 100%; font-family: axisstd-light; margin-top: 1%;}
.blog .navigation .previous-entries{ float: left; }
.blog .navigation .next-entries{ float: right; }

navigation{ width: 100%; font-family: axisstd-light; margin-top: 1%;}
.navigation .previous-entries{ float: left; }
.navigation .next-entries{ float: right; padding-right: 1%; }

#footer-2{ background: rgba(25,45,96,0.95); width: 100%; min-height: 20px;}
#footer-2 .foot-bottom{ position: relative; text-align: center; background: rgba(255,255,255,0); width: 100%;}
#footer-2 .foot-bottom-child{ width: 81.403%;  margin: 0px auto; color: gray; padding-top: 0.4%; padding-bottom: 0.4%; color:white;}



/* ブログページ/シングル */

#content-single-blog{ background: rgba(255,255,255,1.0); }
#content-child-blog{ width: 81.403%;  margin: 0px auto; padding-top: 7%; padding-bottom: 10%; max-width: 1224px;}
#content-single-blog .content-child-blog{ width: 65%; margin: 0px auto;  background: rgba(255,255,255,0); float: left;}
#content-single-blog #sidebar{ width: 20%; float: right; }

#content-single-blog #content-child-blog .post-date{ font-family: axisstd-light; color: rgb(25,45,96); float: left;}
#content-single-blog #content-child-blog .post-cat{ float: right; }
#content-single-blog #content-child-blog .post-cat a{ color: rgb(198,158,98); }
#content-single-blog #content-child-blog h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; letter-spacing: -0.05em;}
#content-single-blog #content-child-blog .entry p{ margin-bottom: 2%; font-size: 13px; text-align: justify; font-family: axisstd-light; letter-spacing: -0.01em; line-height: 2.0em;}
#content-single-blog #content-child-blog .entry p img{ width: 100%; height: auto; }


.archive-blog{ padding-top: 10%; }

#sidebar h3{ font-family: axisstd-light; font-size: 20px; }
#sidebar ul{ margin-top: 5%; }
#sidebar li{ margin-top: 1%; }

#blog-navigation{ background: rgba(198,158,98,0.2); padding: 5px; border-radius: 2px; }
.navigation{ margin-top: 40px; }
.navigation span.previous-entries{ background: rgb(198,158,98); color: white;}
.navigation span.next-entries{ background: rgb(198,158,98); color: white;}
.navigation span a{ color: white; display: block; padding: 10px; padding-top: 5px; padding-bottom: 5px;}

.sidebar #relation h2{ font-size: 20px !important; width: 100%; text-align: center;}
.sidebar { width: 25%; float: right; }
.sidebar li{ margin-bottom: 20px; }
.sidebar .excerpt{ font-size: 11px; text-align:justify; color: rgb(170,170,170);}
.sidebar a{ color: rgb(198,158,98); margin-bottom: 10px;}
.sidebar img{ height: auto;}

/* ギャラリー/シングル */

#content-single-gallery{ background: rgba(255,255,255,1.0); }
#content-child-gallery{ width: 81.403%;  margin: 0px auto; padding-top: 7%; padding-bottom: 10%; max-width: 1224px;}
#content-single-gallery .content-child-gallery{ width: 75%; margin: 0px auto;  background: rgba(255,255,255,0); float: left;}
#content-single-gallery .gallery-entry p img{ width: 800px; height: auto; margin-bottom: 1%;}
#content-single-gallery .wp_social_bookmarking_light{ margin-top: 3% !important; }
#content-single-gallery .post-title h2{ font-size: 36px; margin-bottom: 3%; font-weight: 500; letter-spacing: -0.05em; float: left;}
#content-single-gallery .gallery-entry p{ width: 800px; text-align: justify; letter-spacing: -0.01em; line-height: 2.0em;}


/* プロフィール */

#content-profile{ background-image:url("/wp-content/themes/zero/img/prof.jpg"); background-attachment:fixed; background-repeat: no-repeat; background-size: cover; padding-top: 7%; background-position: right; min-height: 1000px;}
.prof-title-left{ float: left; width: 400px;}
.rinen-rink{ width: 260px; padding-left: 400px; position: relative; top: 10px;}
#content-profile-child{ width: 81.403%;  margin: 0px auto; padding-bottom: 7%; max-width: 1224px;}
#content-profile h2{ font-weight: 500; font-size: 12px; }
#content-profile h3{ font-weight: 500; font-size: 52px; margin-bottom: 6%;}
#content-profile h3 .roma{ font-size: 12px; margin-left: 1%; }
#content-profile p{ margin-bottom: 1%; font-family: axisstd-light; font-size: 15px; line-height: 2.0em; letter-spacing: -0.02em;}

/* 理念 */
#container-rinen{ width: 100%; height: auto; min-height: 100%; background: white; background-attachment:fixed; background-repeat: no-repeat; background-size: cover; positon: relative; }
#container-rinen #header{ background-image: url("/wp-content/themes/zero/img/headback2.png"); background-size: cover; height: 60px; width: 100%; z-index: 20; position: absolute; top: 0px;}
#content-rinen{ background-image:url("/wp-content/themes/zero/img/rinen.jpg"); background-attachment:fixed; background-repeat: no-repeat; background-size: cover; padding-top: 7%;}
#content-rinen #content-rinen-child{ padding-bottom: 5%; }
#content-rinen h2{ width: 22.45%; margin-right: auto; margin-left: auto; margin-bottom: 3%;}
#content-rinen h3{ width: 81.403%;  margin: 0px auto; }
#content-rinen h3 img{ width: 14%; }
#content-rinen p{ font-weight: 500; font-size: 16px; line-height: 1.8em; letter-spacing: -0.02em; text-align: center; color: white; }

/* メニュー */

#container-menu{ width: 100%; height: auto; min-height: 100%; positon: relative; }
#content-menu{  padding-top: 7%;}
#content-menu-child{ width: 81.403%;  margin: 0px auto; padding-bottom: 7%; max-width: 1224px;}
#content-menu h2{ font-weight: 500; font-size: 36px; margin-bottom: 3%; color: rgba(25,45,96,1.0); font-family: axisstd-light; margin-right: auto; margin-left: auto; text-align: center;}
#content-menu .h2-mini{ font-size: 14px; margin-left: 1%;}
#content-menu h3 .roma{ font-size: 12px; margin-left: 1%; }
#content-menu p{ margin-bottom: 1%; font-family: axisstd-light; font-size: 14px; }

#content-menu #menu-id{ color: rgba(25,45,96,0.9); }
#content-menu #menu-id a{ color:rgba(25,45,96,0.9); }
#content-menu #menu-id li{ float: left; width: 30%; margin-left: 3%; margin-bottom: 0.3%; position: relative;}
#content-menu #menu-id li img{ width: 100%;}
#content-menu #menu-id li h3{ font-size: 17px; font-weight: 500; padding-bottom: 3px; width: 70%; border-bottom: solid 1px rgba(25,45,96,0.9); margin-right: auto; margin-left: auto;}
#content-menu #menu-id li h3.dead{ width: 70%; border-bottom: solid 1px rgba(25,45,96,0.9); margin-right: auto; margin-left: auto; display: block; padding-top: 0px; margin-bottom: 10%;}
#content-menu #menu-id li .fee{ font-size: 19px; font-family: axisstd-regular;}
#content-menu #menu-id li .yen{ font-size: 10px; font-family: axisstd-regular;} 
#content-menu #menu-id .menu1-class{  min-height: 467px;}
#content-menu #menu-id .menu2-class{  min-height: 467px;}
#content-menu #menu-id .menu3-class{  min-height: 467px;}
#content-menu #menu-id .menu3-class h3{ color: rgb(198,158,98) !important; width: 90%; border-bottom: solid 1px rgb(198,158,98);}
#content-menu #menu-id .menu3-class h3.dead{ border-bottom: solid 1px rgb(198,158,98); width: 90%; }
#content-menu #menu-id .menu3-class .fee{color: rgb(198,158,98) !important; }
#content-menu #menu-id .menu3-class .yen{color: rgb(198,158,98) !important;}
#content-menu #menu-id li .menu1-class-child{ padding: 10px; text-align: center; width: 80%; margin-right: auto; margin-left: auto;}
#content-menu #menu-id p{ text-align: justify; padding-top :10%; width: 100%; margin-right: auto; margin-left: auto; font-size: 13px; letter-spacing: 0.02em;}
#content-menu #menu-id p img{ width: 100%; padding-top :5%; padding-bottom :1%; position: relative;}
#content-menu #menu-id .menu-img{ width: 100%; padding-top :5%; padding-bottom :1%; position: relative; }

a.gallery-cat-name-menu{ font-size: 11px; }

#mes{ font-family: axisstd-regular; width:80%; margin-right: auto; margin-left: auto; font-size: 12px; color: rgb(136,136,136); text-align: center; margin-top: 20px; margin-bottom: 40px;}
.mes{ font-size: 11px; margin-top: 5px;}

#content-menu #contact-banner{ width:80%; margin-right: auto; margin-left: auto; margin-top: 60px;}
#content-menu .contact-tel{ background: rgba(25,45,96,0.9); display: table; text-align: center; border-radius: 5px; float: left; width: 47%; color: white;}
#content-menu .contact-tel .contact-tel-child{ padding: 10px;}
#content-menu .contact-tel h4{ font-size: 19px;  font-weight: 500; vertical-align:middle;} 
#content-menu .contact-tel h4 span{ font-size: 13px; }
#content-menu .contact-tel h4 a{ color: white; }
#content-menu .contact-web{ background: rgb(198,158,98); display: table; padding: 10px; float: right; width: 47%; border-radius: 5px;}
#content-menu .contact-web a{ font-size: 19px; color: white; font-weight: 500; vertical-align:middle; display:table-cell; text-align: center; }
#content-menu .contact-web a:hover{ background: rgba(89,87,87,1.0); }

.card-ban{ margin-top: 15px; width: 80%; margin-right: auto; margin-left: auto;}
.card-ban img{ width: 100%; margin-right: auto; margin-left: auto;}
.card-ban img:hover{ opacity: 0.95; }
.card-ban .sp{ display: none; }

/*Google map*/

.google-map-placeholder{ border: none !important; }
.map-adress{ font-size: 20px; margin-bottom: 0.5%; }
.map-adress-tel{ margin-top: 2%; font-size: 24px; }
.map-tel{ font-size: 14px; margin-right: 1%; }
.map-h3{ font-size: 36px; margin-top: 3%; margin-bottom: 1%; font-weight: 500;}
#map{ background: rgba(136,136,136,0.1); padding: 3%; padding-top: 4%; padding-bottom: 4%;}

/*総合お問い合わせ*/

#contact-all{ padding-top: 7%; }
#contact-all input{ border-radius: 5px; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 20px; }
#contact-all textarea{ border-radius: 5px; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 20px; }
#contact-all .wpcf7-submit{ margin-bottom: 40px; }
#contact-all a{ font-size: 13px; color: white; background: rgb(198,158,98); padding: 10px; border-radius: 5px; }
#contact-all a:hover{ background: rgba(198,158,98,0.8); }

/*設定書き換え*/

.calendar-title{ display: none; }
.monthly-calendar{ margin-top: 2%; }
.calendar-caption{ height: 40px; line-height: 40px; background:rgba(25,45,96,0.9); border-radius: 40px; width: 200px; margin-bottom: 20px; color: white; font-family: axisstd-light;}
.header-row{ font-family: axisstd-light; }
.monthly-prev{ height: 30px; line-height: 30px; background:rgba(25,45,96,0.3); border-radius: 30px; width: 200px; color: white; margin-top: 20px; text-align: center;}
.monthly-prev:hover{ background:rgba(25,45,96,0.9); }
.monthly-prev a{ color: white;  }
.monthly-next{ height: 30px; line-height: 30px; background:rgba(25,45,96,0.3); border-radius: 30px; width: 200px; color: white; margin-top: 20px; text-align: center;}
.monthly-next:hover{ background:rgba(25,45,96,0.9); }
.monthly-next a{ color: white;  }

.day-box{ background: rgba(25,45,96,0.1); padding-top: 2% !important; padding-bottom: 2% !important;}
.day-box:hover{ background: #dcdcdc; }
.day-box.today{ background-color: rgba(25,45,96,0.8) !important; }
.day-box.today .calendar-mark a{ color: white !important; }
.day-box.today .day-number{ color: white !important; }
.day-box.sat{ background: rgba(25,45,96,0.2); }
.day-box.sat .day-number{ color: rgb(25,45,96) !important; font-family: axisstd-light; }
.day-box.sun{ background: rgba(234,94,113,0.3); }
.day-box.sun .day-number{ color: rgb(25,45,96) !important; }
.day-number{ color: rgb(25,45,96); font-family: axisstd-light;}
.calendar-mark{ color: rgb(25,45,96); }
.calendar-mark a{ color: rgb(25,45,96); }

.monthly-prev-next{ font-family: axisstd-light; }
.monthly-prev-next a{ font-family: axisstd-light; }


.mtssb-timetable-link{ margin: 0px auto; font-family: axisstd-light; }
.mtssb-daily-action{ margin: 0px auto; width: 80%; }
.mtssb-daily-action button{ background: rgba(25,45,96,0.9); border: none; height: 30px; line-height: 30px; width: 100px; text-align: center; border-radius: 30px; font-size: 13px; color: white; margin-top: 30px; font-family: axisstd-light;}
.day-left{ background: rgba(25,45,96,0.8); border: none !important; color: white; font-weight: 500;}
.day-right{ background: rgba(25,45,96,0.6); border: none !important; color: white; font-weight: 500;}

.monthly-calendar th{ font-weight: 300 !important; }

.mtssb-timetable-date{ font-size: 36px; font-weight: 500; margin-bottom: 20px;}
.mtssb-timetable-name{ display: none; }
.booking-timelink{ color: white !important; }
.calendar-mark a{ color: rgb(25,45,96); }

#booking-form{ font-family: axisstd-light; }
.booking-form-people-number-row{ display: none; }
legend{ display: none; }
#booking-reservation-fieldset{ border: none; }
#booking-option-fieldset{ border: none; }
#booking_client-fieldset{ border: none; }
#booking-message-fieldset{ border: none; }
.content-form button{ line-height: 0px !important; }

.content-form{ font-weight: 400; font-size: 16px; width: 60%; margin: 0px auto; position: relative; bottom: 50px;}
#booking-reservation-fieldset{ margin: 0px; padding: 0px; }
#booking-reservation-fieldset li{ background: rgba(25,45,96,0.8); width: 300px; text-align: center; padding-bottom: 10px; padding-top: 10px; border-radius: 40px; margin-top: 20px; color: white; }
#op_child{ line-height: 1.8em; margin-left: 20px; position: relative; bottom: 10px;}
#client-name{ border-radius: 30px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 5px; margin-top: 10px;  margin-bottom: 10px;}
#client-email{ margin-bottom: 10px; }
#client-tel{ border-radius: 30px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 5px; margin-top: 10px;}
.content-text{ margin-bottom: 30px; border-radius: 10px; background: #f2f0f0; border: solid 1px #dcdcdc; padding: 10px; margin-top: 10px; }
#booking-option-fieldset{ margin: 0px; }
#booking_client-fieldset ul{  margin-bottom: 0px; }
#booking_client-fieldset ul li{ margin-top: 20px; }
.content-form button{ background: rgba(25,45,96,0.9); border: none; height: 30px; line-height: 30px; width: 100px; text-align: center; border-radius: 30px; font-size: 13px; color: white; }
#booking-message-fieldset{  margin-bottom: 0px; }
#label_1{ margin-top: 30px; }
#booking-reservation-fieldset{ height: auto; }

#content-sub{ background: white; }
#content-sub #content-page-child{ width: 81.403%;  margin: 0px auto; padding-top: 10%; padding-bottom: 130px; }

.option-note{ width: 95% !important; margin-top: 10px; font-size: 12px; display:block !important; line-height: 1.5em;}

.client-address1{ display:block !important; } 

#airish_info{ float: right; padding-right: 5%; position: relative; top: 80px; color: rgb(198,158,98); text-align: right;}


/*サンクスページ*/

#thank{ min-height: 500px; margin-top: 100px;}
#thank{ font-size: 25px; text-align: center; }
#thank p{ color: rgba(25,45,96,0.9); font-family: axisstd-light;}
#thank img{ width: 200px; height: auto; margin-top: 30px;}

/*特別招待券ページ*/
#content-card{ width: 100%; height: auto; min-height: 800px; background-image:url("/wp-content/themes/zero/img/card4.jpg"); background-repeat: no-repeat; background-size: cover; positon: relative; background-position: right;}
#container-card #header{ background-image: url("/wp-content/themes/zero/img/headback2.png"); background-size: cover; height: 60px; width: 100%; z-index: 20; position: absolute; top: 0px;}
#content-card-child{ width: 85.403%;  margin: 0px auto; max-width: 1224px;}
.content-card-left{ width: 47%; float: left; }
.content-card-left h2{ margin-top: 20%; }
.content-card-left p{ color: white; text-align: center; font-size: 16px; margin-top: 30px; letter-spacing: 0.01em; line-height: 2.0em;}
.content-card-left .sp{ display: none; } 
.content-card-left .gold{ position: relative; bottom: 20px; }
.content-card-left .card-about{ margin-top: 30px; }
.content-card-left h3{ font-size: 23px; color: rgb(198,158,98); margin-top: 30px; font-weight: 100; font-family: axisstd-light;}
.content-card-left p.about{ color: rgb(198,158,98); margin-top: 10px; text-align: justify; font-size: 14px; padding-bottom: 30px;
width: 100%; text-align: justify;}
.content-card-right{ width: 11%; float: right; margin-top: 100px;}
.content-card-right img{ }  

#content-card-2{ width: 100%; height: auto; min-height: 800px; background-image:url("/wp-content/themes/zero/img/card2.jpg"); background-repeat: no-repeat; background-size: cover; positon: relative; }
#content-card-2 .sp{ display: none; }
.content-card-left-2{ width: 50%; float: left; border-right: solid 1px #dcdcdc;}
.content-card-left-2 input{ border-radius: 3px; border: 1px solid #dcdcdc; padding: 10px; }
.form-right{ margin-left: 20px; }
.content-card-left-2 p{ margin-bottom: 10px; position: relative; text-align: start !important; margin-bottom: 20px;}
.wpcf7-textarea{ width: 70%; border-radius: 3px; border: 1px solid #dcdcdc; padding: 10px;}
.content-card-left-2 h2{ font-size: 33px; margin-top: 60px; margin-bottom: 10px; font-weight: 100; font-family: axisstd-light; letter-spacing: 0.03em;}
.content-card-left-2 h3{ font-size: 13px; font-weight: 500; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px #dcdcdc solid; padding-left: 20px; line-height: 1.8em;}

.content-card-right-2{ width: 45%; float: right; position: relative; min-height: 700px;}
.content-card-right-2 h2{ font-size: 33px; margin-top: 60px; margin-bottom: 10px; font-weight: 100; font-family: axisstd-light; letter-spacing: 0.03em;}
.content-card-right-2 h3{ font-size: 13px; font-weight: 500; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px #dcdcdc solid; padding-left: 20px; line-height: 1.8em;}
.content-card-right-2 p{ font-size: 33px; }
.content-card-right-2 img{ width: 80%;  float: right; margin-top: 40px;}

#white{ display: none; }
.white{ display: none; }

/*インスタのリンク*/

img.insta{ width: 500px; padding-top: 120px; text-align: left;}

}