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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* reCAPTCHAバッジを非表示に */
.grecaptcha-badge { visibility: hidden; }

/* 強制的に非表示（メニューで使用） */
.kkrm-display-none { display: none !important; }

/* 【共通】フォント */
* { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

/* 【共通】注意文の色 */
.caution { color: #BF2E0E; }

/* 【共通】 リンク：下線なし + 色なし */
a { text-decoration: none; }
a:hover, a:focus { 
  color: #202B33;
  opacity: 30%; 
	transition: all 0.3s ease-in-out;
}

/* 【共通】タイトルを表示しない */
#post-2132 .entry-title,	/* トップページ（和） */
#post-3144 .entry-title,	/* トップページ（仏） */
#post-2335 .entry-title,	/* メニュー（和） */
#post-3165 .entry-title	/* メニュー（仏） */
{ display: none; }

/* 【共通】外部リンクのアイコンを表示しない */
.home.page .fa-external-link:before	/* トップページ */
{ content: "";}

/* 横幅の指定 -- ここから */

.wrap { /* 【共通】 コンテンツの幅 */
	width: unset;
	max-width: 1440px; 
}

#header-container-in {	/* 【共通】トップメニュー */
	max-width: 1080px;
}

#list,	/* 記事一覧 */
.under-entry-content {	/* 投稿ページ下部の関連記事 */
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
}

article.page,	/* 固定ページすべて */
article.post,	/* 投稿ページすべて */
#breadcrumb,	/* パンくずリスト */
.pagination-next {	/* 次のページ */
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#post-2132,	/* トップページ（和）は除く */
#post-3144,	/* トップページ（仏）は除く */
#post-2335,	/* メニュー（和）は除く */
#post-3165 {	/* メニュー（仏）は除く */
	max-width: unset;
}

/* 横幅の指定 -- ここまで */

/*【共通】 ボタン */
.kkrm_btn a {
	display: inline-block;
	color: #FFFFFF;
	background-color: #202B33;
	text-align: center;
	max-width: 100%;
	padding: 10px 3.5em 10px 2.5em;
	border-radius: 50px;
	position: relative;
}
.kkrm_btn--white a {
	background-color: #FFFFFF;
	color: #202B33;
}
.kkrm_btn a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5em;
	width: 0.5em;
	height: 0.5em;
	transform: translateY(-50%) rotate(45deg);
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
}
/* グローバルナビーのボタン */
#navi .navi-in > ul > li.kkrm_btn {
	margin-left: 1em;
}
#navi .navi-in > ul > li.kkrm_btn > a {
	padding-right: 2.5em;
	line-height: 40px;
	vertical-align: middle;
	color: #FFFFFF;
}
#navi .navi-in > ul > li.kkrm_btn > a:hover,
#navi .navi-in > ul > li.kkrm_btn > a:focus {
	background-color: #202B33;
}
#navi .navi-in > ul > li.kkrm_btn > a > div {
	height: 100%;
}
/* スライドメニューのボタン */
.slicknav_nav .kkrm_btn * {
	color: #FFFFFF;
}
.slicknav_nav .kkrm_btn a:hover {
	border-radius: 50px;
}
/* 問い合わせフォームのボタン */
input.wpcf7-submit {
	/* display: inline-block; */
	color: #FFFFFF;
	background-color: #202B33;
	/* text-align: center; */
	/* max-width: 100%; */
	padding: 10px 2.5em;
	border-radius: 50px;
	/* position: relative; */
	width: unset;
	font-size: 16px;
}
form.wpcf7-form>p:nth-last-of-type(1) {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media screen and (max-width: 834px){
	.kkrm_btn {
		text-align: center;
	}
	.kkrm-top-text .kkrm_btn a {
		margin-top: 30px;
	}
}
/* フッターの問い合わせボタン */
.kkrm-footer-wrap .kkrm_btn {
	text-align: center;
	margin: 30px auto;
}

/* 【共通】ヘッダーロゴ */
.header-container-in.hlt-top-menu .logo-header {
	max-height: unset;
	padding: 0 1em;	/* 左右余白 */
}
.header-container-in.hlt-top-menu .logo-header img {
	max-height: unset;
	margin: 20px 0;	/* 左右余白 */
}

/* 【共通】グローバルメニュー */
.navi-in > ul {
	font-weight: 700;
	justify-content: right;
}
.navi-in a { color: #202B33; }
.navi-in a:hover, .navi-in a:focus {
  background-color: unset;
  opacity: 30%;
	transition: all 0.3s ease-in-out;
}

/* 【共通】モバイルメニュー：ハンバーガーメニューアイコン */
/* .mobile-menu-buttons .menu-icon { line-height: 50px; } */
/* .mobile-menu-buttons .menu-caption { display: none; } */
.slicknav_menu .slicknav_menutxt { display: none; }
.slicknav_menu .slicknav_icon { margin: 0.188em 0; }
.slicknav_menu { background: #FFFFFF; }
.slicknav_nav * { color: #202B33; }

/* 【共通】モバイルメニュー：スライドメニュー */
.slicknav_nav, .slicknav_nav ul {
	text-align: center;
}
.slicknav_nav a {
	margin: 20px 5px;
}

/* 【共通】 ヘッダー直下の余白調整 */
.content { margin-top: 0px; }
main.main {
	padding-top: 0px;
	border: none;
}
.home .entry-content { margin-top: 0; }
.date-tags { display: none; }

/* 【トップ】周囲の余白 */
.home #main	{	padding: unset; }	/* トップページ */

/* 【トップ】セクション */
.article .kkrm-top-section {
	margin-top: 100px;
	/* height: 787px; */
	height: 790px;
	position: relative;
}
@media screen and (max-width: 834px){
	.article .kkrm-top-section {
		margin-top: 70px;
		height: auto;
	}
}

/* 【共通】タイトル（丸） */
.article .kkrm-title-cricle {
  max-width: 300px;
	width: 35%;	/* width: 375px のときに 130px */
	aspect-ratio: 1;
	background: #202B33;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.article .kkrm-title-cricle h2 {
	background: none;
	margin: 0;	
	color: #FFFFFF;
	font-weight: 700;
	/* font-size: clamp(20px, 5vw, 48px);	/* width: 375px のときに 20px */
	font-size: clamp(20px, 4vw, 44px);	/* width: 375px のときに 20px */
	line-height: 1.6em;	/* font-size: 48px のときに 65px , 20px のとき 30px */
}
.article .kkrm-title-cricle.mt100 {
	margin-top: 100px;
}
@media screen and (max-width: 834px){
	.article .kkrm-top-section .kkrm-title-cricle {
		margin-left: 37.5%;	/* 50% - (35%/2) + 5% */
		margin-bottom: 35%;
	}
	.article .kkrm-top-section .kkrm-title-cricle.kkrm-title-cricle--right {
		margin-left: 27.5%;	/* 50% - (35%/2) - 5% */
	}
}

/* 【トップ】タイトル（線） */
.kkrm-title-line {
	position: relative;
}
.kkrm-title-line::before {
	content: "";
	position: absolute;
	width: 104vw;
	left: calc(50% - (104vw / 2));
	top: 50%;
	border: 1px solid #202B33;
	transform: rotate(-15deg);
	z-index: -1;
}

/* 【トップ】タイトル（家系ラーメンとは）＜未使用＞ */
/* .kkrm-title-towa {
	position: relative;
}
.kkrm-title-towa::after {
	position: absolute;
	content: "とは";
	font-weight: 700;
	font-size: 20px;
	right: 25px;
	bottom: -25px;
	vertical-align: bottom;
} */

/* 【トップ】イメージ画像（丸） */
.article .kkrm-img-cricle {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.article .kkrm-img-cricle img{
	position: absolute;
	right: 50%;
	border-radius: 50%;
	/* width: 787px; */
	max-width: 790px;
	width: calc(50% + 15%);
	/* height: 787px; */
	aspect-ratio: 1;
	object-fit: cover;
	z-index: -1;
}
.article .kkrm-img-cricle.kkrm-img-cricle--right img{
	left: 50%;
}
.kkrm-img-cricle--a img {
	object-position: 25% 0%;
}
@media screen and (max-width: 834px){
	.article .kkrm-img-cricle img{
		right: 45%;
	}
	.article .kkrm-img-cricle.kkrm-img-cricle--right img{
		left: 45%;
	}
}

/* 【トップ】セクションのテキスト */
.kkrm-top-text {
	margin-top: 10%;
	margin-left: 55%;
	margin-right: 10%;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}
.kkrm-top-text.kkrm-top-text--right {
	margin-left: 10%;
	margin-right: 55%;
}
@media screen and (max-width: 834px){
	.kkrm-top-text {
		margin-top: 35%;
		margin-left: 25px;
		margin-right: 25px;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
	}
	.kkrm-top-text.kkrm-top-text--right {
		margin-left: 25px;
		margin-right: 25px;
	}
}

/* 【トップ】 お知らせ：サムネイルは表示しない */
/* .kkrm_top_information .widget-entry-card-content { margin-left: 0; }
.kkrm_top_information .card-thumb {	display: none; } */

/* 【トップ】 お知らせ：リンクは無効 */
/* .kkrm_top_information a { pointer-events: none; }
.kkrm_top_information a:hover, .kkrm_top_information a:focus { color: unset; } */

/* 【トップ】 お知らせ：投稿日を表示させる */
/* .new-entry-card-date { display: block; } */

/* 【トップ】 お知らせ：投稿日→タイトルの順に表示する */
/* .kkrm_top_information .widget-entry-card-content
{
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
} */

/* 【トップ】お知らせ */
/* .article .kkrm_top_information {
	max-width: 760px;
	margin: 0 auto;
		padding: 75px 8%;
} */

/* 【トップ】新着記事 */
.wp-block-latest-posts.is-grid li {
	border: 1px solid #202B33;
	border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
	border-radius: 4px;
	padding: 10px 20px 20px;
	margin-bottom: 1.25em !important;
}
a.wp-block-latest-posts__post-title {
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	color: #202B33;
}
@media screen and (max-width: 599px){
	.wp-block-latest-posts.columns-3 li {
		margin-right: 0;
	}
}
/* PC表示で横３列、SP表示で横２列✕縦２行の場合 */
/* .wp-block-latest-posts.columns-3 li:nth-child(4) {
	display: none;
}
@media screen and (max-width: 834px){
	.wp-block-latest-posts.columns-3 li {
		width: calc(50% - 0.625em);
	}
	.wp-block-latest-posts.columns-3 li:nth-child(3n) {
		margin-right: 1.25em;
	}
	.wp-block-latest-posts.columns-3 li:nth-child(2n) {
		margin-right: 0;
	}
	.wp-block-latest-posts.columns-3 li:nth-child(4) {
		display: block;
	}
} */



/* 【共通】記事カード */
.ecb-entry-border .entry-card-wrap,
.rect-vertical-card .related-entry-card-wrap
{
	border-radius: 4px;
	padding: 10px 30px 0;
	margin-bottom: 30px;
}

/* 【トップ】新着記事、インスタグラム */
.kkrm_top_wrapper {
	max-width: 1080px;
	margin: 0 auto;
}
.kkrm_top_wrapper.mt30 {
	margin-top: 30px;
}
@media screen and (max-width: 834px){
	.kkrm_top_wrapper.mt30 {
		margin: 0 15px;
	}	
}

/* 【トップ】インスタグラム */
#sb_instagram {
	padding-bottom: 0px !important;
}
#sb_instagram * {
	color: #FFFFFF;
}

/* 【共通】フッター：配置 */
.footer-left { width: 100%; }
.footer-center, .footer-right { display: none; }
.footer-left .textwidget.custom-html-widget {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.footer-widgets {
	width: 100%;
	max-width: 1160px;
}

/* 【共通】フッターの背景 */
.footer {
	background-image: url("https://iekeikokuramen.com/wp-content/uploads/interior_2.jpeg");
	background-size: cover;
	margin: 0;
	background-color: rgba(32, 43, 51,.25);	/* #202B33 */
	background-blend-mode: multiply;
	padding-bottom: 0;
}
.footer-bottom {
	background-color: #FFFFFF;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
@media screen and (max-width: 834px){
	.footer {
		background-image: url("https://iekeikokuramen.com/wp-content/uploads/interior_2-1.png");
		background-size: cover;
		margin: 0;
		background-color: rgba(32, 43, 51,.25);	/* #202B33 */
		background-blend-mode: multiply;
		padding-bottom: 0;
	}
}

/* 【共通】フッターマップ情報 */
.kkrm-footer-map-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
.kkrm-footer-map-wrap iframe {
	height: unset;
	aspect-ratio: 1.08;
	margin: 30px auto;
}

/* 【共通】フッター店舗情報 */
.kkrm-footer-wrap {
	color: #FFFFFF;
	width: fit-content;
	margin: 0 auto;
}
.kkrm-footer-top-wrap {
	display: table;
}
.kkrm-footer-top-wrap img{
	width: 46px;
	height: 81px;
	margin-left: 8px;	
}
.kkrm-footer-top-text {
	padding-left: 30px;
	display: table-cell;
	vertical-align: middle;
}
.kkrm-footer-company {
	margin: 30px auto;
}
.kkrm-footer-company dl {
	position: relative;
}
.kkrm-footer-company dt {
	position: absolute;
	width: 7em;
	width: 7.5em;
	padding: 8px;
}
.kkrm-footer-company dd {
	margin-left: 0;
	padding: 8px;
	/* padding-left: calc(7em + 8px * 2); */
	padding-left: calc(7.5em + 8px * 2);
	border-bottom: 1px solid #FFFFFF;
}
.kkrm-footer-company-businesshours {
    /* font-weight: bold; */
    background-color: #FFFFFF;
    color: #BF2E0E;
    border-radius: 6px;
    padding: 6px 12px;
    margin-bottom: 6px;
		max-width: 390px;
}
@media screen and (max-width: 834px){
	.kkrm-footer-company dt {
		position: unset;
	}
	.kkrm-footer-company dd {
		padding-left: 8px;
	}
	.kkrm-footer-company-businesshours {
		max-width: 520px;
	}
}

/* 【共通】SNSアイコン */
.kkrm-icon-circle-wrap {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.kkrm-icon-circle {
	width: 210px;
}
.kkrm-icon-circle-title {
	text-align: center;
	line-height: 3em;
}
.kkrm-icon-circle-icons {
	display: flex;
	justify-content: space-around;    
}
.kkrm-logo-facebook, .kkrm-logo-TikTok {
	width: 50px;
	height: 50px;
}
.kkrm-logo-instagram-wrap {
	height: 50px;
	width: 50px;
	position: relative;
}
.kkrm-logo-instagram-wrap:hover, .kkrm-logo-instagram-wrap:focus {
  opacity: 30%; 
	transition: all 0.3s ease-in-out;
}
.kkrm-logo-instagram-wrap::before {
	content: "";
	border-radius: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
}
.kkrm-logo-instagram {
/* 	width: 34px; */
	padding: calc((50px - 29px) / 2);
	position: absolute;
	z-index:1;
}

/* 【メニュー】たて線２本 */
#post-2335 .entry-content,	/* メニュー（和） */
#post-3165 .entry-content {	/* メニュー（仏） */
	position: relative;
}
#post-2335 .entry-content::before,	/* メニュー（和） */
#post-3165 .entry-content::before {		/* メニュー（仏） */
	position: absolute;
	content: "";
	height: calc(100% + 100px);
	width: 0;
	top: -100px;
	left: calc(50% - 490px);
	left: max(50% - 490px, 25px);
	border: solid 1px #202B33;
	background-color: #202B33;
	z-index: -1;
}
#post-2335 .entry-content::after,	/* メニュー（和） */
#post-3165 .entry-content::after {	/* メニュー（仏） */
	position: absolute;
	content: "";
	height: calc(100% + 100px);
	width: 0;
	top: -100px;
	right: calc(50% - 490px);
	right: max(50% - 490px, 25px);
	border: solid 1px #202B33;
	background-color: #202B33;
	z-index: -1;
}

/* 【メニュー：メイン】配置 */
.kkrm-menu-main-section {
	margin-top: 100px;
}
.kkrm-menu-main-wrap {
	height: 900px;
	width: 50%;
}
.kkrm-menu-main-wrap.kkrm-menu-main-wrap--right {
	margin: -400px 0 -400px auto;
}
.kkrm-menu-main-wrap.kkrm-menu-main-wrap--last {
	margin-bottom: -330px;
}
@media screen and (max-width: 834px){
	.kkrm-menu-main-wrap {
		height: unset;
		margin-top: 50px;
		width: unset;
		/* margin: 0 10px; */
	}
	.kkrm-menu-main-wrap.kkrm-menu-main-wrap--right {
		margin: unset;
		margin-top: 50px;
	}
	.kkrm-menu-main-wrap.kkrm-menu-main-wrap--last {
		margin-bottom: unset;
	}
}

/* 【メニュー：メイン】イメージ画像 */
.kkrm-menu-main-wrap .kkrm-menu-img-big {
	margin-right: 90px;
	margin-left: auto;
	/* width: 450px; */
	/* height: 450px; */
	max-width: 450px;
	object-fit: contain;
}
.kkrm-menu-main-wrap.kkrm-menu-main-wrap--right .kkrm-menu-img-big {
	margin-right: unset;
	margin-left: 90px;
}
@media screen and (max-width: 834px){
	.kkrm-menu-main-wrap .kkrm-menu-img-big {
		/* margin-right: calc(50vw + 90px); */
		margin-right: 0;
		margin-left: 15px;
		/* width: 190px; */
		/* height: 190px; */
		/* max-width: 190px; */
		width: 50%;
		min-width: 190px;
	}
	.kkrm-menu-main-wrap.kkrm-menu-main-wrap--right .kkrm-menu-img-big {
		margin-left: auto;
		margin-right: 15px;
	}
}

.kkrm-menu-main-wrap .kkrm-menu-main-body {
	max-width: 450px;
	height: 266px;
	margin-right: clamp(0px, 100% - 515px, 30px);	/* 450px + 30px + 35px */
	margin-left: max(100% - 480px, 35px);	/* 450px + 30px */
}
.kkrm-menu-main-wrap.kkrm-menu-main-wrap--right .kkrm-menu-main-body {
	margin-right: max(100% - 480px, 35px);	/* 450px + 30px */
	margin-left: clamp(0px, 100% - 515px, 30px);	/* 450px + 30px + 35px */
}
@media screen and (max-width: 834px){
	.kkrm-menu-main-wrap .kkrm-menu-main-body {
		/* width: calc(100vw - 70px); */
		/* 35px + 35px */
		max-width: unset;
		height: auto;
		margin: 0 35px;
	}
	.kkrm-menu-main-wrap.kkrm-menu-main-wrap--right .kkrm-menu-main-body {
		margin: 0 35px;
	}
}

/* 【メニュー：メイン】タイトル */
.kkrm-menu-main-wrap h3 {
	/* font-size: 48px; */
	font-size: clamp(20px, 5.33vw, 48px);	/* width: 375px のときに 20px 5.33% */
	line-height: 72px;
	border: none;
	padding: 0;
	margin: 0;
}
/* メニュー（和）メニュータイトルの改行を制御 */
#post-2335 .kkrm-menu-main-wrap h3 {
	/* hoge */
	white-space: nowrap;
}
@media screen and (max-width: 834px){
	.kkrm-menu-main-wrap h3 {
		/* font-size: 20px; */
		line-height: unset;
	}
}

/* 【メニュー：共通】タイトル：サブ */
.kkrm-menu-title-sub {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 【メニュー：共通】メニュー名称と金額の間隔 */
span.kkrm-spacers-w20 {
	display: inline-block;
	/* width: 20px; */
	width: 3px;	/* 375px表示のオプションあわせ */
}

/* 【メニュー：メイン】オプション */
.kkrm-menu-main-options {
	background-color: #202B33;
	white-space: nowrap;
	width: fit-content;
	/* padding: 10px; */
	padding: 3px;	/* 375px表示あわせ */
	/* margin-right: auto; */
	/* margin-left: calc(50% + (450px + 90px - 385.578px)); */
	/* margin-left: calc(50% + 90px); */
	margin-right: max(50% - 500px, 10px);
	margin-left: auto;
}
.kkrm-menu-main-options p {
	color: #FFFFFF;
	line-height: 1em;
	padding: 10px;
}
@media screen and (max-width: 834px){
	.kkrm-menu-main-options {
		white-space: unset;
		margin: 50px auto 0;
	}
}

/* 【メニュー：メインサブ】：配置 */
.kkrm-menu-main-sub-section {
	max-width: 980px;
	padding: 0 35px;
	margin: 50px auto 0;
}
.kkrm-menu-sub-section {
	max-width: 980px;
	padding: 0 35px;
	margin: 0 auto;
}
.kkrm-menu-main-sub-section,
.kkrm-menu-sub-section {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
/* .kkrm-menu-main-sub-section div:first-child,
.kkrm-menu-sub-section div:first-child {
	margin-top: 24px;
} */
.kkrm-menu-sub-section.pb100 {
	padding-bottom: 100px;
}
#main .kkrm-menu-sub-body {
	display: inline-block;
	margin-top: 50px;
}
.kkrm-menu-main-sub-section .kkrm-menu-sub-body {
	flex-basis: 400px;	/* 「まぜ麺」の幅に合わせる */
}
.kkrm-menu-sub-section  .kkrm-menu-sub-body {
	flex-basis: 305px;	/* 幅980 - ( 両端35*2 + 間隔100*3) */
}

/* 【メニュー：メインサブ】：並び順 */
@media screen and (max-width: 679px){	/* 両端35*2 + テキスト305*2 */
	.kkrm-menu-sub-section>div :nth-child(2n) { order: 100; }
}

/* 【メニュー：メインサブ／サブ】タイトル */
.kkrm-menu-main-sub-section h3,
.kkrm-menu-sub-section h3 {
	font-size: 16px;
	line-height: 24px;
	border: none;
	padding: 0;
	margin: 0;
}

/* 【メニュー：メインサブ】イメージ画像 */
.kkrm-menu-img {
	width: 300px;
	height: 300px;
	aspect-ratio: 1;
	margin: 0 auto;
	object-fit: contain;
}
@media screen and (max-width: 834px){
	.kkrm-menu-img {
		width: 190px;
		height: 190px;
		aspect-ratio: 1;
		margin: 0 auto;
		object-fit: contain;
	}
}

/* 【記事一覧】ページネーション */
.pagination-next {
	display: none;
}

/* 【Bogo】Body直後に挿入するBogoショートコード用コンテナ */
.bogo_body_top{
  width: 100%;
	background-color: #f4f5f7;
}
.bogo-language-switcher {
  padding: 0 10px 0 10px;
}

/* 【Bogo】言語切り替えボタンの背景色・中央寄せ表示 */
ul.bogo-language-switcher {
  display: flex;
  justify-content: flex-end;
}

/* 【Bogo】選択中言語切り替えボタンの色・文字表示 */
ul.bogo-language-switcher * {
	color: #202B33;
}
ul.bogo-language-switcher li {
	margin: 0 5px;
  border-bottom: 3px solid transparent;
}
ul.bogo-language-switcher li .current {
  border-bottom: 3px solid #BF2E0E;
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 599px) {
}

/* 【トップ】私たちについて：デスクトップでは表示順を変更 */
@media screen and (min-width: 600px) {
/* 	.topics-about-us.wp-block-media-text .wp-block-media-text__media { grid-column: 2; }
	.topics-about-us.wp-block-media-text .wp-block-media-text__content { grid-column: 1; } */
}

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

/*834px以下*/
.mobile-only {display: none; }
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.desktop-only { display: none; }
	.mobile-only {display: block; }
}

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