@charset "utf-8";

.sns .tag_select .tag_list {overflow:hidden;height: 105px;font-size:0;text-align:center;padding:15px 16px 0;}
.sns .tag_select .tag_list.on {height:auto}
.sns .tag_select .tag_list li {display:inline-block; margin:0 5px 10px 0}
.sns .tag_select .tag_list li input {position:absolute; left:-9999px; width:0; height:0}
.sns .tag_select .tag_list li label {display:block; height:35px; line-height:33px; font-family:'NotoSansL';  font-size:14px; padding:0 18px; border:1px solid #ddd; border-radius:20px;}
.sns .tag_select .tag_list li input:checked + label {color:#fff; background:#666;}

.sns .tag_select .btn_area {position:relative;}
.sns .tag_select .btn_area.on {display:none}
.sns .tag_select .btn_area:before {content:'';position:absolute;left:0;top:50%;display:block;width: 326%;height:1px;background:#ccc;}
.sns .tag_select .btn_area .btn_more {position: relative;display:block;width:41px;height:41px;border:1px solid #ccc;border-radius:100%;font-size:0;margin:0 auto;background:#fff url(/static/m/img/sns/icon_arrow.png) center center no-repeat; background-size:auto 8px}

.sns .tag_select .btn_confirm {display:block;width:91.11%;height:43px;color:#fff;font-family:'NotoSansR';font-size:16px;margin: 15px auto 0;border-radius:25px;background:#000;}
.sns .tag_select .btn_confirm img {width:17px; vertical-align:middle; margin-right:12px}

.sns .sns_slider {margin:20px 5px 0}
.sns .sns_slider ul {overflow:hidden; margin-left:-5px}
.sns .sns_slider li {overflow:hidden;position:relative;float:left;width:100%;}
.sns .sns_slider li a {display:block;margin:0 0 5px 5px;background:#000;overflow: hidden;position: relative;}
.sns .sns_slider li img {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%) scale(1.05);}
.sns .sns_slider li:nth-child(1) a {height:55.5vw;}
.sns .sns_slider li:nth-child(2) {width:50%;}
.sns .sns_slider li:nth-child(2) a {height:48.6vw;}
.sns .sns_slider li:nth-child(3) {width:50%}
.sns .sns_slider li:nth-child(3) a {height:48.6vw;}

.sns .sns_slider li:nth-child(4) {width:66%;}
.sns .sns_slider li:nth-child(4) a {height:31vw}
.sns .sns_slider li:nth-child(5) {width:34%}
.sns .sns_slider li:nth-child(5) a {height:31vw}

.sns .sns_slider li:nth-child(6) {width:50%;}
.sns .sns_slider li:nth-child(6) a {height:47vw;}
.sns .sns_slider li:nth-child(7) {width:50%}
.sns .sns_slider li:nth-child(7) a {height:47vw;}

.layer_popup {left:11.1vw;width: 77.7vw;margin-top:10%; border:0; background:#fff;}
.layer_popup .layer_cont {max-height:auto; padding:0;}
.layer_popup .layer_cont .btn_arrow {position:absolute; right:-11.1vw; width:11.1vw; height:100%; font-size:0; background:url(../img/sns/slide_arrow.png) 50% 30% no-repeat; background-size:3vw auto}
.layer_popup .layer_cont .btn_arrow.btn_prev {left:-11.1vw; right:auto; transform:rotate(180deg); background-position:50% 70%;}
.layer_popup .layer_cont .btn_arrow.btn_next {right:-11.1vw;}
.layer_popup .layer_cont .img_box {overflow:hidden;position:relative;width: 77.7vw;height:77.7vw;background:#000;}
.layer_popup .layer_cont .img_box img {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%) scale(1.05);}
.layer_popup .layer_cont .img_box .youtube_inner {position: relative;padding-top:56%; margin-top:22%}
.layer_popup .layer_cont .img_box .youtube_inner iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.layer_popup .layer_cont .info_box {text-align:center;padding:16px 10% 30px;}
.layer_popup .layer_cont .info_box .tag {font-size:18px}
.layer_popup .layer_cont .info_box .tag span {display:inline-block;}
.layer_popup .layer_cont .info_box .cont {font-size:12px; margin-top:20px}
.layer_popup .layer_cont .info_box .btn_black {display:inline-block; width:57px; height:19px; font-size:0; margin-top:30px; background:url(../img/sns/btn_more.png) no-repeat; background-size:100% auto;}
.layer_popup .btn_close {top:-28px; width:21px; height:21px;}
.layer_popup .btn_close:before, .layer_popup .btn_close:after {background:#fff}