@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Noto+Sans+JP:wght@100..900&display=swap');
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;font-family:'Times New Roman', Times, 'serif';}
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;}


/*スクロールで現れる*/
.fade {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 2.5s;
  &.f-left { transform: translate(-30px, 0); }
  &.f-right { transform: translate(30px, 0); }
  &.f-up { transform: translate(0, -30px); }
  &.f-bottom { transform: translate(0, 30px); }
  &.f-stay { transform: translate(0, 0); }
  &.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}
.fade_4s {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 4s;
  &.f-left { transform: translate(-30px, 0); }
  &.f-right { transform: translate(30px, 0); }
  &.f-up { transform: translate(0, -30px); }
  &.f-bottom { transform: translate(0, 30px); }
  &.f-stay { transform: translate(0, 0); }
  &.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}

header{position:relative;}
.h-nav{position:absolute;top:0;width:100%;z-index:10;background:rgba(0,0,0,0.0);font-family:'Times New Roman', Times, '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;font-style: normal;}
.h-nav a{display:block;color:#000;text-decoration:none;font-weight:normal;letter-spacing:.1em; font-style: italic;}
.h-nav a:hover{color:#fff;opacity:0.7;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.h-nav dt{text-align:center;line-height:140%;padding-left:60px;background:url("../../_img/common/logo.png") no-repeat left center;background-size:70px;}
.h-nav dt a{padding:17px 15px;font-size:140%;}
.h-nav dd a{padding:20px 15px;font-size:120%;}
.h-nav dd a.imp{background:#d80000;width: 100px; text-align: center; color:#FFFFFF;}
.h-nav dd a.mem{background:#a38d41; width: 100px;text-align: center; color:#FFFFFF;}
.h-nav dd a.mem span, .h-nav dd a.imp span {font-size:150%;font-style: normal;}

.m-img{z-index:-1;width:100%;border-radius:2px;}
.m_ph{ width: 100%; position: relative;}
.m_ph img{ width: 100%;}
.m_ph .ph_title p{ font-size: 50%; margin-top: 10px; text-align: center;}

#menuToggle input{display:none;}

.swiper-wrap{overflow:hidden;}
@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{animation:zoom-out 10s linear 0s 1 normal both;}
.slide-img img{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 (min-width: 1001px){
.m_ph .ph_title{position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%); color: #FFFFFF; font-weight: normal; text-shadow: 2px 2px 2px #666666;z-index: 1; text-align: center; font-size: 300%;}
}

@media screen and (min-width: 651px)and (max-width:1000px){
.m_ph .ph_title{font-size: 220%; text-align: center; margin: 20px auto;}
.m_ph .ph_title p{ font-size: 50%; margin-top: 10px; text-align: center;}
}
@media screen and (max-width:650px){
	.yutube_res{position:relative;width:100%;padding-top:56.25%;z-index:500;}
	.yutube_res iframe{position:absolute;top:0;right:0;width:100%;height:100%;}
    .m_ph .ph_title{font-size: 180%; text-align: center; margin: 20px auto;}
.m_ph .ph_title p{ font-size: 50%; margin-top: 10px; text-align: center;}
}

.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:1640px){
	.dis-none_pc{display:none;}
	.h-nav{display:flex;justify-content:space-between;align-items:center;}
	.h-nav dt{width: 15%;}
	.h-nav dd {width: 75%;}
	.h-nav dd ul a span{color:#dcdcdc;}
	.h-nav dd ul{display:flex;justify-content:flex-end;}
	.h-nav dd li{text-align:center;margin: 0px 20px;}
	.h-nav dd a.imp{margin: 0px -20px;}
	.h-nav dd a.mem{margin: 0px -20px;}
	header,main,footer,.h-nav{min-width:1100px;margin:auto;}
	header,main,footer,.h-nav-sano{min-width:1100px;margin:auto;}
	.drawer-check,.drawer-btn{display:none;}
    .fixed_nav { position: fixed; top: 0; left: 0; z-index:333; width: 100%; transition: .5s;  padding-bottom:0px; background: #000000; color:#FFFFFF; }
    .fixed_nav a {color:#FFFFFF; }
	.is-show { transform: translateY(0); }
}
@media screen and (min-width: 1350px)and (max-width:1639px){
	.dis-none_pc{display:none;}
	.h-nav{display:flex;justify-content:space-between;align-items:center; font-size: 90%;}
	.h-nav dt{width: 15%;}
	.h-nav dd {}
	.h-nav dd ul a span{color:#dcdcdc;}
	.h-nav ul{display:flex;justify-content:space-between;}
	.h-nav li{text-align:center;margin: 0 10px;}
	.h-nav dd a.imp{margin: 0px -10px;}
	.h-nav dd a.mem{margin: 0px -10px;}
	header,main,footer,.h-nav{min-width:1100px;margin:auto;}
	header,main,footer,.h-nav-sano{min-width:1100px;margin:auto;}
	.drawer-check,.drawer-btn{display:none;}
    .fixed_nav { position: fixed; top: 0; left: 0; z-index:9999; width: 100%; transition: .5s;  padding-bottom:0px; background: #000000; color:#FFFFFF;  }
    .fixed_nav a {color:#FFFFFF; }
	.is-show { transform: translateY(0); }
}

@media screen and (max-width:1349px){
	.dis-none_sma{display:none;}
	.h-nav dt a{padding:10px 5px;}
    .h-nav a{letter-spacing:0em; }
	.h-nav ul{display:block;}
	.h-nav li{text-align:left;margin-left: 0px; border-bottom: 1px dotted #999999;}
.h-nav dd a.imp, .h-nav dd a.mem{ width: 100%; text-align: left;}
	.h-text{display:none;}
	.box-w{padding:0;}
	.drawer-menu{background:#000;box-sizing:border-box;position:fixed;top:0;right:0;width:200px;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:3;}
	.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:200px;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%;}
}

/*fixed_nav*/
@media screen and (min-width:651px){
	.fixed_nav{position:fixed;top:0;left:0;z-index:2;width:100%;transition:.5s;transform:translateY(-100%);}
	.is-show{transform:translateY(0);}
}