@charset "UTF-8";

@font-face {
  font-family: "hikkitai2";
  src:url('../../font/hikkitai.otf');
}


html{
    /*scroll-behavior: smooth;*/
}


/*add_ef_start*/
.ef_animeA{
display: inline-block;
font-family: inherit;
font-size: inherit;
color: inherit;
transform: rotate(0deg) scale(1.00) translateY(0px) rotate(0deg);
opacity: 1;
padding-left: 2px;
padding-right: 1px;
vertical-align: initial;
}

.ef_animeA_js{
animation: 4.1s ease -1.5s 1 forwards running ef_animeAcss;
}

.ef_animeB{
display: inline-block;
font-family: inherit;
font-size: inherit;
color: inherit;
transform: rotate(0deg) scale(1.00) translateY(0px);
opacity: 1;
padding-left: 2px;
padding-right: 0px;

}

.ef_animeB_js{
animation: 1.3s ease .3s 1 forwards running ef_animeBcss;
}


.ef_animeC{
display: inline-block;
font-family: inherit;
font-size: inherit;
color: inherit;
transform: rotate(0deg) scale(1.00) translateY(0px);
opacity: 1;
padding-left: 2px;
padding-right: 0px;

}

.ef_animeC_js{
animation: 1.1s ease .3s 1 running forwards ef_animeBcss;
}


@keyframes ef_animeAcss{
  0% {
    transform: rotate(0deg) scale(1.00) translateY(50px) rotate(0deg);
    opacity: 0;
  }
  5%{
    transform: rotate(0deg) scale(1.00) translateY(0px) rotate(0deg);
    opacity: 1;
  }
  42% {
  
  }
  47% {
  
   }
  
  90% {
    transform: rotate(0deg) scale(1.00) translateY(0px) rotate(0deg);
    opacity: 1;
   }
  91% {
    transform: rotate(0deg) scale(1.00) translateY(-50px) rotate(360deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg) scale(1.00) translateY(0px) rotate(0deg);
    opacity: 1;
  }
}



@keyframes ef_animeBcss{
  0% {
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 0;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  }
  5%{
    transform: rotate(0deg) scale(1.00) translateY(0px);
    opacity: 1;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
   filter: blur(1px);
  }
  10%{
    transform: rotate(0deg) scale(1.00) translateY(-50px);
    opacity: 1;
  }
  11% {
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 0;
  }
  15% {
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 1;
 -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  }
  20%{
    transform: rotate(0deg) scale(1.00) translateY(0px);
    opacity: 1;
  }
  25%{
    transform: rotate(0deg) scale(1.00) translateY(-50px);
    opacity: 1;
  }
  26%{
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 0;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
   filter: blur(3px);
  }
  30%{
    transform: rotate(0deg) scale(1.00) translateY(0px);
    opacity: 1;
  }
  35%{
    transform: rotate(0deg) scale(1.00) translateY(-50px);
    opacity: 1;
  }
  36%{
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 0;
  }

  40%{
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 1;
  }

  45%{
    transform: rotate(0deg) scale(1.00) translateY(0px);
    opacity: 1;
     -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  }
  50%{
    transform: rotate(0deg) scale(1.00) translateY(-50px);
    opacity: 1;
    -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
   filter: blur(1px);
  }
  51%{
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 0;
  }
  55%{
    transform: rotate(0deg) scale(1.00) translateY(0px);
    opacity: 1;
  }
  60%{
    transform: rotate(0deg) scale(1.00) translateY(-50px);
    opacity: 1;
  }
  61%{
    transform: rotate(0deg) scale(1.00) translateY(50px);
    opacity: 0;
     -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  }

  
  100%{
    transform: rotate(0deg) scale(1.00) translateY(0px);
    opacity: 1;
  }
}

/*add_ef_end*/



/*ank_ margin*/

#cul_trip_ank_margin,
#safety_prayer,
#consolation_party,
#NewYearsparty,
#RokunoheTownAutumnFestival{
    margin-top: -55px;
    padding: 55px;
}


