@charset "utf-8";

/*--------------------------------------------------*/
/*		http://
/*		/css/library.css
/*--------------------------------------------------*/
/*		$index
/*--------------------------------------------------*/
/*			$index.......目次
/*			$layout......全体・部分的なレイアウト
/*			$visual......visual部分
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
.intro{padding-bottom: 2em; font-size: 1.6rem; line-height: 1.6; text-align: center;}
.library-tit{padding-bottom: 1em; font-size: 2.4rem; font-weight: bold; line-height: 1; text-align: center;}
.cat-navi{padding-bottom: 10px;}
.cat-navi ul{-webkit-justify-content: space-between; justify-content: space-between;}
.cat-navi li{width: 150px; margin-bottom: 10px;}
.cat-navi a{display: block; padding: .8em 0; background-color: #cbe0ff; color: #222; font-size: 1.6rem; line-height: 1; text-align: center; transition: background 0.4s ease,color 0.4s ease;}
.cat-navi .current a,.cat-navi a:hover{background-color: #0a2f5e; color: #fff;}
#box-map{position: relative; overflow: hidden; width: 100%; height: 0; margin-bottom: 60px; padding-top: 47.619%; background-color: #ccc;}
#box-map #gmap{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#box-map #gmap .gmapinfo{overflow: hidden; max-width:150px;}
#box-map #gmap .gmapinfo p{margin:0; padding:1rem 0 .5rem; font-size:1.4rem; text-align:left;}
#box-map #gmap .gmapinfo p + p{padding-top:0; padding-bottom:0;}
#box-map #gmap .gmapinfo img{width: 100%;}
.library-list{-webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 45px;}
.library-list>li{position: relative; width: 49%; margin-bottom: 20px; border: 1px #222 solid;}
.library-list>li:after{content: ""; position: absolute; right: 1px; bottom: 1px; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #0a2e5e transparent;}
.library-list>li a{-webkit-justify-content: space-between; justify-content: space-between; position: relative; height: 100%; padding: 20px; transition: background .4s ease,color .4s ease;}
.library-list>li a:hover{background-color: #0a2f5e; color: #fff;}
.library-list>li figure{width: 20%; font-size: 0; line-height: 0;}
.library-list>li .detail{width: 75%;}
.library-list>li .detail h4{padding-bottom: .5em; font-size: 1.6rem; line-height: 1;}
.library-list>li .detail h4 span{display: inline-block; margin-bottom: .5em; padding: .2em 1em; border-radius: 2px; background-color: #014099; color: #fff; font-size: 1.4rem; font-weight: normal; line-height: 1;}
.library-list>li .detail dl{font-size: 1.4rem;}
.library-list>li .detail dt{margin-right: 1em;}
@media screen and (max-width: 767px) {
.intro{padding-bottom: 2em; font-size: 1.2rem; text-align: left;}
.library-tit{font-size: 1.5rem;}
.cat-navi{padding-bottom: 1.5625%;}
.cat-navi ul{-webkit-justify-content: flex-start; justify-content: flex-start;}
.cat-navi li{width: 30%; margin: 0 5% 10px 0;}
.cat-navi li:nth-child(3n){margin-right: 0;}
.cat-navi a{font-size: 1.4rem;}
#box-map{margin-bottom: 7.8125%; padding-top: 79.6875%;}
.library-list{display: block; padding-bottom: 3.90625%;}
.library-list>li{width: 100%; margin-bottom: 2.34375%;}
.library-list>li:after{border-width: 0 0 10px 10px;}
.library-list>li a{padding: 3.125%;}
.library-list>li figure{width: 20%; font-size: 0; line-height: 0;}
.library-list>li .detail{width: 75%;}
.library-list>li .detail h4{font-size: 1.2rem;}
.library-list>li .detail h4 span{font-size: 1rem;}
.library-list>li .detail dl{font-size: 1.1rem;}
}



/*--------------------------------------------------*/
/*			$visual
/*--------------------------------------------------*/
#lower-visual{margin-bottom: 30px; background: url(/images/library/visual_pc.jpg) no-repeat center top; background-size: cover;}
#lower-visual h2{margin-left: -6em;}
@media screen and (max-width: 767px) {
#lower-visual{margin-bottom: 7.8125%; background: url(/images/library/visual_sp.jpg) no-repeat center top; background-size: cover;}
}



