.c-green{color: #358f50;}
.d-flex{display: flex;}
.d-if{display: inline-flex;}
.ai-c{align-items: center;}

.pr-pb-l{margin-bottom: 60px;}
.pr-pt-l{margin-top: 60px;}
@media screen and (max-width: 840px) {
.pr-pb-l{margin-bottom: 14vw;}
.pr-pt-l{margin-top: 14vw;}
}


body main article header{ position: relative; z-index: 1; }
body main article header a.close{opacity: 1 !important; font-size: 2.3em; color: #000; top: 50px; right: 50px;}

@media screen and (max-width: 840px) {
  body main article header a.close{font-size: 8vw;top: 9vw;right: 3.6vw;}  
}

.icons{background: url(../images/common/ico_common.png); background-repeat: no-repeat; display: inline-block;}
.icons.plus{background-position: -21px -21px; width: 23px; height: 24px;}
.icons.location{background-position: -60px -22px; width: 15px; height: 23px;}
.icons.time{background-position: -86px -21px;width: 26px;height: 24px;}
.icons.search{background-position: -131px -14px;width: 34px;height: 35px;}
img.icons.search,
img.icons.location,
img.icons.time{background: none;}
img.icons.time,
img.icons.location{width: 26px; height: auto;}

@media screen and (max-width: 840px) {
 .icons.search{background-size: 420px 420px;  width: 17px;  height: 17px; background-position:-65px -8px;}
}

.btn_bot{}
.btn_more{width: 220px; height: 90px; display: inline-flex; text-align: center; flex-direction: column; border: 1px solid #000; justify-content: center; align-items: center; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn_more span{display: block; color: #000;}
.btn_more span.ico{margin-top: 3px; color: #bababa; font-size: 30px;}
.btn_more:hover{background-color: #000;}
.btn_more:hover span{color: #fff;}
@media screen and (max-width: 840px) {
  .btn_bot{}
  .btn_more{width: 50vw; height: 18vw;}
  .btn_more span.ico{margin-top: 1vw; font-size: 5vw;}
}

.t_total{ text-align: left; color: #000; font-size: 22px; line-height: 1; font-weight: 400; margin-bottom: 25px;}
.t_total .c{font-size: 22px; color: #f916d9; }
@media screen and (max-width: 840px) {
  .t_total{ font-size: 4vw; margin-bottom: 4vw;}
  .t_total .c{font-size: 5vw;}
}

.about.subCont{background-color: #fff;}
.about.subCont > .pt,.about.subCont > .pb{padding-top: 25px;padding-bottom: 80px;}
.about.subCont > .pt-l{padding-top: 100px;}
.about.subCont > .pt-xxl{padding-top: 170px;}
  .title5{position: relative; font-size: 16px; line-height: 1; font-weight: 400; color: #000; padding-left: 4px; }
  .title5:after{position: absolute; left: 0; top: 1px; width: 1px; height: 100%; content: ""; background-color: #000;}
  
  .rel_cont{background-color: #f4f4f4;}
  .rel_cont .headline{padding-left: 60px; margin-bottom: 40px;}
  .rel_cont > .inr-c{padding-top: 45px; padding-bottom: 150px;}

  .d-f{display: flex;}
  .aic{align-items: center;}
  .inr-c-s{width: 1200px; margin-left: auto; margin-right: auto;}
  .inr-c{width: 1280px; margin-left: auto; margin-right: auto;} 
  .inr-c2{width: 1090px; margin-left: auto; margin-right: auto;}  
  @media screen and (max-width: 1340px) {
    .inr-c{width: auto; margin-left: 30px; margin-right: 30px;} 
  }

  @media screen and (max-width: 1260px) {
    .inr-c-s{width: auto; margin-left: 30px; margin-right: 30px;}
  }

  @media screen and (max-width: 1150px) {
    .inr-c2{width: auto; margin-left: 30px; margin-right: 30px;}  
  }

  @media screen and (max-width: 840px) {
    .about.subCont > .pt-xxl{padding-top: 27vw;}
    .about.subCont > .pt-l{padding-top: 23vw;}
    .about.subCont > .pb{padding-bottom: 10vw;}
    .inr-c,
    .inr-c2,
    .inr-c-s{width: auto; margin-left: 3.5714vw; margin-right: 3.5714vw;}
    body main article section:not(.about):nth-of-type(1) div.inr-c{width:auto;}

    .rel_cont .headline{padding-left: 10vw; margin-bottom: 10vw;}
    .rel_cont > .inr-c{padding-top: 7vw; padding-bottom: 15vw;}
  }

.footer_sub{background-color: #000; color: #fff; }
.footer_sub p{color: #ffffff; font-size: 15px; line-height: 24px; font-weight: 300;}
.footer_sub .inr-c2{padding-top: 50px; padding-bottom: 70px; display: flex; align-items: center;}
.footer_sub .inr-c2 .col{}
.footer_sub .inr-c2 .col.copy{margin-left: 17px;margin-top: -3px;display: flex;align-items: center;}
.footer_sub .inr-c2 .col.copy .btn_simin{ margin-left:30px; background:#fff; color:#000; padding:7px 20px; border-radius:5px; }
.footer_sub .inr-c2 .col.copy .btn_simin:hover{ opacity: 0.8; }
.footer_sub .inr-c2 .col.logo{margin-left: auto;}
.footer_sub .lst_sns li{margin-left: 5px;}
.footer_sub .lst_sns li:first-child{margin-left: 0;}
@media screen and (max-width: 1000px) {
.footer_sub .inr-c2 .col.copy{display: flex;align-items: flex-start;flex-direction: column;}
.footer_sub .inr-c2 .col.copy .btn_simin{margin-left: 0;margin-top: 16px;}
}

@media screen and (max-width: 840px) {
.footer_sub .inr-c2 .col.copy{display: flex;align-items: center;flex-direction: column;}
.footer_sub .inr-c2 .col.copy .btn_simin{margin-left: 0;margin-top: 16px;}
}


@media screen and (max-width: 840px) {
  .footer_sub p{font-size: 3.6vw; line-height: 1.5;}
  .footer_sub .inr-c2{padding-top: 5vw; padding-bottom: 6vw; display: block; text-align:center;}
  .footer_sub .inr-c2 .col{margin-top:5vw; margin-left:0;}
  .footer_sub .inr-c2 .col.copy{margin-left: 0;margin-top: 5vw;}
  .footer_sub .inr-c2 .col.logo{margin-left: auto;}
  .footer_sub .lst_sns {margin-bottom:4vw;}
  .footer_sub .lst_sns ul{justify-content:center;}
  .footer_sub .lst_sns li{margin-left: 2vw;}
  .footer_sub .lst_sns li:first-child{margin-left: 0;}
}


@media screen and (max-width: 480px) {
  .footer_sub .lst_sns li img{width:8vw;}
  .footer_sub .inr-c2 .col.logo img{ width:26vw;}
}


  .wrap_rollring2{padding-left: 60px; padding-right: 60px;}
  .wrap_rollring2 .swiper-wrapper{ padding-bottom: 52px; height: auto;}
  .wrap_rollring2 .thumb{ width: 100%; height: 390px; position: relative; display: block;}
  .wrap_rollring2 .thumb:after{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; border-style: solid; border-width: 1px; content: ""; border-color: #fff; opacity: 0;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);

   }
  .wrap_rollring2 .thumb .img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background-size: cover; } 
  .wrap_rollring2 .thumb .cont{position: absolute; left: 30px; bottom: 40px; color: #fff; font-size: 13px; line-height: 1.4; width: calc(100% - 60px);}
  .wrap_rollring2 .thumb .cont span{display: block; color: #fff;}
  .wrap_rollring2 .thumb .cont .t1{position: relative; padding-left: 6px;}
  .wrap_rollring2 .thumb .cont .t1:after{position: absolute; left: 0; top: 2px; width: 1px; height: 15px; background-color: #fff; content:"";}
  .wrap_rollring2 .thumb .cont .t2{margin-top: 5px; font-size: 18px;}
  .wrap_rollring2 .swiper-pagination{display: flex; align-items: center; justify-content: center;}
  .wrap_rollring2 .swiper-pagination-bullet{background-color: #a4a4a4; opacity: 1;}
  .wrap_rollring2 .swiper-pagination-bullet-active{background-color: #424242; width: 12px; height: 12px; opacity: 1;}
  .wrap_rollring2 .swiper-button-prev, 
  .wrap_rollring2 .swiper-container-rtl .swiper-button-next
  {left: 0; right: auto; width: auto; height: auto;}
  .wrap_rollring2 .swiper-button-next, 
  .wrap_rollring2 .swiper-container-rtl .swiper-button-next
  {right: 0; left: auto; width: auto; height: auto;}
  .wrap_rollring2 .swiper-button-next:after, .wrap_rollring2 .swiper-container-rtl .swiper-button-prev:after,
  .wrap_rollring2 .swiper-button-prev:after, .wrap_rollring2 .swiper-container-rtl .swiper-button-prev:after{display: none;}

  .wrap_rollring2 .thumb:hover:after{ 
    opacity: 1; 
    width: 92%; height: 92%; left: 4%; top: 4%;
     }


.wrap-rollring3{ height: 168px; position: relative; background-color: #fff; }
.wrap-rollring3 .inner_rolling{position: relative; left: 0; top: 0; width: 100%; height: 168px; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box;}
.wrap-rollring3.fix .inner_rolling{position: fixed; left: 0; bottom: -168px; top: auto; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.wrap-rollring3.bot .inner_rolling{opacity: 1; bottom: 0;}

.wrap-rollring3 .inner_rolling > .inr-c{padding-top: 25px; height: 120px; cursor: move;}
.wrap-rollring3 .swiper-container{height: 120px;}
.wrap-rollring3 .thumb{position: absolute; width: 100%; height: 100%;}
.wrap-rollring3 .thumb .img{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrap-rollring3 .thumb .img:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; content: "";}
.wrap-rollring3 .swiper-wrapper,
.wrap-rollring3 .swiper-container{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.wrap-rollring3 .swiper-container:hover{padding-top: 310px; margin-top: -310px;}
.wrap-rollring3 .thumb .img:hover{height: 310px;}
.wrap-rollring3 .thumb .img .t1{width: auto; height: 300px; text-align: left;writing-mode: tb-rl;margin-left: auto;margin-right: auto;font-size: 18px;line-height: 1.3;color: #fff;position: absolute;left: 50%;margin-left: -12%;top: 20px;opacity: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; z-index: 2; letter-spacing: -0.14em;}
.wrap-rollring3 .thumb .img:hover .t1{opacity: 1;}
.wrap-rollring3 .thumb .img:hover:after{opacity: 1;}

body main article section:not(.about):nth-of-type(1) .wrap_archive div{width: auto; height: auto; transform-origin:initial; }

.wrap_archive{text-align: center;}
.wrap_archive .head{ margin-bottom: 50px; }
.wrap_archive .head .h1{font-size: 56px; line-height: 1.2; color: #000; font-weight: 600;}
.wrap_archive .head .t1{margin-top: 60px; font-size: 15px; color: #000;}
.wrap_archive .head .t1 a.ico{font-size: 15px; color: #000; margin-left: 30px; display: inline-flex; align-items: center;}
.wrap_archive .head .t1 a.ico i{margin-right: 3px;}
.wrap_archive .head .t1 a.ico:hover i,
.wrap_archive .head .t1 a.ico:hover{ color: #bd0003; }

.wrap_archive.type2 .area_col.search{display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;box-sizing: border-box;max-width: 1200px;}
.wrap_archive.type2 .area_col.search.mb2{margin-bottom: 20px;align-items: flex-end;}
.wrap_archive.type2 .area_col.search .t_total{margin-bottom: 0;}
.wrap_archive.type2 .area_col.search .t_total .c-green{font-size: 22px;}

@media screen and (max-width: 1260px) {
  .area_col.search{ margin-left: 30px; margin-right: 15px; }
}

@media screen and (max-width: 840px) {
  .wrap_archive.type2  .area_col.search .fr{margin-top: 0;}
  .wrap_archive.type2 .area_col.search .t_total .c-green{font-size: 5vw;}  
}

@media screen and (max-width: 840px) {
  .wrap_archive .head{ margin-bottom: 7vw; }
  .wrap_archive .head .h1{font-size: 8vw; }
  .wrap_archive .head .t1{margin-top: 10vw; font-size: 3.6vw; line-height:1.4; color: #000; text-align:center;}
  .wrap_archive .head .t1 a.ico{font-size: 0.9vw; margin-left: 5vw;}
  .wrap_archive .head .t1 a.ico i{margin-right: 0.5vw;}

  .wrap_archive.type2 .area_col.search .fr{margin-left: 7vw;}
  .wrap_archive.type2 .area_col.search{margin-bottom: 3vw;}
  .wrap_archive.type2 .area_col.search.mb2{ margin-bottom: 2vw; }

  .wrap_rollring2{padding-left: 60px; padding-right: 60px;}
  .wrap_rollring2{padding-left: 0; padding-right: 0;}
  .wrap_rollring2 .swiper-wrapper{ padding-bottom: 12vw}
  .wrap_rollring2 .thumb{ width: 100%; height: 70vw;}
  .wrap_rollring2 .thumb:after{}
  .wrap_rollring2 .thumb .img{ } 
  .wrap_rollring2 .thumb .cont{left: 4vw; bottom: 5vw; font-size: 4vw; line-height: 1.4; width: calc(100% - 6vw);}
  .wrap_rollring2 .thumb .cont .t1{position: relative; padding-left: 2vw;}
  .wrap_rollring2 .thumb .cont .t1:after{position: absolute; left: 0; top: 2px; width: 1px; height: 4vw;}
  .wrap_rollring2 .thumb .cont .t2{margin-top: 1vw; font-size: 4vw;}
  .wrap_rollring2 .swiper-pagination-bullet-active{background-color: #424242; width: 5vw; height: 5vw;}
  .wrap_rollring2 .swiper-button-prev, 
  .wrap_rollring2 .swiper-container-rtl .swiper-button-next{display:none;}
  .wrap_rollring2 .swiper-button-next, 
  .wrap_rollring2 .swiper-container-rtl .swiper-button-next{display:none;}
  .wrap_rollring2 .swiper-button-next:after, .wrap_rollring2 .swiper-container-rtl .swiper-button-prev:after,
  .wrap_rollring2 .swiper-button-prev:after, .wrap_rollring2 .swiper-container-rtl .swiper-button-prev:after{display: none;}

  .wrap-rollring3{ height: 40vw;}
  .wrap-rollring3 .inner_rolling{ height: 40vw;}
  .wrap-rollring3.fix .inner_rolling{position: fixed; left: 0; bottom: -40vw;}

  .wrap-rollring3 .inner_rolling > .inr-c{padding-top: 6vw; height: 40vw;}
  .wrap-rollring3 .swiper-container{height: 28vw;}
  .wrap-rollring3 .thumb{position: absolute; width: 100%; height: 100%;}
  .wrap-rollring3 .swiper-container:hover{padding-top: 80vw; margin-top: -80vw;}
  .wrap-rollring3 .thumb .img:hover{height: 80vw;}
  .wrap-rollring3 .thumb .img .t1{width: auto; height: 70vw; font-size: 4vw;margin-left: -12%;top: 7vw; word-break: keep-all;}

  
}



body main article section:not(.about):nth-of-type(1) ..wrap_bbs_type1{text-align: center;}
.wrap_bbs_type1 .head{margin-bottom: 50px;padding-bottom:25px;border-bottom:8px #000 solid; text-align: center;}
.wrap_bbs_type1 .head.bdb0{border-bottom: 0; padding-bottom: 0;}
.wrap_bbs_type1 .head .h1{font-size: 56px; line-height: 1.2; color: #000; font-weight: 600;}
.wrap_bbs_type1 .head .t1{margin-top: 60px; font-size: 15px; color: #000;}
.wrap_bbs_type1 .area_view.bdt1{padding-top: 40px; border-top: 8px solid #000;}
.wrap_bbs_type1 .area_view .headline{padding-bottom:65px; text-align: center;}
.wrap_bbs_type1 .area_view .headline .cate{font-family: 'Poppins', sans-serif; font-weight:400; color:#000; font-size:15px; margin-bottom:30px;}
.wrap_bbs_type1 .area_view .headline .cate b{color:#fb841a; display:inline-block; margin-right:2px;}
.wrap_bbs_type1 .area_view .headline .h1{font-size:28px; color:#000; font-weight:500; line-height:1.5;  word-break:keep-all;}
.wrap_bbs_type1 .area_view .cont p,
.wrap_bbs_type1 .area_view .cont{font-size:18px; line-height:1.5; color:#000; text-align:left;}

.wrap_bbs_type1 .area_view .cont{padding-bottom:60px;}

.wrap_bbs_type1.news .area_view{border-bottom: 6px solid #000;}
.wrap_bbs_type1.news .headline{text-align: center;}
.wrap_bbs_type1.news .area_view .headline .cate b{color: #f107d0;}
.area_file{text-align: right; padding: 15px 0; border-top: 1px solid #b7b7b7; line-height: 1;}
.ico.file{background: url(../images/common/ico_file.jpg) no-repeat; width: 21px; height: 21px; display: inline-block;}
.area_file:hover *{color: #000;}
.area_file a{font-size: 16px; color: #3b3b3b;}
@media screen and (max-width: 840px) {
  .area_file a{font-size: 4vw;}
  .wrap_bbs_type1 .area_view .cont{padding-bottom: 5vw;}
  .wrap_bbs_type1{text-align: center;}
  .wrap_bbs_type1 .head{ margin-bottom: 7vw; padding-bottom:6vw; border-bottom:1vw #000 solid;}
  .wrap_bbs_type1 .head .h1{font-size: 8vw;}
  .wrap_bbs_type1 .head .t1{margin-top: 10vw; font-size: 3.6vw; line-height:1.5; color: #000; text-align:center;}
  .wrap_bbs_type1 .area_view .headline{padding-bottom:10vw;}
  .wrap_bbs_type1 .area_view .headline .cate{font-size:12px; margin-bottom:5vw;}
  .wrap_bbs_type1 .area_view .headline .cate b{color:#fb841a; display:inline-block; margin-right:2px;}
  .wrap_bbs_type1 .area_view .headline .h1{font-size:6vw;}
  .wrap_bbs_type1 .area_view .cont p,
  .wrap_bbs_type1 .area_view .cont{font-size:4vw; }
  .wrap_bbs_type1 .area_view .cont{margin-bottom:20vw;word-break: break-word;}
  .wrap_bbs_type1 .area_view.bdt1{padding-top: 7vw; border-top: 3px solid #000;}
}

.wrap_gallery_type1{border-top:6px #000 solid; text-align:left; margin-bottom: 80px;}
.wrap_gallery_type1 .item{border-bottom:1px #c8c8c8 solid;padding:50px 0;display:flex;flex-direction: row-reverse; cursor: pointer;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

.wrap_gallery_type1 .item .thumb{flex:none; width:350px; height:197px; position:relative; margin-left:80px;}
.wrap_gallery_type1 .item .thumb:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0; content: "";}
.wrap_gallery_type1 .item .thumb .img{position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.wrap_gallery_type1 .item .cont{flex: 1;}
.wrap_gallery_type1 .item .cont .cate{font-family: 'Poppins', sans-serif;font-weight:400;color:#000;font-size:15px;margin-bottom:15px;display:flex;align-items:center;}
.wrap_gallery_type1 .item .cont .cate.c2 b, .wrap_gallery_type1 .item .cont .cate.c2 b span{color: #f107d0;}
.wrap_gallery_type1 .item .cont .cate b{color:#fb841a; display:inline-block; margin-right:5px;}
.wrap_gallery_type1 .item .cont .cate span.ico{margin-left:15px;font-family: 'Poppins', sans-serif; background-color:#fb841a; color:#fff; padding:5px 13px; line-height:1; border-radius:300px; font-size:10px; font-weight:600; letter-spacing: 0.1em;}
.wrap_gallery_type1 .item .cont .cate span.ico.off{background-color: #acaaa8;}
.wrap_gallery_type1 .item .cont .cate.c2 span.ico{background-color: #f107d0;}
.wrap_gallery_type1 .item .cont .h1{height:71px; overflow:hidden; font-size:28px; line-height:35px; font-weight:500; color:#000; word-break: break-word;}
.wrap_gallery_type1 .item .cont .t1{font-size:16px;line-height:27px;height: 81px;overflow: hidden;margin-top: 22px; color: #808080; word-break: break-word;}
.wrap_gallery_type1 .more{font-size: 0; visibility: hidden; height: 0; overflow: hidden;}

.wrap_gallery_type1 .item:hover{background-color: #f2f2f2;}
.wrap_gallery_type1 .item:hover .thumb:after{opacity: 1;}

@media screen and (max-width: 840px) {
  .wrap_gallery_type1{border-top:1vw #000 solid; margin-bottom: 10vw;}
  .wrap_gallery_type1 .item{border-bottom:1px #c8c8c8 solid;padding:6vw 0;display:block;flex-direction:initial;}
  .wrap_gallery_type1 .item .thumb{flex:none;width:100%;height: 63vh;margin-left:0;margin-bottom: 5vw;}
  .wrap_gallery_type1 .item .cont .cate{font-size:3vw;margin-bottom:4vw;line-height:1;}
  .wrap_gallery_type1 .item .cont .cate span{font-size:3vw;}
  .wrap_gallery_type1 .item .cont .cate b{margin-right:2vw;}
  .wrap_gallery_type1 .item .cont .cate span.ico{margin-left:2vw;padding:0.5vw 4vw; font-size:12px; margin-top:2px;}
  .wrap_gallery_type1 .item .cont .h1{height: auto;overflow:hidden;font-size: 4.4vw;line-height: 1.5;font-weight:500;color:#000;}
  .wrap_gallery_type1 .item .cont .t1{font-size: 3.4vw;line-height: 1.5;height: auto;overflow: auto;margin-top: 4vw;}
}









.lst_thumb_type1{display: flex;  flex-wrap: wrap; min-height: 500px;}
.lst_thumb_type1 .item{flex: none; width: 24%; margin-left: 1.32%; margin-bottom: 69px; cursor: pointer; }
.lst_thumb_type1 .item .thumb{height: 163px; position: relative;}
.lst_thumb_type1 .item .thumb .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.lst_thumb_type1 .item:nth-child(4n+1){margin-left: 0;}
.lst_thumb_type1 .cont{margin-top: 20px; text-align: left;}
.lst_thumb_type1 .cont .mb{margin-bottom: 10px;}
.lst_thumb_type1 .cont .mt{margin-top: 12px;}
.lst_thumb_type1 .cont .cate{font-size: 15px; line-height: 1.2; color: #000; padding-left: 6px; position: relative;}
.lst_thumb_type1 .cont .h1{color: #000;  font-size: 17px;}
.lst_thumb_type1 .cont .t1{color: #5f5f5f;  font-size: 13px;} 
.lst_thumb_type1 .cont .cate:after{position: absolute;left: 0;top: 4px;width: 1px;height: 13px;background-color: #bbb;content: "";}

.lst_thumb_type1 .more{font-size: 0; visibility: hidden; height: 0; overflow: hidden;}

.lst_thumb_type1 .cont.ty2 .cate:after{display: none;}
.lst_thumb_type1 .cont.ty2 .cate{margin-left: 0; display: flex; padding-left: 0;}
.lst_thumb_type1 .cont.ty2 .cate .col{display: inline-flex; position: relative; align-items:center;}
.lst_thumb_type1 .cont.ty2 .cate .col.line:after{width: 1px; height: 15px; background-color: #bbb; content: ""; margin-left:10px; margin-right:7px;}

@media screen and (max-width: 1080px) {
  .lst_thumb_type1{ min-height: 50vh;}
  .lst_thumb_type1 .item{width: 32.44%}
  .lst_thumb_type1 .item:nth-child(1n+1){margin-left: 1.32%;}
  .lst_thumb_type1 .item:nth-child(3n+1){margin-left: 0;}
  .lst_thumb_type1 .item .thumb{height: 0; padding-bottom: 59.5%;}
}


@media screen and (max-width: 840px) {
  .lst_thumb_type1 .item{width: 48%;  margin-bottom: 9vw;}
  .lst_thumb_type1 .item:nth-child(1n+1){margin-left: 4%;}
  .lst_thumb_type1 .item:nth-child(2n+1){margin-left: 0;}
  .lst_thumb_type1 .cont{margin-top: 20px; text-align: left;}
  .lst_thumb_type1 .cont .mb{margin-bottom: 3vw;}
  .lst_thumb_type1 .cont .mt{margin-top: 3vw;}
  .lst_thumb_type1 .cont .cate{font-size: 3.2vw; padding-left: 1.5vw;}
  .lst_thumb_type1 .cont .h1{font-size: 4.4vw;}
  .lst_thumb_type1 .cont .t1{font-size: 3vw;}
  .lst_thumb_type1 .cont .cate:after{height: 2.7vw; top:0.5vw;}
}



.area_col.search{ display: flex; justify-content: center;  align-items: center; margin-bottom: 60px;}
.area_col.search .fl{flex: none; display: flex;}
.area_col.search .fl > * {flex: none; align-items: center; margin-right: 19px;}
.area_col.search .fl .btn-switch{margin-top: 7px; margin-left: 30px; height: 37px;}
.area_col.search .fr{padding-left: 42px;}
.board-search form{display: flex; align-items: center;}
.board-search input{ width: 200px; padding: 14px; border: 1px solid #d2d2d2; }
.board-search button{margin-left: 5px;}


@media screen and (max-width: 1080px) {
  .area_col.search{display: block;}
  .area_col.search .fr{padding-left: 0; margin-top: 15px;}
  .board-search input{width: 100%;}
}


@media screen and (max-width: 840px) {
  .area_col.search{ margin-bottom: 5vw; margin-left: 4vw; margin-right: 4vw;}
  .area_col.search .fl{flex: none;/* display:block; */flex-wrap: wrap; justify-content: flex-end;}
  .area_col.search .fl > * {flex: none; align-items: center; margin-right: 0;}

  .area_col.search .fl .btn-switch{margin-top: 2vw; margin-left: 0; height: auto;}
  .area_col.search .fr{padding-left: 0;}
  .area_col.search .box-select-ty1{width: 92vw;margin-bottom:4vw;margin-left:0;}
  .area_col.search .box-select-ty1 .selectVal{width:100%;box-sizing: border-box;}
  .board-search input{ width: 100%; padding: 2vw 3vw;}
  .board-search button{margin-left: 1vw;}

}





  /* Layer Select */
  /* select */  
select.select1 {    
    min-width:70px;
    min-width:70px\9;
    height:40px;
    padding:6px 40px 6px 15px; 
    padding:6px 9px 6px 15px\9;     
    border:1px solid #c2c2c2;      
    font-size:15px;
    font-size:13px\9;
    line-height:20px;
    color:#313131; 
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance:none;
    -o-appearance:none;     
    background-color:#fff;
}
:root select.select1 {padding:6px 9px 6px 15px \0/IE9; font-size:15px \0/IE9;}

select.select1::-ms-expand {display:none;}

select.select1:focus {border:1px solid #0079c1;}

select.select1.h2{height: 36px;}
select.select1.ml{margin-left: 5px;}
select.select1.mr{margin-right: 5px;}
select.select1.bc1{border-color: #eaeaea;}



select.select1::-ms-expand {display:none;}

select.select1:focus {border:1px solid #0079c1;}

select.select1.h2{height: 36px;}
select.select1.ml{margin-left: 5px;}
select.select1.mr{margin-right: 5px;}
select.select1.bc1{border-color: #eaeaea;}


.box-select-ty1 {display:inline-block; position:relative; min-width:60px; text-align:left; cursor:pointer; background-color:#fff;}
.box-select-ty1 a {display:block; padding:0px 10px;  font-size:13px; line-height:24px; color:#666;}
.box-select-ty1 .selectVal {
  padding:8px 66px 8px 11px;  
  border:0;
  background:url(../images/common/ico_box-select-ty1_arrow.gif) right center no-repeat;    
}
.box-select-ty1 .selectVal a {vertical-align:middle;}

.box-select-ty1 .selectMenu {
  display:none; 
  position:absolute; 
  left:0;
  z-index:100;
  width:100%;
  padding:12px 11px 12px 11px;  
  border:1px solid #222;
  background-color:#fff;
  box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  -o-box-sizing:border-box;      
  max-height: 370px;
  overflow: hidden;
  overflow-y: auto;     
}
.box-select-ty1.up .selectMenu {bottom:39px; border-bottom:0px;}
.box-select-ty1.down .selectMenu {top:40px; border-top:0px;}
.box-select-ty1.on .selectMenu {display:inline-block; *display:inline; *zoom:1;}
.box-select-ty1 .selectMenu li a {background-color:#fff;}
.box-select-ty1 .selectMenu li:hover a {background-color:#fff;}
.box-select-ty1 .selectMenu li a:focus {background-color:#fff;}

.box-select-ty1.vol {display: inline-block; background-color: #f2f2f2; height: auto; outline: none;} 
.box-select-ty1.vol.sz2{max-width: 420px;}
.box-select-ty1.vol  a {display:block; color: #000; padding:0px 10px; outline: none; }
.box-select-ty1.vol .selectVal {
  padding: 17px 66px 17px 11px;
  background: none;
  outline: none;
  display: inline-block;
}
.box-select-ty1.up.vol .selectMenu {bottom: 50px;border-bottom:0px;border-radius: 20px;overflow: hidden;border: 1px #ddd solid;padding: 19px;}
.box-select-ty1.vol .selectVal >  a{color: #000;font-size: 14px;font-weight: 400; outline: none;}
.box-select-ty1 .selectMenu li a{font-size: 15px; padding: 6px;}
.box-select-ty1 .selectMenu li a:hover{color: #000; font-weight: 500;}
/*.box-select-ty1.vol .selectVal a:focus {color:#fff; background-color:000; font-weight: 500;}*/
.box-select-ty1.vol .selectVal:after{position: absolute;right: 20px;top: 24px;background: url(../images/common/ico_common_dibo.png) 0 0 no-repeat;background-position:   -11px -212px;width: 19px;height: 11px;content:"";}

.box-select-ty1.vol.on{background-color: #000;}
.box-select-ty1.vol.on .selectVal > a{color: #fff;}
.box-select-ty1.vol.on .selectVal:after{background-position:-47px -212px;}

@media screen and (max-width: 840px) {
.box-select-ty1.vol.sz2{ max-width: none; }
.box-select-ty1 {}
.box-select-ty1 a {padding:0px 2vw;  font-size:3vw; line-height:1.3;}

.box-select-ty1.vol  a {padding:0px 1vw;}
.box-select-ty1.vol .selectVal { padding: 4vw 10vw 4vw 3vw;}
.box-select-ty1.vol .selectVal >  a{font-size: 3.3vw}
.box-select-ty1 .selectMenu li a{font-size: 3vw; padding: 1vw;}
.box-select-ty1.vol .selectVal:after{
   position: absolute;
   right: 3vw;
   top: 50%;
   background-position:-5px -106px;
   background-size: 420px 420px;
   width: 10px;
   height: 6px;
   margin-top: -3px;
}

.box-select-ty1.vol.on{background-color: #000;}
.box-select-ty1.vol.on .selectVal > a{color: #fff;}
.box-select-ty1.vol.on .selectVal:after{background-position: -23px -106px;}

}



.ico_{display: inline-block; background-image: url(../images/common/ico_common_dibo.png); background-repeat: no-repeat; text-align: left; text-indent:-9999px; }

.ico_.dp{background-position: -11px -337px; width: 19px; height: 17px;}
.ico_.dp:hover{background-position: -48px -337px;}


.wrap_datepicker{display: flex; position: relative; font-size: 13px; padding-right: 30px; max-width: 130px;}
.wrap_datepicker .btns{position: absolute; right: 0; top: 50%; margin-top: -10px;}
.wrap_datepicker.no_txt .btns{position: relative; right: 0; top: 0; margin-top: 0;}
.wrap_datepicker .datepicker_air{position: absolute; left: 0; top: 0; }
.wrap_datepicker .text-date b{display: inline-block; width: 29px; text-align: right; margin-right: 5px; font-weight: bold;}
.wrap_datepicker .text-date p{margin-top: 6px;}
.wrap_datepicker .text-date p:first-child{margin-top: 0;}

.datepicker--cell.-current-{}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-focus-{
  background-color: #fa5177 !important;
  color: #fff  !important;
}

.datepicker--cell.-in-range-{
  background-color: #fa5177 !important;
  color: #fff  !important;
}

#ui_head_artist{margin-bottom: 30px;}

body main article section:not(.about):nth-of-type(1) div.wrap_write{max-width:500px; display:inline-block; background-color:rgba(0,0,0,0.55); padding:30px 40px; border-radius:20px; color:#fff;}
div.wrap_write p{ color:#fff; font-size:16px; line-height:1.5; text-align:left;}
div.wrap_write p.h1{color:#bf3838; font-size:20px; font-weight:600; padding-bottom:20px; margin-bottom:15px; position:relative;}
div.wrap_write p.h1:after{position:absolute; left:0; bottom:0; width:30px; height:3px; background-color:#fff; content:"";}
/*div.wrap_write p.t1{height:70px; overflow:hidden;}*/
.banner_top{text-align: center; font-size: 0; line-height: 0;}
.banner_top a{font-size: 0; line-height: 0;}
.banner_top img{max-width: 100%; height: auto; max-height:24vh;}
.banner_top.intro{position:fixed; left:50%; bottom:20px; width:90%; margin-left:-45%; z-index: 10; }
.banner_top.intro img{width:auto; max-width:100%; max-height:16vh;}

body main article header a i{color: #000; font-size: 50px; line-height: 1;}

@media screen and (max-width: 840px) {
  .zoom .write > .inr-c{ margin-left: 0; margin-right: 0; }
  #ui_head_artist{margin-bottom: 2vw; margin-right: 4vw;}
  body main article section:not(.about):nth-of-type(1) div.wrap_write{max-width:70vw; padding:4vw 6vw; border-radius:4vw;}
  div.wrap_write p{ font-size:3vw;}
  div.wrap_write p.h1{font-size:4vw; padding-bottom:3vw; margin-bottom:2vw;}
  div.wrap_write p.h1:after{width:5vw; height:2px;}
  body main article header a{ right: 2vw; }
  body main article header a i{font-size:9vw;}
  /*div.wrap_write p.t1{height:22vw; overflow:hidden;}*/
}

#pop_opinion{min-width: 800px;}
.layerPopup {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  margin-top: 20px;
}
.layerPopup .popup {
  width: 100%;
  min-height: 489px;
  min-width: 100%;
  background-color: #fff;
  position: relative;
  text-align: left;
}

.layerPopup .popup .iscrollY {
  position: relative;
  min-height: 300px;
  width: 100%;
  overflow: hidden;
  margin-top: 0;
}


.layerPopup .popup .iScrollIndicator {
  background-color: #bdbdbd !important;
  border-radius: 0 !important;
  border: 0 !important;
  cursor: pointer;
}
.layerPopup .popup .iScrollVerticalScrollbar.iScrollLoneScrollbar {
  background: rgba(227, 227, 227, 0.5);
}

.popup .pop_tit{border-bottom:1px #ddd solid;display:flex;justify-content: space-between;  align-items:center; padding:17px 20px;}
.popup .pop_tit h1{font-size:20px; font-weight:500; color:#000; display:flex; align-items:center;}
.popup .pop_tit h1 i{font-size:0.8em; margin-right:5px;}
.popup .pop_tit .btn_close  i{font-size:26px;}
.list_table{width:100%; border-top:1px solid #ddd;}
.list_table td,.list_table th{border-bottom:1px solid #ddd; padding:14px 20px;}
.list_table .input{ width:100%; border: 1px solid #d8d8d8; padding: 8px 10px; box-sizing: border-box; border-radius: 4px; font-size: 13px;}
.list_table textarea{width:100%; height:200px; border: 1px solid #d8d8d8; padding: 8px 10px; box-sizing:border-box;}
.box_agreement{display: flex; align-items: center;}
.box_agreement input{margin-right: 5px;}

.popup .bot{text-align: center; padding: 20px 20px 20px;}
.popup .bot a,.popup .bot button{display: inline-flex; align-items: center; justify-content: center; padding: 8px 30px; background-color: #333; color: #fff; border-radius: 5px; margin-left: 5px; margin-right: 5px; }
.popup .bot .bg2{background-color: #ddd; color: #000;}
.popup .bot .bg2:hover,
.popup .bot a:hover,.popup .bot button:hover{background-color: #000; color: #fff;}

input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

@media screen and (max-width: 840px) {
 #pop_opinion{min-width: auto;width:90%;margin-left:5%;margin-right:5%;height: 80vh;overflow: hidden;overflow-y: auto;}
.layerPopup { margin-top: 5vw;}
.layerPopup .popup {
  min-height: auto;
}
.layerPopup .popup .iscrollY {
  min-height: 20vh;
}

.popup .pop_tit{padding:3vw 2vw;}
.popup .pop_tit h1{font-size:5vw;}
.popup .pop_tit h1 i{font-size:0.8em; margin-right:1vw;}
.popup .pop_tit .btn_close  i{font-size:6vw;}
.list_table td,.list_table th{padding:3vw 4vw;}
.list_table .input{padding: 2vw 5vw; border-radius: 4px; font-size: 4vw;}
.list_table textarea{width:100%; height:10vh; padding: 2vw;}
.box_agreement input{margin-right: 1vw;}

.popup .bot{padding: 4vw;}
.popup .bot a,.popup .bot button{padding: 2vw 7vw;}
  
}

@media screen and (max-width: 840px) {
  .t-responsive colgroup,
  .t-responsive tbody th.pc,
  .t-responsive thead{display: none}
  .t-responsive tbody td{padding: 3vw 4vw;}
  .t-responsive tbody, .t-responsive tbody tr, .t-responsive tbody td{display: block; text-align:left; border-bottom: 1px #e9e9e9 solid;}

  .t-responsive tbody tr:nth-of-type(odd) {
     background: #f5f5f5;
  }
  .t-responsive tbody td:before {
    margin-bottom: 2.2vw;
    content: attr(data-title);
    font-size: 3.4vw;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #949494;
    display: block;
    margin-left: -1vw;
    /* font-size: 5vw; */
  }
}