@charset "utf-8";

.cate_box { width:100%;border-bottom:1px solid #CCC;}
.cate_box:after {display:block;visibility:hidden;clear:both;content:''}
.cate_box .cate_box_in { float:left;width:33.3%; }
.cate_box .cate_box_in.cate_box2 .tit::before,
.cate_box .cate_box_in.cate_box3 .tit::before {position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 1px; height: 19px; background-color: #fff; content: '';}
.cate_box .cate_box_in p {margin:0;height:64px; line-height:64px; background:#000;text-align:center; font-size:18px; color:#fff; position: relative;}
.cate_box .cate_box_in .scroll-wrap {display: block; height:224px; border: 1px solid #ddd; border-top: none; border-bottom: none; padding: 11px 12px 11px 0;}
.cate_box .cate_box_in.cate_box1 .scroll-wrap,
.cate_box .cate_box_in.cate_box2 .scroll-wrap {border-right: none;}
.cate_box .cate_box_in ul {margin:0; overflow-y:scroll;background:#fff; height: 100%;}
.cate_box .cate_box_in ul::-webkit-scrollbar {width: 6px;}
.cate_box .cate_box_in ul::-webkit-scrollbar-thumb {height: 10%;background: rgba(0,0,0,0.2); border-radius: 100px;}
.cate_box .cate_box_in ul::-webkit-scrollbar-track {background: transparent;}
.cate_box .cate_box_in ul li {margin:0;height:44px;line-height:40px;background:#fff;padding-left:0;}
.cate_box .cate_box_in ul li button:hover,
.cate_box .cate_box_in ul li button:active,
.cate_box .cate_box_in ul li button:focus,
.cate_box .cate_box_in ul li.ov button { background:#FAFAFA; color:#DD1227; font-weight: 700;}
.cate_box .cate_box_in ul li button:hover a,
.cate_box .cate_box_in ul li button:active a,
.cate_box .cate_box_in ul li button:focus a {color:#fff;}
.cate_box .cate_box_in ul li a { display:block;width:100%;height:100%;cursor: pointer;}
.cate_box .cate_box_in ul li.click1 { background:#907354; color:#fff;}
.cate_box .cate_box_in ul li.click1 a { color:#fff; }
.cate_box .cate_box_in ul li a.click2 { color:#fff;}
.cate_box .cate_box_in ul li button {width:100%;height:100%;text-align:left;padding:0 20px 0 58px;font-size:16px;background: #fff; color: #000;}
.cate_box .cate_box_in ul li button:hover,
.cate_box .cate_box_in ul li button:focus {color:#DD1227;}
.cate_box .cate_box_in ul li button:focus {outline-offset: -1px;}

.program--search{margin-top: 49px;}
.program--search.total{border:none;margin-bottom:20px;}
.program--search .search--select {padding: 0 0 0 5px;}
.program--search.h-search  .program--count:before{top:-1px}
.program--search.h-search .program--count{margin-top: 10px;}
.program--search.h-search .search--text{min-width:auto}
.program--search.h-search .search--radio{margin-right: 7px; display:inline-block;}
.program--search.h-search .search--btn{margin-left: 3px;}

@media(max-width:767px){
 /* .cate_box {display:none;} */
 .cate_box .cate_box_in ul li button {padding: 0 20px 0 20px;}
 .psgudMng .program--search {margin-top:0;}
}

@media screen and (max-width:690px) {
	.cate_box .cate_box_in {float: none;width: 100%;}
	.cate_box .cate_box_in ul li {height: 39px;}
	.cate_box .cate_box_in ul {max-height: 140px;}
    .cate_box .cate_box_in .scroll-wrap {height:auto;}
    .cate_box .cate_box_in.cate_box2 .tit::before, .cate_box .cate_box_in.cate_box3 .tit::before {display:none;}
    .cate_box .cate_box_in p {height:50px;line-height:50px;}
    .cate_box .cate_box_in.cate_box1 .scroll-wrap, .cate_box .cate_box_in.cate_box2 .scroll-wrap {border-right: 1px solid #ddd;}
}

@media (max-width: 640px) {
    .program--search .search--select {padding: 0;}
}

.ui-grid.are-images-unloaded{opacity:0}
.ui-grid .grid__gutter-sizer{width:2%}
.ui-grid.grid.are-images-unloaded .image-grid__item{opacity:0}
.ui-grid .grid__item .img{justify-content: center;text-align:center;display: flex;align-items: center;width: 100%;}
.ui-grid .grid__item img{/* display:block; */max-width:100%;/* text-align: center; */}
.ui-grid .grid__item .link{display:block;width:100%;height:100%;border: 1px solid #E3E4E9;}
.ui-grid .grid__item .link .h-box{color:#222;font-size: 22px;line-height:normal;font-weight:700; margin-top: 24px; display:-webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; height: 28px;padding: 0 40px;}
.ui-grid .grid__item .link .sub-title {display: -webkit-box;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;height: 24px;padding: 0 40px; color: #222; font-size: 16px; margin-bottom: 34px; word-break: break-word;}
.ui-grid .grid__item .link .text{display: -webkit-box;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;height: 24px;color:#666;font-size:16px;line-height:140%;font-weight: 400;margin: 0 40px 40px 40px;}
.ui-grid .page-load-status{display:none;padding-top:20px;border-top:1px solid #DDD;text-align:center;color:#777}

.ui-grid {margin: -17.5px;display: flex;position: relative;flex-flow: row wrap;min-width: auto;word-wrap: break-word;border: none;}
.ui-grid .grid__item {width:25%; border:17.5px solid transparent;}
.ui-grid.are-images-unloaded{opacity: 1;}


.ui-grid .grid__item .grid-thum{height:248px;width:100%;background-color: #F3F3F3;position: relative;overflow: hidden;}
.ui-grid .grid__item .grid-thum::before {content: "";position: absolute;z-index: 6;top: -36px;left: 50%;margin-left: -16px;
background-color: rgba(0,0,0,0.5);height: 32px;width: 32px;border-radius: 32px;transform: scale(1);transform-origin: 50% 50%;transition: transform 0.25s ease-out;}
.ui-grid .grid__item .grid-thum::after {content: "";position: absolute;z-index: 7;top: 50%;left: 50%;margin-left: -28px;margin-top: -25px;height: 46px;width: 46px;transform: scale(0);transform-origin: 50% 50%;opacity: 0;transition: transform 0.25s ease-out,opacity 0.25s ease-out;transition-delay: 0.25s;background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='46' height='46' rx='23' fill='white'/%3E%3Cpath d='M29.6667 22.5834V18.8334L25.9167 14.6667H17.1667C16.7065 14.6667 16.3334 15.0398 16.3334 15.5001V30.5001C16.3334 30.9603 16.7065 31.3334 17.1667 31.3334H22.1667' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M28.1562 28.9895L30.5 30.8645M28.625 27.1145C28.625 28.6678 27.3658 29.927 25.8125 29.927C24.2592 29.927 23 28.6678 23 27.1145C23 25.5612 24.2592 24.302 25.8125 24.302C27.3658 24.302 28.625 25.5612 28.625 27.1145Z' stroke='black' stroke-width='1.6875' stroke-linecap='round'/%3E%3C/svg%3E%0A");border-radius: 50%;}


.ui-grid .grid__item:hover .link {border: 1px solid #000; box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.05);}

.ui-grid .grid__item:hover .grid-thum::before,
.ui-grid .grid__item:focus .grid-thum::before {transform: scale(40);}
.ui-grid .grid__item:hover .grid-thum::after,
.ui-grid .grid__item:focus .grid-thum::after {transform: scale(1); opacity: 1;}



.grid-thum .grid-thum_inner{position:relative; width:100%; height:100%; overflow:hidden;}
.ui-grid .grid__item .grid-thum_inner > img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: auto; height:100%; max-width: none;}



@media screen and (max-width:1023px) {

 .ui-grid .grid__item{width:33.3333%;}
 .ui-grid .grid__item .grid-thum_inner .img{height:100%; max-height:100%; width:auto; max-width:auto}

}

@media screen and (max-width:768px) {
    .ui-grid {margin: -10px;}
    .ui-grid .grid__item {height: auto; border: 10px solid transparent; width: 50%;}
    .ui-grid .grid__item .grid-thum {height: 200px;}
    .ui-grid .grid__item .link .h-box {padding: 0 30px; font-size: 20px; height: 26px;}
    .ui-grid .grid__item .link .sub-title {padding: 0 30px;}
    .ui-grid .grid__item .link .text {margin: 0 30px 30px 30px;}
}

@media screen and (max-width:640px) {
    .ui-grid .grid__item {width: 100%;}
    .ui-grid .grid__item .grid-thum {height: auto;}
    .ui-grid .grid__item .grid-thum_inner > img {position: relative; max-width: none; max-height: none; left: 0; top: 0;transform: none; width: 100%; height: auto;}
    .ui-grid .grid__item .link .h-box {padding: 0 20px; margin-top: 20px;}
    .ui-grid .grid__item .link .sub-title {padding: 0 20px;}
    .ui-grid .grid__item .link .text {margin: 0 20px 20px 20px;}


    .ui-grid .grid-thum .grid-thum_inner .no-img {height: 300px;}
}

@media screen and (max-width:360px) {
    .ui-grid .grid__item .link .h-box {font-size: 18px; height: 22px; }
    .ui-grid .grid__item .link .sub-title {font-size: 15px;}
    .ui-grid .grid__item .link .text {font-size: 15px;}


    .ui-grid .grid-thum .grid-thum_inner .no-img {height: 200px;}
}


.photo_wrap.typeB{margin-top:0;}

.photo_wrap.typeB > .inner{
 border: 1px solid #E3E4E9;
 border-radius: 0;
 /* min-height: 448px; */
 position: relative;
 padding: 62px 550px 70px 69px;
}
.photo_wrap.typeB .thumb{top: 50px;right: 69px;border-radius: 0;width: 428px;height: 380px;/* border: 1px solid; */position: absolute;/* border: 1px solid; */}
.photo_wrap.typeB .thumb .picture{height: 457px;}
.photo_wrap.typeB .inner .info_box > strong{display:block;padding-bottom: 10px;border-bottom: 2px solid #222;padding-right: 80px;line-height: 1.4;}
.photo_wrap.typeB .inner .info_box > strong i{display: inline-block;
 font-style: normal;
 font-size: 16px;
 color: #053863;
 font-weight: 300;
}
.photo_wrap.typeB .inner .info_box > strong em{display: block;font-weight: 500;font-size: 26px;margin-top: 5px;color: #222;}

.photo_wrap.typeB .inner .info_box .badge{
 position:absolute;
 top:-10px;
 right:0;
 z-index:0;
}
.photo_wrap.typeB .inner .info_box .list-1st{
 border-bottom: 1px solid #c4cbd2;
 padding-bottom: 35px;
}
.photo_wrap.typeB .inner .info_box .list-1st li{padding-left: 103px;min-height: 21px;}
.photo_wrap.typeB .inner .info_box .list-1st li em{font-weight:bold;width: 81px;display: inline-block;position: absolute;top: 0;left: 5px;color: #333;}
.photo_wrap.typeB .inner .info_box .list-1st li em .fa{display:none;}
.photo_wrap.typeB .inner .info_box .list-1st li em:before{content:'';position:absolute;top: 8px;right:0;width:1px;height:12px;background-color:#ddd;}
.photo_wrap.typeB .inner .info_box .card--btn{margin-top:20px;position: absolute;bottom: -4px;left: -400px;}
.photo_wrap.typeB .inner .info_box .card--btn .btn{min-width: 128px;text-align:center;border-radius:5px;padding: 7px 15px;letter-spacing: -1px;}
.photo_wrap.typeB  + .cnts_txt{padding:38px 0 68px;}
.photo_wrap.typeB .inner .info_box .cnts{
 /* position: absolute; */
}
.photo_wrap.typeB .inner .info_box .cnts .title{display:block;color:#053863;margin-bottom: 4px;font-size: 20px;margin-top: 40px;}
.photo_wrap.typeB .inner .info_box .cnts .scroll{background-color:#f9f9f9;border:1px solid #ddd;padding:16px;border-radius: 5px;}
.photo_wrap.typeB .inner .info_box .cnts .scroll .box{height:182px;overflow-y: scroll !important;}
/*slide- control */
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-for > button,
.photo_wrap.img-slide .ui-thumb__photo.bottom__photo .slider-nav > button{display: none !important;}

.ui-thumb__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
    max-height: none;
    width: 100%;
    height: auto;
}

@media(max-width:1023px){
 .photo_wrap {margin:0 0 30px;}
 .photo_wrap.typeB .inner{padding-left: 370px;}
 .photo_wrap.typeB .thumb{position:absolute;top: 20px;left: 20px;width: 320px;margin: 0;}
 .photo_wrap.typeB .inner .info_box > strong em{font-size: 22px;line-height: 1.2;}
 .photo_wrap .inner2 {padding:45px 30px;}
 .photo_wrap .thumb {position:static; width:100%; max-width:578px; height:350px;margin:0 auto 30px;}
 .photo_wrap .thumb .picture span img {position: absolute;top: 50%;left: 50%;width: auto;min-width: auto;max-width: 100%;height: auto;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
}
@media(max-width:900px){
 .photo_wrap.typeB .inner{padding-left: 53px;}
 .photo_wrap.typeB .thumb{position: static;top: auto;left: auto;width: 100%;max-width: none;margin: 0 auto 30px;}
 .photo_wrap.typeB .inner .info_box > strong em{font-size: 30px;}

}
@media(max-width:767px){
 .photo_wrap.typeB .inner{padding:30px;padding-left: 30;}
 .photo_wrap.typeB .inner .info_box > strong em{font-size: 24px;}
 .photo_wrap .thumb {height:300px;}
 .photo_wrap .inner2{padding:40px 25px;}
 .photo_wrap.typeB .inner .info_box .badge{/* position:relative; */top: -110px;right: 10px;/* width: 70px !important; *//* height: 30px !important; *//* border-radius: 5px !important; */}
 .photo_wrap.typeB .inner .info_box > strong{padding-right:0}
}
@media only screen and (max-width: 580px){
 .photo_wrap .thumb {height:250px;}
}

@media only screen and (max-width: 480px){
 .photo_wrap.typeB .inner .info_box .list-1st li{padding-left:18px;}
 .photo_wrap.typeB .inner .info_box .list-1st li em{display:block;position:relative;top:auto;left: 0px;}
 /* .photo_wrap.typeB .inner .info_box .list-1st li em:before{display:none;} */
 .photo_wrap.img-slide .inner .info_box .list-1st li em {}
}


/* info */
.ui-thumb__photo.bottom__photo{height: 380px;}
.ui-thumb__photo.bottom__photo .inner{padding:0;padding-bottom: 0;border: none;}
.ui-thumb__photo.bottom__photo .inner .no-img {border: 1px solid #E3E4E9;}
.ui-thumb__photo.bottom__photo .inner p{font-size:14px;letter-spacing:-0.05em;text-align: center;color: red;}
.ui-thumb__photo.bottom__photo .slider-for .slick-list .slick-track .slick-slide .images_fade{height: 286px;}
.ui-thumb__photo.bottom__photo .slider-nav{padding:0;background:none;width: calc(100% + 20px);height: 80px;left: -10px;right: -5px;bottom: 0;}
.ui-thumb__photo.bottom__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade{margin:0;border: 7.5px solid transparent;height: 80px;}
.photo_wrap.img-slide > .inner{min-height: 476px;}
.photo_wrap.img-slide > .inner .info_box > strong{font-size: 24px;padding-right:0;text-overflow: ellipsis;overflow: hidden;margin-bottom: 29px;color: #222;font-weight: 700;line-height: 28px;border-color: #666;padding-bottom: 18px;}
.photo_wrap.typeB .inner .info_box .list-1st{border-bottom:0;padding-bottom: 0; margin:0}
.photo_wrap.img-slide .inner .info_box .list-1st li{margin-bottom: 5px;/* margin-top: 7px; */font-size: 16px;margin: 0 0 11px 0;}
.photo_wrap.img-slide .inner .info_box .list-1st li:last-child {margin-bottom:0;}
.photo_wrap.img-slide .inner .info_box .list-1st li:before{display:none;}
.photo_wrap.img-slide .inner .info_box .list-1st li em{padding-left:15px;font-size: 16px;}
.photo_wrap.img-slide .inner .info_box .list-1st li em:before,
.photo_wrap.img-slide .inner .info_box .list-1st.sns-list li em:before{background-image: none;width: 3px !important;height: 3px !important;border-radius: 50%;background: #000;top: calc(50% - 2.5px);right: auto;left: 0;}

.photo_wrap.img-slide .inner .info_box .list-1st.sns-list li{margin: 0;}

@media screen and (max-width: 1023px){
 .photo_wrap.img-slide> .inner{padding-left: 0;padding-right: 0;padding: 50px;}
 .photo_wrap.img-slide .thumb{top:56px;left:56px;position: relative;top: 0;left: 0;display: block;margin: 0 auto 30px;max-width: 428px;width: 100%;}

}

@media screen and (max-width:1000px) {

 .program--search.total:after{content:''; display:block; clear:both}
 .program--search.total > div{display: inline-block; width:auto}
 .program--search.total .float-md-left{float:left}
 .program--search.total .float-md-right{float:right}

}

@media screen and (max-width:900px) {

 .photo_wrap.img-slide> .inner{padding-left: 56px; padding-bottom:30px}
 .photo_wrap.img-slide .layer-button{position: relative; left:auto; bottom:auto; float:right; margin-top:10px}

}

@media screen and (max-width:767px) {

 .photo_wrap.img-slide .layer-button .btn-lg.btn-icon{padding: 11px 60px 9px 30px; }
 .photo_wrap.img-slide> .inner {padding: 30px;}
 .photo_wrap.img-slide .thumb {margin-bottom: 1px;}
 .info_box {position:relative;z-index:10;}


 .photo_wrap.img-slide .thumb,
 .ui-thumb__photo.bottom__photo {height: 490px;}
 .ui-thumb__photo.bottom__photo .slider-nav {bottom: 22px;}
 .ui-thumb__photo.bottom__photo .slider-nav,
 .ui-thumb__photo.bottom__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade {height: 160px;}
 .ui-thumb__photo .slider-nav .slick-list .slick-track .slick-slide .images_fade img {width: auto; height: 100%;}
}

@media screen and (max-width:500px) {
 .photo_wrap.img-slide> .inner{padding-left: 30px;}
 .photo_wrap.img-slide .inner .info_box .list-1st li{padding: 20px 0 4px 20px;min-height: 21px;line-height: 21px;}
 .photo_wrap.img-slide .inner .info_box .list-1st li em{top:0; transform: none; margin-top: 0;}

 .photo_wrap.img-slide .inner .info_box .list-1st .sns-list{display:block}
 .photo_wrap.img-slide .inner .info_box .list-1st .sns-list li{padding-left:18px ;}
 .photo_wrap.img-slide .info_box .sns-list li a{position: relative; width:100%;height: 35px;margin-bottom: 4px;display: block;}
 .photo_wrap.img-slide .info_box .sns-list li:first-child a{margin-top: 4px;}
 .photo_wrap.img-slide .info_box .sns-list li a:before{margin-right: 16px;}

 .photo_wrap.img-slide .inner .info_box .list-1st.sns-list li a em{position: absolute; text-indent: 0;width:100%;top: 50%;left:35px;transform: translateY(-50%);}
 .photo_wrap.img-slide .inner .info_box .list-1st.sns-list li a em:before{display:none}
 .photo_wrap.img-slide .layer-button{float:none; display:block; text-align:center}
 .photo_wrap.img-slide .layer-button .btn-lg.btn-icon{display:inline-block; padding: 11px 41px 9px 19px;}

}

@media (max-width:480px) {
 .photo_wrap.img-slide .inner .info_box .list-1st li {padding-left: 10px;padding-top: 0;}
 .photo_wrap.img-slide .inner .info_box .list-1st li em {padding-left: 0;}
 .photo_wrap.typeB .inner .info_box .list-1st li em:before {
    left: -10px;
}
}

@media (max-width:400px) {
 .photo_wrap.photo_view .inner .info_box .badge {position: relative;width: 80px !important;height: 30px !important;top: -10px;left: 0px;}
}



.psgudMng .photo_wrap > .inner {min-height: 506px;}
.psgudMng .photo_wrap .thumb {min-height: 410px;}
.psgudMng .photo_wrap .ui-thumb__photo.bottom__photo {height: 410px;}
.psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .slider-for {height: auto;}
.psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .notice-text {display: block; width: 100%; text-align: center; color: #333; font-size: 16px; line-height: 120%;}
.psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .no-img .notice-text {display: none;}

.psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .slider-nav {left: 0; right: auto; margin: 0 -10px;}
.psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .slider-nav .slick-track {margin: 0;}

@media (max-width: 767px) {
    .psgudMng .photo_wrap .ui-thumb__photo.bottom__photo {height: 490px;}
    .psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .slider-nav {bottom: 0;}
    .psgudMng .photo_wrap .info_box {margin-top: 20px;}
}

@media (max-width: 360px) {
    .psgudMng .photo_wrap .ui-thumb__photo.bottom__photo .notice-text {font-size: 14px;}
}