@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.page ul{
	padding-left:0px;
	margin-bottom:0;
}
li{
	list-style-type:none;
}
.mobile-header-menu-buttons{
  background-color:#88b0d2;
  color:#fff;
}
.mobile-header-menu-buttons a.menu-button-in{
  color:#fff;
}
#header-container{
  display:none;
}
#content,#content-in{
  max-width:640px;
  margin:0 auto;
}
#top_header_img{
  position:relative;
}
#top_header_img span.btn{
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 20px;
}
.page article{
	margin-top:-19px;
}
.page .btn{
  margin-top:1em;
  text-align: center;
  background: #88b0d2;
  color: #fff;
  border-radius: 50px;
  font-size: 1.1em;
  font-weight: 700;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border: none;
  min-width: 200px;
}
.page a{
  text-decoration:none;
}
.gray{
	color:#515151;
}
.small{
	font-size:0.85em;
}
/*トップページのパディング無し*/
.page-id-10 main{
  padding:0;  
}
.page-id-10 .article-header{
  display:none;
}

.page h2.top-title{
	text-align:center;
	background:none!important;
	color:#88b0d2;	
}
.page h2:before,.page h2:after{
  content:" ♰ ";
  color:#ffd900;
}

#top_consept{
  background-color:#f3f6f7;
}
.top-concept {
  font-family: "Kaisei Opti", serif;
  font-size:1.85em;
  text-align:center;
  margin-top:-30px;
}
.top-concept-content{
  text-align:center;
  margin-top:-30px;
}
.top_widget{
  padding:1em 2em;
}
.price-box{
    background-color: #fff;
    padding: 1em;
    border: 2px solid #88b0d2;
    border-bottom: #88b0d2 6px solid;
    border-radius: 9px;
  }
.price-box .small{
    font-size:0.9em;
}
.price-box table{
    width:auto;
    margin:0 auto;
    color:#515151;
  }
  
.price-box table td{
    border:0px solid;
    background-color:#fff;
    font-size:1.25em;
    font-weight:bold;
  }
.price-box .span_tax{
  font-size:0.5em;
  color:#515151;
  font-weight:100;
  padding-left:5px;
  }
#top_price .service {
    font-size: 0.85em;
    color: #515151;
}
.right {
    display: block;
    text-align: right;
}
#top_news{
	margin-top:50px;
    padding:10px;
	background-color:#f3f6f7;
}
#top_news p{
	padding:0;
	color:#515151;
}
#top_news .news-inner p{
    font-size:0.8em;
    margin: 0px;
}
#top_news .news-inner span{
	color:#515151;
}
#top_news li{
    border-bottom:1px dotted #515151;;
}

.group{
	text-align:center;
}
.group img{
	width:100%;
}

.article p{
  padding:0 10px;
}
.article h1{
	background-color:#f3f6f7;
	padding:30px;
}
.article h2 {
	font-size: 1.2em;
    color: #ffffff;
    padding: 15px 0 15px 10px;
    background: #88b0d2;
}
.article h2 span{ 
	display: block;
    font-weight: bold;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
  }
.article h3 {
	font-size: 1.2em;
    color: #88b0d2;
    padding: 15px 0 15px 10px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:3px solid ;
	
}
.article h3 span{ 
	display: block;
    font-weight: bold;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
  }

.article h4 {
    border-bottom: 3px dotted #88b0d2;
    border-top:none;
    color: #88b0d2;
    font-size: 1.2em;
}
.article h4 span{
	font-weight:bold;
	
}
.article h5 {
    border:none;
	color: #88b0d2;
	font-size: 1.2em;
}
.article h5 span{
	font-weight:bold;
	font-size:0.85em;
	
}
.article h5 span:before{
	content:"◆"
}

#top_sns{

}
.top_sns_box{
	text-align:center;
	margin-bottom:40px
}
.top_sns_box img{
	width:10%;
	margin:0 3%;
  filter: brightness(0) saturate(100%) invert(77%) sepia(12%) saturate(829%) hue-rotate(169deg) brightness(94%) contrast(88%);
}
#footer{
	background-color:#88b0d2;
}
#footer td,#footer tr{
	border:none;
	background:none;
	color:#fff;
}
.footer-left,.footer-right{
	display:none;
}
.footer-center{
	max-width:640px;
	margin:0 auto;
}

.page .entry-content{
	margin-bottom: -45px;
}
.page .footer-mobile{
	padding-top: 20px;
}
.menu-drawer li{
	line-height:4em;
	border-bottom:1px dotted #88b0d2;
	font-weight:bold;
}
.menu-drawer li:first-child{
	border-top:1px dotted #88b0d2;
}
.menu-drawer li a{
	color:#88b0d2;
}
#navi-menu-content .fa,#sidebar-menu-content .fa{
	color:#88b0d2;
}
.sidebar h3{
	background-color:#88b0d2;
}
li.shop{
	margin-bottom:20px;
}
li.shop .shop-name{
	display:block;
	color:#515151;
	font-weight:bold;
}
li.shop .shop-info {
	color:gray;
}
.page-id-22 h1{
	text-align:center;
	background-color:#fff!important;
	color:#000!important;
	font-weight:100;
	font-size:2em;
}
.page-id-22 .cast-sns{text-align:center;}
.page-id-22 .sns-icon img{margin:0 2px;width:30px;border:1px solid #525252; padding:3px;border-radius:5px;}
.page-id-22 p.title{text-align:center; padding-top:30px; font-size:2em;}
.page-id-22 ul{padding:0px}
.page-id-22 main{padding:0px;}
.page-id-22 .cast-all{margin:0px;}
.page-id-22 ul{width:100%;padding-left:1%}
.page-id-22 .cast-all li{width:48%;float:left;}
.page-id-22 .cast-img{margin-bottom:10px;}
.page-id-22 .cast-all li:nth-child(n+3) {margin-top: 40px;}
.page-id-22 .cast-name{color:#525252;font-weight:400;margin-bottom:10px;text-align:center}
#footer table{margin-top:20px;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1024px以上*/
@media screen and (min-width: 1024px){
  /*必要ならばここにコードを書く*/
}


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*481px以上*/
@media screen and (min-width: 481px){
}





/*481px以上*/
@media screen and (min-width: 481px){
    .page-template-page-cast .eye-catch{width:50%!important}

}



/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

}