/*--------------------------------------------------*/
/*			$detail
/*--------------------------------------------------*/
#box-detail{padding-bottom: 60px;}
#box-detail .liquid-inner{-webkit-justify-content: space-between; justify-content: space-between;}
#box-detail .slider{width: 55%; padding: 3.389% 3.813% 0; background-color: #014099;}
#box-detail .slider .gallery-top-wrap{position: relative; padding: 0 4.444%;}
#box-detail .slider .gallery-top .swiper-slide figure{position: relative; overflow: hidden; width: 100%; height: 0; padding-top: 65.306%; background-color: #fff; font-size: 0; line-height: 0;}
#box-detail .slider .gallery-top .swiper-slide figure img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto; text-align: center;}
#box-detail .slider .gallery-top .swiper-slide p{width: 100%; padding: .5em 0 1em; color: #fff; font-size: 1.4rem; text-align: center;}
#box-detail .slider .gallery-top-wrap .swiper-button-next,#box-detail .slider .gallery-top-wrap .swiper-container-rtl .swiper-button-prev{right: -5%; top: 45%;}
#box-detail .slider .gallery-top-wrap .swiper-button-prev,#box-detail .slider .gallery-top-wrap .swiper-container-rtl .swiper-button-next{left: -5%; top: 45%;}
#box-detail .slider .gallery-thumbs .swiper-slide{width: 18.518%; background-color: #000; font-size: 0; line-height: 0;}
#box-detail .slider .gallery-thumbs .swiper-slide-active{border: 2px #fff solid;}
#box-detail .slider .gallery-thumbs .swiper-slide:hover{cursor: pointer;}
#box-detail .slider .gallery-thumbs .swiper-slide figure{position: relative; overflow: hidden; width: 100%; height: 0; padding-top: 70%;}
#box-detail .slider .gallery-thumbs .swiper-slide figure img{opacity: .5; position: absolute; left: 50%; top: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; transform: translate3d(-50%,-50%,0);}
#box-detail .slider .gallery-thumbs .swiper-slide-active figure img{opacity: 1;}
#box-detail .detail{width: 43%; font-size: 1.4rem;}
#box-detail .detail .table-wrap{padding: 7.843% 3.921%; background-color: #014099;}
#box-detail .detail table{width: 100%; border-collapse: collapse; color: #fff; font-size: 1.4rem;}
#box-detail .detail table caption{position: absolute; top: 100%;}
#box-detail .detail table tr{border-bottom: 1px #fff solid;}
#box-detail .detail table th,#box-detail table td{padding: 1em 0; vertical-align: top;}
#box-detail .detail table th{width: 25%; padding: 1em;}
#box-detail .detail table tr:first-child th,#box-detail table tr:first-child td{padding-top: 0;}
#box-detail .detail table td p a{display: inline-block; padding: 0 1.5em; border-radius: 6px; background-color: #fff; color: #333; font-size: 1.3rem; transition: opacity .4s ease;}
#box-detail .detail table td p a:hover{opacity: .7;}
#box-detail .detail aside{font-size: 1.4rem;}
#box-article{padding-bottom: 20px;}
#box-article article p{padding-bottom: 1.5em; font-size: 1.6rem;}
#box-article article ul,#box-article article ol{padding: 0 0 1.5em 1.5em; font-size: 1.6rem;}
#box-article article ul{list-style: disc;}
#box-article article ol{list-style: decimal;}
#box-article article a{color: #0a2f5e; text-decoration: underline;}
#box-article article a:hover{text-decoration: none;}
#box-inquiry{padding-bottom: 60px;}
#box-inquiry .btn-inquiry{-webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 60px;}
#box-inquiry .btn-inquiry li{width: 300px;}
#box-inquiry .btn-inquiry li a{display: block; padding: 1em; border: 1px #0a2f5e solid; background-color: #0a2f5e; color: #fff; font-size: 1.6rem; text-align: center; transition: background .4s ease,color .4s ease;}
#box-inquiry .btn-inquiry li a:hover{background-color: #fff; color: #0a2f5e;}
#box-inquiry .btn-inquiry li a p{position: relative; font-size: 2.4rem; font-weight: bold; line-height: 1; text-align: center;}
#box-inquiry .btn-inquiry li a p i{position: absolute; right: 0; top: 50%; margin-top: -.5em; font-size: 1rem;}
#box-inquiry dl{padding: 40px; border: 3px #222 solid;}
#box-inquiry dt{padding-bottom: .5em; font-size: 2.4rem; font-weight: bold; line-height: 1; text-align: center;}
#box-inquiry dd p{font-size: 1.6rem; text-align: center;}
#box-inquiry dd p.tel{font-size: 4rem; font-weight: bold;}
#box-related .none{padding-bottom: 1em; font-size: 1.6rem; line-height: 1; text-align: center;}
p.btn-back{width: 220px; margin: 0 auto;}
p.btn-back a{display: block; position: relative; padding: 1em; border: 1px #0a2f5e solid; background-color: #0a2f5e; color: #fff; font-size: 1.6rem; line-height: 1.6; text-align: center; transition: background .4s ease,color .4s ease;}
p.btn-back a:hover{background-color: #fff; color: #0a2f5e;}
p.btn-back a i{font-size: 1rem;}
@media screen and (max-width: 767px) {
#box-detail{padding-bottom: 7.8125%;}
#box-detail .slider{width: 100%; margin-bottom: 3.125%; padding: 6.25% 3.125%;}
#box-detail .slider .gallery-top-wrap{padding: 0 5.357%;}
#box-detail .slider .gallery-top .swiper-slide figure{padding-top: 64%;}
#box-detail .slider .gallery-top .swiper-slide p{color: #fff; font-size: 1rem;}
#box-detail .slider .gallery-top-wrap .swiper-button-next,#box-detail .slider .gallery-top-wrap .swiper-container-rtl .swiper-button-prev{right: 0; top: 40%; width: 17px; height: 30px; margin-top: -15px; background-size: cover;}
#box-detail .slider .gallery-top-wrap .swiper-button-prev,#box-detail .slider .gallery-top-wrap .swiper-container-rtl .swiper-button-next{left: 0; top: 40%; width: 17px; height: 30px; margin-top: -15px; background-size: cover;}
#box-detail .detail{width: 100%; font-size: 1.2rem;}
#box-detail .detail .table-wrap{padding: 6.25% 1.5625%;}
#box-detail .detail table{font-size: 1.2rem;}
#box-detail .detail table td p a{padding: 0 .5em; border-radius: 3px; font-size: 1.1rem; transition: none;}
#box-detail .detail aside{font-size: 1.2rem;}
#box-article{padding-bottom: .5rem;}
#box-article article p{font-size: 1.2rem;}
#box-article article p img{height: auto;}
#box-article article ul,#box-article article ol{font-size: 1.2rem;}
#box-inquiry{padding-bottom: 7.8125%;}
#box-inquiry .btn-inquiry{display: block; padding-bottom: 4.6875%;}
#box-inquiry .btn-inquiry li{width: 100%; padding-bottom: 3.125%;}
#box-inquiry .btn-inquiry li a{font-size: 1rem;}
#box-inquiry .btn-inquiry li a p{font-size: 1.5rem;}
#box-inquiry .btn-inquiry li a p i{font-size: .8rem;}
#box-inquiry dl{padding: 6.25%; border: 2px #222 solid;}
#box-inquiry dt{font-size: 1.5rem;}
#box-inquiry dd p{font-size: 1.2rem;}
#box-inquiry dd p.tel{font-size: 2.5rem;}
#box-related .none{font-size: 1.2rem;}
p.btn-back{width: 68%;}
p.btn-back a{font-size: 1.2rem;}
p.btn-back a i{font-size: .6rem;}
}