@charset "utf-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    /*------▼基本設定▼------*/
    --color-background: #F4F0E8;
    --color-font: #1C1A19;
    --color-primary: #111;
    --color-primary-shade: #060706;
    --color-primary-tint: #444;
    --color-secondary: #111;
    --color-table-border: #FFF;
    --color-table-th: #E6E6E6;
    --color-red: #C8421E;
    --body-font-family: 'Manrope', 'Noto Sans JP', sans-serif;
    --content-max-width: 1240px;
    /*------▼ヘッダー設定▼------*/
    --header-background: linear-gradient(to bottom, #121212, rgba(18, 18, 18, 0) 100%);
    --header-color-font: #1C1A19;
    --header-color-primary: #111;
    --header-color-primary-shade: #1C1A19;
    --header-color-primary-tint: #1C1A19;
    /*------▼フッター設定▼------*/
    --footer-background: #F4F0E8;
    --footer-color-font: #1C1A19;
    --footer-color-primary: #1C1A19;
    /*------▼フォント設定▼------*/
    --font-family01: 'Zen Old Mincho', serif;
    --font-family02: 'Manrope', 'Noto Sans JP', sans-serif;
}

/*--------------------------------------------------
	親CSS調整
--------------------------------------------------*/
.post {
    background: none;
}

.post p {
    line-height: 2;
}

.post table,
.post table th,
.post table td {
    border: none;
}

.post table {
    background: #fff;
}

.post table tr:not(:last-child) {
    border-bottom: 1px solid var(--color-table-border);
}

.post table th {
    background: var(--color-table-th);
    font-weight: 500;
}

@media print,
screen and (min-width: 769px) {

    /* PCのみ */
    .post table th,
    .post table td {
        padding: var(--px20);
    }
}

/**/
@media print,
screen and (min-width: 1024px) {
    .sticky-header #header>.inner {
        background: var(--header-background);
    }

    #wrapper {
        width: 90%;
        padding: 0;
    }

    .anchor_link::before {
        padding-top: 100px;
        margin-top: -100px;
    }
}

@media print,
screen and (max-width: 1023px) {
    .spmenu #menu p {
        white-space: nowrap;
    }

    #scrollUp {
        right: 10px !important;
        bottom: 65px !important;
    }
}

/*--------------------------------------------------
	オリジナル設定
--------------------------------------------------*/
.fs {
    font-size: 85%;
}

.fm {
    font-size: 115%;
}

.fm2 {
    font-size: 130%;
}

.red {
    color: #FC0000;
}

.b {
    font-weight: bold;
}

p.txt_ind {
    text-indent: -1em;
    margin-left: 1em;
}

/**/
.pad_anchor {
    margin-top: -110px;
    padding-top: 110px;
}

/* 非表示用 */
@media print,
screen and (min-width: 641px) {

    /* PC用 */
    .dsp_sp {
        display: none;
    }

    .cen_pc {
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ用 */
    .dsp_hp {
        display: none;
    }
}

/*--------------------------------------------------
	ヘッダ
--------------------------------------------------*/
@media only screen and (min-width: 1024px) {
    .home:not(.sticky-header) #header {
        position: fixed !important;
        width: 100%;
        top: -125px;
        transform: translateY(125px);
        -ms-transform: translateY(125px);
        transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        z-index: 9999;
    }

    .home.admin-bar:not(.sticky-header) #header {
        top: -95px;
    }

    .sticky-header #header>.inner {
        box-shadow: none;
    }

    /**/
    #header,
    .sticky-header #header-layout {
        height: 100px;
    }

    #header .logo {
        padding: 12px 20px;
    }

    #header .logo img {
        max-width: 114px;
        max-height: 76px;
    }

    #header .header__nav-contact {
        height: auto;
        padding-right: var(--px20);
        align-items: flex-end;
        flex-direction: column-reverse;
    }

    #header ul.header__contact {
        column-gap: 20px;
    }

    #header a.head_btn {
        padding: 5px 10px;
        background: none !important;
        border-bottom: 1px solid #fff;
        font-size: var(--rem14);
        font-weight: normal;
        flex-direction: row;
    }

    #header a.head_btn::before {
        margin: 0 10px 0 0;
        font-size: var(--rem14);
    }

    #header a.head_btn:hover {
        color: #999;
    }

    /**/
    nav#mainNav ul li a {
        padding-left: var(--px20);
        padding-right: var(--px20);
    }

    nav#mainNav ul li a b {
        color: #fff;
        font-size: var(--rem16);
        font-weight: normal;
        transition: all 0.3s ease-in-out;
    }

    nav#mainNav ul li.current-menu-item a,
    nav#mainNav ul li a:hover,
    nav#mainNav ul li a:active,
    nav#mainNav ul li.current-menu-parent a,
    nav#mainNav ul li.current-menu-ancestor a {
        background: none;
    }

    nav#mainNav ul li.current-menu-item a b,
    nav#mainNav ul li a:hover b,
    nav#mainNav ul li a:active b,
    nav#mainNav ul li.current-menu-parent a b,
    nav#mainNav ul li.current-menu-ancestor a b {
        color: #575757;
    }

    nav#mainNav ul li li a:hover,
    nav#mainNav ul li li.current-menu-item a,
    nav#mainNav ul li li.current-menu-item li a:hover,
    nav#mainNav ul li.current-menu-item li a:hover,
    nav#mainNav ul li.current-menu-ancestor li.current-menu-item a,
    nav#mainNav ul li.current-menu-ancestor li a:hover {
        background: #f6f6f6;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 1024px) {
    #header .logo {
        width: 20%;
    }

    #header .logo img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    nav#mainNav ul li a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1023px) {

    #content,
    #content.wide {
        width: 90%;
    }

    #sp-header .inner #header-layout nav#sp-mainNav ul li li a,
    #sp-header .inner #header-layout nav#sp-mainNav ul li.current-menu-item li a {
        background-image: url(/wp-content/themes/mrp/images/sub1.png) !important;
        background-repeat: no-repeat !important;
        background-position: 30px 50% !important;
    }

    #sp-header .inner #header-layout nav#sp-mainNav ul li li:last-child a {
        background-image: url(/wp-content/themes/mrp/images/subLast.png) !important;
    }

    body:not(.sticky-header) #header {
        background: #030706;
    }

    .mobile #header {
        box-shadow: none;
    }

    body.mobile #header .logo {
        padding-right: 10px;
    }

    .spmenu #menu span,
    .spmenu #menu span:before,
    .spmenu #menu span:after {
        background: #fff;
        border-radius: 0;
        height: 2px;
    }

    .spmenu #menu p {
        color: #fff;
        font-family: var(--font-family02);
    }

    nav#mainNav ul li a {
        background-color: #030706 !important;
    }

    nav#mainNav ul li a,
    nav#mainNav ul li li a {
        color: #fff !important;
    }
}

