@charset "UTF-8";

/*!
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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* --------------------------------------------------
 * ニュースページ（/news/）最優先レイアウト修正
 * -------------------------------------------------- */
/* ニュースページ上部に挿入したコンテンツのレイアウト調整 */

.static-page-content {
    max-width: 996px;     /* サイトの最大幅に合わせる */
    margin: 0 auto 50px;   /* 左右中央寄せ ＋ 下に50pxの余白 */
    padding: 0 20px;       /* スマホ時の左右の余白 */

}

/* 挿入した画像がはみ出さないように調整 */
.static-page-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 30px;   /* 画像を中央に寄せて下に余白 */
}

/* ニュースページ：コンテンツ最下部に余白を作る */
.pagination {
    margin-bottom: 100px !important;
}
.entry-cards {
    margin-bottom: 100px !important;
}

/* H2のデザインを他の固定ページと統一 */
.static-page-content h2 {
color: #222324;
text-align:center;
padding: 1rem 2rem;
border-top: 1px solid #222324;
border-bottom: 1px solid #222324;
    margin-bottom: 2em;
    font-size: 30px;
    margin-top: 2em;
font-weight: normal;
}

/*ラベルボーダーを消す*/
.cat-label {
    border: none; 
}
/*カードタイプ空き*/
.ect-3-columns .entry-card-wrap {
    padding: 10px;
}


/*end-ニュース一覧ページ*/






html, body {
    overflow-x: hidden;
	  letter-spacing: 0.05em; 

}
/*テキスト*/
.just p {
	text-align:justify;
}
.serif {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", serif;
}


/*ボックスメニュー*/
.box-menu {
	width: 16.66%;

}
.box-menu:first-child{
    margin-left: auto;
}

/*更新日非表示*/
.page .date-tags {
display: none;
}

/*バッジ*/
.badge {
/* display: inline-block;*/
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
	background-color: #ff4d4f !important;
}

/*b-none 縦線なしテーブル*/
.b-none.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
border-left: none !important;
border-right: none !important;
background-color: #ffffff !important;
line-height: 1em;	
}

.b-none.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
border-left: none !important;
border-right: none !important;
line-height: 1em;	
}
@media screen and (max-width: 1028px) {
.b-none.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
font-size: 13px;
padding-left:0.3em;
padding-right:0.3em;	
}
.b-none.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
font-size: 14px;
padding-left:0.3em;
padding-right:0.3em;	
}
}

/*テーブル*/
table td  {
background: #ffffff;　
}
table th {
background-color: #ffffff;
}
/*Flexテーブル*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td {
border-color: #c1c5cf;
background-color: #fff;
padding:1em;		
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th {
border-color: #c1c5cf;
background-color: #f5f8f9;
padding:1em;	
}	

/*Flexテーブルstart*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.start > table tr td {
border-color: #fff;
background-color: transparent;
color:#fff;	

}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.start > table tr th {
border-color: #fff;
background-color: transparent;
color:#fff;		
}

/* タブ指定がある時、一瞬のガタつきを見せないようにする */
html.tab-shifting body {
    opacity: 0 !important;
}




/*TOPページtopic*/
.widget-entry-cards.large-thumb-on .card-content {
    padding: 0.3em;
    background: linear-gradient(180deg, #3030304a);

}






/*TOPページお知らせ日付*/
.new-entry-card-date {
  display: block;
}

/*Gナビ幅*/
.navi-in > ul li {
    width: 120px;
}
/*Gナビフォントサイズ*/
.navi-in a {
font-size: 13px;
}

/*Gナビ区切り線*/
#navi .navi-in > ul > li{
border-left: 1px dotted #494b4e;
}
#navi .navi-in > ul > li:last-child{
border-right: 1px dotted #494b4e;
}
.navi-in > ul > .menu-item-has-children > a::after{
right: 10px;
}
/*固定メニュー子メニュー表示*/
.fixed-header .navi-in > ul li:hover > ul {
display: block;
}