/*scroll_bar_custum*/
.cont_flex ::-webkit-scrollbar {
 width: 10px;
 height: 10px;
} 


.cont_flex ::-webkit-scrollbar-track {
 border-radius: 5px;
 background: rgba(0, 0, 0, .3);
}

.cont_flex ::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: rgba(0,0,0,.8);
 background: #3367FF;
 background:#FF4212 ;
 background: #1b1d58;
}


/*scroll_bar_custum*/

#eyeC01w{
width:100%;	
background: url(./font/);
}

.eyeC01{
margin:0;
margin-top: calc(77px);
padding: 0;
width: 100%;
}

.eyeC01 > div{
width:100%;
}


.cont_wrap p{
margin: auto 4%;
}


/*add_20220603*/
.contents_wraper{
/*add_20220802*/
position: relative;
}

/*ank_link_menu_nav_zone*/

div.nav-wrap{
    margin: 0 calc( 2% + 2%);
    overflow: hidden;    
    /*border: 1px solid black;*/
    margin-bottom: 35px;
}

.nav-wrapc{
opacity: 0;
}

.slick-initialized.nav-wrapc{
opacity: 1;  overflow: hidden;   
}

.nav-wrapc{
    opacity: 0;
    display: block;
    flex-wrap: nowrap; 
    white-space: nowrap;   
    width: 100%;
    list-style-type: none;
}

@keyframes scaleAn{
  0% {
    transform: scale(1.0) rotate(0deg) translateY(0px);
    
  }
  20% {
    transform: rotate(-3deg);
  }
  40% {
    transform:rotate(0deg);
  }
  
  50% {
    transform: scale(1.05) rotate(3deg) translateY(-5px);
   
  }

  60% {
    transform:rotate(0deg);
  }
  80% {
    transform:rotate(-3deg);
  }
  100% {
    transform: scale(1.0) rotate(0deg) translateY(0px);
   
  }
}

.slick-initialized.nav-wrapc li:nth-of-type{

}


.slick-initialized.nav-wrapc li:nth-of-type(odd){
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  position: relative;
  font-size: 0;
  margin-right: 0px;
  /**/
animation-name: scaleAn;
animation-fill-mode:backwards;
animation-duration:6.8s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-delay: 1.0s;
animation-direction:normal;
}


.slick-initialized.nav-wrapc li:nth-of-type(even){
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  position: relative;
  font-size: 0;
  margin-right: 0px;
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
animation-name: scaleAn;
animation-fill-mode:backwards;
animation-duration:6.8s;
animation-iteration-count:infinite;
animation-timing-function:linear;
animation-delay: -1.0s;
animation-direction:normal;
}

.slick-initialized.nav-wrapc li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}



.slick-initialized.nav-wrapc li span.img_box{
    display: inline-block;
    
    
}

.slick-initialized.nav-wrapc li span.img_box img{
padding: 15px 10px;
width:calc( 100% - 10px * 2);
display: inline-block;
border-radius: 30px;
}