/*--------------------------------------------------
	フッタ
--------------------------------------------------*/
#footer {
    padding-top: 0;
}

#footer .inner {
    width: 90%;
    max-width: 1720px;
    padding-top: var(--px40);
}

#footer .footer__logo:not(:last-child) {
    margin-bottom: var(--px60);
}

#footer .footer__logo img {
    max-height: 100px;
}

#footer .footer_about .ttl {
    margin-bottom: var(--px16);
    font-size: var(--rem24w);
    font-weight: 300;
}

#footer .socialicon {
    /* 縦方向中央揃え */
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

#footer .socialicon ul {
    margin: 0;
    column-gap: 15px;
}

#footer .socialicon ul li {
    padding: 0;
}

#footer .socialicon ul li i {
    font-size: 3rem;
}

#footer .socialicon p a {
    color: var(--color-font);
    font-size: var(--rem16);
    font-weight: 500;
}

#footer .socialicon a {
    transition: all 0.3s ease-in-out;
}

#footer .socialicon a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#copyright {
    margin-top: var(--px80);
    background: none;
}

@media print,
screen and (min-width: 641px) {

    /* PC・タブレット */
    #footer .footer__logo:not(:last-child),
    #footer .footer_about {
        margin: 0;
        text-align: left;
    }

    #footer .footer_about {
        /* フレックス */
        display: flex;
        align-items: center;
        column-gap: 50px;
    }

    #footer .socialicon {
        justify-content: flex-start;
    }

    #copyright {
        width: 100%;
        text-align: left;
    }
}

/**/
#footer .footer_photo {
    position: relative;
}

#footer .footer_photo img {
    width: 100%;
}

#footer .footer_photo p {
    position: absolute;
    right: 3%;
    bottom: 10%;
    color: #fff;
    font-size: var(--rem60);
    font-weight: normal;
    font-family: var(--font-family01);
    letter-spacing: 0.6em;
    text-align: left;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {

    /* タブレット以下 */
    #footer .footer_photo p {
        font-size: var(--rem30);
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #footer .footer_photo {
        height: 200px;
    }

    #footer .footer_photo img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none;
    }

    #footer .footer_photo p {
        right: 0;
    }
}

/**/
#footer ul.header__contact {
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

#footer a.head_btn {
    padding: 5px 10px;
    background: none !important;
    border-bottom: 1px solid var(--color-font);
    color: var(--color-font);
    font-size: var(--rem16);
    font-weight: normal;
    flex-direction: row;
}

#footer a.head_btn::before {
    margin: 0 10px 0 0;
    font-size: var(--rem14);
}

#footer a.head_btn:hover {
    color: #999;
}

#footer a.head_btn.mail_btn::before {
    font: var(--fa-font-solid);
    content: '\f0e0';
}

#footer a.head_btn.lang_btn::before {
    font: var(--fa-font-solid);
    content: "\f0ac";
}

/**/
#footer .footnav ul:not(.sub-menu) {
    justify-content: flex-start;
    column-gap: var(--px40);
}

#footer .footnav ul>li,
#footer .footnav ul>li a {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

#footer .footnav ul>li a {
    transition: all 0.3s ease-in-out;
}

#footer .footnav ul>li a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-decoration: none;
}

#footer .footnav ul>li::before,
#footer .footnav ul>li::after {
    display: none;
}

#footer .footnav ul>li a {
    position: relative;
    padding-left: 1.5em;
    font-size: var(--rem16);
    font-weight: normal;
}

#footer .footnav ul>li a::before {
    position: absolute;
    top: 0;
    left: 0;
    font: var(--fa-font-solid);
    content: '\f138';
    line-height: 1.5;
}

#footer .footnav ul.sub-menu {
    display: block;
}

#footer .footnav ul.sub-menu li {
    margin-top: 1.5em;
}

#footer .footnav .menu-item-190 ul.sub-menu,
#footer .footnav .menu-item-192 ul.sub-menu {
    padding-left: 1em;
}