.navi-in > ul .sub-menu {
 width: initial;
}
/*ヘッダー幅*/
.header-container-in.hlt-top-menu {
width: 1200px;
}
/*サブナビ隙間*/
.navi-in > ul li {
 height: auto;
}

/*フッターページ下部固定*/
/*.footer-bottom {
margin-top: 0px;
font-size: 12px;	
}
div.siteContent{
	margin-bottom:200px; 
}
footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}
*/
.navi-footer-in a {
font-size: 12px;
}
 .navi-footer-in > .menu-footer li:last-child {
    border-right: 1px dotted #999999;
}

.navi-footer-in > .menu-footer li {
    border-left: 1px dotted #999999;
}

@media screen and (max-width: 480px) {
    .navi-footer-in > .menu-footer li.menu-item {
        width: 32%;
    }
}
@media screen and (max-width: 834px) {
 .navi-footer-in > .menu-footer li:last-child {
        border: 0;
    }
}

/*フッターエリア設定　*/
/*テキスト*/
.ft-tex1 {
font-size:14px;	
}
.ft-tex2 {
font-size:12px;	
}
.footer-bottom {
    margin-top: 8px;
    /* padding: 8px;
    position: relative;*/
    font-size: 12px;
}
.footer {
    margin-top: 0;
}
/*フッターエリア設定-end　*/


/*フッターモバイル　*/
/* 1. モバイルメニュー全体の高さを上げる */
.mobile-footer-menu-buttons {
    height: 70px !important;
}

/* 2. ボタンの中身：中央配置を維持 */
.mobile-footer-menu-buttons .menu-button a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    overflow: visible !important;
    opacity: 1 !important;
}

