@charset "UTF-8";
/*トップページカスマイズ***************************************/
.section-wrap{
	padding-top:3em;/*内側余白をあける（上）*/
	padding-bottom:3em;/*内側余白をあける（下）*/
}

/* 見出し---------------------------------------------- */
div.title{
	margin:2rem 0;/*外側余白*/
	padding:0;/*内側余白*/
	text-align:center;/*中央寄せ*/
	font-size:2.0rem;/*文字の大きさ*/
	letter-spacing:2px;/*文字間の余白*/
	line-height:1.8;/*行の高さ*/
	font-weight: bold;
}

div.title:after{
	display:block;
	font-size:.8rem;/*下段サブ見出しの文字の大きさ*/
	font-weight: lighter;
}

div.newpost:after{
	content:'新着記事';
}
div.category:after{
	content:'カテゴリー別の記事';
}
div.popular:after{
	content:'今日、読まれている記事';
}

/* リンクボタン---------------------------------------------- */
.link-btn{
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; 
	display:block;/*ブロック要素にする*/
	text-decoration: none;/*文字装飾なし*/
	 /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;/*形状*/
        margin:1em auto;/*外側余白*/
        padding: 0em 20px;/*内側余白*/
        text-align: center;/*中央寄せ*/
        border:none /*枠線（太さ、種類、色）*/
        font-size:.9em;/*文字の大きさ*/
        color:#333;/*文字色*/
        width:150px;/*ボタンの幅*/
}

/*矢印と下線の形状*/
.link-btn::before{
	content: ''; /*絶対配置で下線の位置を決める*/
	position: absolute;
	bottom:-8px;
	left:15%;/*下線の形状*/    
	width: 85%;
	height: 1px;
	background:#333;/*アニメーションの指定*/
	transition: all .3s;
}

.link-btn::after{
	content: '';/*絶対配置で矢印の位置を決める*/
	position: absolute;
	bottom:-3px;
	right:0;/*矢印の形状*/    
	width: 15px;
	height:1px;
	background:#333;
	transform: rotate(35deg);/*アニメーションの指定*/
	transition: all .3s;
}

/*hoverした際の移動*/
.link-btn:hover::before{
    left:20%;
}

.link-btn:hover::after{
    right:-5%;
}

.link-btn:hover {
	color: #333;
}


/* 記事横並べ(flex)---------------------------------------------- */
.widget-entry-cards.large-thumb{
	display: flex; /* フレックス配置にする */
	flex-wrap: wrap;
}

/*新着、人気記事サムネイル（大）*/
.new-entry-cards.large-thumb a{
	width:calc(100% / 3);/*pcで横2列に並べる*/
}

.cate .new-entry-cards.large-thumb a,
.popular-entry-cards.large-thumb a{
	width:calc(100% / 3);/*pcで横3列に並べる*/
}

/*834px以下*/
@media screen and (max-width: 834px){
       .new-entry-cards.large-thumb a{
		width:100%;/*スマホで横１列に*/
	}
       .cate .new-entry-cards.large-thumb a,
       .popular-entry-cards.large-thumb a{
	       width:calc(100% / 2);/*スマホで横２列*/	
	}	
}

/*モバイルで文字の大きさを調整する場合*/
/*834px以下*/
@media screen and (max-width: 834px){
       .cate .large-thumb .new-entry-card-title,
	.popular-entry-card-title{
		font-size: 14px!important;/*カテゴリー、人気記事タイトルを少し小さめに*/
	}
}

/* タブ切り替え---------------------------------------------- */

/* 親要素でタブの横並びのためflexを指定*/
.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	margin:5px 0;
}


/* タブ１～３と書いているタブメニュー部分*/
.tab-label {
	border-bottom:1px solid #96acaa!important;
	text-align: center;
	padding: .5em 1em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
}

.tab-label:not(:last-of-type) {
	margin-right: 5px;
}

/* タブのコンテンツ部分*/
.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

/* アクティブなタブ、チェックされているradioボタンの隣にあるlabelの背景色を変える*/
.tab-switch:checked+.tab-label {
	background-color:#96acaa!important;
	color:#fff;
}

.tab-switch:checked+.tab-label:after{
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% + 5px);
	margin-left: -15px;
	border: 10px solid transparent;
	border-top:10px solid #96acaa;
	width: 0;
	height: 0;
}