#footer .footnav .menu-item-190 ul.sub-menu li a,
#footer .footnav .menu-item-192 ul.sub-menu li a {
    font-size: var(--rem14);
    font-weight: normal;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #footer .footnav ul:not(.sub-menu) {
        column-gap: normal;
        row-gap: 1.5em;
    }

    #footer .footnav ul:not(.sub-menu)>li {
        width: 50%;
    }

    /*
	#footer .footnav li.menu-item-190,
	#footer .footnav li.menu-item-192 {
		width: 100% !important;
	}
	#footer .footnav .menu-item-190 ul.sub-menu,
	#footer .footnav .menu-item-192 ul.sub-menu {
		padding-left: 1.5em;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap: 20px;
	}
	#footer .footnav .menu-item-190 ul.sub-menu li,
	#footer .footnav .menu-item-192 ul.sub-menu li {
		margin-top: 1em;
	}
	#footer .footnav .menu-item-190 ul.sub-menu li a,
	#footer .footnav .menu-item-192 ul.sub-menu li a {
		padding: 0;
	}
	#footer .footnav .menu-item-190 ul.sub-menu li a::before,
	#footer .footnav .menu-item-192 ul.sub-menu li a::before {
		display: none;
	}
	*/
}

/*--------------------------------------------------
	共通
--------------------------------------------------*/
.bg_wide {
    position: relative;
}

.bg_wide::before,
.bg_wide.bg_after::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    content: "";
    z-index: -1;
}

.box_w2_sp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box_w2_sp.rev {
    flex-direction: row-reverse;
}

.box_w2_sp.vtop {
    align-items: flex-start;
}

.box_w2_sp.vcen {
    align-items: center;
}

.box_w2_sp.vbtm {
    align-items: flex-end;
}

.box_pad {
    padding: 20px;
    box-sizing: border-box;
}

.box_w2 .column2_50:not(.cen) {
    text-align: left;
}

@media print,
screen and (min-width: 641px) {

    /* PC用 */
    .bg_fix::before {
        background-attachment: fixed !important;
    }

    .box_w2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
		gap: var(--px60);
    }

    .box_w2.rev {
        flex-direction: row-reverse;
    }

    .box_w2.vtop {
        align-items: flex-start;
    }

    .box_w2.vcen {
        align-items: center;
    }

    .box_w2.vbtm {
        align-items: flex-end;
    }

    .box_w2.hcen {
        justify-content: center;
        column-gap: 2%;
    }

    .box_w2.htop {
        justify-content: flex-start;
        column-gap: 2%;
    }

    .box_pad {
        padding: 30px;
    }

    .box_w2 .column3_33 {
        width: 32%;
    }

    .box_w2 .column2_50 {
        width: 48.5%;
    }

    .box_w2 .column2_60 {
        width: 57%;
    }

    .box_w2 .column2_70 {
        width: 67%;
    }

    .box_w2 .column2_80 {
        width: 77%;
    }

    .box_w2 .w45 {
        width: 45%;
    }

    .box_w2 .w50 {
        width: 50%;
    }
}

@media print,
screen and (min-width:769px) {

    /* PCのみ */
    .box_pad {
        padding: 50px;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ用 */
    /* tableにスクロールバーを追加 */
    .tbl_scroll {
        overflow: auto;
        margin-bottom: 15px;
        white-space: nowrap;
    }

    .tbl_scroll table {
        margin-bottom: 0;
    }

    .tbl_scroll::-webkit-scrollbar {
        height: 5px;
    }

    .tbl_scroll::-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .tbl_scroll::-webkit-scrollbar-thumb {
        ackground: #BCBCBC;
    }

    .box_w2 .w45+.w50 {
        margin-top: 20px;
    }
}

/**/
.box_w2 .column3_33 img,
.box_w2 .column2_30 img,
.box_w2 .column2_40 img,
.box_w2 .column2_50 img {
    max-width: 100%;
}

/**/
.post table.tbl_line,
.post table.tbl_line th,
.post table.tbl_line td {
    background: none;
    border: none;
    color: var(--color-font);
}

.post table.tbl_line tr {
    border-bottom: 1px solid var(--color-primary-tint);
}

@media print,
screen and (min-width: 641px) {

    /* PC用 */
    .post table.tbl_line th,
    .post table.tbl_line td {
        padding: var(--px20);
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ用 */
    .post table.tbl_line.responsive th {
        padding-bottom: 5px;
    }

    .post table.tbl_line.responsive td {
        padding-top: 0;
    }
}

/**/
#content .linkBtn {
    width: auto;
    max-width: none;
    padding: 15px var(--px80);
    border-radius: 0;
    line-height: 1.4;
}

@media only screen and (max-width: 640px) {

    /* スマホ用 */
    #content .linkBtn {
        padding: 15px 30px;
    }
}

/**/
.post .btn_link {
    position: relative;
    display: inline-block;
    min-width: 240px;
    padding: 10px;
    padding-right: 60px;
    border-bottom: 2px solid var(--color-font);
    color: var(--color-font);
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    transition: all 0.3s ease-in-out;
}

.post .btn_link::after {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: var(--color-red);
    border-radius: 50%;
    color: #fff;
    font: var(--fa-font-solid);
    font-size: 12px;
    content: '\f061';
    transition: all 0.3s ease-in-out;
    /* 縦方向中央揃え */
    display: flex;
    align-items: center;
    justify-content: center;
}

.post .btn_link:hover::after {
    background: #999999;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    .post .btn_link {
        min-width: 160px;
    }
}

/**/
.txt_link {
    color: var(--color-primary);
    text-decoration: underline;
}

