@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/
/* 共通項目の編集 */
html, .gf, .entry-content ol > li:before, button, input,
select, textarea, span.amp, .blue-btn, .comment-reply-link, #submit,
body, .f_serif, .f_meiryo, ul.wpp-list li a:before{
  font-family: Arial, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.single-title, .page-title{
  border-bottom: solid 3px #555;
  padding: .8em .1em;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 1em;
}
body .h_boader .entry-content h2{
  border-color: #666;
}
/*
ELLEcafe TOP記事タイトル
'Didot W01 Roman'

SKY Highグローバル−メニュー
"Oswald", sans-serif

'skyhigh', cursive
'Dosis', sans-serif

john master
'DiotimaLTStd-Roman'

*/
/* フォントファミリーの設定 */
.header.headercenter #g_nav,
.footer-links ul, #breadcrumb li,
.remodal-close, .sp_g_nav li a,
.menu-sp a, .menu-sp a{
  font-family: 'EB Garamond', serif;
}
body .entry-content h2,
.home .entry-content .top-section2 h3,
.single-title, .page-title,
.archivettl h1,
body .widget.widget_categories .widgettitle,
body .widget.widget_recent_entries .widgettitle,
body .widget.widget_nav_menu .widgettitle,
body .widget.widget_pages .widgettitle,
body .widget.widget_archive .widgettitle,
body .widget.widget_mycategoryorder .widgettitle,
body .sidebar .widgettitle,
.widget.widget_search input[type="search"],
.eyecatch .cat-name, .byline .date,
.single .related-box .h_ttl span,
.post-list-card .post-list .eyecatch .cat-name,
.top-post-list .post-list .eyecatch .cat-name,
.byline .cat-name,
.single .authorbox .author-newpost li .cat-name,
.related-box li .cat-name,
.carouselwrap .cat-name,
.eyecatch .cat-name,
.article-footer .post-categories li a{
  font-family: 'EB Garamond', serif;
}
.post-list-card .post-list .entry-content .entry-title{
  font-family: 'EB Garamond', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
body .widget.widget_categories .widgettitle,
body .widget.widget_recent_entries .widgettitle,
body .widget.widget_nav_menu .widgettitle,
body .widget.widget_pages .widgettitle,
body .widget.widget_archive .widgettitle,
body .widget.widget_mycategoryorder .widgettitle,
body .sidebar .widgettitle,
#footer-top .widgettitle,
.cinzel{
  font-family: 'Cinzel Decorative', cursive;
}
/* フォントサイズの編集 */
.entry-content p, p{
  font-size: 14px;
}
body .entry-content ul li{
  font-size: 14px;
}
/* 見出しの編集 */
body .entry-content h2{
  background-color: #F1f1f1;
  color: #333;
  font-size: 1.4em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
h4, .h4{
  font-size: 1em;
}
.short{
  display: none;
}
/* google mapレスポンシブ設定*/
.embed-container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 24px;
}
.embed-container iframe, .embed-container object, .embed-container embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ヘッダーの編集 */
@media only screen and (min-width: 768px){
  .header.headercenter #logo img {
      max-height: 120px;
  }
}
@media only screen and (max-width: 767px){
  #logo a img {
    max-height: 90px;
  }
}
@media only screen and (min-width: 1166px)
{
  .nav > li > a
  {
    padding: 15px 1.4em 7px;
  }
}
.metaslider-143, .metaslider-532{
  display: none;
}
@media only screen and (min-width: 768px){
  .metaslider-152, .metaslider-531{
      display: none;
  }
  .metaslider-143, .metaslider-532{
    display: block;
  }
}
@media only screen and (min-width: 768px){
  .nav > li{
      font-size: 1.3em;
  }
}
.nav li a span{
  font-size: .5em;
  margin-top: 4px;
}
@media only screen and (min-width: 1166px){
  body .header {
      margin: 0;
  }
}
@media only screen and (min-width: 1166px){
  body .nav > li > a {
	padding-top: 2px;
  }
}
/* トップページの編集 */
@media only screen and (min-width: 768px){
  .home #main{
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 1165px) and (min-width: 768px){
  .home .t-all {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 1166px){
  .home .d-5of7{
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 980px){
  .home .post-list-card .post-list{
    width: 31.333%;
  }
}
.home #sidebar1{
  display: none;
}
.home .entry-content h2{
  text-align: center;
}
/* コンセプト説明エリア */
.entry-content .top-section1 .eb{
  border: none;
  font-family: 'Cinzel Decorative', cursive;
}
.entry-content .top-section1 .eb,
.top-section1 p{
  text-align: center;
}
/* 3ブランドの説明エリア */
.top-section2 .pc{
  display: none;
}
@media only screen and (min-width: 600px){
  .top-section2 .sp{
    display: none;
  }
  .top-section2 .pc{
    display: block;
  }
}
.entry-content .top-section2 img,
.entry-content .top-section2 img{
  margin-bottom: 0;
}
.top-section2 figure {
	position: relative;
	overflow: hidden;
	width: 100%;
  max-width: 1160px;
  height: 100%;
  margin-bottom: 6px;
}
.top-section2 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
.top-section2 figure:hover figcaption {
	opacity: 1;
}
.home .entry-content .top-section2 h3,
.home .entry-content .top-section2 p{
  text-align: center;
  color: #fff;
}
.home .entry-content .top-section2 h3{
  border: none;
  padding: 0;
  margin: 0.5rem 0;
}
.home .entry-content .top-section2 p{
  padding: 0 1rem;
  font-size: 10px;
}
.home .btn-wrap{
  margin: 0;
}
.home .btn-wrap.simple a{
  border: 1px solid #fff;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 10px;
}
.home .btn-wrap.simple a:hover{
  background: #fff;
  color: #333;
}
@media only screen and (min-width: 340px){
  .home .entry-content .top-section2 h3{
    margin: 1rem 0 0.5rem 0;
  }
}
@media only screen and (min-width: 370px){
  .home .entry-content .top-section2 h3{
    margin: 1rem 0;
  }
}
@media only screen and (min-width: 400px){
  .home .entry-content .top-section2 h3{
    margin: 1.5rem 0 1rem 0;
  }
  .home .entry-content .top-section2 p{
    font-size: 12px;
  }
  .home .btn-wrap.simple a{
    padding: 0.5rem 1.5rem;
    font-size: 12px;
  }
}
@media only screen and (min-width: 450px){
  .home .entry-content .top-section2 h3{
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 500px){
  .home .entry-content .top-section2 p{
    font-size: 14px;
  }
}
@media only screen and (min-width: 550px){
  .home .entry-content .top-section2 h3{
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 590px){
  .home .entry-content .top-section2 h3{
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 600px){
  .home .entry-content .top-section2 h3{
    margin: 0.5rem 0;
  }
  .home .entry-content .top-section2 p{
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 650px){
  .home .entry-content .top-section2 h3{
    margin: 1rem 0 0.5rem 0;
  }
}
@media only screen and (min-width: 690px){
  .home .entry-content .top-section2 h3{
    margin: 1rem 0 0.5rem 0;
  }
}
@media only screen and (min-width: 750px){
  .home .entry-content .top-section2 h3{
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 850px){
  .home .btn-wrap.simple a{
    font-size: 14px;
  }
}
@media only screen and (min-width: 920px){
  .home .entry-content .top-section2 h3{
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 960px){
  .home .entry-content .top-section2 h3{
    margin: 2rem 0 1rem 0;
  }
}
@media only screen and (min-width: 1040px){
  .home .entry-content .top-section2 p{
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 1060px){
  .home .entry-content .top-section2 h3{
    margin: 2.5rem 0 1.5rem 0;
  }
}
@media only screen and (min-width: 1180px){
  .home .entry-content .top-section2 p{
    margin-bottom: 2rem;
  }
}
/* アクセスエリアの編集 */
.top-section3 p{
  text-align: center;
  margin-bottom: 6px;
}
/* ウィジェットエリアの編集 */
body .sidebar .widgettitle{
  background-color: #fff;
  color: #3E3E3E;
  border-radius: 0;
  border: solid 2px #666;
  border-left: none;
  border-right: none;
}
/* 新着情報エリア */
.home #post-not-found{
  display: none;
}
/* 固定ページの編集 */
/* エステの編集 */
.menu{
  border: solid 1px #ccc;
  margin-bottom: 12px;
  text-align: center;
  padding: 2rem;
  border-radius: 2px;
}
#post-10 .entry-content .menu p{
  margin-bottom: 0;
  font-size: 22px;
  font-weight: bold;
}
#post-10 .entry-content .menu .btn-wrap{
  margin: 8px 0;
}
#post-10 .entry-content .menu .btn-wrap a{
  padding: 10px 2rem;
  font-size: 14px;
}
@media only screen and (max-width: 767px){
  .shop-img .d-1of2 {
    float: left;
    width: 50%;
  }
}
.shop img{
  border: 4px solid #fff;
  box-shadow: 0 0 10px #ddd;
}
.menu-block .post-list{
  height: auto;
}
.menu-block .post-list a:after{
  background: none;
}
.menu-block .post-list .entry-content{
  text-align: center;
}
span.sub-title {
    font-size: 0.8em;
    font-weight: 300;
}
/* エステメニューページの編集 */
.entry-content .course{
  margin-bottom: 0;
  font-size: 0.8em;
}
body .menu-list{
  margin: 1rem 0;
}
@media only screen and (max-width: 480px){
  body .menu-list .inbox{
    padding-left: 0%;
  }
}
body .menu-list .inbox{
  padding-left: 0%;
}
body .related_article a:hover{
  background-color: #efefef;
  color: #444;
}
/* アイラッシュメニューページの編集 */
.eyelash h4{
  margin-bottom: 0.5rem;
  margin-top: 3.5em;
}
.entry-content .eyelash td{
  text-align: center;
}
/* ネイルページの写真 */
@media only screen and (max-width: 767px){
  .page-id-8 .shop-img .m-all{
    width: 50%;
  }
}
/* サイドバーの編集 */
body .widget.widget_categories li a,
body .widget.widget_recent_entries li a,
body .widget.widget_nav_menu li a,
body .widget.widget_pages li a,
body .widget.widget_archive li a,
body .widget.widget_mycategoryorder li a{
  font-size: 0.85em;
}
#text-16 .reservation-img{
  text-align: center;
}
.side-shop-oya{
  overflow: hidden;
}
.side-shop-mago{
  text-align: center;
  margin-bottom: 12px;
}
@media only screen and (min-width: 540px) and (max-width: 767px){
  .side-shop-ko{
    float: left;
    width: 50%;
  }
  .side-shop-mago{
    margin: 2px;
    margin-bottom: 6px;
  }
}
/* me timeの固定ページ編集 */
html body{
  background-color: #fff;
}
html body #inner-content,
html body .header.bg, html body .header #inner-header,
html body .menu-sp, html body #breadcrumb,
html body .sidebar .widgettitle,
html body .sidebar input[type="search"]{
  background-color: #fff;
}
.page-id-4 .hentry header{
  display: none;
}
.page-id-4 .entry-content .me-list li{
  text-align: center;
  padding: 0;
  line-height: 1.6;
	font-size: 15px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "MS Pゴシック", sans-serif;
}
.page-id-4 .entry-content ul li:before{
	display: none;
}
.page-id-4 .entry-content .metime-title1{
  background-color: #fff;
  /*border-bottom: solid 3px #00396D;*/
  color: #00396D;
  font-family: "Futura-Condensed", Futura, 'Century Gothic', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "HGPゴシックE", "HGPゴシックM", メイリオ, Meiryo, "MS Pゴシック", sans-serif;
  text-align: center;
  font-size: 36px;
  margin: 1rem 0;
  margin-top: 48px;
  padding: 1rem 0;
}
@media only screen and (min-width: 768px){
  .page-id-4 .entry-content .metime-title1{
    font-size: 42px;
  }
  .page-id-4 .entry-content .first-title{
    font-size: 60px;
  }
}
.page-id-4 .entry-content .first-title{
  margin-top: 0;
  padding-top: 0;
}
html .page-id-4 .entry-content .metime-title2{
  text-align: center;
  border: none;
  margin: 1rem 0;
  padding: 1rem 0;
  /*font-size: 22px;*/
  font-size: 20px;
  font-weight: 400;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media only screen and (min-width: 768px){
  .page-id-4 .entry-content .metime-title2{
    font-size: 28px;
  }
}
.page-id-4 .entry-content .metime-title3{
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Cinzel Decorative', cursive;
  color: #BCA96C;
  font-size: 18px;
}
@media only screen and (min-width: 768px){
  .page-id-4 .entry-content .metime-title3{
    font-size: 20px;
  }
}
.page-id-4 .entry-content p{
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.page-id-4 .entry-content .left{
	text-align: left;
}
.page-id-4 .entry-content .accent{
  margin-bottom: 6px;
}
.left-accent
{
  text-align: left !important;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 16px;
  font-weight: 300 !important;
}
.page-id-4 .entry-content .menu-name{
	font-family: 'EB Garamond', serif;
}
.metime-float3-oya{
  overflow: hidden;
}
.metime-float3-mago{
  margin: 0;
  margin-bottom: 12px;
}
.entry-content .metime-float3-mago img{
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) and (min-width: 568px){
  .metime-float3-ko{
    float: left;
    width: 33.333%
  }
  .metime-float3-mago{
    margin: 3px;
  }
}
@media only screen and (min-width: 900px){
  .metime-float3-ko{
    float: left;
    width: 33.333%
  }
  .metime-float3-mago{
    margin: 3px;
  }
}
.metime-float2-oya{
  overflow: hidden;
}
.metime-float2-mago{
  margin: 0;
  margin-bottom: 12px;
}
@media only screen and (min-width: 500px) and (max-width: 767px){
  .metime-float2-ko{
    float: left;
    width: 50%;
  }
  .metime-float2-mago{
    margin: 2px;
  }
}
@media only screen and (min-width: 800px){
  .metime-float2-ko{
    float: left;
    width: 50%;
  }
  .metime-float2-mago{
    margin: 2px;
  }
}
/*===============================================================
===　　MeTimeの修正　　=============================================*/
.page-id-1181 #sidebar1
{
  display: none;
}
@media only screen and (min-width: 1166px){
.page-id-1181 #inner-content
{
  width: 75%;
}
}

@media only screen and (min-width: 768px){
.page-id-1181 #main
{
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-id-1181 #inner-content
{
  padding: 0px;
}
}
.page-id-1181 .entry-title
{
  display: none;
}
.page-id-1181 #main article header
{
  margin-bottom: 0;
}
.page-id-1181 .entry-content figure img
{
  margin: 0;
}
/* お問合せページの編集 */
body #main .wpcf7 input[type="text"],
body #main .wpcf7 input[type="email"],
body #main .wpcf7 input[type="tel"],
body #main .wpcf7 textarea{
	width: 100%;
	max-width: 100%;
	padding: 2%;
        margin-bottom: 6px;
}
/* 20161030修正 */
.page-id-4 .post-list-card .post-list .entry-content .entry-title{
margin-bottom: 0;
}
.post-list-card .post-list .entry-content .sub-name{
font-size: 0.7em;
font-weight: 300;
margin-bottom: 2em;
padding-bottom: 0.5rem;
border-bottom: solid 1px #ececec;
}
/* 20161122修正 */
.div_1122
{
  padding-top:20px !important;
  text-align: center !important;
}
.div_1122 p
{
  font-weight: 300 !important;
  font-size: 16px !important;
}
/* 2017/02/15修正 */
.cat-add
{
  margin: 0 0 0.1em !important;
  font-size: 1em !important;
  font-weight: bold;
}
.metime-epl_box /*MeTime、エステプロラボコラボ画像*/
{
  margin-bottom: 30px;
}
.font-bold_box p /*MeTimeページのpタグ太字*/
{
  font-weight: bold !important;
}
/*MeTimeのタイトル*/
.metime-title-pc
{
  display: block;
  margin: 45px 0px 0px 0px !important;
}
.metime-title-sp
{
  display: none;
}
.supported-pc
{
  display: block;
  margin: 45px 0px 0px 0px !important;
}
.supported-sp
{
  display: none;
}
@media only screen and (max-width: 767px){
.metime-title-pc
{
  display: none;
}
.metime-title-sp
{
  display: block;
  margin: 50px 0px 30px 0px !important;
}
.supported-pc
{
  display: none;
}
.supported-sp
{
  display: block;
  margin: 80px 0px 10px 0px !important;
}
}
.option-table1 th
{
    border: 1px solid #cfcfcf;
    background-color: #fff;
    padding: .8em;
    width: 60%;
    text-align: left;
}
.option-table1 td
{
    border: 1px solid #cfcfcf;
    background-color: #fff;
    padding: .8em;
    width: 40%;
}
.option-table2 th
{
    border: 1px solid #cfcfcf;
    background-color: #fff;
    padding: .8em;
    width: 60%;
    text-align: left;
}
.option-table2 td
{
    border: 1px solid #cfcfcf;
    background-color: #fff;
    padding: .8em;
    width: 40%;
}
/*3/29 追加修正*/
.entry-content .metime-title2 .metime0329
{
  color: #00396E !important;
}
.entry-content .metime-title2 .metime0330
{
  color: #00396E !important;
  font-size: 16px !important;
}
/*4/7 追加修正*/
#our-c0407
{
  margin: 10px 0px 0px 0px;
}
#our-c0407-02
{
  margin: 40px 0px 0px 0px;
}
/*4/13 追加修正*/
.metime-menu-garally
{
  max-width: 100%;
}
/*4/22 追加修正*/
html .page-id-4 .entry-content .metime-title04{
  text-align: center;
  border: none;
  margin: 1rem 0;
  padding: 1rem 0;
  /*font-size: 22px;*/
  font-size: 20px;
  font-weight: 400;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color: #003A6C;
}
@media only screen and (min-width: 768px){
  .page-id-4 .entry-content .metime-title04{
    font-size: 28px;
  }
}
.f-15
{
  font-size: 15px !important;
}

/* floatの設定 ---------------------------------------------------------
    --------------------------------------------*/
.menu-float-oya
{
  width: 100%;
  overflow: hidden;
}
.menu-float-ko
{
  width: 32%;
  float: left;
  padding: 3px;
}
@media only screen and (max-width: 768px){
  .menu-float-ko
{
  width: 48%;
  float: left;
  padding: 3px;
}
}
.cafe-menu
{
  width: 100%;
  margin-top: 5rem;
}
.menu-float-ko img
{
  margin: 0 0 0 0;
}

/*---------------
ニュース・バナー・インスタのエリア
--------------------------------------------*/
/*===共通のcss===*/
.information-box
{
  width: 100%;
  overflow: hidden;
  margin-bottom: 1rem;
}
.information-box-inner
{
  float: left;
  width: 50%;
}
.information-box-inner2
{
  margin: 1rem;
}
.entry-content .information-box ul li
{
  padding-left: 0;
}
@media only screen and (max-width: 991px){
  .information-box-inner
  {
    float: none;
    width: 100%;
  }
  .information-box-inner2
  {
    margin: 0;
  }
}

/*バナーエリア*/
.notice-box
{
  padding: 0 .6em .6em .6em;
}
.notice-box p
{
  margin-bottom: 0;
  font-size: 12px;
}
.entry-content .banner-img img
{
  margin: 5px;
}
/*インスタエリア*/
.sbi_header_link::after, #sb_instagram .sbi_photo::after
{
  display: none;
}
.entry-content #sb_instagram .sb_instagram_header h3
{
  border: none;
}
/*ニュースエリア*/
.entry-content .information-box ul li::before
{
  display: none;
}
.entry-content .information-box #npcatch
{
  margin: 0;
}
.entry-content .information-box #npcatch a
{
  padding: 0;
  color: #333;
  text-decoration: none;
}
.entry-content .information-box #npcatch a:hover
{
  text-decoration: underline;
}
.entry-content .information-box #npcatch img
{
  display: none;
}
.entry-content .information-box #npcatch .date, .entry-content .information-box #npcatch .title
{
  display: block;
}
.entry-content .information-box #npcatch .title
{
  margin: 0.5rem 0;
  border-bottom: solid 1px #e0e0e0;
  padding-bottom: 5px;
}
.entry-content .information-box #npcatch .date
{
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.news-title-box
{
  text-align: center;
  margin-top: 1rem;
}
.entry-content .news-title{
position: relative;
display: inline-block;
padding: 0 55px;
font-size: 24px;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 0.2rem;
font-family: 'EB Garamond', serif;
}

.news-title:before, .news-title:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.news-title:before {left:0;}
.news-title:after {right: 0;}