@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
.en_title, #pc_nav, #top_cms1 .top_cms_title h3, #top_cms2 .top_cms_title h3, #contents_links .box_wrap h3, .more_bt, #contents_wrap h2, #contents_links .box_wrap .box a h4, .box_title1, .box_title, .cate_title, .overlay ul:not(.sns_links) li {
    font-family: 'Gilda Display','Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}



/* ======================================================================================
　　color
======================================================================================== */
.linkStyle{color: #ffb7bd;transition: opacity .3s;text-decoration: underline;}
.linkStyle:hover{opacity: 0.7}

#header .button_container {
    background: linear-gradient(-45deg, rgb(253 201 228) 0%, rgba(242,193,170,1) 100%);
}
#contents_wrap .bg_container {
    background: radial-gradient(at 36% 26%, rgb(253 235 226 / 78%) 0px, transparent 50%), radial-gradient(at 88% 1%, rgb(232 251 253) 0px, transparent 50%), radial-gradient(at 0% 50%, rgb(246, 218, 220) 0px, transparent 50%), radial-gradient(at 80% 50%, rgb(251 221 232) 0px, transparent 50%), radial-gradient(at 80% 100%, rgb(224, 224, 235) 0px, transparent 50%), radial-gradient(at 0% 0%, rgb(255, 245, 250) 0px, transparent 50%) rgb(255, 245, 245);
}

/* ======================================================================================
　　all
======================================================================================== */
.map {display: none;}

#intro span.bg_box, #footer {
    background-image: url(../dup/img/bg3.jpg);
    background-size: cover;
}
#contents_links span.bg_box {
    background-image: url(../dup/img/bg2.jpg);
    background-position: top;
    background-size: cover;
}

/* ---------- header ---------- */
#logo {
    max-width: 194px;
}
#header .shop_link, #header .button_container {
    border-radius: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

/* ---------- footer ---------- */
.bottom_wrap {
    background-color: #ffb7bd;
    background: linear-gradient(-45deg, rgb(253 201 228) 0%, rgba(242,193,170,1) 100%);
}
#logo2 {
    margin-bottom: 27px;
    max-width: 133px;
}


/* ======================================================================================
　　top
======================================================================================== */

/* ---------- main_img ---------- */
#main_img {
    height: 100%;
    max-height: 100vh;
}
.catch_img {
    width: 36%;
    max-width: 579px;
    left: 50%;
    top: 52%;
    transform: translate(-50%,-50%);
}

/* ---------- intro ---------- */
#sticked {position: relative;}
#sticked::before {
    background-image: url(../dup/img/bg1.jpg);
    content: "";
    background-position: center center;
    background-size: cover;
    display: block;
    position: absolute;
    top: 82px;
    left: -29px;
    width: 100%;
    height: 93%;
    z-index: -1;
}
.intro_list_wrap {
    padding: 17px 0;
}
.intro_list_wrap .list .d_inline {
    border-bottom: 2px dashed #d6a77b;
    color: #b17e4e;
}
.intro_list_wrap .list .en_title {
    font-size: 30px;
    font-style: italic;
    line-height: 1.4;
    padding-right: 7px;
}
.kirakira1 {
    left: 30px;
    bottom: 0;
    width: 13%;
    max-width: 173px;
}
.kirakira2 {
    right: 41px;
    top: 11px;
    width: 9%;
    max-width: 107px;
}

/* ---------- contents ---------- */
#contents_links .box_wrap .box a h4 {
    background-color: rgb(255 255 255 / 73%);
    padding: 19px 47px 18px;
}
#contents_wrap .con_item {
    width: 39%;
}
#contents_wrap .bg_container::before {
    content: '';
    display: inline-block;
    width: 21vw;
    height: 18vw;
    background-image: url(../dup/img/item1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}
.check {
    background: transparent;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
}
.check .list {
    background: url(Dup/img/check.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 28px;
    padding: 5px 5px 5px 38px;
    font-size: 15px;
}
@media screen and (max-width: 667px){
.check .list {
    background-size: 21px;
    padding: 2px 3px 2px 30px;
    font-size: 14px;
}
}


/* ======================================================================================
　　under
======================================================================================== */
#page8 .bnr {
    width: 90%;
    max-width: 350px;
    margin-bottom: 50px;
}

/* ---------- cms4 ---------- */
.v_type3 .cate_box{border: 1px solid #e5d3be;}
.v_type3 .box_title1{color: #d6a77b;}
.v_type3 .cate_box:last-of-type {margin-bottom: 50px;}


/* ======================================================================================
　　window size
======================================================================================== */

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    footer .info_txt {
    width: 80%;
}
#header {
    background-color: #fff;
}
#header .shop_link, #header .button_container {
    border-radius: 0;
    margin-top: 0;
    margin-right: 0;
}
#logo {
    max-width: 109px;
    padding: 10px;
}
#main_img {
    height: 100%!important;
    margin-top: 107px;
}
.catch_img {
    width: 58%;
}
#intro {
    padding-bottom: 133px;
}
#contents_wrap .bg_container {
    padding: 150px 0 225px;
}
#contents_wrap .bg_container::before {
    width: 37vw;
    height: 32vw;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.shop_link {
    width: 84px;
}
#logo {
    max-width: 77px;
    padding: 4px 9px;
}
#main_img {
    margin-top: 66px;
}
.catch_img {
    width: 70%;
}
.intro_list_wrap .list {
    padding: 5px 0;
}
.intro_list_wrap .list .d_inline {
    position: relative;
    padding-left: 25px;
    display: block;
    line-height: 2;
}
.intro_list_wrap .list .en_title {
    font-size: 26px;
    padding-right: 11px;
    position: absolute;
    left: 0;
    top: -6px;
}
.kirakira1 {
    left: 35px;
    width: 19%;
}
.kirakira2 {
    right: 30px;
    top: 38px;
    width: 13%;
}
#contents_wrap .bg_container {
    padding: 70px 0 192px;
}
#contents_wrap .bg_container::before {
    content: '';
    display: inline-block;
    width: 60vw;
    height: 53vw;
    background-image: url(../dup/img/item1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}
footer .info_txt {
    width: 100%;
}
}

/* 2023.02.07 修正 */
/* YouTube */
.yt {
    max-width: 1000px;
    margin: 100px auto -24px;
}
.video_YouTube{
	padding-bottom: 57.25%;
	height: 0;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_YouTube {padding-bottom: 56.25%;}
}