.txt_link:hover {
    text-decoration: none;
}

/**/
.w100 {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1) !important;
    margin-right: calc(((100vw - 100%) / 2) * -1) !important;
}

.w600,
.w800,
.w900,
.w1000 {
    width: 600px;
    max-width: 100%;
    margin: auto;
}

.w800 {
    width: 800px;
}

.w900 {
    width: 900px;
}

.w1000 {
    width: 1000px;
}

/**/
.box_gray,
.bg_gray::before {
    background: #FFF;
}

/**/
.fmin {
    font-family: var(--font-family01);
}

/*--------------------------------------------------
	トップページ
--------------------------------------------------*/
.home .post {
    position: relative;
}

#top_sns {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 8px 30px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9999;
    /* フレックス */
    display: flex;
    align-items: center;
    column-gap: 20px;
}

#top_sns ul {
    /* フレックス */
    display: flex;
    align-items: center;
    column-gap: 30px;
}

#top_sns a {
    color: #fff;
    font-size: var(--rem14);
    font-weight: bold;
}

#top_sns a i {
    display: none;
}

#top_sns a:has(.fa-youtube)::after {
    content: "YouTube";
}

#top_sns a:has(.fa-instagram)::after {
    content: "INSTA";
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_sns {
        display: none;
    }
}

/**/
#top_msg {
    width: 90%;
    max-width: 1347px;
    margin: auto;
    padding: var(--px150) 0;
}

#top_msg h1 {
    width: fit-content;
    margin-bottom: var(--px120);
    font-size: var(--rem60);
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

#top_msg .ttl .photo {
    margin-left: 19%;
}

#top_msg .txt {
    font-size: var(--rem20);
    font-family: var(--font-family02);
}

#top_msg .txt .photo {
    width: 46%;
}

@media print,
screen and (min-width: 641px) {

    /* PC・タブレット */
    #top_msg .ttl {
        width: 44.5%;
    }

    #top_msg .txt {
        width: 46.5%;
        padding-top: var(--px50);
    }
}

@media only screen and (max-width: 820px) {

    /* タブレット以下 */
    #top_msg h1 {
        font-size: var(--rem48);
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_msg {
        padding: var(--px100w) 0;
    }

    #top_msg h1 {
        margin: 0;
    }

    #top_msg .ttl .photo {
        margin-left: 67%;
    }

    #top_msg .txt {
        position: relative;
        top: -70px;
        margin-bottom: -70px;
    }
}

/**/
#top_feature::before {
    background: url(/wp-content/uploads/top-feature-bg.jpg.webp) no-repeat center center / cover;
}

#top_feature {
    width: 90%;
    max-width: 1525px;
    margin: auto;
    padding: var(--px150) 0;
    color: #fff;
    /* フレックス */
    display: flex;
    flex-direction: column;
    align-items: center;
}

#top_feature h1 {
    margin-left: 0;
    margin-right: 0;
    color: #fff;
    font-size: var(--rem40);
    text-align: left;
}

#top_feature h1::after {
    display: block;
    width: 100px;
    height: 1px;
    margin-top: var(--px80);
    background: #fff;
    content: "";
}

#top_feature h2 {
    position: relative;
    margin: 0 0 var(--px40) 0;
    color: #fff;
    font-size: var(--rem30);
    text-align: left;
}

#top_feature h2 span {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    font-size: var(--rem12);
    vertical-align: top;
}

#top_feature h2::after {
    display: none;
}

#top_feature h2,
#top_feature .in {
    padding-left: 75px;
}

#top_feature .b {
    margin-bottom: 6px;
    font-size: var(--rem20);
    font-weight: 500;
    letter-spacing: 0.1em;
}

@media print,
screen and (min-width: 1023px) {
    #top_feature {
        flex-direction: row;
        align-items: flex-start;
        gap: var(--px40);
        justify-content: space-between;
    }

    #top_feature .photo {
        width: 25%;
    }
}

@media only screen and (max-width: 1023px) {

    /* タブレット以下 */
    #top_feature h1::after {
        margin: var(--px40) auto 0;
    }

    #top_feature .txt {
        margin: var(--px40) 0 var(--px100);
    }

    #top_feature .photo {
        width: 65%;
        max-width: 400px;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_feature {
        padding: var(--px100w) 0;
    }

    #top_feature h1 {
        font-size: var(--rem30w);
    }

    #top_feature h1::after {
        margin-top: 25px;
    }

    #top_feature h2 {
        letter-spacing: 0.05em;
    }

    #top_feature h2,
    #top_feature .in {
        padding-left: 60px;
    }
}

/**/
#top_about a {
    position: relative;
    display: block;
}

#top_about .photo {
    overflow: hidden;
}

#top_about .photo img {
    width: 100%;
    transition: all 0.7s ease-in-out;
}

/* ぼかし用のオーバーレイ (画像の端がにじむのを防ぐ) */
#top_about .photo::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
    pointer-events: none;
    /* クリックの邪魔にならないように */
    z-index: 1;
    /* 画像の上に乗せる */
}

/* ホバー時の挙動（拡大率1.02に変更） */
#top_about a:hover .photo img {
    transform: scale(1.02);
    opacity: 1;
}

#top_about a:hover .photo::after {
    opacity: 1;
    /* ホバー時にぼかしレイヤーを表示 */
}

#top_about .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 1360px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

#top_about .txt h1 {
    margin: 0;
    color: #fff;
    font-size: var(--rem30);
    text-align: left;
}

