@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* main */
body{background-color:#fff;}
.main {padding: 5px 20px;background-color:transparent;}
.content{margin-top: 5px;}
.content-top{margin: 0;}
/* メニュー */
.navi-in a {font-size: 14px;}
/* 通知エリア */
.top_school {text-align: center;padding:8px 2px;font-size:0.8em;line-height:1.1em;border-right:2px solid #aaa;border-bottom:2px solid #aaa;border-radius: 20% 5% 20% 5%;}
#notice-area {font-size:1.0em;text-align:center;display: block;padding:5px 0;margin:0;border-bottom:0px solid #000;border-top:0px solid #000;background-color:#333;color:#fff;}
#notice-area a {text-decoration: none;}
#notice-area:before {font-family:"Font Awesome 5 Free";content:"\f518  ";font-weight: 900;}
#notice-area:after {font-family:"Font Awesome 5 Free";content:"  \f101";font-weight: 900;}
#post-812 #main{padding-top: 0px;margin-top: 0px;}
#post-812 .entry-content div{margin-top: .1em;}
aside#custom_html-20.widget_text.widget.widget-content-top.widget_custom_html{margin-bottom: 0px;}
/* ***** スライダー文字調整 ***** */
div#n2-ss-3 .n2-style-d0f229e5df091aba7149cc4ded3bd85a-simple{padding:3px 0px;}
#n2-ss-3 > div > div.n2-ss-slider-controls.n2-ss-slider-controls-below > div > div.nextend-thumbnail-inner.n2-style-b193852bdf31f42c65cd47c14c5e984a-simple > div > div:nth-child(3) > div > div {font-size:75%;letter-spacing:-0.1em;}
/*
#n2-ss-3 > div > div.n2-ss-slider-controls.n2-ss-slider-controls-below > div > div.nextend-thumbnail-inner.n2-style-b193852bdf31f42c65cd47c14c5e984a-simple > div > div:nth-child(5) > div > div {}
*/
/* フォント設定 */
.main, .sidebar {background-color: transparent;}
.entry-content {margin-bottom: 1em;margin-top: 0em;}
/* ブログページトップ */
#post-812 > div > div.news_list {margin-bottom:.4em;}
.public-page #main #custom_html-21:before {content: "武谷清風堂ブログ";display: block;text-align: center;font-size: 1.5em;color: #000;text-shadow: 1px 1px 1px #fff;
background: url( https://seifudo.net/wp-content/uploads/2020/08/seifudo_top000.jpg ) no-repeat top center #fff;
background-size: contain;background-position: center;padding-top: 100px;height: 120px;opacity: 1;}
/* トップSNS */
#post-812 > header > div.sns-share{display:none;}
#post-812 > div > div:nth-child(1) > h2 {margin: 0.1em 1em 1em 0em;}
.sfdsns {margin:0;line-height: 1;}
.sfdsns a{font-size:1.8em;text-decoration:none;}
.sfdsns .fa-instagram, .sfdsns .fa-facebook-square, .sfdsns .fa-pinterest, .sfdsns .fa-youtube-square, .sfdsns .fa-line {color:#555;}
/* */
div.prem01{clear:both;line-height:1.1;font-size:0.8em;text-align:center;color:red;}
/*  */
/* リンクの色 */
a {color: #20251f;}
.siteHeader {box-shadow: 0 0px 0px rgba(255,255,255,.1);}
.carousel {border-bottom: 0px solid #fff;}
/* パンくずの下線なし */
.breadSection{border:none;}
/* メインコンテンツの上余白なし */
.siteContent {padding: 0em 0 1.5em;}
/* h1 , vk最新記事 */
.entry-title:before, .archive-title:before {font-family:"Font Awesome 5 Free";content:"\f06c  ";font-size:1.2em;font-weight: 900;}
.entry-title:first-child, .archive-title:first-child {font-size:1.6em;color:#333;margin: 15px 0 10px;}
/* コンテンツ上部お知らせ */
#custom_html-25 {padding:0px;margin:0 auto;}
/*
.content-top {background-color:#ffdfdf;}
#custom_html-25 {padding:2px 0px;margin:0 auto;text-align:center;}
#custom_html-25:hover {background-color:#ff0080;}
*/
/* h2見出しのカスタマイズ */
/* h2デフォルトクリア */
.article h2 a {text-decoration:none;color: #383838;}
.article h2 a:hover {text-decoration:underline;color: #ff0000;}
.article h2 a:after {font-family:"Font Awesome 5 Free";content:"  \f0c1";}
.article h2 {border:none;background:transparent;width:100%;}
.article h2 a:after {display:none;}
.article h2 {margin: 1.4em 0 1em;}
/* h2の下線設定 */
.article h2 {position:relative;padding:1px 28px;border-bottom:3px solid #888;}
/* h2の左上□箱 */
.article h2:before,.article h2:after{content:"";display:block;width:14px;height:14px;border:2px solid #555;position:absolute;top:8px;left:3px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
/* h2の左上■箱 */
.article h2:after{top:10px;left:10px;height:16px;width:16px;
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-o-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
border:none;background:rgba(150,150,150,0.3);}
/* 最初の文字大きく */
.article h2:first-letter {margin-right: .07em;font-size: 1.3em;}
/* h3 */
.article h3 {border:none;border-left: 7px solid #555;border-bottom: 1px solid #555;font-size: 22px;padding: 12px 20px;}
/* h3 sideber */
.sidebar h3 {background-color: transparent;padding: 0px;margin: 0px 0;border-radius: 0px;font-size: 1em;font-weight:normal;border-bottom: solid 3px #888;position: relative;}
.sidebar h3:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #222;bottom: -3px;width: 20%;}
.sidebar h3:before {font-family: "Font Awesome 5 Free";content: "\f7b6  ";font-weight: 900;}
/* Box Menu icon color */
.box-menu-icon {color: #333;}
.box-menu:hover {box-shadow: inset 2px 2px 0 0 #007b43, 2px 2px 0 0 #007b43, 2px 0 0 0 #007b43, 0 2px 0 0 #007b43;}
/* ウィジェット下の空白 */
.widget {margin-bottom: 10px;}
/* h4 */
/* h5 */
/* dt */
dt {border-left: 8px #2c542c solid;padding:3px 3px;font-size: 1.2em;}
dd {margin-left: 10px;border-left: 4px #56a756 double;padding:3px 6px;margin:3px 0px;}
/* CTA */
.cta-box {background-color: #f4f4f4;color: #383838;padding: 5px 10px;}
/* ｈｒ区切り線カスタマイズ */
div > hr {margin-top: 20px;margin-bottom: 0px;}
div > hr {border: 0;height: 2px;
background-image: -webkit-linear-gradient(left, rgba(100,100,100,0), rgba(100,100,100,0.55), rgba(100,100,100,0));
background-image:    -moz-linear-gradient(left, rgba(100,100,100,0), rgba(100,100,100,0.55), rgba(100,100,100,0));
background-image:     -ms-linear-gradient(left, rgba(100,100,100,0), rgba(100,100,100,0.55), rgba(100,100,100,0));
background-image:      -o-linear-gradient(left, rgba(100,100,100,0), rgba(100,100,100,0.55), rgba(100,100,100,0));}
.mainSection .widget {margin-bottom: 20px;}
/*フロント固定ページのタイトル、投稿日、更新日、投稿者名を非表示*/
.home.page h1.entry-title,.home.page .post-date,.home.page .post-update,.home.page .author-info{display: none;}
/* 固定ページの日付を消す */
.page .date-tags {display: none;}
/* おすすめ記事背景 */
.widget-entry-cards.large-thumb-on .card-content{color:#193219;background: linear-gradient(180deg,transparent,#ddd);background-color: rgba(166,225,166,.8);border-bottom:solid 1px #385038;}
.widget-entry-cards.large-thumb-on .card-content{}
/**/
/* -------------------------------
 トップページ ブログ新着記事の設定
--------------------------------- */
div.news_list {width:100%;list-style: none;line-height:1.5em;padding-bottom:5px;}
div.news_list .news_date {font-size:0.8em;}
div.news_list .cat {padding: 1px 1px;margin:0 2px;font-size:0.6em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:#222 1px solid;background:#e5e5e5;color:#222;}
div.news_list span.cat {display:inline-block;width:100px;line-height:1.5em;margin:0px 2px 0px 2px;overflow:hidden;vertical-align:middle;text-align:center;}
div.news_line .news_date {color:#333;}
div.news_line {margin-bottom:3px;border-bottom:0.08em #ccc dotted;padding-bottom:3px;}
div.news_line .news_title a {color:#222;text-decoration:none;font-size:.9em;letter-spacing:-.05em;}
div.news_line .news_title a:hover {text-decoration:underline;color:#ff0000;}
.boshu_line{background: linear-gradient(transparent 70%, #ffdad0 0%);}
/* イベントカレンダー用 */
div.news_line2 {margin-bottom:5px;border-bottom:0.15em #aaa dotted;padding-bottom:3px;font-size:80%;line-height:1.2em;}
div.news_line2 .news_title2 a {color:#004400;font-weight:bold;text-decoration:underline;display:inline-block;}
div.news_line2 .news_title2 a:hover {text-decoration:underline;color:#ff0000;}
div.news_line2 .news_title2 a:before {font-family: "Font Awesome 5 Free";content: "\f274  ";font-weight: 900;}

@media only screen and (max-width: 767px) {
div.news_line .news_title {display:block;font-size:0.9em;}
div.news_list {line-height:1.4em;}
}
/* 練り切りインフォメーション */
.neri-tpc {position: relative;background: #ffded2;padding: 0px 10px 0px 18px;font-size: 1em;color: #474747;border-radius: 0 10px 10px 0;left: 1em;display: block;width:90%;}
.neri-tpc:before {font-family: "Font Awesome 5 Free";content: "\f563";display: inline-block;position: absolute;padding-left: 0em;color: white;background: #f70;font-weight: 900;width: 31px;text-align: center;height: 31px;line-height: 31px;top: 47%;left: -1.0em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);}
.neri-tpc a{text-decoration:none;}
.neri_puchi{display:inline-block;font-size:0.7em;padding:0px 0px 20px 0px;}
@media only screen and (max-width: 600px) {
.neri-tpc:before {font-size:0.8em;width: 31px;height: 31px;line-height: 31px;}
.neri-tpc {font-size:18px;left: 1em;padding-left:23px;}
}
/* *******募集中のロゴ******* */
span.boshulogo{position: absolute;line-height:1em;top: 70%;left: 10%;margin:0;padding:3px;font-size:1.0em;font-weight:bold;color:#ff0000;background-color:#fff;}
/* *******募集中のロゴ******* */
/* 漢方薬膳講座インフォメーション */
.kanpo-tpc {position: relative;background: #d7e1bd;padding: 0px 10px 0px 18px;font-size: 1em;color: #474747;border-radius: 0 10px 10px 0;left: 1em;display: block;width:90%;}
.kanpo-tpc:before {font-family: "Font Awesome 5 Free";content: "\f5a7";display: inline-block;position: absolute;padding-left: 0em;color: white;background: #495728;font-weight: 900;width: 31px;text-align: center;height: 31px;line-height: 31px;top: 47%;left: -1.0em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);}
.kanpo-tpc a{text-decoration:none;}
.neri_puchi{display:inline-block;font-size:0.7em;padding:0px 0px 20px 0px;}
@media only screen and (max-width: 600px) {
.kanpo-tpc:before {font-size:0.8em;width: 31px;height: 31px;line-height: 31px;}
.kanpo-tpc {font-size:18px;left: 1em;padding-left:23px;}
}
/* 注意書き・補足 */
.hosoku1{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height:1.4em;}
.hosoku2{font-size:0.85em;color:#00f;border-bottom:#81b1a7 1px dashed;line-height:1.4em;}
.hosoku3{color:#00f;border-bottom:#81b1a7 1px dashed;line-height:1.6em;}
/* 清風堂リスト */
ul.sfd_list {padding: 0.5em;list-style: none;}
ul.sfd_list li {position: relative;padding: 0.5em 1em 0.5em 2.3em;margin-bottom:5px;border-bottom: 1px solid rgba(0,64,0,1);}
ul.sfd_list li:after, ul.sfd_list li:before {content:'';position: absolute;transform: rotate(45deg);}
ul.sfd_list li:before {top: 0.7em;left: 0.2em;width: 12px;height: 12px;border:2px solid rgba(0,64,0,1);}
ul.sfd_list li:after {top: 0.9em;left: 0.7em;width: 14px;height: 14px;background: rgba(0,64,0,0.5);transform: rotate(60deg);}
/* 清風堂リスト2 */
ul.sfd_list2 {position: relative;padding: 0 0.5em;margin-top: 2em;list-style-type: none;border: solid 2px #f00;}
ul.sfd_list2::after {position: absolute;content:attr(title);padding: 1px 7px;letter-spacing: 0.05em;font-weight: bold;font-size: 1.1em;background: #f00;color: #fff;bottom: 100%;left: -2px;border-radius: 4px 4px 0px 0px;}
ul.sfd_list2 li {line-height: 1.5;padding: 0.5em 0 0.5em 1.4em;border-bottom: 2px dashed #f00;font-weight:bold;}
ul.sfd_list2 li::before {position: absolute;content: "\002713";color: #f00;font-weight: bold;left : 0.5em;}
ul.sfd_list2 li:last-of-type {border-bottom: none;}
/* ブログ・店舗情報ページリング */
.article h2 > .moreLink a {font-size:0.6em;font-weight:normal;color:#fff;vertical-align: middle;padding:2px 8px;;text-decoration:none;border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px #333 solid;background-color:#333;}
.article h2 > .moreLink a:hover {color:#333;text-decoration:none !important;background-color:#fff;}
/* 関連リンク集 */
div.custom-html-widget > ul > li > h4 {font-size:0.9em;line-height:1.5em;font-weight:normal;}
div.custom-html-widget > ul > li > h4 a {text-decoration:none;color:#333;}
div.custom-html-widget > ul > li > h4 a:hover {text-decoration:underline;color:#000;background-color:#d5e8d5;}
/* サイドバー */
.search-box {
	margin: 0.1em 0 1em;}
/* Prof */
.veu_profile .profile_text {line-height:1.1em;}
/*TOP_pr*/
.sfd_pr01{font-size:1.2em;font-weight:bold;text-align:center;line-height:2em;}
.sfd_pr01 i{font-size:1.6em;}
.sfd_pr02{font-size:0.8em;line-height:110%;padding:10px 5px 0px 5px;}
/* CTA */
.cta-box {line-height:1.2em;}
/* カテゴリ */
.widget_categories ul li a{padding:0px 0px;font-size:0.9em;}
.widget_categories ul li a:before {font-family:"Font Awesome 5 Free";content:"\f06c  ";font-weight: 900;}
#siteBottom .innerBox {color:#333;}
/**/
.wpp-list {padding-left:0;margin-left:5;}
#wpp-2 .wpp-list li{margin-bottom:0.1rem;}
/* SNSボタンカラー
.sns-buttons a{background-color:#002200;} */
/* コピーライト */
.footer-bottom-logo {display:none;}
/* モバイル下メニュー */
.mobile-menu-buttons {background: #eee;}
/* Div全体をリンク枠にする */
/*div要素全体にリンクをつけるために必要な要素*/
.linkbox {position: relative;}
.linkbox a {position: absolute;top: 0;left: 0;height:100%;width: 100%;}
/* 以下見た目をわかりやすくするための設定*/
.linkbox a:hover{/* マウスオーバー時に色変更*/
opacity: 0.1;background-color: #008000;}
/* 練り切り申し込み */
#cta_box-3 > div > div.cta-heading::before {font-family:"Font Awesome 5 Free";content:"\f563  ";font-weight: 900;}
#wpp-2 ul li{margin-bottom: 0rem;font-size:0.9em;}
/* ボックスタブの「メモ」→「お知らせ」 */
.bb-memo .bb-label::after{content: "お知らせ";}
/* コロナのお願い画像切り替え */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_covid19 { display: block !important; }
.sp_covid19 { display: none !important; }
@media screen and (max-width: 599px){
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc_covid19 { display: none !important; }
.sp_covid19 { display: block !important; }
}
 /* フッター */
.footer, .box-menu {background-color: #eee;}
/* MTS 予約の残席数 */
/* 残席数を「残り2席」に */
a.calendar-daylink:before,a.booking-timelink:before {content:'残り';}
a.calendar-daylink:after,a.booking-timelink:after {content:'席';}
.day-calendar tr th.day-left {background:#cfc;font-size: 1.4rem;padding:15px 5px;}
.day-calendar tr th.day-right, a.booking-timelink {background:#bfb;font-size: 1.4rem;padding:15px 5px;font-weight:900;}
#booking-form #action-button > button {padding:10px 20px;font-size:1.1em;}
div.day-calendar > h3 {font-size: 1.2em;padding: 10px 10px;border-bottom: 6px double #a7d1a7;}
#booking-reservation-fieldset > table > tbody > tr > th, #booking_client-fieldset > table > tbody > tr > th, #booking-message-fieldset > table > tbody > tr > th {background-color: #cfc;}
.day-calendar > table > tbody > tr > td > .full:before {content:'満員御礼';color:#f00;}
/* ----------------------------------------- */

/* パララックス */
.parallax {
min-height: 400px;
margin: 0 calc(50% - 50vw);
width: 100vw;
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}
.content {padding: 0px;background-color: transparent;}
.parallax.bg-01 {background-image:url(//yakuzencha.com/wp-content/uploads/2022/06/seifudo_sld01.jpg);}
.parallax.bg-02 {background-image:url(//yakuzencha.com/wp-content/uploads/2022/06/seifudo_sld02.jpg);}
.parallax.bg-03 {background-image:url(//yakuzencha.com/wp-content/uploads/2022/06/seifudo_sld01.jpg);}
/**/
/* ----------------------------------------- */
/* テーブルのレスポンシブ対応 */
.table-wrap{overflow: auto; position:relative;}
@media screen and (max-width: 780px) {
.table-wrap:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;font-size:12px;background-color:#55374a;position: absolute;top:0px;border-radius: 5px;padding: 0.05em 0.5em;}
}

/* cocoonグリッドの余白調整*/
@media screen and (max-width: 599px){
.container .column-wrap>div {width: 100%;padding: 0em 0;}
}
/* 人気記事の日付表示 */
.widget_popular_entries .display-none {
display: block;
padding-top: 0.2em;
text-align: right;
}
.widget-entry-card-update-date {
display: none;
}
#popular_entries-2 > div > a.popular-entry-card-link > div > div > span{font-size:0.9em;}


/* ================================= */
/*          特定の記事のCSS           */
/* ================================= */
/* -- Grid Sys -- */
.sfdgrid {margin: 0 auto;}
.sfdgrid .col-1-2, .sfdgrid .col-1-3, .sfdgrid .col-2-3, .sfdgrid .col-1-4, .sfdgrid .col-2-4, .sfdgrid .col-3-4, .sfdgrid .col-1-5, .sfdgrid .col-2-5, .sfdgrid .col-3-5, .sfdgrid .col-4-5, .sfdgrid .col-1-6, .sfdgrid .col-2-6, .sfdgrid .col-3-6, .sfdgrid .col-4-6, .sfdgrid .col-5-6 {float:left; display: inline;}
/* ----- */
.sfdgrid .col-full {width:100%;}
.sfdgrid .col-1-2 {width:50%;}
.sfdgrid .col-1-3 {width:33%;}
.sfdgrid .col-2-3 {width:66%;}
.sfdgrid .col-1-4 {width:25%;}
.sfdgrid .col-2-4 {width:50%;}
.sfdgrid .col-3-4 {width:75%;}
.sfdgrid .col-1-5 {width:20%;}
.sfdgrid .col-2-5 {width:40%;}
.sfdgrid .col-3-5 {width:60%;}
.sfdgrid .col-4-5 {width:80%;}
.sfdgrid .col-1-6 {width:16.66%;}
.sfdgrid .col-2-6 {width:33.33%;}
.sfdgrid .col-3-6 {width:50%;}
.sfdgrid .col-4-6 {width:66.66%;}
.sfdgrid .col-5-6 {width:83.33%;}
.first {margin-left: 0;clear: left;}
/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/* -------responsive------- */
@media screen and (max-width: 800px){
.sfdgrid, .sfdgrid .col-1-2, .sfdgrid .col-1-3, .sfdgrid .col-2-3, .sfdgrid .col-1-4, .sfdgrid .col-2-4, .sfdgrid .col-3-4, .sfdgrid .col-1-5, .sfdgrid .col-2-5, .sfdgrid .col-3-5, .sfdgrid .col-4-5, .sfdgrid .col-1-6, .sfdgrid .col-2-6, .sfdgrid .col-3-6, .sfdgrid .col-4-6, .sfdgrid .col-5-6 {width:50%;}}
@media only screen and (max-width: 600px) {
.sfdgrid, .sfdgrid .col-1-2, .sfdgrid .col-1-3, .sfdgrid .col-2-3, .sfdgrid .col-1-4, .sfdgrid .col-2-4, .sfdgrid .col-3-4, .sfdgrid .col-1-5, .sfdgrid .col-2-5, .sfdgrid .col-3-5, .sfdgrid .col-4-5, .sfdgrid .col-1-6, .sfdgrid .col-2-6, .sfdgrid .col-3-6, .sfdgrid .col-4-6, .sfdgrid .col-5-6 {width:100%;}}
/* -- END Grid Sys--- */

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

}

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

/*870px以下*/
@media screen and (max-width: 870px){
  /*必要ならばここにコードを書く*/
#navi .navi-in>ul>li {width: 100px;}
.navi-in>ul .menu-item-has-description>a>.caption-wrap {font-size: 0.85em;width:90px;}

}
/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
/*
.column-wrap{flex-direction: row;}
*/
	/*
.header-small .header-container-in.hlt-top-menu .logo-header img {max-width: 200px;margin: 5px 0;background:#d0ead0;}
*/
}
/*599px以下*/
@media screen and (max-width: 599px){
.column-wrap>div {margin-bottom: .4em;}

}
/*834px以下*/
@media screen and (max-width: 834px){
main.main{padding-top: 0px;margin-top: 0px;}
}
@media screen and (max-width: 599px){

.container .column-wrap {flex-direction: row;}

.container .no-row {flex-direction: column;}

}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
.entry-title, .article h2 {font-size: 18px;}
#notice-area {font-size:1.0em;}
/*トップ背景*/
/* .header div.header-in {padding-bottom: 35px;} */
/* トップおすすめ記事の文字サイズ */
.widget-entry-cards.large-thumb-on .card-content{font-size:0.6em;}
.tagline {padding-top:40px;margin-bottom:0px;}
.logo-image {padding-top: 0px;}
.logo-header img {width: 150px;height: auto;}
.column-wrap{flex-direction: row;}
}


/* インスタの設定 */
#sb_instagram .sb_instagram_header .sbi_header_text h3 {
margin: 0 0 0 5px!important;
}

/*タブ切り替え全体のスタイル*/
/*--------------------------------------
  tab
--------------------------------------*/
.tab-wrap{
    margin-bottom: 40px;
}
.tab-group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tab{
    flex-grow: 1;
    background: #58A9EF; /* タブのカラー */
    border-radius: 10px 10px 0 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 1px;
    padding: 10px 0 4px;
    text-align: center;
    transition: 1s;
    vertical-align: bottom;
}
.panel-group{
    min-height:100px;
    border:solid 1px #CCC;
    border-top: 8px solid #C8E4FF;
    padding: 10px;
}
.panel{
    display:none;
}
.tab.is-active{
    color:#FFF;
    transition: 1s;
    opacity: 0.6;
    padding-bottom: 20px;
}
.panel.is-show{
    display:block;
}
@media screen and (max-width:480px) { 
.tab{
    padding: 10px 0 7px;
}
.tab.is-active{
    padding-bottom: 15px;
}
}