.slick-initialized.nav-wrapc li span.imgTitle_box{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

.slick-initialized.nav-wrapc li span.imgTitle_box.pt02{

}

.slick-initialized.nav-wrapc li span.imgTitle_box.pt02 p{
margin: 5px 0;
}

/*20240723start*/
/*.slick-initialized.nav-wrapc li span.imgTitle_box .title_box02{
width: 80%;
background:red ;
}*/
/*20240723end*/

.slick-initialized.nav-wrapc li:nth-of-type(odd) span.imgTitle_box p{
color: #fff;
font-size: 1.70rem;
font-weight: 700;
text-shadow: 1px 1px 1px #000;
padding: 3px 20px;
display: inline-block;
background: rgba(0,0,0,.5);
background:rgba(255,66,18,0.8);
font-family: 'Fascinate', cursive;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Titillium Web', sans-serif;
font-family: 'Yuji Syuku', serif;
font-family: 'Zen Maru Gothic', sans-serif;
border-radius: 10px;
}


.slick-initialized.nav-wrapc li:nth-of-type(even) span.imgTitle_box p{
color: #fff;
font-size: 1.70rem;
font-weight: 700;
text-shadow: 1px 1px 1px #000;
padding: 3px 20px;
display: inline-block;
background: rgba(0,0,0,.5);
background:rgba(255,66,18,0.8);background:rgba(51,103,255,0.8);
font-family: 'Fascinate', cursive;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Titillium Web', sans-serif;
font-family: 'Yuji Syuku', serif;
font-family: 'Zen Maru Gothic', sans-serif;
border-radius: 10px;
}





/*.slick-initialized.nav-wrapc li span.imgTitle_box p span{
display: inline-block;
font-size: 1.15rem;
color: inherit;
background: red;
}*/



.slick-initialized.nav-wrapc li a{
color: inherit;
}


/*ank_link_menu_nav_zone_End*/


/*h4_img_start*/

/*header_line*/
.contents_wraper h4{
 position: relative;
 display: inline-block;
 overflow: hidden;
    font-family: 'Kaisei Opti', serif;
}

.ef_anime_wrapper{
overflow: hidden;
}

.contents_wraper h4 span{
font-family: inherit;
color: inherit;
vertical-align: inherit;
}

.contents_wraper h4 .h4_line{
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 0px;
height: 5px;
opacity: 0.1;
border-radius: 10px;
background:#3367FF;
background: #ccc;
/*add*/
display: none !important;

}


.h4_ef_img_js{
position: absolute;
right: -20px;
top: 0;
display: inline-block;
transform: translate(10px,-10px) scale(1.0);
opacity: 0;
}

.h4_ef_img_js img{
width: 50px;
}


.contents_wraper h4 .h4_ef_img_js_add{
animation: js_h4_anime 1.0s ease-in 0s 1 forwards !important; 
}

/*css anime*/
@keyframes js_h4_anime {
    0% {
        opacity: 0;
        transform: translate(10px,-10px) scale3d(1,1,1);


    }
    30% {
        opacity: .1;
        transform: translate(10px,-10px) rotate(-5deg) scale3d(.5,1,.5);
    }
    50% {

        transform: translate(10px,-10px) rotate(-2deg) scale3d(.8,.7,.9);
    }
    70% {
        opacity: 1;
        transform: translate(20px,-20px) rotate(5deg) scale3d(.5,1,.8);
    }
    100% {
        transform: translate(50px,-50px) scale(1.15) scale3d(1,1,1);
        opacity: 0;
    }
}


.contents_wraper h4 span.icon_img{
 display: inline-block;
 vertical-align: middle;
}

.contents_wraper h4 span.icon_img img{
    vertical-align: text-top;
    margin-top: 2px;
    margin-right: 3px;
    width: 30px;
}
/*h4_img_end*/


.contents_wraper h4{
font-size: 1.8rem;
color:#3367FF;
/*padding: 0 calc(2% + 2%);*/
margin: 0 calc(2% + 2%);
margin-bottom: 15px;
/*add*/
margin-bottom: 5px;
}


.contents_wraper h4:nth-of-type(n+2){
font-size: 1.8rem;
color:#3367FF;
/*padding: 0 calc(2% + 2%);*/
margin: 0 calc(2% + 2%);
margin-bottom: 15px;
/*add*/
margin-bottom: 5px;
margin-top: 30px;
margin-top: calc( 50px);
}


.contents_wraper .cont_flex{
    margin: 0 calc( 2% + 2% );
    margin-bottom: 2%;
    height: 600px;
    box-sizing:border-box;
 
}


.contents_wraper .cont_flex .img_wrapper{
  height: 100%; height: inherit;
  display: block;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0;font-size: 0;
}


.contents_wraper .cont_flex div.img_wrapper > div{
display: inline-block;
height: 100%;
width: auto;
padding: 0;
/*text-align: center;*/
font-size: 0;
line-height: 0;
}

.contents_wraper .cont_flex div.img_wrapper div a{
display: inline;
height: 100%;
margin: 0;
padding:0;line-height: 0;
}


.contents_wraper .cont_flex img{
  /* Just in case there are inline attributes */
/*  width: 98% !important;
  padding: 10px;
  height: auto !important;*/
  display: inline-block;
  box-sizing:border-box;
  height: calc( 100% - 10px );
  padding: 5px;

/*  padding: 5px;
  margin:0 2px;*/
  border: 1px solid #ccc;
}


.contents_wraper .img_wrapper a img{
margin-right: 5px;
}

.contents_wraper .img_wrapper a:last-of-type img{
margin-right: 0;
}


.adphotoEF{
animation: adphotoEF 1.5s ease-in 0s 1 forwards;  
}

/*css anime*/
@keyframes adphotoEF {
    0% {
        opacity: .5;
        display: inline-block;     
        transform: scale(1.3);

    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}



@media screen and (max-width: 1024px){

/*上部メニュー文字*/
.slick-initialized.nav-wrapc li:nth-of-type(even) span.imgTitle_box p,
.slick-initialized.nav-wrapc li:nth-of-type(odd) span.imgTitle_box p{
font-size: 1.45rem;
}


.contents_wraper .cont_flex {
    height: 450px;
}

}


@media screen and (max-width: 896px){
.eyeC01{	
margin-top: calc(50px);
transition: ;
}

/*-------*/
.contents_wraper h4 .h4_line{
height: 3px;
border-radius: 10px;
}


.contents_wraper h4 .h4_ef_img_js{
right: -20px;
transform: translate(10px,-10px) scale(1.0);
opacity: .1;
}

.contents_wraper h4 .h4_ef_img_js img{
width: 30px;
}
/*-------*/

/*上部メニュー文字*/
.slick-initialized.nav-wrapc li:nth-of-type(even) span.imgTitle_box p,
.slick-initialized.nav-wrapc li:nth-of-type(odd) span.imgTitle_box p{
font-size: 1.15rem;
}

/*h4_img_start*/

.contents_wraper h4 span.icon_img img{
    margin-top: 2px;
    margin-right: 3px;
    width: 23px;
}
/*h4_img_end*/


.contents_wraper h4{
font-size: 1.5rem !important;
}

.contents_wraper .cont_flex {
    height: 400px;
}


}


@media screen and (max-width: 768px){

/*上部メニュー文字*/
.slick-initialized.nav-wrapc li:nth-of-type(even) span.imgTitle_box p,
.slick-initialized.nav-wrapc li:nth-of-type(odd) span.imgTitle_box p{
font-size: 1.05rem;
}

.contents_wraper .cont_flex {
    height: 380px;
}



.contents_wraper h4:nth-of-type(n+2){
margin-top: calc( 30px);
}


}

	
@media screen and (max-width: 480px){

/*-------*/
.contents_wraper h4 .h4_line{
height: 2px;
border-radius: 10px;
bottom: -2px;
}


.contents_wraper h4 .h4_ef_img_js{
right: -20px;
transform: translate(10px,-10px) scale(1.0);
opacity: .1;
}

.contents_wraper h4 .h4_ef_img_js img{
width: 25px;
}
/*-------*/


/*上部メニュー文字*/
.slick-initialized.nav-wrapc li:nth-of-type(even) span.imgTitle_box p,
.slick-initialized.nav-wrapc li:nth-of-type(odd) span.imgTitle_box p{
font-size: 1.0rem;
}

/*h4_img_start*/

.contents_wraper h4 span.icon_img img{
    margin-top: 2px;
    margin-right: 3px;
    width: 18px;
}
/*h4_img_end*/


.contents_wraper h4{
font-size: 1.15rem !important;
}

.contents_wraper .cont_flex {
    height: 300px;
}


}