#top_about .btn_link {
    color: #fff;
    border-color: #fff;
}

#top_about .btn_link::after {
    color: #fff;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_about .photo {
        height: 200px;
    }

    #top_about .photo img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none;
    }

    #top_about .txt h1 {
        margin-bottom: 20px;
        letter-spacing: 0.05em;
    }
}

/**/
#top_info,
#top_news,
#top_column {
    width: 90%;
    max-width: 1360px;
    margin: auto;
}

#top_info h1,
#top_news h1,
#top_column h1 {
    margin-bottom: var(--px40);
    font-size: var(--rem30);
    font-family: var(--font-family01);
    text-align: left;
}

#top_info .postlist li,
#top_news .postlist li,
#top_column .postlist li {
    border-bottom: 1px solid #44444466;
}

#top_info .postlist li:first-child,
#top_news .postlist li:first-child,
#top_column .postlist li:first-child {
    border-top: none;
}

#top_info .postlist .time,
#top_column .postlist .time {
    display: none;
}

#top_news .postlist .time,
#top_news .postlist .time a,
#top_column .postlist .time,
#top_column .postlist .time a {
    background: none;
    color: var(--color-font);
    font-size: var(--body-font-size);
}

#top_info .postlist .post_text,
#top_news .postlist .post_text,
#top_column .postlist .post_text {
    padding: var(--px30) 0;
}

#top_info .postlist .ttls,
#top_news .postlist .ttls,
#top_column .postlist .ttls {
    font-family: var(--font-family01);
}

#top_column::before {
    background: #111;
}

#top_column,
#top_column h1,
#top_column a,
#top_column .postlist .time,
#top_column .postlist .time a {
    color: #fff;
}

#top_column .postlist li {
    border-collapse: #ffffff33;
}

#top_column .btn_link {
    border-color: #fff;
}

#top_info h1 {
    margin: 0;
}

@media print,
screen and (min-width: 769px) {

    /* PCのみ */
    #top_info {
        /* フレックス */
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    #top_info .txt {
        width: calc(100% - 300px);
    }

    #top_info .postlist li:first-child .post_text {
        padding-top: 0;
    }
}

/**/
#top_transaction::before {
    background: #111;
}

#top_transaction .box {
    width: 1360px;
    max-width: 90%;
    margin: auto;
    padding: var(--px60) var(--px80);
    background: #FFFDF8;
}

#top_transaction .box h1 {
    margin-bottom: var(--px40);
    text-align: left;
}

#top_transaction .ttl {
    margin-bottom: var(--px30);
    font-size: var(--rem20w);
    font-weight: bold;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_transaction .box {
        padding: var(--px60);
    }

    #top_transaction .box h1 {
        font-size: var(--rem30);
    }
}

/**/
#top_espresso::before {
    background: #FFFDF8;
}

#top_espresso {
    width: 1720px;
    max-width: 90%;
    margin: auto;
}

#top_espresso h1 {
    font-size: var(--rem60);
    font-weight: normal;
}

#top_espresso .box {
    width: 1360px;
    max-width: 100%;
    margin: auto;
}

#top_espresso .ttl {
    font-size: var(--rem20w);
    font-weight: bold;
}

#top_espresso .btn {
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: var(--px40);
}

@media print,
screen and (min-width: 641px) {

    /* PC・タブレット */
    #top_espresso .photo {
        width: 32.5%;
    }

    #top_espresso .txt {
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {

    /* タブレット以下 */
    #top_espresso h1 {
        font-size: var(--rem48);
    }

    #top_espresso .btn li {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_espresso h1 {
        margin-bottom: 30px !important;
    }

    #top_espresso .photo_wide {
        height: 120px;
        margin-bottom: 30px !important;
    }

    #top_espresso .photo_wide img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none;
    }

    #top_espresso .photo {
        float: right;
        width: 45%;
        margin: 0 0 20px 20px;
    }
}

/**/
#top_contents {
    width: 90%;
    max-width: 1720px;
    margin: auto;
}

#top_contents .box a {
    position: relative;
    display: block;
}

#top_contents .box+.box {
    margin-top: var(--px40);
}

#top_contents .photo {
    overflow: hidden;
}

#top_contents .photo img {
    width: 100%;
    transition: all 0.7s ease-in-out;
}

/* ぼかし用のオーバーレイ (画像の端がにじむのを防ぐ) */
#top_contents .photo::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
    pointer-events: none;
    /* クリックの邪魔にならないように */
    z-index: 1;
    /* 画像の上に乗せる */
}

/* ホバー時の挙動（拡大率1.02に変更） */
#top_contents a:hover .photo img {
    transform: scale(1.02);
    opacity: 1;
}

#top_contents a:hover .photo::after {
    opacity: 1;
    /* ホバー時にぼかしレイヤーを表示 */
}

#top_contents .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--px50);
    background: linear-gradient(to bottom, transparent, #00000066);
    color: #fff;
    /* フレックス */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
}

#top_contents .txt h1 {
    margin: 0;
    color: #fff;
    font-size: var(--rem60);
    text-align: left;
}

#top_contents .txt h1 span {
    display: block;
    font-size: var(--rem12);
}

#top_contents .txt .btn_link {
    border-color: #fff;
    color: #fff;
}

