/* BASIC css start */
#muse .muse_menu {padding-bottom:50px;}
#muse .muse_menu .viewer .box {display:none; position:relative;}
#muse .muse_menu .viewer .box.view0 {display:block;}
#muse .muse_menu .viewer .box .bg {position:relative; z-index:1; width:100%; height:0; padding:50% 0; background:no-repeat center top / 100%;}
#muse .muse_menu .viewer .box.default .bg {background-image:url('/design/kint/mobile/muse/muse.jpg');}
#muse .muse_menu .viewer .box.view0 .bg {background-image:url('/design/kint/mobile/muse/muse0.jpg');}
#muse .muse_menu .viewer .box.view1 .bg {background-image:url('/design/kint/mobile/muse/muse1.jpg');}
#muse .muse_menu .viewer .box.view2 .bg {background-image:url('/design/kint/mobile/muse/muse2.jpg');}
#muse .muse_menu .viewer .box.view3 .bg {background-image:url('/design/kint/mobile/muse/muse3.jpg');}
#muse .muse_menu .viewer .box .txt {position:absolute; left:0; top:40%; z-index:2; width:100%; color:#fff; font-size:1rem; text-align:center;}
#muse .muse_menu .viewer .box .txt > strong {display:block; padding-bottom:5px; font-size:2.500rem; line-height:1;}
#muse .muse_menu .tabs {margin-top:-40px; padding:0 20px 0 20px;}
#muse .muse_menu .tabs .thumb {position:relative; background:#000;}
#muse .muse_menu .tabs .thumb .bg {position:relative; z-index:1; width:100%; height:0; padding-bottom:127%; background:no-repeat center top / 100% 100%; opacity:0.55;}
#muse .muse_menu .tabs .thumb .txt {position:absolute; left:0; top:50%; z-index:2; width:100%; margin-top:-6px; padding:0 0 0 8%; color:#fff; font-size:1em; line-height:1;}
#muse .muse_menu .tabs .thumb.active .bg {opacity:1;}
#muse .muse_menu .tabs .thumb0 .bg {background-image:url('/design/kint/mobile/muse/muse0_thumb.jpg');}
#muse .muse_menu .tabs .thumb1 .bg {background-image:url('/design/kint/mobile/muse/muse1_thumb.jpg');}
#muse .muse_menu .tabs .thumb2 .bg {background-image:url('/design/kint/mobile/muse/muse2_thumb.jpg');}
#muse .muse_menu .tabs .thumb3 .bg {background-image:url('/design/kint/mobile/muse/muse3_thumb.jpg');}

#muse .bnr .box {position:relative; background:#fff;}
#muse .bnr .box:after {display:block; clear:both; content:'';}
#muse .bnr .box img {width:100%;}
#muse .bnr .box .img0 {width:96.8%;}
#muse .bnr .box .img1 {float:left; width:47.5%;}
#muse .bnr .box .img2 {position:relative; float:right; width:calc(34% + 20px); padding-right:20px;}
#muse .bnr .box .img2 img {position:relative; z-index:2;}
#muse .bnr .box .img2:after {position:absolute; left:20px; top:-20px; z-index:1; width:calc(100% - 20px); height:100%; background:#a11a0f; content:'';}
#muse .bnr .box .txt {margin-bottom:20px; padding:30px 10px 25px;}
#muse .bnr .box .txt .cate {color:#424040; font-size:1rem; font-weight:600; letter-spacing:0.025em;}
#muse .bnr .box .txt .title {padding:8px 0 13px; color:#424040; font-size:1.417rem; font-weight:700; letter-spacing:-0.01em;}
#muse .bnr .box .txt .summary {padding-bottom:24px; color:#999; font-size:1rem; letter-spacing:-0.01em;}

#muse .bnr .swiper-pagination {right:3.2%; top:57%; z-index:10; width:auto; height:7px; margin-top:-54px; padding:0; text-align:right;}
#muse .bnr .swiper-pagination .swiper-pagination-bullet {width:7px; height:7px; background:url('/design/kint/mobile/common/swiper_pagination_bullet.png') no-repeat center / 7px; opacity:1;}
#muse .bnr .swiper-pagination .swiper-pagination-bullet-active {background-image:url('/design/kint/mobile/common/swiper_pagination_bullet_active.png');}

#muse .gallery {padding:50px 0 50px;}
#muse .gallery .title {padding-bottom:25px; color:#424040; font-size:1.833rem; font-weight:700; letter-spacing:0.025em; text-align:center;}
#muse .gallery .list {width:100%; max-width:1450px; margin:0 auto;}
#muse .gallery .list > ul > li .img img {width:100%; height:auto;}
#muse .gallery .list > ul > li .info {padding:25px 10px 40px; background:#fff; text-align:left;}
#muse .gallery .list > ul > li .info * {letter-spacing:-0.01em;}
#muse .gallery .list > ul > li .info .cate {padding-bottom:10px; color:#999; font-size:1rem; font-weight:500; text-decoration:underline;}
#muse .gallery .list > ul > li .info .subject {color:#424040; font-size:1.250rem; font-weight:600; line-height:1.4;}
#muse .gallery .list > ul > li:nth-of-type(n+10) {display:none;}
#muse .gallery .list_more {padding:20px 0 0; text-align:center;}
#muse .gallery .list_more .plus {display:inline-block; width:30px; height:30px; background:url('/design/kint/mobile/muse/more.png') no-repeat center / 100%; vertical-align:top; cursor:pointer;}

#muse .mail {position:relative; width:100%; height:0; padding-top:75.938%; background:url('/design/kint/img/muse/mail.jpg') no-repeat center top / cover;}
#muse .mail .box {position:absolute; left:0; top:calc(50% - 72.5px); width:100%; padding:0 10px; text-align:center;}
#muse .mail .box p {color:#fff; font-size:1rem; letter-spacing:-0.01em;}
#muse .mail .box p.title {color:#fff; font-size:2.917rem; font-weight:600; letter-spacing:0.025em;}
#muse .mail .box .input_wrap {display:flex; display:-webkit-flex; width:100%; flex-wrap:wrap; padding-top:23px;}
#muse .mail .box .input_wrap .input {flex:1; -webkit-flex:1; height:40px; padding:0 10px; border:0; background:#fff; color:#999; font-size:1rem; font-weight:600; vertical-align:top;}
#muse .mail .box .input_wrap .box_btn {margin-left:5px;}
#muse .mail .box .input_wrap .box_btn * {width:90px; height:40px; padding:0; font-size:1.083rem; line-height:40px;}


#art_test2{width:100%; margin:0 auto; position:relative; align:center;}
#empty_line{height:10px;}


/* BASIC css end */

