@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&family=Cormorant+Garamond&display=swap" rel="stylesheet');
html{font-size:90%;scroll-behavior:smooth; line-height: 170%;}
body{font-family:"Noto Serif JP", serif;color:#000;letter-spacing:1px;margin:0;padding:0;background:#fff;}
p,ul,ol,li,dl,dt,dd,table,th,td,form,center{margin:0;padding:0;border:none;list-style-type:none;font-style:normal;font-weight:normal;text-align:left;word-break:break-all;}
h1,h2,h3{margin:0;padding:0;border:none;list-style-type:none;font-style:normal;font-weight:normal;text-align:left;}
textarea,input,select{margin:0;vertical-align:middle;word-break:break-all;}
img{border:0;padding:0;margin:0;vertical-align:bottom;}
pre{text-align:left;word-break:break-all;}

header{position:relative;}
.h-nav{position:fixed;top:0;width:100%;z-index:10;background:rgba(0,0,0,0.70);font-family:'Cormorant+Garamond',serif;}
.h-nav span, .h-nav font { display:block; }
.h-nav dt span{font-size:82%; padding-top: 10px; text-align: center;}
.h-nav font{ font-weight:normal;letter-spacing:0;margin-top:3px;font-family:"Noto Serif JP", serif; }
/*.h-nav span{font-size:82%;display:block;padding-left:10px;}*/
/*.h-nav font{display:block;font-weight:normal;letter-spacing:0;font-size:1.2rem;margin-top:3px;font-family:"Noto Serif JP", serif;}*/
.h-nav a{display:block;color:#FFF;text-decoration:none;font-weight:bold;letter-spacing:0px;}
.h-nav a:hover{color:#FFF;opacity:0.8;}
.h-nav dt{text-align:center;line-height:130%;}
.h-nav dt{text-align:center;padding-left:45px;background:url("../img/common/logo.png") no-repeat left center;background-size:60px;}
.h-nav dt a{padding:17px 20px;font-size:130%;text-align:center;}
.h-nav dd a font{padding:5px auto;font-size:85%;}
.h-nav dd a.imp{background:#a10410; border-left:0px; width: 70px;}
.h-nav dd a.imp span {font-size:120%;}
.m-img{z-index:-1;width:100%;border-radius:2px;}

#menuToggle input{display:none;}

.swiper-wrap{overflow:hidden;}
@-webkit-keyframes zoom-out{70%{transform:scale(1);}0%{transform:scale(1.2);}}
@keyframes zoom-out{70%{transform:scale(1);}0%{transform:scale(1.2);}}
.swiper-slide-active .slide-img,.swiper-slide-duplicate-active .slide-img,.swiper-slide-prev .slide-img{-webkit-animation:zoom-out 10s linear 0s 1 normal both;animation:zoom-out 10s linear 0s 1 normal both;}
.slide-img img{-o-object-fit:cover;object-fit:cover;height:100vh;width:100%;}
.s-text{position:absolute;top:50%;left:50%;font-size:170%;text-shadow:0px 0px 8px #000;color:#fff;transform:translate(-50%,-50%);font-style:italic;text-align:center;}

.yutube_res{position:relative;width:100%;padding-top:56.25%;z-index:-1;}
.yutube_res iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
.yutube_res_hole{position:relative;width:100%;padding-top:56.25%;z-index:1000;}
.yutube_res_hole iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

@media screen and (max-width:650px){
    .slide-img img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%;}
	.yutube_res{position:relative;width:100%;padding-top:56.25%;z-index:500;z-index:-1;}
	.yutube_res iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
}

.box-w{position:relative;}
.box-s{position:relative;}
.box-bread{display:flex;color:#CCC;font-size:1.1rem;padding:10px 10px 20px 10px;}
.box-bread dt{margin-right:5px;}
.box-bread dt h1{font-size:1.1rem;}
.box-bread ul{display:flex;flex-wrap:wrap;}
.box-bread li{margin-right:5px;}
.box-bread li a{color:#CCC;text-decoration:none;}
.box-bread li a:hover{text-decoration:underline;}


@media screen and (min-width:1200px){
	.h-nav{display:flex;justify-content:space-between;align-items:center;}
	.h-nav dt{width:250px;}
	.h-nav dd ul a span{color:#dcdcdc;}
	.h-nav ul{display:flex;}
	.h-nav li {text-align:center; border-left:1px dotted #FFF; padding: 0 15px;}
	.h-nav li:last-child {text-align:center; border-left:0px dotted #FFF; padding: 0 0px;}
	main,footer,.h-nav{min-width:1000px;margin:auto;}
	/*header,main,footer,.h-nav{min-width:1100px;margin:auto;}*/
	.drawer-check,.drawer-btn{display:none;}
}

@media screen and (min-width:1051px){
	header {min-width:1000px;margin:auto;}
	.h-nav font{font-size:1.2rem; }
	.h-nav dd a{padding:20px 20px;font-size:95%;}
}

@media screen and (min-width:1001px) and (max-width:1050px){
	header {min-width:1000px;margin:auto;}
	.h-nav font{font-size:1.1rem; }
	.h-nav dd a{padding:10px;font-size:94%;}
}

@media screen and (max-width:1199px){
.h-nav dt span{font-size:82%; padding-top: 10px; text-align: left;}
	.h-nav dt a{padding:13px 20px;}
	.h-text{display:none;}
	.box-w{padding:0;}
	.drawer-menu{background:#000;box-sizing:border-box;position:fixed;top:0;right:0;width:300px;height:100%;padding:50px 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;transform:perspective(500px) rotateY(-90deg);opacity:0; overflow:auto;-webkit-overflow-scrolling:touch;}
	.drawer-menu li a{color:#FFF;display:block;padding:10px 20px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #FFF;}
	.drawer-menu li a:hover{color:#FFF;}
    
.drawer-menu li a.imp{background:#a10410; border-left:0px; width:260px;}
	.drawer-check{display:none;}
	.drawer-btn{position:fixed;display:block;top:15px;right:20px;display:block;width:40px;height:40px;font-size:10px;text-align:center;cursor:pointer;z-index:99;}
	.drawer-bar{position:absolute;top:0;left:0;display:block;width:40px;height:3px;background:#FFF;transition:all .1s;transform-origin:left top;}
	.drawer-bar.middle{top:11px;opacity:1;}
	.drawer-bar.bottom{top:23px;transform-origin:left bottom;}
	.drawer-btn:hover .drawer-bar{background:#999;}
	.drawer-close{position:fixed;top:0;right:300px;width:100%;height:100vh;background:rgba(0,0,0,0);cursor:auto;transition-property:all;transition-duration:.1s;transition-delay:0s;visibility:hidden;opacity:0;}
	.drawer-check:checked ~ .drawer-menu{transition-delay:.1s;transform:none;opacity:1;z-index:2;}
	.drawer-check:checked ~ .drawer-btn .drawer-bar.top{width:45px;transform:rotate(45deg);}
	.drawer-check:checked ~ .drawer-btn .drawer-bar.middle{opacity:0;}
	.drawer-check:checked ~ .drawer-btn .drawer-bar.bottom{width:45px;top:31px;transform:rotate(-45deg);}
	.drawer-check:checked ~ .drawer-close{transition-duration:1s;transition-delay:.1s;background:rgba(0,0,0,.5);visibility:visible;opacity:1;z-index:3;}
	
	.box-bread{line-height:150%;}
}

/*top*/
.bg_slider{height:100vh; position: relative;}
.bg_slider .bnr{position:absolute; top:150px; left:3%;}
.bg_slider .bnr img{width: 100%; max-width: 600px;}

@media screen and (max-width:1199px){	
.bg_slider{height:400px; position: relative;}
.bg_slider .bnr{position:absolute; top:100px; left:3%;right:3%;}
.bg_slider .bnr img{width: 100%; max-width: 500px;}
}




.access_address{font-size:140%; text-align: center; margin-top: 20px; margin-bottom: 20px;}

@media screen and (max-width: 999px) {
	.access_address{font-size:100%;}
}


/* news */
.news, .news02 {width: 100%;}
.news ul.list_news, .news02 ul.list_news { padding: 5px; margin-top: 5px; margin-bottom: 15px; border-top: 1px solid #CCCCCC;  }
.news ul.list_news li, .news02 ul.list_news li { border-bottom: 1px solid #CCCCCC; }

.news a, .news02 a { color: #000; text-decoration: none; }
.news a:hover, .news02 a:hover { color: #666; transition: 0.3s; }

.news .news_title, .news02 .news_title { margin-right: 50px;}
.news .news_title img, .news02 .news_title img { width:100%; max-width: 120px; margin-right: 50px;}

.new_ico {	font-size:80%;	background-color: #f00;	color:#fff;	font-weight:bold;	padding:0.4em 0.5em 0.2em;	line-height: 100%;	border-radius: 5px;}

.news .list_news .event, .news .list_news .info, .news .list_news .special { margin-right: 1em; line-height:100%; font-size: 80%; padding-top:5px; padding-bottom: 5px; text-align: center; }
.news02 .list_news .event, .news02 .list_news .info, .news02 .list_news .special { margin-right: 1em; line-height:100%; font-size: 80%; padding-top:5px; padding-bottom: 5px; text-align: center; }

.news .list_news .event, .news02 .list_news .event { background: #a8e4da; color: #ffffff; }
.news .list_news .info, .news02 .list_news .info { background: #6da539; color: #ffffff; }
.news .list_news .special, .news02 .list_news .special { background: #e89ab7; color: #ffffff; }

@media screen and (min-width: 1000px) {
	.news ul.list_news li, .news02 ul.list_news li { padding-bottom: 15px; margin-top: 10px; display:flex; align-items: flex-start; justify-content: flex-start; }
	.news .list_news .date, .news02 .list_news .date { width:8em; }
	.news .list_news .event, .news .list_news .info, .news .list_news .special { width:7em; }
	.news02 .list_news .event, .news02 .list_news .info, .news02 .list_news .special { width:7em; }
}

@media screen and (min-width: 601px) and (max-width: 999px) {
	.news ul.list_news li, .news02 ul.list_news li { padding-bottom: 15px; margin-top: 10px; display:flex; align-items: flex-start; justify-content: flex-start; }
	.news02 ul.list_news li { display:block; flex:none; width:100%; padding-bottom:4px; }
	.news .list_news .date, .news02 .list_news .date { width:11.5em; }
	.news .list_news .event, .news .list_news .info, .news .list_news .special { width:9em; }
	.news02 .list_news .event, .news02 .list_news .info, .news02 .list_news .special {  display:inline-block; width:7em; }
	.news .list_news p, .news .list_news p, .news .list_news p { width:100%; display:block; }
	.news02 .list_news p, .news02 .list_news p, .news02 .list_news02 p { width:100%; display:block; margin-top:0.6em; }
}

@media screen and (max-width: 600px) {
	.news ul.list_news li, .news02 ul.list_news li { display:block; flex:none; width:100%; padding-top:0; padding-bottom:15px; }
	.news .list_news .date, .news02 .list_news .date { width:14em; }
	.news .list_news .event, .news .list_news .info, .news .list_news .special { display:inline-block; width:7em; }
	.news02 .list_news .event, .news02 .list_news .info, .news02 .list_news .special { display:inline-block; width:7em; }
	.news .list_news p, .news .list_news p, .news .list_news p { width:100%; display:block; }
	.news02 .list_news p, .news02 .list_news p, .news02 .list_news02 p { width:100%; display:block; margin-top:0.6em; }
}