@media print,
screen and (min-width: 769px) {

    /* PCのみ */
    #top_contents .txt .in {
        /* フレックス */
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 768px) {

    /* タブレット以下 */
    #top_contents .photo {
        height: 300px;
    }

    #top_contents .photo img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #top_contents .txt h1 {
        margin-bottom: 20px;
        font-size: var(--rem40w);
    }

    #top_contents .txt {
        display: block;
        padding: 20px;
    }

    #top_contents .txt_r {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
}

/*--------------------------------------------------
	見出し
--------------------------------------------------*/
header#h1Header {
    background: none;
}

h1.title.first.cat-loop {
    /* 縦方向中央揃え */
    display: flex;
    align-items: center;
    justify-content: center;
}

header#h1Header h1.title,
h1.title.first.cat-loop {
    color: #000;
    font-size: var(--rem60);
    font-weight: 900;
}

header#h1Header h1.title::after,
h1.title.first.cat-loop::after {
    display: block;
    width: 100px;
    height: 2px;
    margin: 0 auto 0;
    background: var(--color-red);
    transform: translateY(0.5em);
    content: "";
}

#thumbImg,
header#h1Header,
h1.title.first.cat-loop {
    width: var(--content-max-width);
    height: 300px;
    max-width: 90%;
    margin: auto;
    border-bottom: 1px solid #444;
}

#thumbImg::before,
header#h1Header::before {
    display: none;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    header#h1Header h1.title,
    h1.title.first.cat-loop {
        font-size: var(--rem30w);
    }

    header#h1Header h1.title::after,
    h1.title.first.cat-loop::after {
        width: 60px;
    }

    #thumbImg,
    header#h1Header,
    h1.title.first.cat-loop {
        width: var(--content-max-width);
        height: 160px;
    }
}

/**/
h1.title,
.post h1,
.post h2,
.post h3,
.post h4 {
    color: var(--color-font);
    line-height: 1.4;
}

/**/
.post h2 {
    color: var(--color-primary-shade);
    font-size: var(--rem40w);
}

.post h2::after {
    width: var(--px100);
    height: 1px;
    background: var(--color-primary-shade);
}

.post h2.sub {
    margin-bottom: var(--px30);
    font-size: var(--rem30);
    text-align: left;
}

.post h2.sub::after {
    width: 100%;
    background: var(--color-font);
}

.post h2.noline {
    font-size: var(--rem30);
}

.post h2.noline::after {
    display: none;
}

.post h2.noline .fs {
    font-size: var(--rem24);
}

.post h2.lft {
    font-size: var(--rem30w);
    text-align: left;
}

.post h2.lft::after {
    margin-left: 0;
}

/**/
.post h3 {
    margin-bottom: var(--px30);
    padding: 0;
    border: none;
    font-size: var(--rem30);
    font-weight: 900;
}

.post h3 b {
    display: block;
    margin-bottom: 0.5em;
    color: #666;
    font-size: var(--rem18);
}

/**/
.post h4 {
    padding: 0;
    font-size: var(--rem20w);
    font-family: var(--body-font-family);
}

.post h4::before {
    display: none;
}

/*--------------------------------------------------
	下層共通
--------------------------------------------------*/
.fs20 {
    font-size: var(--rem20);
}

.post p.fs20.b {
    font-size: var(--rem20w);
    font-family: var(--font-family01);
    line-height: 1.6;
}

/**/
.sub_msg {
    position: relative;
    padding: var(--px50) var(--px30);
    background: var(--color-font);
    color: #fff;
    font-size: var(--rem36);
    font-weight: bold;
    font-family: var(--font-family01);
    text-align: center;
}

.sub_msg::before {
    position: absolute;
    top: 10%;
    left: 0;
    width: 8px;
    height: 80%;
    background: var(--color-red);
    content: "";
}

.sub_msg p {
    line-height: 1.5;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    .sub_msg {
        font-size: var(--rem30);
    }
}

/**/
.sub_note {
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2%;
    row-gap: var(--px30);
}

.sub_note dl {
    width: 32%;
    padding: var(--px60) var(--px50);
    background: var(--color-primary-shade);
    color: #fff;
    text-align: center;
}

.sub_note dt {
    margin-bottom: var(--px30);
    padding-bottom: var(--px30);
    border-bottom: 1px solid #fff;
    font-size: var(--rem30);
    font-family: var(--font-family01);
    line-height: 1.4;
}

.sub_note dd {
    padding: 0;
    /* 	font-size: var(--rem20);
	font-weight: bold; */
    line-height: 1.8;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    .sub_note dl {
        width: 100%;
    }
}

/**/
.post ul.list_history {
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 5px;
}

.post ul.list_history li {
    padding: 6px 10px;
    background: linear-gradient(40deg, #B7A982, #887650);
    color: #fff;
    line-height: 1.4;
}

/*--------------------------------------------------
	会社概要
--------------------------------------------------*/
#company_tbl th {
    width: 20%;
    white-space: nowrap;
}

/**/
#company_profile h2 span {
    display: block;
    font-size: var(--rem18);
}

@media print,
screen and (min-width: 641px) {

    /* PC・タブレット */
    #company_profile .photo {
        width: 30%;
    }

    #company_profile .txt {
        width: 65%;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #company_profile .photo {
        width: 60%;
        margin: 0 auto 20px;
    }
}

/**/
#company_gallery .gallery {
    row-gap: var(--px40);
}

#company_gallery .gallery-item {
    width: 48.5% !important;
    margin: 0 !important;
}

#company_gallery .gallery-item img {
    max-width: 100%;
}

/**/
#company_access {
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: var(--px60);
}

#company_access .box {
    width: 48%;
}

