/*PC繝倥ャ繝€繝ｼ -----------------*/

@media screen and (min-width:767px) {
.modaal-container{background: unset!important;
    box-shadow: unset!important;}
.modaal-gallery-item img {
    max-height: 90vh;
    object-fit: contain;
}
}

#newsList{padding-top: 7vw;}
#goodsList{padding-top: 7vw;}

.News-cont-wrap2{width: 98%; max-width: 1800px; display: flex; flex-wrap:wrap; justify-content:flex-start; z-index: 2; margin:5vw auto 0 auto;}

.News-cont2{border-radius:8px; outline: 2px solid #91eeec; position: relative;width: 23%; margin: 0 1% 2.4% 1%;background: #fff;}
.News-cont2:before{content: "";
    background: url("../img/common/newsBox_item01.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    width: 14%;
    height: 28%;
    top: -9%;
    left: -4%;}

.News-cont2:after{content: "";
    background: url("../img/common/newsBox_item02.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    width: 16%;
    height: 18%;
    bottom: -6%;
    right: -2%;}



.News-cont-img2{position: relative;border-bottom: 1px solid #91eeec;overflow: hidden;line-height: 0;border-radius:7px 7px 0px 0px;}

.News-cont-img2::after {
  background:rgba(22,130,234,0.50);
  position: absolute;
    top:0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: skewY(0deg) scale(1, 1);
  height: 300px;
  transform-origin: left top;
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}

.News-cont-img2:hover::after {
    transition: 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}

.News-cont-img2 img{width: 100%; object-fit: cover;height: 12vw;transition: 0.3s;}
.News-cont2 a:hover .News-cont-img2 img{filter: blur(1px);opacity: 0.7; transition: 0.5s;}

.News-cont-txt2{padding: 3% 6%; color: #1682ea; font-size:clamp(14px, 2vw, 18px); font-weight: 600;}
.News-cont-date2{position: relative;font-size:clamp(9px, 1.2vw, 14px); color: #fff;background: #499dea;display: inline-block; padding: 0.3rem 0.8rem; border-radius: 0 20px 20px 0; margin-top: -5px;}

.news-info-area {
    background: rgba(255,255,255, 0.70);
    width: 90%;
    max-width: 1100px;
    margin: 0 auto 50px auto;
    padding: 2%;
    outline: 2px solid #499dea;
    border-radius: 12px;
}

.newsMainTtile {
    font-size: 30px;
    line-height: 125%;
    color: #499dea;
    border-bottom: 3px solid #499dea;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-bottom: 25px;
}

.newsMainImg{max-width: 800px; margin: 0 auto 25px auto;}

.templateDetail-news p {
    font-size: 17px;
    line-height: 175%;
    margin-bottom: 20px;
}

.templateDetail-news p a {
    text-decoration: underline;
    color: #499dea;
}

.templateDetail-news p img {
    width: 100%;
    max-height: 720px;
    object-fit: contain;
    user-drag:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
    pointer-events: none;
}

.templateDetail-news h2 {
    color: #499dea;
    border: 1px solid #499dea;
    padding: 9px 10px 10px 15px;
    border-left: 7px solid #499dea;
    margin: 20px 0px 7px;
    font-size: 140%;
    overflow: hidden;
    border-radius: 40px;
}

.pager {max-width: 1000px; margin: 0 auto 60px auto;}
	.pager ul {font-size: 15px;font-weight: 600; max-width: 1000px;text-align: center; list-style: none;position: relative; display: flex; justify-content: center;}
	.pager ul li { display: flex; margin: 10px 5px;}
	.pager ul li a {color: #1682ea;text-decoration: none;border: #1682ea solid 1px;padding: 0.5em 0.7em;}
	.pager ul li a:hover {color: #fff;background: #1682ea;transition: background-color .2s ease-in-out;-o-transition: background-color .2s ease-in-out;-moz-transition: background-color .2s ease-in-out;-webkit-transition: background-color .2s ease-in-out;-ms-transition: background-color .2s ease-in-out;text-decoration: none;border: #1682ea solid 1px;}
	.current {background: #1682ea;border: #1682ea solid 1px;color: #fff;padding: 0.5em 0.7em;}

.pager-top{margin-top: 35px;}


.event_data{color: #fff;
    background: #499dea;
    padding: 1.8% 0;
    width: 88%;
    margin: 0 auto;
    text-align: center;
    font-size:0.8vw;
    border-radius: 30px;}

.event_data2{color: #2a2a2a;
    font-size:0.9vw;
    text-align: center;
padding: 0.7vw 0 0.9vw 0;}

.event_data3Wrap{margin-bottom: 25px;}
.event_data3{display: flex; align-items: center;}
.event_data3 span{background: #499dea;color: #fff; padding: 0.8% 2%; margin-right: 1.6%;}

.visualgalleryWrap {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.visualgalleryWrap article {
    width: 47%;
    margin-bottom: 4%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.visualgalleryWrap .thum_box {
    width: 100%;
    aspect-ratio: 13 / 7;
    overflow: hidden;
}

.visualgalleryWrap .thum_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
    box-sizing: border-box;
    border: 1px solid #65dde4;
}

.visualgalleryWrap .thum_box .center img {
    object-position: center!important;
}

/*SP繝倥ャ繝€繝ｼ-----------------*/
@media screen and (max-width:767px) {
    
    .visualgalleryWrap article {
    width: 100%;
    margin-bottom: 4%;
    margin-right: 0;
    margin-left: 0;
}
    
    .modaal-gallery-control {
        top: 110% !important;
    }
    
    .event_data3{font-size: 3.1vw;}
    .event_data3 span {
    font-size: 3.2vw;
    padding: 1.2vw 2%;
}
    
    .newsMainTtile {
    font-size: 20px;
}
    .templateDetail-news p {
    font-size: 15px;
}
    
    .event_data{
    font-size:2vw;}

.event_data2{
    font-size:2vw;
padding: 1.6vw 0;}
    
    #newsList{padding-top: 18vw;}
    #goodsList{padding-top: 18vw;}
    
    .News-cont-wrap2{width: 96%;margin:11vw auto 0 auto;}
    
    .News-cont2{position: relative;width: 46%; margin:0% 2% 4% 2%;}
    .News-cont2:first-child {margin-left: 2%;}
    .News-cont-img2 img { height:24vw;}
    
    .News-cont-txt2 {
    padding: 4% 8%;
    font-size: clamp(13px, 2vw, 17px);
}
    
    .News-cont2:after {
    bottom: -8%;}
    
    
    .pager ul {font-size: 13px;}
    
}