/* 3. アイコン：2行目を無視した配置 */
.mobile-menu-buttons .menu-icon {
    display: inline-block !important;
    width: auto !important;
    font-size: 22px !important;
    margin: 0 6px 0 0 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 4. 1行目のテキスト（電話をかける） */
.mobile-menu-buttons .menu-caption {
    display: inline-block !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    opacity: 1 !important; 
}

/* 5.1行目との距離を縮める */
.reception-time {
    position: absolute !important;
    bottom: 8px !important;  
    left: 50% !important;
    transform: translateX(-50%) !important;

    text-align: center !important;
    white-space: nowrap !important;
    
    font-size: 11px !important;  
    font-weight: bold !important;
    color: #ffffff !important;
    opacity: 1 !important;    
    line-height: 1 !important;
}

/* 6. 背景色 */
.mobile-footer-menu-buttons .menu-button:nth-child(1) {
    background-color: #06C755 !important;
}
.mobile-footer-menu-buttons .menu-button:nth-child(2) {
    background-color: #a9914b !important;
}


/* Cocoon標準の stretch を解除して、潰れを止める */
@media screen and (max-width: 1200px) {
.mobile-menu-buttons {
/* stretch（強制引き伸ばし）をやめて、中身のサイズを尊重させる */
align-items: center !important; 
/* 高さが勝手に計算し直されないようにロック */
height: 70px !important;
}
.mobile-footer-menu-buttons .menu-button {
height: 70px !important;
    }
}



/* サイトの最下部にボタンの高さ分の余白を作る */
@media screen and (max-width: 1023px){
#footer, 
.footer {
    margin-bottom: 20px !important; 
}
}


@media screen and (min-width: 1024px){
.mobile-footer-menu-buttons {
	  display: none !important;	
	}
}


/*ボタンの>*/
.btn-l, .ranking-item-link-buttons a, .btn-wrap.btn-wrap-l > a {
    padding: 14px 50px;
}


/*reCAPTCHAのロゴを非表示にする*/
.grecaptcha-badge { visibility: hidden; }

/*カスタムテキスト1.2*/
.cocoon-custom-text-1{
color: coral;
}

.cocoon-custom-text-2{

}

/* h1～h6のデザインリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: initial;
  box-shadow: none;
  font-weight: normal;
  font-size: initial;
  line-height: initial;
  color: initial;
}
/* 見出しリセット-end */

.page .entry-title {
display: none;
}

.font30 {
    font-size: 30px;
}

.article h2 {
color: #222324;
text-align:center;
padding: 1rem 2rem;
border-top: 1px solid #222324;
border-bottom: 1px solid #222324;
    margin-bottom: 2em;
    font-size: 30px;
    margin-top: 2em;	
}
.white {
color: #ffffff !important;	
border-color: #ffffff !important;	
}

.article h3 {
    padding: 0.3rem 1rem;
    border-left: 6px double #000;
    font-size: 20px;
    font-weight: bold;
	    margin-top: 2em;
    margin-bottom: 2em;
}

.sbi_feedtheme_header_text h3{
border-left: none;
	
}

.article h4 {
text-align:center;
	    margin-top: 2em !important;
    margin-bottom: 2em !important;
font-size: 26px;	
font-weight: bold;
/*text-transform: uppercase;	*/
}
.mt-0{
    margin-top: 0 !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.mt-6em{
    margin-top: 6em !important;
}
.tx-l {
	text-align: left !important;	
}
.tx-r {
	text-align: right !important;	
}
.bl {
color: #1D4294 !important;	
}
.bl-bg {
background: #1D4294 !important;	
}
.red {
color: #ff4d4f !important;	
}
.wh{
color: #ffffff !important;	
}
.wh-bg {
background: #ffffff !important;	
}

.gld{
color: #a9914b !important;	
}
.gld-bg {
background: #a9914b !important;	
}
.sky{
color: #f5f8f9 !important;
}
.sky-bg {
background: #f5f8f9 !important;
}

.gr-bg {
background: #fafafa !important;
}
.cover {
    font-family: "Noto Serif JP", serif;
}
.sub{
margin-bottom: 0 !important;
    color: #ffffff9c;
	text-transform: uppercase;
}

/* 上下左右中央 */
.all-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 横幅いっぱいカバー画像 */
.wp-block-cover-full {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	margin-top: -77px;
	min-height: 800px;
}


/* 横幅いっぱいカバー動画 */
.main-visual {
	width: 100vw !important;
	margin: 0 calc(50% - 50vw);
	margin-top: -80px;
	min-height: 800px;
	margin-bottom: 0 !important;	
}

@media screen and (max-width: 960px){
.main-visual {
	margin-top: -80px;
	min-height: 800px;
}
}
@media screen and (max-width: 600px){
.main-visual {
	margin-top: -80px;
	min-height: 710px;

}
}



/*横幅いっぱい2カラム*/	
.column2-fullwide {
	display: flex;
	column-gap: 0!important;
		width: 100vw !important;
	margin: 0 calc(50% - 50vw);
	margin-bottom: 0 !important;
    gap: 0 !important;

}
.column2-fullwide .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
.column2-fullwide .wp-block-column p, .column2-fullwide .wp-block-column h4 {
	padding-right: 5em!important;
		padding-left: 5em!important;
}
.column2-fullwide .wp-block-column figure {
	height: 100%;
	width: 100%;
}
.column2-fullwide .wp-block-column img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media (max-width: 1025px) {
	.column2-fullwide {
		/*display: block !important;*/
	}
.column2-fullwide .wp-block-column p {
	padding-bottom: 4em !important;
}	
.column2-fullwide .wp-block-column h4 {
	padding-top:3em !important;
}	
.column2-fullwide .wp-block-column p, .column2-fullwide .wp-block-column h4 {
	padding-right: 2em!important;
		padding-left: 2em!important;
}	
}
.reverse {
display: flex; /* PCはデフォルトで横並び(row) */
}

@media (max-width: 768px) {
  .reverse {
    flex-direction: column-reverse; /* スマホで縦・逆順 */
  }
.has-bottom-margin.is-style-bottom-margin-3em { /* ボタンボトム */
    margin-bottom: 5em !important;
}
}
/*横幅いっぱい2カラム-end*/	

/*タブ外枠色*/	
.tab-content-group {
    border: 1px solid #bca35b;
}
.tab-label-group .tab-label.is-active {
    background-color: #bca35b;
}
.tab-label-group .tab-label {
    background-color: #e8e8e88c;
}

/*CTA背景画像の隙間削除*/	
.widget {
    margin-bottom: 0 !important;
}
.content-top, .content-bottom {
    margin: 0 !important;
}
.main {
    padding-bottom: 0 !important;
}

.article, .entry-content {
	 margin-bottom: 0 !important;
}



/*CTA背景画像*/	
.change-area2 {
	background-image:
  linear-gradient(145deg, rgba(19, 177, 205, 0.94) 0%, rgba(152, 119, 234, 0.84) 100%),
  url("http://bcm-co.jp.testrs.jp/rbgr/wp-content/uploads/start.jpg");
    background-size: cover !important;
	width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 10%;
    padding-bottom: 10%;
	    margin-bottom: 0 !important;
}
.widget h2 {
color: #222324;
text-align:center;
padding: 1rem 2rem;
border-top: 1px solid #222324;
border-bottom: 1px solid #222324;
    margin-bottom: 2em;
    font-size: 30px;
    margin-top: 2em;	
}
.widget p {
margin-bottom: 1.8em;
}
@media screen and (max-width: 1024px){
#cta {
	  display: none !important;	
  }
}
/*CTA背画像-end*/	

/*セクションごと背景色*/	
.change-area {

background-size: cover !important;
	width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 5%;
    padding-bottom: 5%;
	 margin-bottom: 0 !important;
}	
/*セクションごと背景色-end*/	


/*セクションごと背景色マージンなし*/	
.change-area3 {

background-size: cover !important;
	width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 1%;
    padding-bottom: 1%;
}	
/*セクションごと背景色-end*/	
@media (max-width: 768px) {
.change-area3 {	
    padding-bottom: 4%;
}	
}






.video-container {
  max-width: none;
}

/*topチェック色*/	
[class*=is-style-icon-list-] > li::before {
  color: var(--cocoon-red-color);
}
/*topチェック色-end*/

/*アコーディオン*/
.toggle-button {
padding: 20px 10px;

}
.toggle-button::before {
  content: '\f0d7'; /*クリック前のアイコン*/
font-size: 1.6em !important; /*アイコンの大きさ*/
	position: absolute;
  bottom: 0; /* 下に配置 */
  left: 50%; /* 中央に配置 */
  transform: translateX(-50%);
 line-height: 1em; /* 必要に応じてテキストとの余白を調整 */
}
.toggle-checkbox:checked ~ .toggle-button::before {
    content: "\f0d8"; /*クリック後のアイコン*/
}

/* デスクトップ用リスト行間隔 */
ul, ol {
    line-height: 2.8;
}

/* モバイル用リスト行間隔 */
@media only screen and (max-width: 600px) {
    ul, ol {
        line-height: 1.8;
    }
}

/* ウィジェットカード設定（Grid）---------------------------------------------- */

/* カード内画像最大幅600pxに制限（横幅100%で拡縮対応） */
[class*="is-style-column-"] .widget-entry-cards.card-large-image .a-wrap {
   max-width: 600px;
   width: 100%;
}

/* サムネイル画像中央寄せ */
[class*="is-style-column-"] .widget-entry-cards.large-thumb {
   justify-items: center; /* Gridのアイテムを水平方向に中央配置 */
}

/* カラム数に応じたグリッド */
[class*="is-style-column-2"] .widget-entry-cards,
[class*="is-style-column-3"] .widget-entry-cards,
[class*="is-style-column-4"] .widget-entry-cards {
   display: grid;
}

/* 2カラム */
[class*="is-style-column-2"] .widget-entry-cards {
   grid-template-columns: repeat(2, 1fr);
column-gap: 10px;
row-gap: 30px;	
}

/* 3カラム */
[class*="is-style-column-3"] .widget-entry-cards {
   grid-template-columns: repeat(3, 1fr);
column-gap: 10px;
row-gap: 30px;
}

/* 4カラム */
[class*="is-style-column-4"] .widget-entry-cards {
grid-template-columns: repeat(4, 1fr);
column-gap: 10px;
row-gap: 30px;
}

/* モバイル用レスポンシブ設定 */
@media (max-width: 768px) {
   /* column-x-1系：モバイル1列 */
   :is(.is-style-column-2-1, .is-style-column-3-1, .is-style-column-4-1) .widget-entry-cards {
   grid-template-columns: 1fr;
   }

   /* column-x-2系：モバイル2列 */
   :is(.is-style-column-3-2, .is-style-column-4-2) .widget-entry-cards {
   grid-template-columns: repeat(2, 1fr);
   }
}

.centered-tabs .tab-label-group {
   justify-content: center; /* タブ中央寄せ */
}
.centered-tabs .tab-label-group .tab-label {
   flex: none; /* 均等配置解除 */
}
.widget-entry-cards.card-large-image .e-card {
    /* font-size: var(--cocoon-default-text-size); */
    font-size: 14px;
    text-align: center;
}

/* ナビカード リボン色変更（番号1〜5）*/
.ribbon-color-1 span { background-color: #ffb03a; } /* pickup */
.ribbon-color-2 span { background-color: #7e95ea; } /* 新着 */
.ribbon-color-3 span { background-color: #f7c114; } /* 注目 */
.ribbon-color-4 span { background-color: #dc669b; } /* 必見 */
.ribbon-color-5 span { background-color: #e9546b; } /* お得 */

/*SPテキスト改行*/
 .sp-only {
    display: none;
  }



#sb_instagram {
margin-bottom: 1.8em;
}





/* Contact Form7スマホ・タブレット用カスタマイズ */
@media(max-width:850px){
/* テーブルの見出しとフォーム */
table.inquiry th,table.inquiry td {
   display:block;
   padding:1em!important;
   width:100%;
   border:0;
}
/* 送信ボタン */
input.wpcf7-submit{
   margin-bottom:30px;
   width:100%;
}
}

/* 日付タグ上のテキストをPCとスマホで変更 */
@media(max-width:900px){
.pcdate{
   display: none;
}
}
@media(min-width:1000px){
.spdate{
   display: none;
}
/* 日付タグの幅を調整 */
.wpcf7-date.dateform{
   width: 25%;
}
}

/* Contact Form7全体カスタマイズ */

/* 自動入力されるPタグを無効にする */
.inquiry p {
   display: inline;
}

/*テーブル下に余白.枠線・テキストの行間 */
table.inquiry {
   margin-bottom: 30px;
   border: 1px solid #ddd;
	border-color:#ddd !important;
   line-height:1.2;
   vertical-align:middle;
}

/* テーブルの行 */
.inquiry tr {
   border:0!important;
}

/* テーブルの見出し側 */
.inquiry th{
   text-align:left;
   font-size:14px;
   color:#444;
   padding: 1em 1.5em;
    width: 15%;
   background:#efefef;
	border-color:#ddd !important;
   white-space: nowrap;
   vertical-align: middle;
}

/* 必須と任意タグ */
.haveto,.any{
   font-size:13px;
   padding:5px;
   background:#ff9393;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   font-weight:normal;
}

/* 任意タグの背景カラー */
.any{
   background:#93c9ff;
}

/* テーブルフォーム側 */
.inquiry td{
   font-size:13px;
	border-color:#ddd !important;
		 background:#fff;
padding-left:1.5em;
	padding-right:1.5em;
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
   width: 100%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,.inquiry select,.inquiry textarea {
   margin: 5px 0;
   background:#eff1f5;
   border: none;
   padding:0.7em;
}
.inquiry textarea {
   padding-bottom:10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpcf7-list-item-label,.wpcf7-checkbox,input[type=checkbox],input[type=radio]{
   vertical-align:middle;
}
.wpcf7-list-item-label{
   padding:0 5px 0 2px;
}
/*ラジオボタンを縦並び指定*/
.verticallist{
   display:inline-grid;
}

/*チェックテキストマージン*/
.wpcf7-list-item {
    margin-bottom: 3em;
}



/* 送信ボタンセンター */
.p-center{
text-align: center;		
}
/* 送信ボタンのデザイン */
.wpcf7-submit{
   display: bloc;
   margin:10px auto !important;
   padding:1em 0 !important;
   width:60% !important;
   background:#e94830 !important;
   color:#fff !important;
   font-size:18px !important;
   font-weight:bold !important;	 
   border-radius:4px !important;
   border: none !important;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover{
   opacity: 0.9 !important;
   transition: 0.3s !important;
}

/* 送信ボタンスピナー非表示 */
.wpcf7-spinner {
    display: none;
}
/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-response {
    display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
    color: #e92323;
}
/* スクロールボックス */
.box-scroll {
width:100%;
  height:300px;
  overflow-y: scroll;
  border: 1px solid #ddd;
  padding: 14px;
background-color: #ffffff;	
}
.box-scroll p {
	margin-bottom:1em;
	font-size:16px;
}
.box-scroll .p1 {
	margin-bottom:1em;
	font-size:20px;
}

@media screen and (max-width: 767px) {
.box-scroll p {
	font-size:12px;
}
.box-scroll .p1 {
	font-size:14px;
}
.wpcf7-list-item {
    font-size: 12px;
    margin-bottom: 30px;
}	
	
}
.grecaptcha-badge { 
	visibility: hidden;
}
/* zipaddr-jp ハイフンなしで入力 非表示*/

#autozip {
   display: none !important;
}

/* Contact Form7全体カスタマイズ-end */


#wpmem_login {
margin: auto;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1200px以下*/
@media screen and (max-width: 1200px){
	
/* PC用ナビゲーションバー全体を非表示 */
#header-container {
    display: none !important;
  }

	
	
/* ハンバーガーメニューボタンを表示する */
.mobile-menu-buttons {
display: flex;
align-items: stretch;
}
/*モバイルGナビ*/		
.mobile-header-menu-buttons {
top: 0;
bottom: auto;
justify-content: space-between;
min-width: 46px;
box-shadow: 0 0 5px darkgrey;
}
.logo-menu-button {
flex-grow: 1;
}	
.logo-menu-button img {
max-height: 70px;
margin-left: 1.5em;	
}	
.header-container-in.hlt-top-menu {
flex-direction: column;
}	

.mobile-menu-buttons .menu-button {
background-color:#222324;
	height:100%;

}
.mobile-menu-buttons .search-menu-button {
display:none;
}	
.mobile-menu-buttons .menu-caption {
  color:#ffff;
}		
.mobile-menu-buttons .menu-icon {
color:#ffff;
font-size: 30px;
margin-left: 0.5em;	
}		
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}	
.navi-menu-content {
background-color:#1D4294;		
}
.menu-close-button {
  color:#ffff;
font-size: 30px;	
}		
.menu-drawer a {
  color:#ffff;
padding: 16px;
border-bottom: 0.0625rem dotted rgba(255, 255, 255, 0.3);
}	
	
/*キャプション削除*/	
#navi-menu-open .menu-caption{
    display: none !important;
  }
	
/*×アイコンを移動*/
.menu-close-button {
 padding-top: 15px;
 padding-left: 25px;
 padding-bottom: 30px;
text-align: left;
font-size: 30px;
}
/*メニュー幅*/	
.menu-content {
max-width: 100%;	
}		
	
/*login logoutボトム*/		
.menu-item-414,.menu-item-423 {
margin-bottom: 50px;		
		
	}
	
	
	
}/*1200px以下*/

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

.article h2 {
    font-size: 22px;	
}	
}/*1023px以下*/


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/	
.footer-bottom {	
	font-size: 10px;
}	
    .sp-only {
        display: inline;
    }	
	
	.btn.cocoon-block-button__width-50{
	width: 75%;	
		
	}	
	
	
}/*834px以下*/


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