@charset "utf-8";
/*
	Last Update: 2023/08/10
	Auther: yt
*/
/*===================================================================
	top layout
===================================================================*/
#top_banner_outlet { margin-bottom:30px; }
#top_banner_outlet .unit { display:block; }
#top_banner_outlet .unit .img_back { display:block; width:100%; height:40px; background-repeat:repeat-x; background-size:auto 100%; background-position:center center; }
@media (max-width:767px) {
	#top_banner_outlet .unit .img_back { height:30px; }
}
@media (max-width:575px) {
	#top_banner_outlet .unit .img_back { height:22px; }
}

#main_image_wrap { position:relative; z-index:1; }
#main_image_wrap::before { content:""; height:min(534px, calc(100vh - 240px));; display:block; }
#main_image { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding-bottom:0; }
#main_image,
#main_image .slick-list,
#main_image .slick-track { height:100%; }
#main_image .slick-list { overflow-x:hidden; }
#main_image .unit { transition:transform .3s; width:min(calc(1100px - 80px), calc(((100vh - 240px) * 2.05993) * .92728)); max-width:1020px; position:relative; }
#main_image .unit:not(.slick-center) { transform:scale(.8); }
#main_image .unit_inner { height:min(534px, calc(100vh - 240px)); width:min(1100px,calc((100vh - 240px) * 2.05993)); position:relative; left:50%; transform:translateX(-50%); box-shadow:0 1px 3px rgba(0, 0, 0, 0.16); border-radius:5px; overflow:hidden; display:block; }
#main_image .unit_inner .img_back { width:100%; height:100%; position:relative; }
#main_image .unit_inner .text { position:absolute; bottom:0; left:0; display:block; width:100%; line-height:1.6; padding:20px 30px; color:#fff; font-weight:bold; letter-spacing:2px; font-size:1.5em; background:linear-gradient(to top, rgba(0, 0, 0, 0.57), transparent); }
#main_image .slick-dots { position:relative; bottom:auto; left:auto; display:flex; align-items:center; justify-content:center; z-index:1; margin-top:10px; }
#main_image .slick-dots li { width:auto; height:auto; padding:0 2px; }
#main_image .slick-dots li button { width:auto; height:auto; padding:5px; }
#main_image .slick-dots li button::before { content:""; display:block; width:8px; height:8px; background:#ABABAB; border-radius:4px; position:relative; left:auto; top:auto; }
#main_image .slick-dots li.slick-active button::before { background:#D34B09; }
@media (max-width:1200px) {
	#main_image_wrap::before,
	#main_image .unit,
	#main_image .unit_inner { border-radius:0; }
	#main_image_wrap::before { height:min(48.545vw, calc(100vh - 180px)); }
	#main_image .unit { width:min(100vw, calc((100vh - 180px) * 2.05993)); }
	#main_image .unit_inner { height:min(48.545vw, calc(100vh - 180px)); width:min(100vw, calc((100vh - 180px) * 2.05993)); }
}
@media (max-width:767px) {
	#main_image_wrap::before { height:min(77.053vw, calc((100vh - 120px) * .77053)); }
	#main_image .unit { width:min(100vw, calc(100vh - 120px)); }
	#main_image .unit_inner { height:min(77.053vw, calc((100vh - 120px) * .77053)); width:min(100vw, calc(100vh - 120px)); }
	#main_image .unit_inner .text { font-size:1.2em; padding:15px; letter-spacing:1px; }
}

#line_banner { position:fixed; bottom:10px; right:20px; z-index:101; }
#line_banner .banner_close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:#8B9191 url(../image/icon/times.png) no-repeat center center / 10px auto; border-radius:30px; z-index:102; border:0; }
#pagetop { --pagetop-offset:130px; }
@media (max-width:767px) {
	#line_banner img { width:160px; }
	#pagetop { --pagetop-offset:100px; }
}

#top_pickup .top_news_wrap { display:flex; align-items:center; width:100%; border:2px solid #EFEFEF; border-radius:40px; padding:0 30px; overflow:hidden; }
#top_pickup .top_news_wrap ._left { width:calc(100% - 100px); }
#top_pickup .top_news_wrap ._right { width:100px; }
#top_pickup .top_news_wrap .unit a { align-items:center; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; width:100%; padding:15px 10px 15px 0; }
#top_pickup .top_news_wrap .unit .category { white-space:nowrap; display:inline-block; background:#D34B09; color:#fff; border-radius:3px; padding:2px 5px; font-size:0.7em; letter-spacing:2px; text-indent:2px; margin-right:5px; vertical-align:middle; }
#top_pickup .top_news_wrap .unit .title,
#top_pickup .top_news_wrap .unit .title > * { display:inline; }
@media (max-width:767px) {
	#top_pickup .top_news_wrap { padding:0 15px; }
	#top_pickup .top_news_wrap .unit .category { letter-spacing:0; text-indent:0; }
	#top_pickup .top_news_wrap ._left { width:100%; }
	#top_pickup .top_news_wrap ._right { display:none; }
	#top_pickup > ._right { width:85px; margin-left:auto; margin-bottom:10px; }
	#top_pickup .top_news_wrap .unit a { padding-top:5px; padding-bottom:5px; padding-right:0; }
}

