@charset "utf-8";
/* CSS Document */

/*共通設定*/

*:root {
    line-height: 1em;
    color: #626771;
}

@media screen and (min-width:481px) {
    *:root {
        font-size: 16px;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
        color: #626771;
    }
    /* IE11 */
    _:lang(x)::-ms-backdrop, *:root {
        font-family: "メイリオ", Meiryo, sans-serif;
    }
}

@media screen and (max-width:480px) {
    *:root {
        font-size: 3.733vw;
        /*14px想定*/
        font-family: sans-serif;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 16px!important;
    }
    #from-page {
        font-size: 16px!important;
    }
}
/*レチナ背景*/

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
    .hogehoge {}
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
リンク設定
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*リンク*/

a {
    color: #034EAA;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:visited {
    /* color: #2066BB; */
}

a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

a:hover img {
    text-decoration: none;
}

a:active {
    opacity: 0.5;
}

/*PCでリンクを殺す*/

@media screen and (min-width:481px) {
    a.disabled {
        pointer-events: none;
    }
    a.disabled:hover, a.disabled:active {
        opacity: 1!important;
    }
}

/*SPでリンクを殺す*/

@media screen and (max-width:480px) {
    a.sp_disabled {
        pointer-events: none;
    }
    a.sp_disabled:hover, a.sp_disabled:active {
        opacity: 1!important;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
表示設定
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*PCで消す*/

.pc_hide {
    display: none;
}

/*SPで表示*/

@media screen and (max-width:480px) {
    .sp_hide {
        display: none;
    }
    .pc_hide {
        display: block;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
パン屑設定
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

/*パン屑*/

.pankuzu {
    margin: 1rem auto;
}

.pankuzu li {
    display: inline-block;
    color: #333;
}

.pankuzu li::after {
    content: "/";
    display: inline-block;
    margin: 0 0.25em;
}

.pankuzu li:last-child::after {
    content: ""
}

.pankuzu a {
    color: #000;
}

.pankuzu a:visited {
    color: #666;
}

@media screen and (max-width:480px) {
    .pankuzu {
        display: none;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
ページトップボタン設定
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.pagetop {
    position: fixed;
    right: 0.5rem;
    bottom: 0.5rem;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    z-index: 20;
}

.pagetop a {
    display: block;
    width: 3rem;
    height: 3rem;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
}

.pagetop a span {
    display: none;
}

.pagetop.on {
    visibility: visible;
    opacity: 1;
}

.pagetop a::after {
    content: "";
    position: absolute;
    display: block;
    top: 1.25rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
}

/*PC版のみhoverを付与*/

@media screen and (min-width: 769px) {
    .pagetop.on a:hover {
        opacity: 0.7;
        transition: 0.2s;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
全体
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

#page {
    background-color: #c0a581;
}

.page_inner {
    background-color: #FAEBD7;
    max-width: 2000px;
    margin: 0 auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.max1000 {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

/*--------------------*/

img {
    /* width: 100%; */
    height: auto;
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
メインイメージ
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.main_img_wrap {
    background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/main_img_back.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
    .main_img_wrap {
        background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/main_img_back@2x.jpg);
        background-size: 2000px 798px;
    }
}

.main_img {
    padding: 8rem 0 2.5rem;
}

.main_img h1 {
    text-align: center;
    margin-bottom: 9.375rem;
}

.main_img h1 span {
    display: block;
}

.main_img h1 span.img {
    width: 331px;
    margin: auto;
}

.main_img h1 span.yomigana {
    font-size: 1.125rem;
    margin-top: 1.875rem;
}

.main_img .copy {
    font-size: 2.75rem;
    letter-spacing: 0.2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 5rem;
}

.main_img .img {
    width: 689px;
    margin: 5rem auto;
}

.main_img .readcopy {
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 1.375rem;
    line-height: 2.2em;
}

@media screen and (max-width:480px) {
    .main_img_wrap {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100vw;
    }
    .main_img {
        padding: 3rem 0 2.5rem;
    }
    .main_img h1 {
        text-align: center;
        margin-bottom: 4rem;
    }
    .main_img h1 span {
        display: block;
    }
    .main_img h1 span.img {
        width: 50vw;
        margin: auto;
    }
    .main_img h1 span.yomigana {
        font-size: 1rem;
        margin-top: 1.5rem;
    }
    .main_img .copy {
        font-size: 1.5rem;
        letter-spacing: 0.2em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-bottom: 3rem;
    }
    .main_img .img {
        width: 80vw;
        margin: 3rem auto;
    }
    .main_img .readcopy {
        text-align: left;
        letter-spacing: 0.05em;
        font-size: 1rem;
        line-height: 1.5em;
        width: 80vw;
        margin: auto;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
コラボレーション
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.collabo_back_img {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2000px auto;
}

.collabo_main_wrap {
    background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/nenrin_back_01.png);
}

.suiji_wrap {
    background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/nenrin_back_02.png);
}

.momo_wrap {
    background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/nenrin_back_03.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
    .collabo_main_wrap {
        background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/nenrin_back_01@2x.png);
    }
    .suiji_wrap {
        background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/nenrin_back_02@2x.png);
    }
    .momo_wrap {
        background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/nenrin_back_03@2x.png);
    }
}

.collabo_main {
    padding: 4.5rem 0;
}

.collabo_main h2 {
    width: 364px;
    margin: 0 auto 3rem;
}

.collabo_main .copy {
    font-size: 2.25rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: 0.1em;
}

.collabo_main .readcopy {
    font-size: 1.5rem;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
    letter-spacing: 0.05em;
}

.collabo_main .collection_main_img {
    width: 840px;
    margin: 2rem auto;
}

.collabo_main .logo_set {
    margin: 3.25rem auto;
}

.collabo_main .logo_set .icon_batsu {
    width: 51px;
    margin: auto;
}

.collabo_main .logo_set .logo_suiji {
    width: 355px;
    margin: 0 auto 2rem;
}

.collabo_main .logo_set .logo_ksj {
    width: 518px;
    margin: 2rem auto 0.5rem;
}

.collabo_main .logo_set .logo_momo {
    width: 354px;
    margin: 2rem auto 0;
}

.collabo_main .collection_text {
    font-size: 1.25rem;
    text-align: center;
    line-height: 1.9em;
    letter-spacing: 0.05em;
}

@media screen and (max-width:480px) {
    .collabo_back_img {
        background-size: auto 80vw;
    }
    .collabo_main {
        padding: 3rem 0 2rem;
    }
    .collabo_main h2 {
        width: 60vw;
        margin: 0 auto 2rem;
    }
    .collabo_main .copy {
        font-size: 1.25rem;
    }
    .collabo_main .readcopy {
        font-size: 1rem;
        line-height: 2em;
    }
    .collabo_main .collection_main_img {
        width: 90vw;
        margin: 2rem auto;
    }
    .collabo_main .logo_set {
        width: 70vw;
        margin: 2rem auto;
    }
    .collabo_main .logo_set .icon_batsu {
        width: 10%;
        margin: auto;
    }
    .collabo_main .logo_set .logo_suiji {
        width: 68.5%;
        margin: 0 auto 1rem;
    }
    .collabo_main .logo_set .logo_ksj {
        width: 100%;
        margin: 1rem auto 0.25rem;
    }
    .collabo_main .logo_set .logo_momo {
        width: 68.5%;
        margin: 1rem auto 0;
    }
    .collabo_main .collection_text {
        font-size: 1rem;
        text-align: left;
        line-height: 1.75em;
        width: 90vw;
        margin: 2rem auto;
    }
}

.suiji_wrap {
    padding-top: 83px;
}

.momo_wrap {
    padding-top: 100px;
}

.collabo_box {
    padding-top: 386px;
    padding-bottom: 3.125rem;
    position: relative;
}

.collabo_box .img_01 {
    position: absolute;
    width: 500px;
}

.collabo_box .img_02 {
    position: absolute;
}

.collabo_box .logo {
    position: absolute;
}

.collabo_box .text {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.89em;
    letter-spacing: 0.05em;
}

.collabo_box.suiji {
    border-bottom: 1px solid #C1996B;
}

.collabo_box.suiji .img_01 {
    top: 0;
    right: 0;
}

.collabo_box.suiji .img_02 {
    top: 112px;
    left: 98px;
    width: 345px;
}

.collabo_box.suiji .logo {
    top: -8px;
    left: 66px;
    width: 367px;
}

.collabo_box.momo .img_01 {
    top: 0;
    left: 0;
}

.collabo_box.momo .img_02 {
    top: 112px;
    right: 92px;
    width: 336px;
}

.collabo_box.momo .logo {
    top: 11px;
    right: 53px;
    width: 393px;
}

@media screen and (max-width:480px) {
    .suiji_wrap {
        padding-top: 0;
    }
    .momo_wrap {
        padding-top: 0;
    }
    .collabo_box {
        padding-top: 4rem;
        padding-bottom: 4rem;
        position: relative;
    }
    .collabo_box .img_01 {
        position: static;
        width: 80vw;
        margin: auto;
    }
    .collabo_box .img_02 {
        position: static;
        margin: auto;
    }
    .collabo_box .logo {
        position: static;
        margin: 1.5rem auto;
    }
    .collabo_box .text {
        text-align: left;
        font-size: 1rem;
        line-height: 1.5em;
        letter-spacing: 0.05em;
        width: 80vw;
        margin: 1.5rem auto 0;
    }
    .collabo_box.suiji {
        width: 90vw;
        border-bottom: 1px solid #C1996B;
    }
    .collabo_box.suiji .img_01 {}
    .collabo_box.suiji .img_02 {
        width: 70vw;
    }
    .collabo_box.suiji .logo {
        width: 60vw;
    }
    .collabo_box.momo .img_01 {}
    .collabo_box.momo .img_02 {
        width: 70vw;
    }
    .collabo_box.momo .logo {
        width: 60vw;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
設備
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.setsubi_wrap {
    padding: 2.8rem 0 5.5rem;
}

.setsubi_inner {
    padding: 2.625rem 0 5rem;
}

.setsubi_inner h2 {
    font-size: 3rem;
    letter-spacing: 0.05em;
    color: #C1996B;
    text-align: center;
    margin-bottom: 2.625rem;
}

.setsubi_inner .copy {
    font-size: 1.625rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 2.625rem;
}

.setsubi_spacer {
    width: 1001px;
    margin: auto;
}

.setsubi_spacer.bottom img {
    transform: rotate(180deg);
}

/*-*/

.setsubi_inner .setsubi_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.setsubi_flex .setsubi {
    width: 470px;
    margin-bottom: 6.25rem;
}

.setsubi_flex .setsubi.size_s {
    width: 308px;
    margin-bottom: 0rem;
}

.setsubi_flex .setsubi h3 {
    font-size: 1.75rem;
    color: #C1996B;
    border-left: 5px solid #C1996B;
    padding-left: 0.5em;
    letter-spacing: 0.1em;
    margin-bottom: 0.875rem;
}

.setsubi_flex .setsubi .title {
    font-size: 1.625rem;
    letter-spacing: 0.04em;
    margin-bottom: 1.3rem;
    font-weight: bold;
}

.setsubi_flex .setsubi .title span {
    font-size: 0.75em;
}

.setsubi_flex .setsubi .text01 {
    font-size: 1.4rem;
    line-height: 1.33em;
    letter-spacing: 0.04em;
    margin: 1.3rem auto;
    font-weight: bold;
}

.setsubi_flex .setsubi .text02 {
    line-height: 1.5em;
}

/*-*/

.setsubi_flex .setsubi.size_s h3 {
    font-size: 1.5rem;
}

.setsubi_flex .setsubi.size_s .title {
    font-size: 1.3rem;
}

.setsubi_flex .setsubi.size_s .text01 {
    font-size: 1.05rem;
}

/*-*/

@media screen and (max-width:480px) {
    .setsubi_wrap {
        padding: 3rem 0;
    }
    .setsubi_inner {
        padding: 2.625rem 0 0rem;
    }
    .setsubi_inner h2 {
        font-size: 2rem;
        letter-spacing: 0.05em;
        color: #C1996B;
        text-align: center;
        margin-bottom: 2.625rem;
    }
    .setsubi_inner .copy {
        font-size: 1.25rem;
        letter-spacing: 0.05em;
        font-weight: bold;
        line-height: 1.5em;
        text-align: center;
        margin-bottom: 2.625rem;
    }
    .setsubi_spacer {
        width: 90vw;
        margin: auto;
    }
    /*-*/
    .setsubi_inner .setsubi_flex {
        flex-direction: column;
    }
    .setsubi_flex .setsubi {
        width: 90vw;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 3rem;
    }
    .setsubi_flex .setsubi.size_s {
        width: 90vw;
        margin-bottom: 3rem;
    }
    /*-*/
    .setsubi_flex .setsubi h3 {
        font-size: 1.5rem;
    }
    .setsubi_flex .setsubi .title {
        font-size: 1.3rem;
    }
    .setsubi_flex .setsubi .text01 {
        font-size: 1.05rem;
        line-height: 1.75em;
    }
}

.setsubi_wrap.option {
    background-color: #C1996B;
    color: #fff;
    padding: 6rem 0;
}

.setsubi_wrap.option h2 {
    color: #fff;
}

.setsubi_wrap.option h3 {
    color: #fff;
    border-left-color: #fff;
}

.setsubi_wrap.option .setsubi {
    margin-bottom: 0;
}

@media screen and (max-width:480px) {
    .setsubi_wrap.option {
        padding: 3rem 0;
    }
    .setsubi_wrap.option .setsubi {
        margin-bottom: 3rem;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
footer
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.footer-kito {
    display: flex;
    justify-content: center;
    padding: 5.5rem 0 3.75rem;
}

.footer-kito .presented {
    width: 263px;
    margin: 0 2rem;
}

.footer-kito .ksj {
    width: 426px;
    margin: 0 2rem;
}

@media screen and (max-width:480px) {
    .footer-kito {
        flex-direction: column;
        padding: 0 0 3rem 0;
    }
    .footer-kito .presented {
        width: 40vw;
        margin: 1rem auto;
    }
    .footer-kito .ksj {
        width: 70vw;
        margin: 0 auto;
    }
}

/*〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
カラー
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓*/

.color_wrap {
    background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/color_back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 5.5rem 0;
}

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
    .color_wrap {
        background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/color_back@2x.jpg);
    }
}

.color_wrap::before {
    content: "";
    display: block;
    width: 432px;
    height: 97px;
    background-image: url(/wp-content/themes/betsudai-reform/assets/images/originalkitchen_kito/color_title_header@2x.png);
    background-size: 100% 110%;
    background-position: top center;
    overflow: hidden;
    margin: auto;
}

.color {
    width: 1000px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: auto;
    padding: 5rem 0 1rem;
    position: relative;
}

.color h2 {
    text-align: center;
    position: absolute;
    top: -1rem;
    right: 0;
    left: 0;
    margin: auto;
}

.color h2 .img {
    width: 239px;
    display: block;
    margin: auto;
}

.color h2 .yomigana {
    font-size: 0.75rem;
    display: block;
    margin-top: 1rem;
}

.color .copy {
    font-size: 1.625rem;
    line-height: 1.85em;
    text-align: center;
    font-weight: bold;
}

.color_wrap .color_item {
    display: flex;
    justify-content: center;
    width: 900px;
    padding: 3.25rem 0;
    margin: auto;
    border-bottom: 1px solid #626771;
}

.color_wrap .color_item:last-child {
    border-bottom: none;
}

.color_wrap .color_item .title {
    width: 400px;
    margin-right: 80px;
}

.color_wrap .color_item .item {
    width: 380px;
}

@media screen and (max-width:480px) {
    .color_wrap {
        padding: 3rem 0;
    }
    .color_wrap::before {
        width: 60vw;
        height: 15vw;
    }
    .color {
        width: 90vw;
        margin: auto;
        padding: 5rem 0 1rem;
    }
    .color h2 {}
    .color h2 .img {
        width: 40vw;
        margin: auto;
    }
    .color h2 .yomigana {
        font-size: 0.857rem;
        margin-top: 1rem;
    }
    .color .copy {
        font-size: 1.25em;
        line-height: 1.5em;
    }
    .color_wrap .color_item {
        flex-direction: column;
        width: 80%;
        padding: 3.25rem 0;
        margin: auto;
        border-bottom: 1px solid #626771;
    }
    .color_wrap .color_item:last-child {
        border-bottom: none;
    }
    .color_wrap .color_item .title {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .color_wrap .color_item .item {
        width: 100%;
    }
}