@charset "UTF-8";

/* ▽ 初期設定 ▽ */

html {
    font-size: 62.5%;
    font-feature-settings: "palt";
}

#CK_geratopique_Mitea img {
    width: 100%;
}

.group-detail-area {
    width: 100% !important;
}

:root {
    --font_ja: "dnp-shuei-mgothic-std", sans-serif;
    --font_en: "menco", sans-serif;
    --color_blue: #004d97;
    --color_orange: #eb6100;
    --color_green: #15722c;
    --color_yellow: #fdcd00;
    --color_white: #ffffff;
    --color_black: #000000;
}

/* PC */
@media only screen and (min-width: 769px) {

    .sp_only {
        display: none;
    }

}

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

    .pc_only {
    display: none;
    }

}

/* △ 初期設定 △ */


#CK_geratopique_Mitea {
    font-family: var(--font_ja);
    color: var(--color_black);
    letter-spacing: 0.05em;
    text-align: center;
}

#CK_geratopique_Mitea .top_border {
    width: 100%;
    height: 6rem;
    background: url(https://www.cosmekitchen-webstore.jp/Contents/ImagesPkg/product/ProductList/241008_CK_geratopique_Mitea/border_top.svg);
    background-size: 120rem;
}

#CK_geratopique_Mitea .mv {
    width: 100%;
    line-height: 1;
}

/* ========================== setArea ========================== */
#CK_geratopique_Mitea .setArea .ttl {
    font-size: 3.2rem;
    font-family: var(--font_en);
    font-weight: 600;
    letter-spacing: 0.05em;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color_white);
}

#CK_geratopique_Mitea .setArea._01 .ttl ,
#CK_geratopique_Mitea .setArea._04 .ttl {
    color: var(--color_blue);
}
#CK_geratopique_Mitea .setArea._02 .ttl ,
#CK_geratopique_Mitea .setArea._05 .ttl {
    color: var(--color_orange);
}
#CK_geratopique_Mitea .setArea._03 .ttl {
    color: var(--color_green);
}

#CK_geratopique_Mitea .setArea .setInner {
    padding: 10rem 0 15rem;
}

#CK_geratopique_Mitea .setArea._01 .setInner ,
#CK_geratopique_Mitea .setArea._04 .setInner {
    background: var(--color_blue);
}

#CK_geratopique_Mitea .setArea._02 .setInner ,
#CK_geratopique_Mitea .setArea._05 .setInner {
    background: var(--color_orange);
}

#CK_geratopique_Mitea .setArea._03 .setInner {
    background: var(--color_green);
}

#CK_geratopique_Mitea .setArea .main_img {
    position: relative;
    width: 58rem;
    margin: auto;
    z-index: 0;
}

#CK_geratopique_Mitea .setArea .main_img::before {
    position: absolute;
    display: block;
    content: "";
    background: url(https://www.cosmekitchen-webstore.jp/Contents/ImagesPkg/product/ProductList/241008_CK_geratopique_Mitea/limited_icon.png);
    background-size: 100%;
    width: 13rem;
    height: 13rem;
    top: -5rem;
    right: -3rem;
    z-index: 1;
}

#CK_geratopique_Mitea .setArea .name {
    margin-top: 4.5rem;
    font-size: 2.8rem;
    line-height: 1.75;
    color: var(--color_white);
    font-weight: 600;
}

#CK_geratopique_Mitea .setArea .name .tax {
    font-size: 1.8rem;
    color: var(--color_white);
}

#CK_geratopique_Mitea .setArea .items_ttl {
    margin-top: 3rem;
    display: inline-block;
    position: relative;
    font-family: var(--font_en);
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--color_white);
    z-index: 0;
}

#CK_geratopique_Mitea .setArea .items_ttl::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0.2rem;
    border-radius: 5rem;
    background: var(--color_white);
    bottom: 0;
    left: 0;
    z-index: 1;
}

#CK_geratopique_Mitea .setArea .items_wrap {
    margin-top: 1.6rem;
}

#CK_geratopique_Mitea .setArea .items_wrap li {
    line-height: 2;
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--color_white);
}

#CK_geratopique_Mitea .page_btn a {
    margin: 7.3rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font_en);
    font-size: 2.6rem;
    font-weight: 600;
    width: 30rem;
    height: 6rem;
    color: var(--color_black);
    background: var(--color_yellow);
    border-radius: 50rem;
}


#CK_geratopique_Mitea .bottom_info {
    margin: 7.7rem auto 0;
}

#CK_geratopique_Mitea .bottom_info .info_first {
    font-size: 1.8rem;
    font-weight: 600;
}

#CK_geratopique_Mitea .bottom_info .usagi_logo {
    margin: 3.9rem auto 0;
    width: 30rem;
}

#CK_geratopique_Mitea .bottom_info .border {
    display: block;
    width: 60rem;
    height: 0.1rem;
    background: var(--color_black);
    margin: 5.4rem auto 0;
}

#CK_geratopique_Mitea .bottom_info .info_second {
    margin-top: 5rem;
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 600;
}

#CK_geratopique_Mitea .bottom_info .logo_wrap {
    margin: 3.5rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}

