@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Cormorant+Garamond&display=swap" rel="stylesheet');
html{font-size:62.5%;scroll-behavior:smooth;}
body{font-family:'Noto Sans JP',sans-serif;color:#333;letter-spacing:1px;margin:0;padding:0;font-size:1.4rem;background:#f3f2e8;}
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 span{font-size:82%; padding-left:10px;}
.h-nav font{ font-weight:normal;letter-spacing:0;margin-top:3px;font-family:'Noto Sans JP',sans-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 Sans JP',sans-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%;}
/*.h-nav dd a{padding:20px 20px;font-size:95%;}*/
.h-nav dd a.imp{background:#d80000;border-bottom-left-radius:1px;}
.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){
	.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:1001px){
	.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;}
	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:1000px){
	.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;}
	.drawer-menu li a{color:#FFF;display:block;padding:10px 20px;transition:all .1s;text-decoration:none;font-size:90%;}
	.drawer-menu li a:hover{color:#FFF;}
	.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:38px;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%;}
}