.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px 0 0 0;
	opacity: 1;
	transition: .5s opacity;
}

/* radioボタンは仕組みだけ利用するため非表示に、トップページヘッダーまわり非表示*/
.tab-switch,
.home .article-header,
.home .article-footer{
	display: none;
}
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 見出しのカスタマイズ
************************************/

.article h1, .article h2, .article h3, .article h4, .article h5 {
	line-height: 1.5;
}
.article h1 {
	padding: 0;
	font-size: 32px;
	font-weight: 400;
}
/* H2 */
.article h2{
background:none;
padding: 0;
}
.article h2{
	padding: 0.3em 0;/*内側余白調整*/
        border-bottom: solid 3px #96acaa;/*下線：実線・太さ・色*/
        color:#666666;/*文字色（黒）*/
}
/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
.article h3 {
    color: #666666;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #96acaa;
}
/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/************************************
** トップシェアボタン
************************************/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/************************************
** ボトムシェアボタン
************************************/
/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #C0C0C0; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

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

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

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

/***************************
** グローバルナビのカスタマイズ
****************************/
/* ナビメニュー 文字*/
#navi {
	font-family: '○○', sans-serif;/*〇〇にはお好きなGoogleフォントを入力*/
	font-weight: bold; /* 太文字 */
	letter-spacing: 0.12em;/*字間を広げる*/
	color: #333;
}
.navi-in a {
	font-size: 13px;/*文字サイズ*/
}

/* safari文字の太さ指定 */
_::-webkit-full-page-media, _:future, :root  
#navi {
	-webkit-text-stroke-width: .1px !important; 
}

 /* ブラウザChromeのみ太文字にする */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #navi {
	-webkit-text-stroke-width: .4px !important;
}
}

/* ナビメニュー 下線*/
#navi .navi-in a::after {
	position: absolute;/*線の位置を絶対配置に*/
	bottom: 12px;/*線の位置*/
	left: 0;
	content: '';
	width: 100%;
	height: 2px;/*線の太さ*/
	background: #96acaa;/*線の色*/
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;/*変形の時間*/
}

#navi .navi-in a:hover::after {
	transform: scale(1, 1);
}

/* タブレットメニュー中央寄せ */
@media screen and (max-width: 768px){
#navi-in{
	display: flex;
	justify-content: center;
}
}

/*スマホメニューを横スクロール*/
@media screen and (max-width: 480px){
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi a{
   color:#222; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#222; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
}	
@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:0.8em;
    padding: 1em 1.2em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}
/************************************
**　　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}

.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#2b6865;/*検索マーク色変更はこちら*/
}

.sidebar h3{
color:#333333;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#FFFFFF;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#FFFFFF;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}

.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#FFFFFF;
color:#F7947F!important;
}

.tagcloud a{
background-color:#FFFFFF;
}

.tagcloud a:hover{
background-color:#FFFFFF;
color:#F7947F!important;
transition: 0.4s ;
}

.nwa .recommended.rcs-card-margin a {
margin: 0 0 2em;
width: 90%;
}

/*人気記事を浮き上がらせる*/
.sidebar a.popular-entry-card-link.a-wrap:hover { /*マウスオン時*/
background-color: #f2f2f2; /*背景色*/
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 20px -5px #f2f2f2; /*影の色*/
}

/*人気記事の余白*/
.sidebar a.popular-entry-card-link.a-wrap{
        margin-bottom: 16px;
}

/* プロフィール全体 */
.nwa .author-box {
	border: none;
	padding: 0 20px;
}