#CK_geratopique_Mitea .bottom_info .logo_wrap p:nth-of-type(1) {
    width: 25.7rem;
}
#CK_geratopique_Mitea .bottom_info .logo_wrap p:nth-of-type(2) {
    width: 11.57rem;
}
#CK_geratopique_Mitea .bottom_info .logo_wrap p:nth-of-type(3) {
    width: 11.73rem;
}

#CK_geratopique_Mitea .bottom_info .copy_bottom {
    margin: 7rem auto 0;
    width: 40rem;
}

#CK_geratopique_Mitea .bottom_border {
    margin: 5.5rem auto 0;
    width: 100%;
    height: 6rem;
    background: url(https://www.cosmekitchen-webstore.jp/Contents/ImagesPkg/product/ProductList/241008_CK_geratopique_Mitea/border_bottom.svg);
    background-size: 120rem;
}


@media screen and (min-width: 769px) and (max-width: 1200px) {

	html {
	  font-size: calc(10 * (100vw / 1200));
	}

}

/* SP */
@media only screen and (max-width: 768px) {
    #CK_geratopique_Mitea .top_border {
        display: none;
    }
    
    #CK_geratopique_Mitea .mv {
        width: 100%;
        line-height: 1;
    }
    
    /* ========================== setArea ========================== */
    #CK_geratopique_Mitea .setArea .ttl {
        font-size: calc(50*(100vw / 750));
        height: calc(117*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .setInner {
        padding: calc(152*(100vw / 750)) 0 calc(202*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .main_img {
        width: calc(670*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .main_img::before {
        position: absolute;
        display: block;
        content: "";
        background: url(https://www.cosmekitchen-webstore.jp/Contents/ImagesPkg/product/ProductList/241008_CK_geratopique_Mitea/limited_icon.png);
        background-size: 100%;
        width: calc(190*(100vw / 750));
        height: calc(190*(100vw / 750));
        top: calc(-100*(100vw / 750));
        right: calc(-26*(100vw / 750));
        z-index: 1;
    }
    
    #CK_geratopique_Mitea .setArea .name {
        margin-top: calc(58*(100vw / 750));
        font-size: calc(40*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .name .tax {
        font-size: calc(26*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .items_ttl {
        margin-top: calc(52*(100vw / 750));
        font-size: calc(34*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .items_ttl::before {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: calc(2*(100vw / 750));
        border-radius: 5rem;
        background: var(--color_white);
        bottom: calc(-3*(100vw / 750));
        left: 0;
        z-index: 1;
    }
    
    #CK_geratopique_Mitea .setArea .items_wrap {
        margin-top: calc(32*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .setArea .items_wrap li {
        font-size: calc(22*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .page_btn a {
        margin: calc(94*(100vw / 750)) auto 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: var(--font_en);
        font-size: calc(36*(100vw / 750));
        font-weight: 600;
        width: calc(400*(100vw / 750));
        height: calc(80*(100vw / 750));
        color: var(--color_black);
        background: var(--color_yellow);
        border-radius: calc(50*(100vw / 750));
    }
    
    
    #CK_geratopique_Mitea .bottom_info {
        margin: 0 auto 0;
        padding: calc(100*(100vw / 750)) 0 calc(57*(100vw / 750));
        background: url(https://www.cosmekitchen-webstore.jp/Contents/ImagesPkg/product/ProductList/241008_CK_geratopique_Mitea/bottom_info_bg.jpg) no-repeat;
        background-size: cover;
    }
    
    #CK_geratopique_Mitea .bottom_info .info_first {
        font-size: calc(26*(100vw / 750));
        line-height: 1.75;
    }
    
    #CK_geratopique_Mitea .bottom_info .usagi_logo {
        margin: calc(34*(100vw / 750)) auto 0;
        width: calc(410*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .bottom_info .border {
        display: block;
        width: 100%;
        height: calc(1*(100vw / 750));
        margin: calc(55*(100vw / 750)) auto 0;
    }
    
    #CK_geratopique_Mitea .bottom_info .info_second {
        margin-top: calc(50*(100vw / 750));
        font-size: calc(26*(100vw / 750));
        line-height: 1.75;
    }
    
    #CK_geratopique_Mitea .bottom_info .logo_wrap {
        width: calc(402*(100vw / 750));
        margin: calc(34*(100vw / 750)) auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: calc(53*(100vw / 750)) calc(60*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .bottom_info .logo_wrap p:nth-of-type(1) {
        width: calc(379*(100vw / 750));
    }
    #CK_geratopique_Mitea .bottom_info .logo_wrap p:nth-of-type(2) {
        width: calc(170*(100vw / 750));
    }
    #CK_geratopique_Mitea .bottom_info .logo_wrap p:nth-of-type(3) {
        width: calc(172*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .bottom_info .copy_bottom {
        margin: calc(107*(100vw / 750)) auto 0;
        width: calc(667*(100vw / 750));
    }
    
    #CK_geratopique_Mitea .bottom_border {
        display: none;
    }
    
    #CK_geratopique_Mitea .info_content {
        width: calc(670*(100vw / 750));
        margin: auto;
        padding: calc(72*(100vw / 750)) calc(60*(100vw / 750)) calc(77*(100vw / 750));
        background: var(--color_white);
        border-radius: calc(40*(100vw / 750));
    }


}