@charset "utf-8";

/* categoryTab */
.catTabList{width:calc(100% -30px);margin:0 15px 40px;box-sizing:border-box;}
.tab-group{width:100%;overflow:hidden;border-top:solid 1px #ccc;border-left:solid 1px #ccc;margin-bottom:20px;}
.tab{display:block;width:100%;background:#333;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;box-sizing:border-box;}
.tab a,
.tab span{display:block;padding:5px;font-size:0.9375em;cursor:pointer;transition:0.3s all;}
.tab a:hover,
.tab span:hover{opacity:0.9;}

.panel{display:none;}
.panel.show{display:block;}
.panel ul{display:block;width:100%;padding-bottom:20px;overflow:hidden;border-bottom:solid 1px #ccc;}
.panel li{display:inline-block;margin:0 20px 15px 0;}
.panel li a{display:inline-block;padding:5px 20px;border-radius:9999em;font-size:0.875em;opacity:0.9;}
.panel li a::before{content:">";color:inherit;font-weight:bold;font-family:monospace;padding-right:0.5em;}
.panel li a:hover{opacity:0.7;}
.panel li a:not(.select){background:#ddd;color:inherit;}

@media all and (min-width:400px){
.tab{float:left;width:50%;}
}

@media all and (min-width:600px){
.tab{width:calc(100% / 3);font-size:1.0em;}
.panel li a{font-size:0.9375em;transition:0.3s all;}
}

@media all and (min-width:800px){
.tab{width:25%;}
}

@media all and (min-width:1000px){
.tab{width:20%;}
}

@media all and (min-width:1310px){
.catTabList{max-width:1280px;margin:0 auto 40px;}
}



@media all and (max-width:599px){
select{font-size:16px!important;}
}

/* cateogryBox */
.catTopList{position:relative;width:290px;margin:0 auto 20px;}
.catTopList:before{content:"\f107";display:block;position:absolute;z-index:-1;right:10px;top:10px;width:20px;height:20px;font-size:16px;text-align:center;line-height:20px;font-family:FontAwesome;}
.catTopList select{display:block;width:100%;padding:10px;background:transparent;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;}


.catBottomList{margin-bottom:40px;}
.catBottomList > ul{padding:15px;}
.catBottomList ul.sub{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-bottom:20px;}
.catBottomList ul.sub li{width:100%;}
.catBottomList ul.sub li a{font-size:0.9375em;}

@media all and (min-width:500px){
.catBottomList ul.sub li{width:48%;margin-right:2%;}
}

@media all and (min-width:700px){
.catBottomList ul.sub li{width:32%;margin-right:1.3%;}
}

@media all and (min-width:1000px){
.catBottomList ul.sub li{width:24%;margin-right:1%;}
}

@media all and (min-width:1300px){
.catBottomList > ul{max-width:1280px;padding:15px 0;margin:0 auto;}
.catBottomList ul.sub li{width:19%;margin-right:1%;}
}


.tagList{position:relative;width:100%;max-width:1310px;padding:0 15px;margin:0 auto 20px;box-sizing:border-box;}
.tagList .catTit{margin-bottom:5px;}
.tagList ul{display:flex;flex-wrap:wrap;margin-bottom:15px;}
.tagList li{margin:5px;line-height:20px;font-size:0.9375em;overflow:hidden;border-radius:20px;}
.tagList li div{padding:5px 10px;}
.tagList li a{padding:5px 10px;transition:all 0.5s ease-out;}
.tagList li a:hover{background:#ddd;}


/* currentCat */
.cCat{position:relative;padding-left:15px;margin:0 15px 20px;border-bottom:solid 1px #cccdcd;font-size:0.875em;color:#402e1d;line-height:30px;}
.cCat:before{content:"";display:block;position:absolute;top:10px;left:0;width:10px;height:10px;}
@media all and (min-width:1300px){.cCat{max-width:1280px;margin:0 auto 20px;box-sizing:border-box;}}


/* index : photo / visit / seko / kanko */
#articleList{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin:0 15px 40px;}
#articleList li a{display:block;}
#articleList .thumb{position:relative;width:100%;height:0;padding:0 0 75%;}
#articleList .thumb img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;}
#articleList h3{font-size:1.125em;}

@media all and (max-width:499px){
#articleList li{width:100%;padding:15px 0;border-bottom:dotted 1px #cccdcd;}
#articleList li a:after{content:"";display:block;clear:both;}
#articleList .thumb{float:right;width:40%;padding-bottom:30%;margin:0;}
#articleList .info{float:left;width:55%;}
}

@media all and (min-width:500px){
#articleList li{margin-bottom:20px;}
#articleList .thumb{margin-bottom:10px;}
}

@media all and (min-width:500px) and (max-width:699px){
#articleList li{width:49%;}
#articleList li:nth-child(odd){margin-right:2%;}
}

@media all and (min-width: 700px) and (max-width:899px){
#articleList li{width:32%;}
#articleList li:nth-child(3n+2){margin:0 2% 20px;}
}

@media all and (min-width:900px){
#articleList li{width:23.5%;margin-right:2%;}
#articleList li:nth-child(4n+4){margin-right:0;}
}
@media all and (min-width:1300px){
#articleList{max-width:1280px;margin:0 auto 40px;}
}


#container{max-width:100%;margin:0 auto 40px;position:relative;overflow:hidden;}
#container .grid{float:left;width:330px;padding:5px;background:#fff;transition:top 1s ease, left 1s ease;box-sizing:border-box;}
#container .grid .imgholder img{display:block;width:100%;height:auto;}
#container .grid .title{padding:10px;background:rgba(255,255,255,0.8);}

@media all and (max-width:677px){
#container{display:flex;flex-wrap:wrap;width:100%!important;height:auto!important;}
#container .grid{width:50%;padding:5px;margin:0 0 10px;position:relative!important;left:initial!important;top:initial!important;}
#container .grid.photo .imgholder{display:none;}
}

@media all and (max-width:479px){
#container .grid{float:none;width:100%;padding:0;margin:0 auto 20px;}
}
@media screen and (min-width:678px){
#container .grid.photo{cursor:pointer;}
#container .grid.photo .imgholder:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:.3s;background:url(../img/share/zoom.png) no-repeat center center;opacity:0;}
#container .grid.photo:hover .imgholder:after{opacity:0.8;}
}

@media screen and (min-width:1000px){
#container .grid{position:relative;}
#container .grid .title{position:absolute;top:10px;right:10px;left:10px;opacity:0;transition:0.3s ease-out;padding:10px 15px;}
#container .grid .imgholder{margin-bottom:0;}
#container .grid:hover .title{opacity:1;}
}

@media screen and (min-width:678px){#container{width:660px;}}
@media screen and (min-width:1008px){#container{width:990px;}}
@media screen and (min-width:1338px){#container{width:1320px;}}
@media screen and (min-width:1668px){#container{width:1650px;}}
@media screen and (min-width:1998px){#container{width:1980px;}}
@media screen and (min-width:2328px){#container{width:2310px;}}
@media screen and (min-width:2658px){#container{width:2640px;}}
@media screen and (min-width:2988px){#container{width:2970px;}}

/* Overlay */
.simple_overlay{display:none;top:5%!important;left:5%!important;z-index:10000;background-color:#fff;width:90%;height:90%;}
.simple_overlay > .img{position:relative;width:70%;height:100%;float:left;background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.simple_overlay > .img img{display:none;}
.simple_overlay > .img .caption{position:absolute;top:0;left:0;display:inline-block;max-width:100%;}
.simple_overlay > .img a{width:50%;height:100%;float:left;cursor:pointer;}
.simple_overlay > .img a.next{float:right;}
.simple_overlay > .img a.next:hover{background:url(../img/lightbox/next.png) no-repeat right center;}
.simple_overlay > .img a.prev:hover{background:url(../img/lightbox/prev.png) no-repeat left center;}
.simple_overlay .close{background-image:url(../img/lightbox/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:27px;width:27px;}
.details{font-size:0.9375em;padding:25px;overflow:hidden;}
.details a{cursor:pointer;}
.details a:hover{text-decoration:underline;}
.details a.button{border:1px solid #ccc;color:#888;display:inline-block;font-size:0.875em;margin:0 0 10px 20px;padding:2px 4px 2px 24px;text-decoration:none;background:#f9f9f9 url(../img/share/photo.png) no-repeat 4px center;background-size:18px 18px;}
.details a.button:hover{color:#888;background-color:#fcfcfc;}
.details .overlayPager{position:absolute;right:15px;bottom:15px;text-align:right;}
.details .overlayPager a:first-child{float:left;display:block;margin-top:3px;}
.details .overlayPager span{color:#aaa;display:block;font-size:0.875em;}
.details .overlayPager span.separetor{display:inline;}
#exposeMask{top:5%!important;left:5%!important;width:90%!important;height:90%!important;position:fixed!important;background:#000;background:-moz-linear-gradient(left,  #000 70%, #fff 70%);background:-webkit-gradient(linear, left top, right top, color-stop(70%,#000), color-stop(70%,#fff));background:-webkit-linear-gradient(left,  #000 70%,#fff 70%);background:-o-linear-gradient(left,  #000 70%,#fff 70%);background:-ms-linear-gradient(left,  #000 70%,#fff 70%);background:linear-gradient(to right,  #000 70%,#fff 70%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#fff',GradientType=1 );box-shadow:0 0 0 9999px rgba(0,0,0,0.7);}


@media screen and (max-width:677px){
.simple_overlay{display:block!important;position:relative!important;top:0!important;left:0!important;z-index:1;background-color:none;width:auto;height:auto;box-shadow:none;}
.simple_overlay > .img{width:auto;height:auto;float:inherit;background:none!important;text-align:center;}
.simple_overlay > .img span.ibk{display:block;}
.simple_overlay > .img img{display:block;width:100%;}
.simple_overlay > .img .caption {position:static;}
.simple_overlay > .img a,.simple_overlay .close,.simple_overlay .overlayPager .button,.simple_overlay .overlayPager .showOverlay,.simple_overlay .overlayPager span.separetor,.simple_overlay .overlayPager span{display:none;}
.details{padding:10px;}
.details .overlayPager{top:15px;bottom:initial;width:46px;}
}


/* #articleTitle :navi, diary, photo */
#articleTitle{margin:0 15px 20px;}
#articleTitle h1{padding-bottom:5px;margin-bottom:5px;font-size:1.4375em;}
#articleTitle h2{margin:0;padding:10px 15px;background:#F0F1F1;font-size:0.9375em;}
#articleTitle.diary{position:relative;}
#articleTitle.diary .thumb + h1,
#articleTitle.diary .thumb + h1 + .info{padding-right:110px;}
#articleTitle.diary a.thumb{display:block;position:absolute;top:0;right:0;width:100px;background:#fff;font-size:0.875em;text-align:center;}
#articleTitle.diary a.thumb img{display:block;padding:2px;width:80px;margin:0 auto 5px;border:solid 1px #D3E1F3;}
#articleTitle.diary .info span,
#articleTitle.diary .info a{display:block;}

@media screen and (min-width:1000px){
.normal #articleTitle{margin:0 0 20px;}
#articleTitle.diary{padding-top:20px;margin-bottom:60px;}
#articleTitle h1{font-size:1.6875em;}
#staffTitle h1 .mtit{font-size:1.4375em;}
#articleTitle.diary .info span,#articleTitle.diary .info a{display:inline-block;margin-right:10px;}
}

@media screen and (min-width:1300px){
#articleTitle{max-width:1280px;margin:0 auto 20px;}
}

/* BackButton */
.btnBack{width:100%;display:block;margin:20px auto 30px;padding-bottom:0;}
.btnBack a{display:block;width:40%;max-width:240px;height:auto;padding:3px;margin:0 auto;background:#fff;border:solid 1px #b0b0b0;}
.btnBack a span{display:block;background:#f0f1f1;line-height:32px;text-align:center;font-size:1.0em;}

/* articleList */
#article_list{max-width:1000px;padding:15px;margin:0 auto 40px;box-sizing:border-box;}
#article_list h2{padding-bottom:10px;}
#article_list li{border-bottom:solid 1px #eae7e4;}
#article_list li a{display:block;padding:10px 15px;font-size:0.9375em;}
#article_list li a .date{padding-right:15px;}
#article_list li a:hover{opacity:0.7;}

/* main:kanko, visit */
.mainImage{display:block;width:100%;max-width:1280px;height:auto;margin:0 auto 40px;}

/* main:navi */
#mainBox{width:100%;}
#mainBox img{display:block;width:100%;height:auto;}
.noArticle{padding:15% 0;text-align:center;}


/* seko/kanko:report */
#repo{width:100%;max-width:1000px;margin:50px auto 40px;padding:0 15px;box-sizing:border-box;}
#repo dl{width:100%;margin:0 0 30px;}

#repo dl dt{display:block;padding:5px 0;font-size:1.125em;min-height:30px;}
#repo dl dd{position:relative;font-size:0.9375em;}
#repo dl dd img{display:block;width:100%;height:auto;margin-bottom:10px;}
#repo dl dd .pbtn{position:absolute;top:10px;right:10px;}

@media screen and (min-width:600px){
#repo dl{float:left;width:48%;}
#repo dl:first-child{margin-right:4%;}
}


/* diary */
@media screen and (min-width:1000px){
#spCat{display:none;}
#calendar{display:block;padding:10px;margin-bottom:40px;}
#calendar h2{margin-bottom:5px;}
#calendar table{width:100%;border-collapse:collapse;}
#calendar th,
#calendar td{width:calc(100%/7);width:-webkit-calc(100%/7);font-size:0.875em;text-align:center;line-height:18px;}
#calendar td a{display:block;text-decoration:underline;}
#calendar td a:hover{background:rgba(0,0,0,0.2);text-decoration:none;}
#calendar .np{padding-top:5px;margin-top:5px;}
#calendar .np a{float:left;display:block;width:50%;font-size:0.9375em;line-height:20px;}
#calendar .np a.next{text-align:right;}
#calendar .np a:hover{opacity:0.7;}
#archiveBox.selectBox{display:block;}
#archiveBox h2{display:block;margin-bottom:10px;}
#archiveBox select{width:100%;padding:5px;box-sizing:border-box;border-color:#cccccc;}
}

@media print, screen and (max-width:999px){
#spCat{display:block;}
#dCatList,
#calendar,
#archiveBox h2{display:none;}
#archiveBox form,#spCat form{position:relative;display:block;}
#archiveBox form:before,#spCat form:before{content:"\f107";display:block;position:absolute;right:10px;top:10px;width:20px;height:20px;font-size:16px;text-align:center;line-height:20px;font-family:FontAwesome;}
#archiveBox form select,#spCat form select{display:block;width:100%;padding:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#b0b0b0;}
#archiveBox{border-bottom:none;}
#spCat form select{border-top:none;}
#archiveBox + #spCat form:first-child select{border-top-width:1px;}
}

/* article list */
.articlePager{margin:40px 15px;}
.articlePager ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;}
.articlePager ul li{border:solid 1px #b0b0b0;box-sizing:border-box;}
.articlePager ul li.prev,
.articlePager ul li.next{width:40%;}
.articlePager ul li.list{display:block;width:20%;border-width:1px 0 1px 0;}
.articlePager ul li a{display:block;border:solid 2px #fff;background:#f0f1f1;font-size:0.875em;text-align:center;line-height:34px;}
.articlePager ul li a.none{color:#000;opacity:0.5;}

@media screen and (min-width:600px){

.articlePager ul li.prev,
.articlePager ul li.next{width:49%;}
.articlePager ul li.list{display:none;}
}

@media screen and (min-width:1000px){
.articlePager.sp{display:none;}
.articlePager{margin:40px auto 40px;}
}

/* pager */
.pager{margin:20px 0;text-align:center;}
.pager .currentPage{padding:10px 0;font-size:0.9375em;}
.pager ul{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;width:100%;max-width:600px;height:40px;margin:0 auto;}
.pager ul li{border-style:solid;border-width:1px 1px 1px 0;border-color:#b0b0b0;box-sizing:border-box;}
.pager ul li:first-child{border-left-width:1px;}
.pager ul li{width:10%;}
.pager ul li a{position:relative;display:block;width:100%;height:100%;text-decoration:none;border:solid 2px #fff;font-size:0.875em;line-height:34px;box-sizing:border-box;}
.pager ul li.prev a:before,.pager ul li.next a:before,.pager ul li.first a:before,.pager ul li.last a:before,.pager ul li.first a:after,.pager ul li.last a:after{content:"";display:block;position:absolute;top:11px;left:50%;z-index:2;}
.pager ul li.first a:before,.pager ul li.last a:before{width:3px;height:12px;}
.pager ul li.first a:before{margin-left:-6px;}
.pager ul li.last a:before {margin-left:3px;}
.pager ul li.prev a:before,.pager ul li.first a:after{width:0;height:0;margin-left:0px;border-style:solid;border-width:6px 6px 6px 0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
.pager ul li.next a:before,.pager ul li.last a:after{width:0;height:0;margin-left:-6px;border-style:solid;border-width:6px 0 6px 6px;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}



/* slider */
.swiper-container,.swiper-container-staff{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;background-repeat:no-repeat;background-position:center center;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}
.swiper-container .swiper-notification,.swiper-container-staff .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}

/* contentSlide */
.scTitle{margin:40px 15px 25px;}
.scTitle h3{font-size:1.0625em;}
#scatList{position:relative;max-width:410px;padding:0 45px;margin:0 auto 40px;overflow:hidden;box-sizing:border-box;}
#scatList.noSlider{padding:0;max-width:initial;}
#scatList li{width:100%;max-width:320px;margin:0;}
#scatList.noSlider li{max-width:240px;}
#scatList li a{display:block;width:100%;}
#scatList li .thumb{position:relative;width:100%;height:0;padding-bottom:75%;margin-bottom:5px;}
#scatList.photo li .thumb{padding-bottom:100%;overflow:hidden;background:#eee;}
#scatList.staff li .thumb{padding-bottom:100%;}
#scatList li .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;}
#scatList.photo li .thumb img{left:50%;right:initial;width:auto;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
#scatList li .icon{margin-bottom:5px;}
#scatList li .icon img{width:140px;height:auto;}
#scatList li h5{font-size:0.9375em;}
#scatList .swiper-button-next,
#scatList .swiper-button-prev{top:40%;width:22px;height:22px;margin-top:-11px;background:url(../img/share/np.png);}
#scatList .swiper-button-next{right:10px;}
#scatList .swiper-button-prev{transform:scale(-1, 1);left:10px;}
#scatList .lead{margin:10px 0 0;border:none;}


@media screen and (min-width:500px){
#scatList{max-width:770px;}
}
@media screen and (min-width:800px){
#scatList{max-width:1090px;}
}


@media screen and (min-width:1000px){
#scatList{max-width:1370px;}
}

@media screen and (min-width:1300px){
.scTitle{max-width:1280px;margin:40px auto 25px;}
}

@media screen and (min-width:1390px){

}

/* SNS */
.sns{margin:20px 15px 40px;}
.sns ul{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;}
.sns li{width:32px;height:32px;margin:0 4px;}
.sns a,.sns img{display:block;width:100%;height:auto;}

@media all and (min-width:1000px){
.sns li.line{display:none;}
}