/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}
.nwa .author-box .author-thumb img{
	box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

/* 下側 */
.nwa .author-box .author-content {
	padding: 1em 0;
}


/* 名前 */
.author-box .author-name {
	margin-bottom: 1em;
}
.author-box .author-content .author-name a{
	color: #53929b; /* リンク色にしない */
	font-size: 1.2em;
	font-weight: normal; /* 太字にしない */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0.2em; /* 字間を広く */
}

/* プロフィール文 */
.author-description{
	margin-bottom: 16px;
}
.author-description p{
	margin: 0 0 0.5em 0;
	text-align: left;
	line-height: 1.5;
}

/* SNSボタン */
.author-follows{
	padding: 12px 0;
	background-color: #お好きな色;
}
.author-follows::before{
	content: 'Follow Me';
	color: #fff;
	font-family: お好きなフォント(設定する場合);
	letter-spacing: 0.2em; /* 字間を広く */
}
.author-box .sns-follow-buttons a.follow-button{
	width: 40px;
	height: 40px;
	margin: 6px 10px 2px 2px;
	border-radius: 20px;
	color: #fff;
	border-color: #fff;
	font-size: 24px;
	line-height: 1.6;
}
.author-box a.follow-button span::before {
	font-size: 22px;
}

/* SNSボタン マウスオーバーしたとき */
.author-box .sns-follow-buttons a.follow-button:hover{
	background-color: transparent;
	opacity: 0.6; /* 薄く */
	transform: scale(1.1); /* 1.1倍の大きさに */
}

/******************
表のデザインを変更
*******************/
/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    border-radius: 10px 10px 0 0; /* 丸み（※ヘッダーセルが縦の場合は削除）*/
    padding: 0.8em .6em; /* 余白（上下　左右） */
    background-color: #96acaa; /* 背景色 */
    color: #fff; /* 文字の色 */
    letter-spacing: 0.1em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
}
.wp-block-table thead {
    border-bottom: none;
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
    text-align:center; /* 中央揃え */
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #e6e6e6; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.8em 0.8em; /* 余白（上下　左右） */
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #e6e6e6; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #e6e6e6; /* 左線 */

.nomadBtn2 {
  color: #FFF !important;
  border-radius: 50em 50em 50em 50em;
  background: #dbd1c7;
  padding: .7em 2em;
  display: inline-block;
  text-decoration: none !important;
  margin: 15px 0;
}	
	/***見出しH6カスタマイズ***/
.article h6 {
	padding: 0;
	border-bottom: 0;
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; 
	font-size:1.2rem;/*文字の大きさ*/
	color: #333;/*文字の色*/
	letter-spacing:1px;/*文字間の余白*/
	position: relative;
	border-bottom: 2px solid #ddd;
	padding: 10px 0;
	margin-bottom: 10px;
}

h6:before {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 20%;
	height: 2px;
	content: '';
	background: #96acaa;
	}
/***トップページ プロフィール画像カスタマイズ***/
.home .wp-block-image{
	margin-top: 1.6px;
	margin-bottom: 1.6px;/*下の余白調節*/	
}

.home .has-text-align-center{
	margin-bottom: 4px;/*名前の下の余白を調節*/	
}
	/***リンクボタンのカスタマイズ***/
/*リンクボタン*/
.link-btn{
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; 
	display:block;/*ブロック要素にする*/
	text-decoration: none;/*文字装飾なし*/
	 /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;/*形状*/
        margin:1em auto;/*外側余白*/
        padding: 0em 20px;/*内側余白*/
        text-align: center;/*中央寄せ*/
        border:none /*枠線（太さ、種類、色）*/
        font-size:.9em;/*文字の大きさ*/
        color:#333;/*文字色*/
        width:150px;/*ボタンの幅*/
}

/*矢印と下線の形状*/
.link-btn::before{
	content: ''; /*絶対配置で下線の位置を決める*/
	position: absolute;
	bottom:-8px;
	left:15%;/*下線の形状*/    
	width: 85%;
	height: 1px;
	background:#333;/*アニメーションの指定*/
	transition: all .3s;
}

.link-btn::after{
	content: '';/*絶対配置で矢印の位置を決める*/
	position: absolute;
	bottom:-3px;
	right:0;/*矢印の形状*/    
	width: 15px;
	height:1px;
	background:#333;
	transform: rotate(35deg);/*アニメーションの指定*/
	transition: all .3s;
}

/*hoverした際の移動*/
.link-btn:hover::before{
    left:20%;
}

.link-btn:hover::after{
    right:-5%;
}

.link-btn:hover {
	color: #333;
}
	/***人気記事ランキングのカスタマイズ***/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
	 border-radius: 50%; /*丸にする*/
	 top: -4px;  /*丸の位置上に*/
	 left: -4px;  /*丸の位置左に*/
	 width: 14px;  /*丸のサイズを小さく*/
	 height: 14px;  /*丸のサイズを小さく*/
	 font-family: 'Lato', sans-serif;  /*数字をグーグルフォントに変更*/
	 font-size: 12px;  /*数字のフォントサイズを小さく*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位の数字を上に*/
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位の数字を上にし背景色変更*/
	background: #d0d0d1;
	line-height: 14px;
}