#top_brand .brand_list { display:flex; margin-bottom:-20px; }
#top_brand .brand_list .unit { width:calc(50% + 1px); margin-left:-1px; margin-bottom:20px; }
#top_brand .brand_list .unit a { display:block; }
#top_brand .brand_list .unit:nth-child(2n+1) a > .image { padding-left:0; padding-right:10px; }
#top_brand .brand_list .unit:nth-child(2n) a > .image { padding-left:10px; padding-right:0; }
#top_brand .brand_list .unit a > .image { margin-bottom:10px; }
#top_brand .brand_list .unit a > .title { border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; text-align:center; padding:10px; }
#top_brand .brand_list .unit a > .title .logo  { margin-bottom:5px; }
#top_brand .brand_list .unit a > .title .logo img { width:180px; }
#top_brand .brand_list .unit a > .title .text { font-size:0.8em; display:flex; align-items:center; justify-content:center; }
@media (max-width:575px) {
	#top_brand .brand_list { flex-wrap:wrap; margin-bottom:0; }
	#top_brand .brand_list .unit { width:100%; margin-left:0; margin-bottom:0; }
	#top_brand .brand_list .unit a { display:flex; padding:10px; border-bottom:1px solid #E0E0E0; }
	#top_brand .brand_list .unit:first-child a { border-top:1px solid #E0E0E0; }
	#top_brand .brand_list .unit a > .image { padding:0!important; margin-bottom:0; width:150px; }
	#top_brand .brand_list .unit a > .image { padding:0!important; margin-bottom:0; width:150px; }
	#top_brand .brand_list .unit a > .title { border-left:0; border-right:0; width:calc(100% - 150px); display:flex; flex-direction:column; align-items:center; justify-content:center; }
	#top_brand .brand_list .unit a > .title .logo img { width:100px; }
}

#top_about .about_link_wrap { display:flex; width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; margin-bottom:-20px; flex-wrap:wrap; }
#top_about .about_link_wrap .unit { width:50%; padding:0 20px; margin-bottom:20px; }
#top_about .about_link_wrap .unit a { display:block; position:relative; }
#top_about .about_link_wrap .unit a .text { position:absolute; width:100%; height:100%; padding:20px 25px; top:0; left:0; display:block; background:url(../image/icon/arrow3_r.png) no-repeat right 15px bottom 15px / 48px auto; }
#top_about .about_link_wrap .unit a .text .main { font-size:1.5em; letter-spacing:2px; color:#fff; word-break:break-word; }
#top_about .about_link_wrap .unit a .text .sub { color:#fff; font-size:1.1em; font-weight:500; letter-spacing:1px; }
@media (max-width:1440px) {
	#top_about .about_link_wrap { display:flex; width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-bottom:-20px; }
	#top_about .about_link_wrap .unit { padding:0 10px; }
	#top_about .about_link_wrap .unit a .text .main { font-size:1.2em; }
	#top_about .about_link_wrap .unit a .text .sub { font-size:1em; }
}
@media (max-width:1200px) {
	#top_about .about_link_wrap .unit a .text { padding:18px 12px; }
	#top_about .about_link_wrap .unit a .text .main { font-size:1em; letter-spacing:1px; }
	#top_about .about_link_wrap .unit a .text .sub { font-size:.8em; }
}
@media (max-width:991px) {
	#top_about .about_link_wrap .unit a .text { padding:18px 20px; }
}
@media (max-width:767px) {
	#top_about .about_link_wrap .unit { width:100%; }
	#top_about .about_link_wrap .unit a .text { background-size:28px auto; }
}

#top_member .member_wrap { display:flex; }
#top_member .member_wrap ._left { display:flex; flex-direction:column; justify-content:center; width:32%; padding-right:80px; text-align:center; }
#top_member .member_wrap ._left .hl_member { font-weight:500; font-size:1.5em; margin-bottom:20px; }
#top_member .member_wrap ._right { width:68%; }
#top_member .member_wrap ._right .member_feature { display:flex; width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; flex-wrap:wrap; }
#top_member .member_wrap ._right .member_feature .unit { padding:0 20px; width:33.333%; }
#top_member .member_wrap ._right .member_feature .unit .unit_inner { background:#fff; height:100%; padding:30px 0; text-align:center; }
#top_member .member_wrap ._right .member_feature .unit .unit_inner .image { margin-bottom:15px; }
#top_member .member_wrap ._right .member_feature .unit .unit_inner .image img { width:85px; }
#top_member .member_wrap ._right .member_feature .unit .unit_inner .text .main { font-weight:500; font-size:1.25em; margin-bottom:5px; }
#top_member .member_wrap ._right .member_feature .unit .unit_inner .text .sub { font-size:0.9em; font-weight:500; }
#top_member .member_wrap._type2 { display:block; }
#top_member .member_wrap._type2 > * { width:100%!important; }
#top_member .member_wrap._type2 ._left { padding-right:0; }
#top_member .member_wrap ._right .member_feature._type2 { width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-bottom:20px; }
#top_member .member_wrap ._right .member_feature._type2 .unit { padding:0 10px; margin-bottom:20px; width:25%; }
#top_member .member_wrap ._right .member_feature._type2 .unit .text .sub { display:inline-block; }
#top_member .member_wrap ._right .member_feature._type2 .unit .text .sub dl { display:flex; align-items:center; }
#top_member .member_wrap ._right .member_feature._type2 .unit .text .sub dl dt { width:150px; text-align:left; }
#top_member .member_wrap ._right .member_feature._type2 .unit .text .sub dl dd { width:40px; text-align:right; }