#company_access .map {
    margin-top: 1em;
    border: 1px solid #fff;
}

#company_access .map iframe {
    width: 100%;
    height: 300px;
    vertical-align: bottom;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #company_access .box {
        width: 100%;
    }

    #company_access .map iframe {
        height: 200px;
    }
}

/*--------------------------------------------------
	高坂鶏について
--------------------------------------------------*/
#takasakadori_link {
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: var(--px60);
}

#takasakadori_link .box {
    position: relative;
    width: 48%;
}

#takasakadori_link .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--px50);
    background: linear-gradient(to bottom, transparent, #00000066);
    color: #fff;
    /* 縦方向中央揃え */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#takasakadori_link .txt h2 {
    margin-left: 0;
    color: #fff;
    font-size: var(--rem40);
    text-align: left;
}

#takasakadori_link .txt h2 span {
    display: block;
    font-size: var(--rem12);
}

#takasakadori_link .txt h2::after {
    display: none;
}

#takasakadori_link .btn_link {
    color: #fff;
    border-color: #fff;
}

#takasakadori_link .btn_link::after {
    background: #fff;
    color: var(--color-font);
}

@media only screen and (max-width: 768px) {

    /* タブレット以下 */
    #takasakadori_link .box {
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #takasakadori_link .photo {
        height: 320px;
    }

    #takasakadori_link .photo img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: none;
    }
}

/*--------------------------------------------------
	高坂エスプレッソについて
--------------------------------------------------*/
#espresso_shop::before {
    background: url(/wp-content/uploads/espresso-bg.jpg.webp) no-repeat center center / cover;
}

#espresso_shop .box {
    background: #FFFDF8;
}

/*--------------------------------------------------
	高坂鶏農園の歩み
--------------------------------------------------*/

#history_flow::before {
    background: url(/wp-content/uploads/top-feature-bg.jpg.webp) no-repeat center center / cover;
}

#history_flow {
    max-width: 960px;
    margin: 0px auto;
}

#history_flow,
#history_flow h2,
#history_flow h3 {
    color: #fff;
}

#history_flow h2::after {
    background: #fff;
}

.post .history_flow-ttl {
    margin-bottom: var(--px30);
    padding: 0;
    border: none;
    font-size: var(--rem30);
    font-weight: 800;
    transform: skewX(350deg);
}

#history_flow dl {
    position: relative;
    padding-bottom: var(--px20);
}

#history_flow dl+dl {
    margin-top: var(--px20);
}

#history_flow dl::before {
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block;
    height: calc(100% - 30px);
    border-left: 1px solid #fff;
    content: "";
}

#history_flow dt {
    margin-bottom: var(--px20);
}

#history_flow dt {
    padding: 0px 8px;
    margin-bottom: var(--px20);
    border-left: double 4px;
}

#history_flow dd {
    margin-left: 80px;
    padding: 20px;
}

@media only screen and (max-width: 640px) {
    #history_flow dd {
        margin-left: 40px;
    }

    #history_flow dd {
        padding: 0;
    }
}

.history_story {
    background: #fff;
    padding: var(--px80);
}

.history_story-inner+.history_story-inner {
    margin-top: var(--px80);
    padding-top: var(--px80);
    border-top: solid 1px #c2c2c2;
}

.post .history_story-bold {
    margin-bottom: 1em;
    display: block;
    font-size: var(--rem20);
    font-style: italic;
    text-align: left;
    color: #c2c2c2;
}

@media only screen and (max-width: 640px) {
    .history_story {
        padding: var(--px60);
    }
}

/*--------------------------------------------------
	お取り扱い店
--------------------------------------------------*/
#shop_list h4 {
    margin: 0;
    padding-left: 15px;
    border-left: 8px solid var(--color-red);
    font-size: var(--rem30);
    font-weight: 900;
    font-family: var(--font-family01);
}

#shop_list .tbl_line tr {
    border-color: #ccc;
}

#shop_list .tbl_line th {
    width: 15%;
    white-space: nowrap;
}

#shop_list .tbl_line td a:hover {
    text-decoration: underline;
}

#shop_list .tbl_line td a::after {
    margin-left: 5px;
    color: var(--color-red);
    font: var(--fa-font-solid);
    content: '\f08e';
}

/**/
#shop_list .list {
    font-family: var(--font-family01);
    font-weight: bold;
    /* フレックス */
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

#shop_list .list li {
    padding: 0 2px 5px;
    border-bottom: 1px solid #ccc;
}

#shop_list .list li.rank01::before,
#shop_list .list li.rank02::before,
#shop_list .list li.rank03::before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url(/wp-content/uploads/crown.png) no-repeat center center, linear-gradient(45deg, #8a5e04 0%, #c49d06 45%, #ffe792 70%, #DAAF08 85%, #593d03 90% 100%);
    border-radius: 50%;
    content: "";
    vertical-align: middle;
}

#shop_list .list li.rank02::before {
    background: url(/wp-content/uploads/crown.png) no-repeat center center, linear-gradient(45deg, #697a89 0%, #6b93b2 45%, #c5d6e1 70%, #8facc4 85%, #577e9e 90% 100%);
}

#shop_list .list li.rank03::before {
    background: url(/wp-content/uploads/crown.png) no-repeat center center, linear-gradient(45deg, #8C4A2F 0%, #B86B45 45%, #E5A07A 70%, #B86B45 85%, #8C4A2F 90% 100%);
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #shop_list .list {
        margin-top: 10px;
    }
}