.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位の数字を上にし背景色変更*/
   background: #d0d0d1;
	line-height: 14px;
}

.home div.popular-entry-card-content.widget-entry-card-content.card-content{/*タイトル*/
   padding: 0.2em 0 0 0.8em !important;  /*タイトル周りの余白を調整*/
	letter-spacing: 0.8px;  /*字間を広げる*/
}

.home a.popular-entry-card-link.a-wrap{/*miniブログカード*/
	margin-bottom: 8px;  /*カード間の余白を広げる*/
}

.widget-entry-card-content {
	font-size: 12px;/*タイトルの文字サイズ*/
	line-height: 17px;
}
/**********************
タグクラウドのカスタマイズ
**********************/
.wp-block-tag-cloud a{
        background: none; /*背景を消す*/
	border: none;/*枠線なし*/
        border-radius: 4px; /*角の丸み*/
	background-color: #F9F9F9;
        color: #505050; /*文字色*/
        padding: 3px 14px 3px 6px; /*要素の内部余白*/
        text-decoration: none; /*文字の装飾なし*/
        font-size: 13px; /*文字サイズ*/
        margin: 2px; /*要素の外部余白*/
        flex: 1 1 auto; /*余白分の自動伸縮比率*/
	justify-content: space-between;
}
.fa-tag:before {
	content: "#";
	padding-right: 3px;
}
.wp-block-tag-cloud  a:hover { /*マウスホバー時*/
	background: #333333;
	color: #fff;
	transition: 0.5s; /*アニメーションの時間*/
}
	/*************************
** フッターのカスタマイズ
*************************/
.footer {
	margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
}
.footer-bottom {
	margin-top: -8px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
	margin-bottom: 0.6em;
}
.navi-footer-in a {
	color: #666666; /*メニューの文字色*/
	font-size: 12px;/*文字サイズ*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
	background: none; /*背景色をなしに*/
}
.footer-bottom.fnm-text-width .menu-footer li {
	line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/	
}
.copyright {
	font-size: 12px;/*文字サイズ*/
}
@media screen and (max-width: 834px) {
	.navi-footer-in > .menu-footer li.menu-item {
		line-height: 0; /*行間*/
		margin-top: 20px; 
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
	  width: 100%;
	  display: block;
	  flex: auto;
	  padding: 0.3em 0;
	  line-height: 0; /*行間*/
	  margin-top: 12px; 
  }
}
	/***************************
** グローバルナビのカスタマイズ
****************************/
/* ナビメニュー 文字*/
#navi {
	font-family: '○○', sans-serif;/*〇〇にはお好きなGoogleフォントを入力*/
	font-weight: bold; /* 太文字 */
	letter-spacing: 0.12em;/*字間を広げる*/
	color: #333;
}
.navi-in a {
	font-size: 13px;/*文字サイズ*/
}

/* safari文字の太さ指定 */
_::-webkit-full-page-media, _:future, :root  
#navi {
	-webkit-text-stroke-width: .1px !important; 
}

 /* ブラウザChromeのみ太文字にする */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #navi {
	-webkit-text-stroke-width: .4px !important;
}
}

/* ナビメニュー 下線*/
#navi .navi-in a::after {
	position: absolute;/*線の位置を絶対配置に*/
	bottom: 12px;/*線の位置*/
	left: 0;
	content: '';
	width: 100%;
	height: 2px;/*線の太さ*/
	background: #96acaa;/*線の色*/
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;/*変形の時間*/
}

#navi .navi-in a:hover::after {
	transform: scale(1, 1);
}

/* タブレットメニュー中央寄せ */
@media screen and (max-width: 768px){
#navi-in{
	display: flex;
	justify-content: center;
}
}

/*スマホメニューを横スクロール*/
@media screen and (max-width: 480px){
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi a{
   color:#222; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#222; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
}	
@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:0.8em;
    padding: 1em 1.2em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}