@media (max-width:1440px) {
	#top_member .member_wrap ._left { padding-right:20px; width:28%; }
	#top_member .member_wrap ._right { width:72%; }
	#top_member .member_wrap ._right .member_feature { width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
	#top_member .member_wrap ._right .member_feature .unit { padding:0 10px; }
}
@media (max-width:991px) {
	#top_member .member_wrap { flex-direction:column; }
	#top_member .member_wrap > * { width:100%!important; }
	#top_member .member_wrap > ._left { padding-right:0; }
	#top_member .member_wrap > ._left .button_wrap { display:none; }
	#top_member .member_wrap > ._right .member_feature { margin-bottom:20px!important; }
	#top_member .member_wrap ._right .member_feature._type2 .unit { width:50%; }
}
@media (max-width:767px) {
	#top_member .member_wrap ._right .member_feature .unit { width:100%!important; border-radius:4px; }
	#top_member .member_wrap ._right .member_feature .unit:not(:last-child) { margin-bottom:10px!important; }
	#top_member .member_wrap ._right .member_feature .unit .unit_inner { display:flex; align-items:center; justify-content:space-evenly; padding:15px 20px; }
	#top_member .member_wrap ._right .member_feature .unit .unit_inner .image { margin-bottom:0; }
	#top_member .member_wrap ._right .member_feature .unit .unit_inner .text { width:180px; }
}
@media (max-width:575px) {
	#top_member .member_wrap ._right .member_feature .unit .unit_inner .image img { width:56px; }
}

#top_product .tags_list { padding:0; }

.top_banner .banner_wrap { display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; margin-bottom:-20px; }
.top_banner .banner_wrap .unit { padding:0 10px; margin-bottom:20px; }
.top_banner .banner_wrap .unit a { display:block; }
@media (max-width:575px) {
	.top_banner .banner_wrap .unit a img { max-width:300px; }
}

#top_instagram .hl_1 .main { padding-left:45px; display:inline-block; background:url(../image/icon/instagram.png) no-repeat center left / 30px auto; }
#top_instagram .instagram_id { font-size:1.1em; color:#696969; }
#top_instagram .instagram_wrap { display:flex; width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; margin-bottom:-10px; }
#top_instagram .instagram_wrap > * { padding:0 5px; }
#top_instagram .instagram_wrap > ._left { width:40%; }
#top_instagram .instagram_wrap > ._right { width:60%; }
#top_instagram .instagram_wrap > ._right .small_wrap { width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; display:flex; flex-wrap:wrap; }
#top_instagram .instagram_wrap > ._right .small_wrap .unit { width:33.333%; margin-bottom:10px; padding:0 5px; }
#top_instagram .instagram_wrap .unit .img_back { width:100%; height:0; padding-bottom:100%; }
#top_instagram .banner_foot,
#top_banner .banner_foot { display:flex; align-items:center; justify-content:center; width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; margin-bottom:-20px; flex-wrap:wrap; margin-top:60px; }
#top_banner .banner_foot { margin-top:0; }
#top_instagram .banner_foot .unit,
#top_banner .banner_foot .unit { margin-bottom:20px; padding:0 20px; }
.top_sns { margin-bottom:40px;}
.top_sns .hl_top_sns { text-align:center; font-size:1.5em; font-weight:500; color:#8B9191; margin-bottom:10px; }
.top_sns .sns_list .row { justify-content:center; }
@media (max-width:767px) {
	#top_instagram .hl_1 { text-align:center; justify-content:center; }
	#top_instagram .instagram_cont { display:flex; flex-direction:column; flex-direction:column-reverse; }
	#top_instagram .instagram_wrap { width:100%; margin:0; }
	#top_instagram .instagram_wrap > ._left { display:none; }
	#top_instagram .instagram_wrap > ._right { width:100%; margin:0; }
	#top_instagram .instagram_wrap > ._right .small_wrap .unit:nth-child(7) { display:none; }
	#top_instagram .instagram_wrap > ._right .small_wrap .unit { padding:0; margin-bottom:0; }
}

#top_evidence .evidence_wrap .image_wrap { border:2px solid #F4F3F0; }
@media (max-width:767px) {
	#top_evidence .evidence_wrap .text_wrap { margin-bottom:30px; }
}