/*--------------------------------------------------
	プライバシーポリシー その他
--------------------------------------------------*/
#breadcrumb ul li b,
#sitemap_list li a b {
    display: none;
}

@media only screen and (max-width: 640px) {

    /* スマホ */
    #breadcrumb ul {
        max-width: 90%;
    }
}

/*--------------------------------------------------
	お問い合わせ
--------------------------------------------------*/
.wpcf7-form select {
    width: auto;
}

.wpcf7-form .must_fn {
    float: none;
}

.wpcf7-form table+div .wpcf7-form-control-wrap {
    display: inline;
}

/* ボタン */
.post form.wpcf7-form .linkBtn {
    width: 200px !important;
    padding: 0 !important;
}

.post form.wpcf7-form .linkBtn .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.post form.wpcf7-form .linkBtn input[type="submit"] {
    width: 100%;
    padding: 15px 35px;
}

/* =========================================
   GTranslate 翻訳 (Language Menu)
   ========================================= */

#header,
#footer {

    /* -------------------------------------------
       1. 共通設定 (Base)
    ------------------------------------------- */
    .language {
        display: inline-block;
        position: relative;
        z-index: 200;
        -webkit-transition: .3s;
        transition: .3s;
    }

    /* チェックボックス本体は常に隠す */
    .language input[type="checkbox"] {
        display: none;
    }

    /* ドロップダウンメニューの初期状態 */
    .translator_box {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        color: #333;
        border-radius: 0;
        min-width: calc(48px + 8.4rem);
        padding: 10px 20px 15px;
        z-index: 5;
    }

    .translator_box ul,
    .translator_box ul li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* 下線アニメーション */
    .translator_box a,
    .translator_box a.glink {
        display: inline-block;
        color: #333;
        text-decoration: none;
        position: relative;
        padding-bottom: 2px;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

    /* 下線の初期状態（透明にするだけ） */
    .translator_box a::after,
    .translator_box a.glink::after {
        content: "" !important;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #333;

        /* 位置は動かさず、透明にしておく */
        opacity: 0;

        /* opacityに対してフェードインのイージングを指定 */
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    /* ホバー時にその場でふわっと表示 */
    .translator_box a:hover::after,
    .translator_box a.glink:hover::after {
        opacity: 1;
    }

    .translator_box li {
        display: block;
        padding: 5px 0;
    }
}

/* ヘッダーのドロップダウンは「下に」開く */
#header .translator_box {
    top: calc(100% - 1px);
    bottom: auto;
}

/* フッターのドロップダウンは「上に」開く */
#footer .translator_box {
    bottom: 100%;
    top: auto;
}

/* -------------------------------------------
       2. メニュー開閉ロジック (Interaction)
    ------------------------------------------- */
/* 【PC用】マウスが使えるデバイスはホバーで開閉 */
@media (hover: hover) and (pointer: fine) {

    #header,
    #footer {
        .language:hover .translator_box {
            display: block;
        }

        .language label {
            cursor: default;
            /* クリック不要であることを明示 */
        }
    }
}

/* 【スマホ用】タッチデバイスはタップ（チェックボックス）で開閉 */
@media (hover: none) {

    #header,
    #footer {
        .language input[type="checkbox"]:checked~.translator_box {
            display: block;
        }

        .language label {
            cursor: pointer;
        }
    }
}

/* -------------------------------------------
       3. デバイス別デザイン (Visuals)
    ------------------------------------------- */
/* 【PC用】デザイン (1024px以上) */
@media only screen and (min-width: 1024px) {

    #header,
    #footer {
        .language label {
            display: flex;
            align-items: center;
            color: #fff;
            padding: 5px 10px;
            background: none !important;
            border-bottom: 1px solid #fff;
            font-size: var(--rem14);
            font-weight: normal;
        }

        .language label::before {
            content: "\f0ac";
            /* 地球儀アイコン */
            font: var(--fa-font-solid);
            content: "\f0ac";
            margin: 0 10px 0 0;
            font-size: var(--rem14);
        }

        .language:hover .head_btn.lang_btn {
            -webkit-transition: .3s;
            transition: .3s;
        }

        .language:hover .head_btn.lang_btn {
            color: #999;
        }

        .translator_box a,
        .translator_box a.glink {
            padding: 8px;
        }
    }

    #footer {
        .language label {
            color: var(--color-font);
            border-bottom: 1px solid var(--color-font);
        }
    }
}

/* 【スマホ用】デザイン (1023px以下) */
@media only screen and (max-width: 1023px) {

    #header,
    #footer {
        .language label {
            display: inline-block;
            border: 1px solid #111;
            margin: 0 0 0 30px;
            padding: 10px;
            line-height: 1;
        }

        .lang {
            padding: 10px;
            /* 縦方向中央揃え */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .lang>label {
            display: flex;
            width: 40px;
            height: 40px;
            background: #474747;
            color: #fff;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .translator_box a,
        .translator_box a.glink {
            padding: 5px;
        }
    }

    #header,
    #footer {
        .language label {
            display: inline-block;
            border: 1px solid #111;
            margin: 0 0 0 30px;
            padding: 10px;
            line-height: 1;
        }

        .lang {
            padding: 10px;
            /* 縦方向中央揃え */
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .lang>label {
            display: flex;
            width: 40px;
            height: 40px;
            background: #474747;
            color: #fff;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border: none;
        }

        .translator_box a,
        .translator_box a.glink {
            padding: 5px;
        }
    }
}