@charset "UTF-8";
/*

*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&family=Zen+Old+Mincho:wght@700&display=swap');
@import url("ress.css");
/*@import url("assets/css/font.css");*/

/*
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:500;
font-family: "Zen Old Mincho", serif; font-weight: 700;
*/

/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th,
td { padding:8px; /*line-height:1.4em;*/}
input{ }
.switch {
	visibility: hidden;
}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0;  }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
*{margin:0; padding:0; }
html{font:62.5%/1.8 ArialMT;}
/* IE11だけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Zen Kaku Gothic New", sans-serif; font-weight:500;
}
body{
	font-family: "Zen Kaku Gothic New", sans-serif; font-weight:500;
    color: #000;
	-moz-font-feature-settings: "pkna" 1;
  -webkit-font-feature-settings: "pkna" 1;
  font-feature-settings: "pkna" 1;
	letter-spacing: 0.8px;
	font-size:1.6rem;
	line-height:1.6;
	}
h1, h2, h3, h4, h5, h6{font-weight:700;}
b, strong, .textB{font-weight:700;}
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }
/* ----------- anchor */
a {color: #000; text-decoration:none;}
a:hover {opacity:0.8;}
a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.telLink:hover{opacity:1; cursor:default;}


body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer {
  margin-top: auto;
}

body.noscroll {
  overflow: hidden;
}

/*----------------------------------------------------
 heater
----------------------------------------------------*/


@media only screen and (min-width:813px){
header{
  display: flex;
  align-items: center;
}
header .h_logo a{display:inline-block;}
header .h_logo img{
width: 100%;
max-width: 175px;
height: auto;
}
header{
padding:19px 370px 19px 20px;
height: 80px;
}
}
@media only screen and (max-width:812px){
header:not(.on) .h_logo{display: none;}
header:not(.shingle) .h_logo{display: none;}
header.shingle .h_logo,
header.on .h_logo{display: block !important;}
header.on {
    background-color: #000;
    position: sticky;
    z-index: 1;
    width: 100%;
    height: 60px;
    display: block;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 3px 10px;
  }
}
/*----------------------------------------------------
 menu
----------------------------------------------------*/

input[type=checkbox]#nav_btn{display: none;}
@media only screen and (min-width:813px) {
#btn_menu {
    display:none
  }
  .h_menuBox{margin-left: auto;}
  
  .menuBox ul a{
    color: #fff;
    font-family: "Zen Old Mincho";
    font-weight: 700;
  }
    
    .menuBox ul a:hover{
        text-decoration: underline;
        opacity: 1;
    }    
    
  .menuBox ul{display: flex; align-items: center; gap:0 40px;}
  .menuBox ul li {}
#btn_reserve{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        background-color:#F1E3BB;
        padding: 30px 10px;
        height: 80px;
        width: 200px;
        line-height: 1;
        color:#000;
        text-align: center;
        font-family: "Zen Old Mincho";
        font-weight: 700;
font-size: 1.8rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
    #btn_reserve span{text-decoration: underline;}
    #btn_reserve:hover{
        color: #fff;
        background-color: #B98F00;
        opacity: 1;
    }
    
    header.shingle{
        background-color: #000;
        position: sticky;
    width: 100%;
    top: 0;
    left: 0;
        z-index: 1;
    }
    
header:not(.shingle){
    position: fixed;
  z-index: 2;
  width: 100%;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

header:not(.shingle) .h_logo, header:not(.shingle) .h_menuBox {
    opacity: 0;
    pointer-events: none; /* クリック・ホバー無効化 */
    transition: opacity 0.3s ease;
}

/* スクロール後に表示＆クリック・ホバー有効化 */
header.on{
    background-color:#1b1c1c; /* 任意の背景色 */
}

header.on .h_logo,
header.on .h_menuBox {
    opacity: 1;
    pointer-events: auto; /* クリック・ホバー有効化 */
}    
    
    
}
@media only screen and (max-width:812px){
    header.shingle{height: 60px;}
      header.shingle{
        background-color: #000;
        position: sticky;
    width: 100%;
    top: 0;
    left: 0;
        z-index: 1;
          display: flex;
          align-items: center;
          padding: 5px 10px;
    }  
    
#btn_reserve{
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        background-color:#F1E3BB;
        padding: 15px 10px;
        width: 100%;
        line-height: 1;
        color:#000;
        text-align: center;
        font-family: "Zen Old Mincho";
        font-weight: 700;
font-size: 1.8rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
        z-index: 1;
    }
    #btn_reserve span{text-decoration: underline;}    
    
    
header:not(.shingle) #btn_menu:not(.fixed){
        /*top: -60px;*/
    }    
    
#btn_menu {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    cursor: pointer;
    padding: 10px 10px 10px;
background-color: #000;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    transition: 0.5s;
-webkit-transition: 0.5s; /* Chrome、Safari用 */
-moz-transition: 0.5s; /* Firefox用 */
-o-transition: 0.5s; /* Opera用 */

  }
  #btn_menu:before, #btn_menu:after {
    position: absolute;
    display: block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15px;
  }
    
    #btn_menu:before{top:13px;}
    #btn_menu:after{top:21px;}
    
  #btn_menu span:first-child {
    position: relative;
    margin: 8px 0;
    display: block;
  }

 #btn_menu.active::before {
    -webkit-transform: translateY(2px) rotate(45deg);
    transform: translateY(5px) rotate(19deg);
  }
#btn_menu.active::after {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-3px) rotate(-25deg);
  }
  #btn_menu span:last-child {
font-family: "Zen Old Mincho";
      font-size: 1.1rem;
font-weight: 700;
line-height: 0px; /* 0% */
letter-spacing: 0.65px;
    position: absolute;
    bottom: 23px;
    width: 100%;
    left: 0;
    display: block;
    text-align: center;
  }
  #btn_menu span:last-child::before {
    content: "MENU";
  }
  #btn_menu.active span:last-child::before {
    content: "CLOSE";
  }
    .h_menuBox{
    position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background-color: #fff;
        padding: 0 2% 60px;
        border: none;
        display: none;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
  }
    header .h_menuBox.active {
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    
    header .h_menuBox .menuBox{padding-top: 13vw;margin-bottom: 40px;}
    header .h_menuBox .menuBox ul{}
    header .h_menuBox .menuBox ul li{text-align: center; font-size: 20px; font-family: "Zen Old Mincho";
        font-weight: 700;}
    header .h_menuBox .menuBox ul li:not(:last-of-type){margin-bottom: 5vw;}
    
.menuLogo{display: block;
width: 120px;
margin: auto auto 0 auto;}
}

.langMenu #clts-lang-selecter{
font-family: "Zen Old Mincho";
font-weight: 700;
background:none;
/*width: 86px;*/
text-align: left;
padding: 3px 10px 3px 16px;
cursor:pointer;
    
}
#clts-lang-selecter {
-webkit-appearance: none;
appearance: none;
color: #fff;}

.langMenu::before{
display: block;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -3px;
  content: "";
  width: 8px;
  height: 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%200L4%206L0%20-2.09464e-07L3.30718%20-1.22872e-07L4.69282%20-8.6592e-08L8%200Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.langMenu{position: fixed; top: 24px;
  right: 240px;
  z-index: 10;
  line-height: 1.6;
    width: 100px;
  overflow: hidden;
}
.langMenu #clts-lang-selecter{font-size: 1.6rem;}
.langMenu #clts-lang-selecter option{color: #000 !important;}
.langMenu #clts-lang-selecter option{background-color: rgba(255,255,255,0.6);}
@media only screen and (min-width:813px){
    .langMenu:hover{border-bottom: 1px solid #fff;}
}
@media only screen and (max-width:812px) {
    .langMenu{
       top: 14px;
  right: 70px;
        
    }
header:not(.shingle) .langMenu:after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%200L4%206L0%20-2.09464e-07L3.30718%20-1.22872e-07L4.69282%20-8.6592e-08L8%200Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');}
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
    footer{padding:80px 0 20px; background-color: #fff;
    font-size: 1.0rem; text-align:center;}

@media only screen and (max-width:1000px) and (min-width:812px){
}

@media only screen and (max-width:812px){
    footer{padding: 40px 4% 70px 4%;}

}



/*----------------------------------------------------
 mainvideo
----------------------------------------------------*/
@media only screen and (min-width:813px) {
#mainVideo{width: 100%; height: auto;}
#mainVideo video{width: 100%; height: auto;}
}
@media only screen and (max-width:812px){
#mainVideo{overflow: hidden;
  cursor: default;
    width: 100%; height: calc(100vh - 42px);
    position: relative;}
#mainVideo video{
min-width: 100%;
  height: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    }
  
}

.tatazumiTop #News{
    padding: 70px 4% 80px 4%;
}

.tatazumiTop #News .wap{

}


.tatazumiTop #News .wap h2{margin-bottom: 30px;}
@media only screen and (min-width:813px) {
.tatazumiTop #News .wap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;}
.tatazumiTop #News .wap h2{width: 100%;}
.tatazumiTop #News .wap .NewsListTop{width: calc(100% - 280px);}
}
@media only screen and (max-width:812px){
    .tatazumiTop #News .wap .NewsListTop{margin-bottom: 40px;}
}


/* NewsList */
.NewsList dt{color: rgba(0, 0, 0, 0.50);}
.NewsList dd a{text-decoration-line: underline;}
.NewsList dd a:hover{
    color: #B98F00;
}
@media only screen and (min-width:813px) {
.NewsList{display: flex; flex-wrap: wrap; gap:30px;}
.NewsList dt{width:80px;}
.NewsList dd{width: calc(100% - 110px);}
}
@media only screen and (max-width:812px){
    .NewsList dd:not(:last-of-type){margin-bottom: 25px;}
}



@media only screen and (min-width:813px) {
.tatazumiTop #News .wap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;}
.tatazumiTop #News .wap h2{width: 100%;}
.tatazumiTop #News .wap .NewsListTop{width: calc(100% - 280px);}
}
@media only screen and (max-width:812px){}


/* btn_more */
.btn_more{
width: 200px;
height: 46px;
padding: 10px 20px 12px 20px;
border: 1px solid #1B1C1C;
background-color: #1B1C1C;
color: #fff;
display: block;
text-align: center;
font-weight: 700;
position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.btn_more::after{
    content: "";
    width: 16px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%202.5C0.723858%202.5%200.5%202.72386%200.5%203C0.5%203.27614%200.723858%203.5%201%203.5L1%202.5ZM17%203L12%200.113249L12%205.88675L17%203ZM1%203.5L12.5%203.5L12.5%202.5L1%202.5L1%203.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.btn_more:hover::after{
    opacity: 0;
}

.btn_more:hover{
    background-color: #fff;
    color: #1B1C1C;
}

.btn_more::before{
    content: "";
    width: 16px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%202.5C0.723858%202.5%200.5%202.72386%200.5%203C0.5%203.27614%200.723858%203.5%201%203.5L1%202.5ZM17%203L12%200.113249L12%205.88675L17%203ZM1%203.5L12.5%203.5L12.5%202.5L1%202.5L1%203.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');
}


.btn_more2Box{order: 5; padding-top: 70px;}
.btn_more2Box a{margin: 0 auto;}


.btn_more2{
width: 200px;
height: 46px;
padding: 10px 20px 12px 20px;
border: 1px solid #1B1C1C;
background-color: #1B1C1C;
color: #fff;
display: block;
text-align: center;
font-weight: 700;
position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.btn_more2::after{
    content: "";
    width: 16px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -3px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16%202.5C16.2761%202.5%2016.5%202.72386%2016.5%203C16.5%203.27614%2016.2761%203.5%2016%203.5L16%202.5ZM0%203L5%200.113249L5%205.88675L0%203ZM16%203.5L4.5%203.5L4.5%202.5L16%202.5L16%203.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}


.btn_more2:hover::after{
    opacity: 0;
}

.btn_more2:hover{
    background-color: #fff;
    color: #1B1C1C;
}

.btn_more2::before{
    content: "";
    width: 16px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -3px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16%202.5C16.2761%202.5%2016.5%202.72386%2016.5%203C16.5%203.27614%2016.2761%203.5%2016%203.5L16%202.5ZM-2.38419e-07%203L5%200.113249L5%205.88675L-2.38419e-07%203ZM16%203.5L4.5%203.5L4.5%202.5L16%202.5L16%203.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');
}


#introduction{
  background-color: #FCFAF4;
}

#introduction .wap{
    max-width: 1080px;
    margin: 0 auto;
}

#introduction .wap .lBox > figure:first-of-type{
  text-align:end;
  margin-bottom: 30px;
}

#introduction .wap .lBox > figure:last-of-type{
  margin-top: 50px;
}

#introduction .wap .lBox > h2{
font-family: "Zen Old Mincho", serif; font-weight: 700;
font-size: 3.2rem;
line-height: 1.8;
letter-spacing: 0;
  color: #000;
    margin-bottom: 40px;
}

@media only screen and (min-width:813px) {
 #introduction{
       padding: 80px 0 80px 4%;
    overflow-x: hidden;
}
 #introduction .wap{
  display: flex;
  align-items: center;
    overflow: visible;
}

#introduction .wap .lBox{
  width: 450px;
  margin-right: 80px;
}
#introduction .wap > figure{
  overflow-x: visible;
  width: calc(100% - 530px);
}

#introduction .wap > figure img{
  width: 
calc(1568px / 2); 
  height: auto;
}
}
@media only screen and (max-width:812px){
  #introduction{
       padding: 80px 4%;
}
  #introduction .wap .lBox > h2{font-size: 2.3rem;}
  #introduction .wap .lBox{margin-bottom: 40px;}
  #introduction .wap > figure img{
  width:100%; 
  height: auto;
}
}

#about{padding: 70px 4%;}

#about .textBox{text-align: center;
line-height: 2;
letter-spacing: 2px;
margin-bottom: 40px;}

#about img{max-width: 100%; height: auto;}
#about .wap02 > .roomBox:not(:last-of-type){margin-bottom: 70px;}
#about .roomBox h3{
   color:#000;
font-family: "Zen Old Mincho";
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 33.6px */
letter-spacing: 1.2px;
padding-bottom: 20px;
margin-bottom: 20px;
    border-bottom: 1px solid #000;
    display: flex;
    align-items:baseline;
    justify-content: space-between;
}

#about .roomBox h3::after {
    content: attr(tittext);
    display: inline-block;
    margin-left: 10px;
    font-size: 1.3rem;
font-style: normal;
line-height: 100%;
letter-spacing: 0.65px;
text-transform: capitalize;
font-family: "Zen Kaku Gothic New", sans-serif; font-weight:500;
}

#about .roomBox > figure{margin-bottom: 20px;}
#about .roomBox .glBox{
    padding: 15px 20px;
    background-color: #F5F5F5;
    font-size: 1.4rem;
    margin-top: 20px;
}

#about .roomBox .list_notes{
    margin-top: 20px;
}

@media only screen and (min-width:813px) {
}
@media only screen and (max-width:812px){
    #about .roomBox h3{font-size: 2.0rem; margin-bottom: 15px; padding-bottom: 15px;}
    
}

#access{padding: 70px 4%;
background-color: #FCFAF4;}

#access .texts{text-align: center;
line-height: 2;
letter-spacing: 2px;
margin-bottom: 20px;}

#access img{max-width: 100%; height: auto;}
#access figure{margin-bottom: 40px;}
#access .wap02 > .text13{margin-bottom: 40px;
text-align: center;}

.textAb{text-align: center;margin-bottom: 40px;}
.textAb a{
    color:#D15A45;
    font-weight: 700;
    text-decoration: underline;
    
}

.textAb a:hover{
    text-decoration: none;
}

.gMap{max-width: 800px; width: 100%;}
.gMap iframe{max-width: 800px; width: 100%;}

#attraction{
    padding: 70px 4%;
}

.attListBox{max-width: 1080px; margin: 0 auto;}

.attListBox > div figure{margin-bottom: 20px;}

.attListBox > div h3{text-decoration: underline;
font-weight: 700;
line-height: 1.6;
letter-spacing: 0.8px;
}

.attListBox > div a:hover h3{
    text-decoration: none;
}

.attListBox > div .tatazumi_ct span{
    display: inline-block;
    border: 1px solid #B98F00;
background:#FCFAF4;
    padding: 5px 10px;
    line-height: 1;
    font-size: 1.2rem;
    text-align: center;
    color: #B98F00;
font-style: normal;
font-weight: 700;
letter-spacing: 0.6px;
}
.attListBox > div .tatazumi_ct{margin-bottom: 5px;}

.attListBox > div .tatazumi_tag{padding-top: 10px;}
.attListBox > div .tatazumi_tag{display: flex; flex-wrap: wrap; gap:10px 12px;}
.attListBox > div .tatazumi_tag span{
    display: inline-block;
    line-height: 1.5;
    font-size: 1.2rem;
    text-align: center;
    color: #B98F00;
font-style: normal;
font-weight: 700;
letter-spacing: 0.48px;
}

@media only screen and (min-width:813px){
    .attListBox{display: flex; flex-wrap: wrap; gap:70px 30px;}
    .attListBox > div{
    width: calc((100% - 60px) / 3);
}
    .attListBox > div figure img{max-width: 100%; height: auto;}
}




@media only screen and (max-width:812px){
    .attListBox > div figure img{width: 100%; height: auto;}
    .attListBox > div:not(:last-of-type){margin-bottom: 40px;}
}

#archives_parts .wap{
    max-width: 1366px;
    width: 100%;
}

#archives_parts .wap > a{display: block;}

#archives_parts .wap > a{
  display:block;
  position:relative
}
#archives_parts figure {
  overflow:hidden
}
#archives_parts figure img {
  width:100%;
  height:auto;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
#archives_parts a:hover figure img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)
}

#archives_parts a div h3{
  color:#fff;
  font-family:"Zen Old Mincho";
  font-size:4.0rem;
  font-style:normal;
  font-weight:700;
  line-height:140%;
  letter-spacing:1.2px;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #fff;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
    width: 100%;
}
#archives_parts a div h3:after {
  content:attr(tittext);
  display:inline-block;
  margin-left:10px;
  font-size:1.3rem;
  font-style:normal;
  line-height:100%;
  letter-spacing:.65px;
  text-transform:capitalize;
  font-family:"Zen Kaku Gothic New",sans-serif;
  font-weight:500
}
#archives_parts a p{color: #fff;}
#archives_parts a .btn{margin-top: 10px;}

#archives_parts a .btn span{
  width:200px;
  height:46px;
  padding:10px 20px 12px;
  border:1px solid #fff;
  color:#fff;
  display:block;
  text-align:center;
  font-weight:700;
  position:relative;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
#archives_parts a .btn span:after {
  content:"";
  width:16px;
  height:6px;
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-3px;
  background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%202.5C0.723858%202.5%200.5%202.72386%200.5%203C0.5%203.27614%200.723858%203.5%201%203.5L1%202.5ZM17%203L12%200.113249L12%205.88675L17%203ZM1%203.5L12.5%203.5L12.5%202.5L1%202.5L1%203.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
#archives_parts a:hover .btn span:after {
  opacity:0
}
#archives_parts a:hover .btn span{
  background-color:#fff;
  color:#1b1c1c
}
#archives_parts a .btn span:before {
  content:"";
  width:16px;
  height:6px;
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-3px;
  background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%202.5C0.723858%202.5%200.5%202.72386%200.5%203C0.5%203.27614%200.723858%203.5%201%203.5L1%202.5ZM17%203L12%200.113249L12%205.88675L17%203ZM1%203.5L12.5%203.5L12.5%202.5L1%202.5L1%203.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E')
}

#archives_parts a div {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
display: flex;
  justify-content: end;
  align-items: baseline;
  flex-flow: column;
  padding: 30px;
}
#archives_parts a div img {
  width:80px;
  height:80px;
  display:block;
  margin:0 auto;
}

@media only screen and (min-width:813px){
    #archives_parts .wap{
        display: flex;
    }
    #archives_parts .wap > a{
        width: calc(100% / 3);
    }
}
@media only screen and (max-width:812px){
    #archives_parts{padding: 0 4%;}
    #archives_parts .wap > a:not(:last-of-type){margin-bottom: 20px;}
}

#movie{padding: 80px 4%;background: linear-gradient(180deg, #DFE9F3 0%, #FFF 100%);}
#movie h3{width:100%;
  max-width:800px;
    font-size: 1.3rem;
    color: #000;
    font-weight: 500;
  margin:0 auto 20px;}
#movie a {
  width:100%;
  max-width:800px;
  margin:0 auto;
  display:block;
  position:relative
}
#movie figure {
  overflow:hidden
}
#movie figure img {
  width:100%;
  height:auto;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
#movie a:hover figure img {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)
}
#movie a div {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-flow:column
}
#movie a div img {
  width:80px;
  height:80px;
  display:block;
  margin:0 auto;
}

#faq{padding: 70px 4%;
background-color: #FCFAF4;}

#faq h3{
    color: #000;
font-family: "Zen Old Mincho";
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 1.4;
letter-spacing: 1.2px;
    text-align: center;
    margin-bottom: 20px;
}

.faqList {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.faqList:not(:last-child) {
  margin-bottom: 40px
}
.faqList dl {
  border-bottom: 1px solid #e9e9e9
}
.faqList dt {
  padding: 20px 36px;
  position: relative;
    font-weight: 700;
}
.faqList dt:before {
  width: 20px;
  height: 20px;
  position: absolute;
  text-align: center;
  top: 22px;
  left: 0;
  content: "Q";
  font-family: "Zen Old Mincho", serif; font-weight: 700;
    font-size: 2.0rem;
  display: block;
    line-height: 1;
    color: #B98F00;
}
.faqList dt:after {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  content: "";
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cline%20y1%3D%2210%22%20x2%3D%2220%22%20y2%3D%2210%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%2210%22%20y1%3D%224.37114e-08%22%20x2%3D%2210%22%20y2%3D%2220%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center
}
.faqList dt.fa-plus-square:after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cline%20y1%3D%2210%22%20x2%3D%2220%22%20y2%3D%2210%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%222%22%2F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cline%20y1%3D%2210%22%20x2%3D%2220%22%20y2%3D%2210%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E');
}
.faqList dd {
  display: none;
  padding-bottom: 20px;
    
}

.faqList dd p{font-size: 1.4rem;}


#insta{padding:70px 4% 0 4%;}
#insta .wap{max-width: 1080px; margin: 0 auto;}
#insta .wap > .lBox h2{margin-bottom: 40px;}
#insta .wap > .lBox a{border-radius: 100px; border: 1px solid #000; padding:14px 20px 14px 22px;
    font-size: 1.4rem; text-align: center;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
        letter-spacing: 0.56px;
display: flex;
justify-content: center;
align-items: center;}

#insta .wap > .lBox a::before{
    content: "";
    width: 30px;
height: 30px;
    display: inline-block;
    background: url(../img/tatazumi/Instagram.png) no-repeat center center;
    background-size: contain;
    margin-right: 10px;
}

#insta .wap .instaBox{display: flex;}

@media only screen and (min-width:813px) {
    #insta .wap{display: flex; justify-content: space-between;}
    #insta .wap > .lBox{margin-right: 10px;}
    #insta .wap .instaBox{max-width:790px; width: 100%; gap:2px;}
    #insta .wap .instaBox a{width:calc((100% - 6px) / 4);}
    #insta .wap .instaBox img{max-width: 100%; height: auto;}
}

@media only screen and (max-width:812px) {
    #insta .wap .instaBox{flex-wrap: wrap; gap:2px;}
    #insta .wap > .lBox{margin-bottom: 40px;}
    #insta .wap > .lBox a{max-width:228px; width: 100%; }
    #insta .wap .instaBox a{width:calc((100% - 2px) / 2);}
    #insta .wap .instaBox img{width: 100%; height: auto;}
    
}

/*----------------------------------------------------
 contactBox
----------------------------------------------------*/

.style_wap > section > .box:not(:last-of-type){
    margin-bottom: 40px;
}
.style_wap > section > .box{
    /*! max-width: 700px; */
    /*! width: 100%; */
    /*! margin-left: auto; */
    /*! margin-right: auto; */
}

.style-01{padding:80px 4%;position: relative;}
.style_wap > .style-01:nth-of-type(even){padding:80px 4%; background-color: #FFF2DF;
}


.style_wap > .style-01:nth-of-type(odd)::after{
    z-index: 1;
    position: absolute;
    bottom: -19px;
    left: 0;
 content: "";
  display: block;
  width: 100vw;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2220%22%20viewBox%3D%220%200%2074%2020%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_62_272)%22%3E%3Cpath%20d%3D%22M55.4%205.92593C43%20-1.97531%2030.6%20-1.97531%2018.2%205.92593C12.1333%209.79158%206.06666%2011.766%200%2011.8491L0%2020L74%2020L74%2011.8519C67.8%2011.8518%2061.6%209.87653%2055.4%205.92593Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_62_272%22%3E%3Crect%20width%3D%2274%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-position-x: 0%;
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-size: 74px;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: calc(-50vw + 50%) 0;
   transform: scaleY(-1); 
}

.style_wap > .style-01:nth-of-type(even)::after{
  z-index: 1;
    position: absolute;
    bottom: -19px;
    left: 0;
 content: "";
  display: block;
  width: 100vw;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2220%22%20viewBox%3D%220%200%2074%2020%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_62_273)%22%3E%3Cpath%20d%3D%22M55.4%205.92593C43%20-1.97531%2030.6%20-1.97531%2018.2%205.92593C12.1333%209.79158%206.06666%2011.766%200%2011.8491L0%2020L74%2020L74%2011.8519C67.8%2011.8518%2061.6%209.87653%2055.4%205.92593Z%22%20fill%3D%22%23FFF2DF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_62_273%22%3E%3Crect%20width%3D%2274%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-position-x: 0%;
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-size: 74px;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: calc(-50vw + 50%) 0;
    transform: scaleY(-1);
}


.style_wap > section > .box > div:not(:last-of-type){
    margin-bottom: 40px;
}

.style-02{padding:80px 4%; background-color: #FFF2DF;}


.content_bg{position: relative; overflow:hidden;
padding-top: 400px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.content_bg.bg01::after{
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
 content: "";
  display: block;
  width: 100vw;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2220%22%20viewBox%3D%220%200%2074%2020%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_62_272)%22%3E%3Cpath%20d%3D%22M55.4%205.92593C43%20-1.97531%2030.6%20-1.97531%2018.2%205.92593C12.1333%209.79158%206.06666%2011.766%200%2011.8491L0%2020L74%2020L74%2011.8519C67.8%2011.8518%2061.6%209.87653%2055.4%205.92593Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_62_272%22%3E%3Crect%20width%3D%2274%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-position-x: 0%;
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-size: 74px;
  animation-name: slide_img_r;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: calc(-50vw + 50%) 0;
}
.content_bg.bg02::after{
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
 content: "";
  display: block;
  width: 100vw;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2274%22%20height%3D%2220%22%20viewBox%3D%220%200%2074%2020%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_62_273)%22%3E%3Cpath%20d%3D%22M55.4%205.92593C43%20-1.97531%2030.6%20-1.97531%2018.2%205.92593C12.1333%209.79158%206.06666%2011.766%200%2011.8491L0%2020L74%2020L74%2011.8519C67.8%2011.8518%2061.6%209.87653%2055.4%205.92593Z%22%20fill%3D%22%23FFF2DF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_62_273%22%3E%3Crect%20width%3D%2274%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-position-x: 0%;
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-size: 74px;
  animation-name: slide_img_r;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin: calc(-50vw + 50%) 0;
}

@media only screen and (max-width:812px){
.content_bg{position: relative; overflow:hidden;
padding-top: 250px;
    }
}



/* */
.textBox{}

/* テキスト */
.Box01{text-align: center;}

/*  */
.Box02{
margin-left: auto;
margin-right: auto;
max-width: 600px;    
text-align: center;}
.Box02 > p.textB{font-size: 2.0rem;
font-weight: 700;
line-height: 160%; /* 32px */
letter-spacing: 1px;
}
.Box02 > p:not(:last-of-type){
    margin-bottom: 10px;
}

.Box02 > p:not(.textB){
 text-align: center;
}

.Box03{
margin-left: auto;
margin-right: auto;
max-width: 600px;
background: #E6F3FF;
padding:30px;

border-radius: 8px;
}
.Box03 .tit{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
}

.style_buyer .Box04:not(:last-of-type){margin-bottom: 40px;}

.style_buyer .Box04 figure{
    width: 244px;
    background: #fff;
    position: relative;
    overflow: hidden;
    margin-right: 40px;
    margin-bottom: 0;
    border: 1px solid #eaeaea;
}
.style_buyer .Box04 figure::before{
    content: "";
    padding-top: 100%;
    display: block;
}
.style_buyer .Box04 figure img{
 width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    right: 0;
    bottom: 0;
    margin: auto;
}

.style_buyer .Box04 dl{display: flex;flex-wrap: wrap;
font-size: 1.4rem;}
.style_buyer .Box04 dl dt{
    width:90px;
    font-weight: 700;
}
.style_buyer .Box04 dl dd{width:calc(100% - 90px);}

.style_buyer .Box04 dl dt:not(:first-of-type),
.style_buyer .Box04 dl dd:not(:first-of-type){margin-top: 5px;}

.mapBox {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 30%;
    margin-top: 20px;
}
.mapBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.style_buyer .Box04 h4{width:100%;
border-bottom: 2px #FF7328 solid;
padding: 0 0 10px 0;
margin-bottom: 20px;
    font-size: 2.0rem;
}

@media only screen and (min-width:813px) {
    .style_buyer .Box04{display: flex; flex-wrap: wrap;width: 100%;max-width: 700px;margin-left: auto;margin-right: auto;align-items: start;}
    .style_buyer .Box04 h4{width:100%;}
    .style_buyer .Box04 .figure{width:264px; margin-right: 40px;}
    .style_buyer .Box04 dl{width: calc(100% - 284px);}
    
}
@media only screen and (max-width:812px){
.style_buyer .Box04 figure{
    width: 100%;
    max-width: 350px; margin: 0 auto 20px auto;}
    .style_buyer .Box04 h4{font-size: 1.8rem;}
.mapBox {

  padding-top: 50%;
    }
    
      
    }

.style_info .infoBox{width:100%; margin:0 auto; max-width: 600px;}

.style_info .infoBox dt{color: rgba(0, 0, 0, 0.50);
font-family: 'Montserrat', sans-serif; font-weight:600;
font-size: 1.4rem;
font-style: normal;
line-height: 140%;
letter-spacing: 0.7px;}
.style_info .infoBox dd{}
.style_info .infoBox dl{
    border-bottom: 1px solid #EAEAEA;
    padding-bottom:20px;
}
.style_info .infoBox > dl:not(:last-of-type){margin-bottom:20px;}

#btn_info{margin: 40px auto 0 auto;
display: block;
padding-right: 20px;
background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        appearance: none;
position: relative;
height: 19px;
line-height: 19px;
    font-size: 1.6rem;
}
#btn_info::before{content: "もっと見る";
color: #000;
text-align: center;
font-family: 'Zen Kaku Gothic New', sans-serif; font-weight:700;
font-size: 1.6rem;
font-style: normal;
line-height: 140%; /* 22.4px */
letter-spacing: 0.8px;}
#btn_info::after{content: "";
display: block;
width: 19px;
height: 19px;
position: absolute;
right: 0;
top: 2px;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%229.5%22%20r%3D%229.5%22%20transform%3D%22matrix(1%200%200%20-1%200.5%2019.5)%22%20fill%3D%22%23FF6D1F%22%2F%3E%3Cpath%20d%3D%22M6%2011.5L10%207.5L14%2011.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: center center;
background-size: 19px;
transform: scaleY(-1);
}

#btn_info.on::before{content: "閉じる";
color: #000;
text-align: center;
font-family: 'Zen Kaku Gothic New', sans-serif; font-weight:700;
font-size: 1.6rem;
font-style: normal;
line-height: 140%; /* 22.4px */
letter-spacing: 0.8px;}
#btn_info.on::after{
transform: scaleY(1);
}




.otopaBox{width:100%; max-width: 600px;
display: flex;
justify-content: center;
margin: 0 auto;
}
.otopaBox > div:first-of-type{margin-right: 40px;}
.otopaBox > div img{max-width:100%; height: auto;}
.tgdeta{display: none;}
/* 画像のみ */
.parts_img figcaption{margin-top: 1px; text-align: center;}
.parts_img.imgBox01{text-align: center;}
.parts_img.imgBox01 .img{text-align: center;}
.parts_img.imgBox01 .img span img{max-width: 100%; height: auto;}

.parts_img.imgBox02{width:100%; max-width: 1080px;margin: 0 auto;}
.parts_img.imgBox02{
    display: flex;
    flex-wrap: wrap;
  gap:12px;
}


.parts_img.imgBox02 .img figure{
  width: 100%;
}

.parts_img.imgBox02 .img span{
   background-color: #fff;
border: 1px solid #EAEAEA;
/*! margin-bottom: 12px; */
height: 80px;
justify-content: center;
align-items: center;
padding: 8px;
   position: relative;
  display: flex;
  width: 100%;
  height: 80px;
}
.parts_img.imgBox02 .img span img{
   /*! max-width: 100%; */ /*! height: auto; */
/*   width: auto;
   height: auto;*/
   max-width: 90%;
   max-height: 90%;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
   right: 0;
   bottom: 0;
   margin: auto;
}
@media only screen and (min-width:813px){

.parts_img.imgBox02 > .img{
    width: calc((100% - 36px) / 4);
}
    .parts_img.imgBox02 > .img:not(:nth-child(4n)){
        /*! margin-right: 12px; */
    }
    
    
    
}
@media only screen and (max-width:812px){
.parts_img.imgBox02 .img{ 
    width: calc((100% - 12px) / 2);
}
    .parts_img.imgBox02 > .img:not(:nth-child(2n)){
       /* margin-right: 12px;*/
    }
    
    .parts_img.imgBox02 > .img img{
   /*! max-width: 100%; */ /*! height: auto; */
   width: auto;
   height: auto;
   max-width: 80%;
        max-height: 80%;}
}


.flexBox01{width:100%; max-width: 1080px; margin-left: auto; margin-right: auto;}
.flexBox01 h3,
.flexBox01 h4,
.flexBox01 h5{color: #005AAD;
font-weight: 700;
line-height: 140%; /* 33.6px */
letter-spacing: 1.2px;
font-size: 2.4rem;
text-align: center;
}
.flexBox01 .subtit{color: #005AAD;
font-weight: 700;
line-height: 160%; /* 25.6px */
letter-spacing: 0.8px;
text-align: center}
.flexBox01 > div .txt{margin-top: 20px;
  padding-bottom: 20px;}

.flexBox01 > div .txt img{width:100%; height: auto;}

.flexBox01 > div{
    background-color: #fff;
    padding: 20px 20px 30px 20px;
    border-radius: 8px;
    margin-bottom: 40px;
}
.flexBox01 > div .btn-m{
margin-top: auto;
    display: block;
    padding: 18px 0px;
    font-weight: 700;
line-height: 140%; /* 22.4px */
letter-spacing: 0.8px;
    color: #fff;
    text-align: center;
    position: relative;
    background-color: #005AAD;
    border-radius: 50px;
}

.flexBox01 > div .btn-m::after{
position: absolute;
  display: block;
  right: 15px;
  top: 44%;
  width: 4px;
  height: 8px;
  content: "";
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%209L5%205L1%201%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
background-size: contain;
background-repeat: no-repeat;
}

@media only screen and (min-width:813px){
    .flexBox01{display: flex; flex-wrap: wrap;}
.flexBox01 > div{ display: flex;
    flex-flow: column;
    width: calc((100% - 78px) / 3);
}
.flexBox01 > div:not(:nth-of-type(3n)){
        margin-right: 39px;
    }    
}

.box-style01{margin:0 auto; max-width: 1080px; width:100%;}
.box-style01 .f_logoimg img{max-width: 100%; height: auto;}

@media only screen and (min-width:813px){
    .box-style01{display: flex;
    align-items: center;
    justify-content: center;}
    .box-style01 .f_logoimg{width:312px; margin-right: 40px; }
   /* .box-style01 .texts{width:calc(100% - 352px);}*/
}
@media only screen and (max-width:812px){
    .box-style01 .f_logoimg{width:100%; margin-bottom: 40px; text-align: center;max-width: 120px; margin: 0 auto 40px;}
}




.buyer_txt{margin-bottom: 40px;}
.page_nav{display: flex; flex-wrap: wrap;}
.page_nav li{}
.page_nav li a{display: block;padding: 10px; text-align: center; width: 100%;
font-weight: 700; border: 1px solid #242F53; color: #242F53; letter-spacing: 0.48px;}
.page_nav li a:hover{color:#fff; background-color: #242F53; opacity: 1;}
.page_nav{gap:20px;}
@media only screen and (min-width:813px){
.page_nav li{width: calc((100% - 60px) / 4);}
}
@media only screen and (max-width:812px){
.page_nav li{width: 100%;} 
}

#adList{padding: 80px 4%;}


#adList .wap > div{padding: 30px 0;}
#adList .wap > div:last-of-type{margin-bottom: 0;}
#adList .wap > div h2{border-bottom: 1px solid rgba(0,0,0,.5);
  padding-bottom: 16px;
  margin-bottom: 40px;
  font-size: 2.4rem;}

.adListBox > div img{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;}
.adListBox > div figure{position: relative;
  overflow: hidden;
  padding-top: 70%; /* 比率 */ margin-bottom: 15px;}
.adListBox > div .tag {
  margin-right:20px;
  color:#e52085;
  letter-spacing:.04em;
  font-size:1.2rem;
  font-weight:700;
}

.adListBox > div .area{
  color:#047654;
  letter-spacing:.04em;
  font-size:1.2rem;
  font-weight:700;
    
}

.adListBox > div h3{margin-bottom: 8px;}
.adListBox > div a p{font-size: 1.4rem; line-height: 1.6;}
.adListBox > div .upday{font-size: 1.2rem; margin-top: 3px;}



@media only screen and (min-width:813px){
   .adListBox{display: flex; gap:50px 30px; flex-wrap: wrap;} 
    
    .adListBox > div{width:calc((100% - 60px) / 3);}
}
@media only screen and (max-width:812px){
    #adList{padding: 40px 4%;}
    .adListBox > div:not(:last-of-type){margin-bottom:40px; }
}

/*バナー*/
#bnr{
  padding:80px 4%;
}
.bannerlist {
  margin:0 auto;
  max-width:1080px
}
.bannerlist li img {
  width:100%;
  max-width:520px;
  height:auto
}
@media only screen and (min-width:1082px) {
  .bannerlist {
    margin:0 auto;
    max-width:1080px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap
  }
  .bannerlist li {
    text-align:center;
    width:calc((100% - 40px)/2)
  }
}
@media only screen and (max-width:1081px) {
    #bnr{
  padding:0 4% 40px 4%;
}
  .bannerlist li {
    text-align:center;
    width:100%
  }
  .bannerlist li:not(:last-of-type) {
    margin-bottom:20px
  }
}

/*----------------------------------------------------
 under
----------------------------------------------------*/
.breadcrumb {
font-size: 1.2rem;
padding: 15px 0;
color: #000;
width: 1080px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1081px) {
.breadcrumb {
font-size: 1.1rem;
width: 90%;
padding: 10px 0;
}
}
.breadcrumb li {
display: inline-block;
    margin-right: 3px;
}
.breadcrumb a {
color: rgba(0, 0, 0, 0.5);
display: inline-block;
position: relative;
padding-right: 12px;
}
.breadcrumb a:after {
content: "";
display: block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%224%22%20height%3D%228%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.5%209L4.5%205L0.5%201%22%20stroke%3D%22%237f7f7f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");
width: 4px;
height: 8px;
position: absolute;
right: 2px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
}



#shinglmain article{padding: 40px 4% 0 4%;}
#shinglmain article section{width:100%; margin: 0 auto; max-width: 800px;}
#shinglmain article .main_img img{max-width: 100%; height: auto;}
#shinglmain article .main_img{margin-bottom: 40px;}
#shinglmain article section h1{font-size: 2.8rem; line-height: 1.6;
font-family: "Zen Old Mincho", serif; font-weight: 700; letter-spacing: 1.4px;}

#shinglmain article section .tatazumi_ct span{
    display: inline-block;
    border: 1px solid #B98F00;
background:#FCFAF4;
    padding: 5px 10px;
    line-height: 1;
    font-size: 1.4rem;
    text-align: center;
    color: #B98F00;
font-style: normal;
font-weight: 700;
letter-spacing: 0.6px;
}
#shinglmain article section .tatazumi_ct{margin-bottom: 5px;}

#shinglmain article section .tatazumi_tag{padding-top: 10px;}
#shinglmain article section .tatazumi_tag{display: flex; flex-wrap: wrap; gap:10px 12px;}
#shinglmain article section .tatazumi_tag span{
    display: inline-block;
    line-height: 1.5;
    font-size: 1.4rem;
    text-align: center;
    color: #B98F00;
font-style: normal;
font-weight: 700;
letter-spacing: 0.48px;
}


#shinglmain article section h1 br{display: none !important;}
#shinglmain .dateBox dl {
margin-bottom: 10px;
font-size: 1.4rem;
overflow: hidden;
}

#shinglmain .dateBox{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1081px) {
#shinglmain .dateBox dl {
font-size: 1.1rem;
margin-bottom: 5px;
}
}
#shinglmain .dateBox dl dt {
float: left;
clear: both;
}
#shinglmain .dateBox dl dd {
float: left;
}

#shinglmain .dateBox .area{
  letter-spacing: 0.04em;
  font-size: 1.4rem;
  font-weight: 700;}

.sns_addtoany {
  width:100%;
  max-width:800px;
  margin:5px auto
}

#shinglmain .dateBox .area span{color: #047654;}

#shinglmain .shingsection{display: flex; flex-flow: column;}
#shinglmain .shingsection .secTop{order: 1;}
#shinglmain .shingsection .dateBox{order: 2;}
#shinglmain .shingsection #ez-toc-container{order: 3;}
#shinglmain .shingsection .cont{order: 4;}

#shinglmain .shingsection .cont p{margin-bottom: 10px;}
#shinglmain .shingsection .cont h2{
    margin-top: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-bottom: 16px;
  margin-bottom: 40px;
  font-size: 2.4rem;
    font-family: "Zen Old Mincho", serif; font-weight: 700;
    
}

#shinglmain .shingsection .cont a{text-decoration: underline;}
#shinglmain .shingsection .cont a:hover{text-decoration: none;}

#shinglmain .shingsection .cont h3{
  margin-top: 40px;
  font-size: 1.8rem;
    font-family: "Zen Old Mincho", serif; font-weight: 700;
}

#shinglmain .shingsection .cont h4{
    font-family: "Zen Old Mincho", serif; font-weight: 700;
}


#shinglmain .shingsection .cont h5{
    font-family: "Zen Old Mincho", serif; font-weight: 700;
}

#shinglmain .shingsection .cont .parts_reed{
    margin-top: 60px;
    font-size: 2.6rem;
    font-family: "Zen Old Mincho", serif; font-weight: 700;
    margin-bottom: 40px;
    
}

#shinglmain .shingsection .cont figure{margin:40px 0;}
#shinglmain .shingsection .cont figure img{max-width: 100%; height: auto;}
#shinglmain .shingsection .cont figure figcaption{margin-top: 3px; font-size: 1.4rem; text-align: right;}

#ez-toc-container {
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 8px;
padding: 30px 40px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1081px) {
#ez-toc-container {
padding: 20px;
}
}
#ez-toc-container .ez-toc-title {
text-align: center;
margin-bottom: 14px;
font-weight: 700;
}
#ez-toc-container .ez-toc-list li {
position: relative;
counter-increment: cnt;
/*padding-left: 24px;*/
}
#ez-toc-container .ez-toc-list li a {
color: #315CDE;
text-decoration: underline;
text-underline-offset: 1px;
}
#ez-toc-container .ez-toc-list li a:hover {
text-decoration: none;
}
#ez-toc-container .ez-toc-list li:not(:last-of-type) {
margin-bottom: 10px;
}
#ez-toc-container .ez-toc-list li:before {
/*content: counter(cnt) ".";
position: absolute;
top: 0;
left: 0;*/
}

#ez-toc-container .ez-toc-list li.m_h3::before{content:"-"; margin-right: 5px;}
#ez-toc-container .ez-toc-list li.m_h4::before{content:"-"; margin-right: 5px; margin-left: 25px;}
#ez-toc-container .ez-toc-list li.m_h5::before{content:"-"; margin-right: 5px; margin-left: 50px;}

#ez-toc-container {
    position: relative;
}

#ez-toc-container > div{
    position: relative;
    max-height: 240px; /* 開く前に見せたい高さを指定 */
    margin-bottom: 0;
    overflow: hidden;
    transition: max-height 1s;
}

#ez-toc-container:has(:checked) > div{
    max-height: 100vh;
}

#ez-toc-container > div::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff);
    content: '';
}

#ez-toc-container:has(:checked) > div::after {
    content: none;
}

#ez-toc-container label {
    display: flex;
    align-items: center;
    gap: 0 4px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.6rem;
}

#ez-toc-container label:hover {
    color: #c7511f;
    text-decoration: underline;
    cursor: pointer;
}

#ez-toc-container:has(:checked) label {
    display: none;
}

#ez-toc-container label::after {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #b6bdc3;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

#ez-toc-container input {
    display: none;
}

/*----------------------------------------------------
 title
----------------------------------------------------*/
.title01{font-size: 4.0rem;;
line-height: 1.4;
letter-spacing: 2px;
font-family: "Zen Old Mincho", serif; font-weight: 700;
}
.title01::after{
    margin-top: 20px;
    content: "";
    display:block;
    width: 58px;
height: 10px; 
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%2210%22%20viewBox%3D%220%200%2058%2010%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M46%202H0V0H46V2Z%22%20fill%3D%22%23F2D101%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M52%2010H21V8H52V10Z%22%20fill%3D%22%23F2D101%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15%2010H6V8H15V10Z%22%20fill%3D%22%23F2D101%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M58%202H52V0H58V2Z%22%20fill%3D%22%23F2D101%22%2F%3E%3C%2Fsvg%3E');
background-size: contain;
background-repeat: no-repeat;

}
.title02{
color: #000;
text-align: center;
font-family: "Zen Old Mincho";
font-size: 4.0rem;
font-style: normal;
font-weight: 700;
line-height: 1.4;
letter-spacing: 2px;
    margin-bottom: 40px;
}

.title02::after{
    margin-top: 20px;
    content: "";
    display:block;
    width: 58px;
height: 10px; 
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258%22%20height%3D%2210%22%20viewBox%3D%220%200%2058%2010%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M46%202H0V0H46V2Z%22%20fill%3D%22%23F2D101%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M52%2010H21V8H52V10Z%22%20fill%3D%22%23F2D101%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15%2010H6V8H15V10Z%22%20fill%3D%22%23F2D101%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M58%202H52V0H58V2Z%22%20fill%3D%22%23F2D101%22%2F%3E%3C%2Fsvg%3E');
background-size: contain;
background-repeat: no-repeat;
    margin: 20px auto 0 auto;

}

@media only screen and (max-width:812px){
    .title01{font-size: 3.0rem;}
    .title02{font-size: 2.8rem;}
    .title03{font-size: 2.4rem;}
}



/*- list --------  */
.list01{list-style:none;}
.list01 li{position:relative; padding-left:1.6rem; margin-bottom:5px;}
.list01 li:before{content:"・"; display:inline-block; line-height:140%; position:absolute; margin-top:3px; left:0;}
.list01 li:last-child{margin-bottom:0;}
@media only screen and (max-width:812px){
    .list01 li{line-height: 1.4;}
    .list01 li:before{line-height: 1.4;top:0;}
}

/* 枠付き */
.list02{list-style:none; padding: 20px 30px; border:1px solid #ccc; -moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;}
.list02 li{position:relative; padding-left:2.8rem; margin-bottom:5px;}
.list02 li:before{content:"●"; display:inline-block; line-height:140%; position:absolute; margin-top:3px; left:0; color:#094;}
.list02 li:last-child{margin-bottom:0;}

.list03{list-style:none;}
.list03 li{margin-bottom:15px;}
.list03 li:last-child{margin-bottom:0;}

.list_notes{list-style:none;font-size: 1.3rem;}
.list_notes li{position:relative; padding-left:1.6rem;}
.list_notes li:before{content:"※"; display:inline-block; line-height:140%; position:absolute; margin-top:3px; left:0;}
.list_notes li:last-child{margin-bottom:0;}

/* 英数字 */
.list_n01{counter-reset:number; list-style:none; }
.list_n01 > li{padding-left:17px; position:relative;}
.list_n01 > li:before{counter-increment: number; content: counter(number) "."; display:inline-block;position:absolute; left:0;}
.list_n01 > li:last-child{margin-bottom:0;}

/* 英数字 */
.list_n02{counter-reset:number2; list-style:none;}
.list_n02 > li{padding-left:25px; position:relative;}
.list_n02 > li:before{counter-increment: number2; content: counter(number2) ")"; display:inline-block; position:absolute; left:0;}
.list_n02 > li:last-child{margin-bottom:0;}

/* 漢数字 */
.list_n04{counter-reset:number3; list-style:none;}
.list_n04 li{padding-left:25px; position:relative;}
.list_n04 li:before{counter-increment: number3; content: counter(number3,cjk-ideographic) ; display:inline-block; position:absolute; left:0;}
.list_n04 li:last-child{margin-bottom:0;}

/* カタカナ */
.list_kana{counter-reset:kana; list-style:none; }
.list_kana li{padding-left:20px; position:relative;}
.list_kana li:before{counter-increment: kana; content: counter(kana,katakana) ")"; display:inline-block; position:absolute; left:0;}
.list_kana li:last-child{margin-bottom:0;}

/*wp-pagenavi base*/


@media only screen and (max-width:812px){
.sp_scrolle_wap{border:1px solid #dcdcdd;width:100%; padding:10px;}
.sp_scrolle{
overflow-x: scroll;
width:100%;
max-width:1000px;
}
.sp_scrolle img{
width:640px;
display: block;
margin:0 auto;}
.sp_scrolle table{white-space: nowrap; width:1080px;}

.scroll-hint-icon{width: 150px !important;
height: 90px !important;}
.scroll-hint-text{font-size:11px !important;}
}

.slick-dots li button {      
  background: transparent;   
  border:0;   
  font-size: 0pt; 
}
main.form{margin:0 0 0}


.wap01{width:100%; max-width: 700px; margin-left: auto; margin-right:auto;}
.wap02{width:100%; max-width: 800px; margin-left: auto; margin-right:auto;
line-height: 150%; /* 21px */
letter-spacing: 0.7px;}
.wap{width:100%; max-width: 1080px; margin-left: auto; margin-right:auto;}


/*----------------------------------------------------
 Anime
----------------------------------------------------*/
@keyframes slide_img {
  100% {
    background-position:-10000px 0;
  }
}
@keyframes slide_img_r {
  100% {
    background-position:10000px 0;
  }
}
/*----------------------------------------------------
 common
----------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }

/* placeholder */
input::-webkit-input-placeholder {
 font-size: smaller;
}
input:-moz-placeholder {
 font-size: smaller;
}
@media only screen and (min-width: 813px) {
.pcNone{ display:none !important;}
/*.spNone{ display:initial !important;}*/
}
.spOnly{display: none !important;}
.btPCNone{display:none !important;}
@media only screen and (max-width:812px){
/*.pcNone{ display:initial !important;}*/
.spNone{ display:none !important;}
.spOnly{display:inline !important;}
.btPCNone{display:inline;}
}

a[href*="tel:"] {
	pointer-events: none;
}

@media only screen and (max-width: 812px) {
	
	a[href*="tel:"] {
		pointer-events: initial;
	}
}

.mb0 { margin-bottom:0 !important;}
.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb25 { margin-bottom:25px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}
.mb70 { margin-bottom:70px!important;}
.mb80 { margin-bottom:80px!important;}
.mb90 { margin-bottom:90px!important;}
.mb100 { margin-bottom:100px!important;}
.mb120 { margin-bottom:120px!important;}

.ml0 { margin-left:0 !important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml12 { margin-left:12px!important;}
.ml13 { margin-left:13px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}
.ml25 { margin-left:25px!important;}
.ml30 { margin-left:30px!important;}

.mr0 { margin-right:0 !important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mr20 { margin-right:20px!important;}
.mr30 { margin-right:30px!important;}

.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mt20 { margin-top:20px!important;}
.mt30 { margin-top:30px!important;}
.mt40 { margin-top:40px!important;}
.mt50 { margin-top:50px!important;}
.mt60 { margin-top:60px!important;}

.pt5 { padding-top:5px!important;}
.pt10 { padding-top:10px!important;}
.pt20 { padding-top:20px!important;}
.pt30 { padding-top:30px!important;}
.pt40 { padding-top:40px!important;}

.pb5 { padding-bottom:5px!important;}
.pb10 { padding-bottom:10px!important;}
.pb20 { padding-bottom:20px!important;}
.pb60 { padding-bottom:60px!important;}
.pb100{ padding-bottom: 100px!important;}
.text08{ font-size:0.8rem!important;}
.text09{ font-size:0.9rem!important;}
.text10{ font-size:1rem!important;}
.text11{ font-size:1.1rem!important;}
.text12{ font-size:1.2rem!important;}
.text13{ font-size:1.3rem!important;}
.text14{ font-size:1.4rem!important;}
.text15{ font-size:1.5rem!important;}
.text16{ font-size:1.6rem!important;}
.text18{ font-size:1.8rem!important;}
.text20{ font-size:2rem!important;}
.text24{ font-size:2.4rem!important;}
.text28{ font-size:2.8rem!important;}
.text30{ font-size:3rem!important;}
.textC { text-align:center!important;}
.textR { text-align:right!important;}
.textL{ text-align: left!important;}
.textB {font-weight: 700!important;}
.textN{font-weight: 500!important;}
.textU{text-decoration:underline!important;}
.textI{padding-left: 1rem!important; text-indent: -1rem!important;}
.textI2{padding-left: 1.6rem!important; text-indent: -1.6rem!important;}

.bold{font-weight: bold;}

.red { color:#952525;}
.blue{ color: #00428E;}
.yellow{ color: #fffa00;}
.green{ color: #009944;}
.pink{ color: #FF505A;}
.orange{ color: #E97700;}
.brown{ color:#41342b;}
.gray{color:#555;}

.box10p { width: 10% !important;}
.box15p { width: 15% !important;}
.box20p { width: 20% !important;}
.box35p { width: 35% !important;}
.box40p { width: 40% !important;}
.box45p { width: 45% !important;}
.box48p { width: 48% !important;}
.box49p { width: 49% !important;}
.box50p { width: 50% !important;}
.box55p { width: 55% !important;}
.box60p { width: 60% !important;}
.box65p { width: 65% !important;}
.box70p { width: 70% !important;}
.box75p { width: 75% !important;}
.box80p { width: 80% !important;}
.box100p{ width: 100% !important;}

.lrAuto{ margin-left:auto; margin-right:auto;}


@media only screen and (min-width:813px) {
    .flex02{display: flex; flex-wrap: wrap;}
    .flex02 > div{width:46%;}
    .flex02 > div:nth-of-type(n+3){margin-top: 8%;}
    .flex02 > div:not(:nth-of-type(2n)){margin-right: 8%;}
}
@media only screen and (max-width:812px){
 .flex02 > div:not(:last-child){margin-bottom: 40px;}
}

@media only screen and (min-width:813px) {
    .flex03{display: flex; flex-wrap: wrap;}
    .flex03 > div{width:32%;}
    .flex03 > div:nth-of-type(n+4){margin-top: 4%;}
    .flex03 > div:not(:nth-of-type(3n)){margin-right: 2%;}
}
@media only screen and (max-width:812px){
 .flex03 > div:not(:last-child){margin-bottom: 40px;}
}

a.link_y {text-decoration:underline; color: #FDB500;}
a.link_y:hover{ text-decoration:none;}




a.link{text-decoration:underline;}
a.link:hover{ text-decoration:none;}

@media only screen and (min-width:813px) {
a[href*="tel:"].link{
pointer-events: none;
text-decoration:none;
}
}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}
@media only screen and (max-width:812px){
.textCsp { text-align:center!important;}
.textRsp { text-align:right!important;}
.textLsp { text-align: left!important;}
.mb20sp{margin-bottom:20px !important;}
}


/* 20221227 add mapImg */
.footWap { display: inherit; max-width: 880px;}
.logoBox { margin-bottom:40px;}
.f_logo{ margin: 0 auto;}
.footerAddress { display: flex; margin-bottom:60px}
.mapImgBox  img { max-width: 100%; height: auto;}

/* cookie */
.cookieJP:not(:lang(ja)){display: none !important;}
.cookieEN:not(:lang(en-US)){display: none !important;}
.cookieCN:not(:lang(zh-hant)){display: none !important;}

@media only screen and (min-width:667px){
.mapImgBox { width: 50%; max-width: 350px; margin-right: 40px;}
.adrBox { margin-bottom: 0;}
}

@media only screen and (max-width:666px){
  .footerAddress { flex-wrap: wrap;}
  .mapImgBox { width: 100%; order: 2; margin-bottom:0;}
  .adrBox { width: 100%; order: 1; margin-bottom:40px;}
}


.attraction_tit{
    padding: 70px 4% 0 4%;
}
.attraction_tit h1{margin-bottom:40px }

.attraction_tit > .wap{max-width: 1080px; margin: 0 auto 70px;}
.attraction_tit > figure{width: 100vw; margin: 0 calc(50% - 50vw);}
.attraction_tit > figure img{width: 100%; height: auto;}
@media only screen and (max-width:813px){
    .attraction_tit > .wap{margin-bottom: 40px !important;}
    
    .attraction_tit > figure{overflow-y: hidden;} 
    .attraction_tit > figure img{width: 100%;
height: 200px;
object-fit: cover;
object-position: right;}
.attraction_tit > figure.gallery_cate-activity img{
  object-position: center;  
}
.attraction_tit > figure.gallery_cate-facility img{
  object-position: 25% center;  
}    
    
}



#NewsArchive{padding:0 4%;}

.wp-pagenavi {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  gap:0 10px;
  color:#000;
  margin-top: 70px;
}
.wp-pagenavi a,
.wp-pagenavi .page-numbers.current{
    border: 1px solid #000;
  width: 38px;
height: 38px;
  display:inline-block;
  text-align:center;
  font-size:1.6rem;
  font-weight:700;
  font-style:normal;
  color:#000;
    line-height: 33px;
}
.wp-pagenavi .page-numbers.current{
    color: #fff;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover{
  display:inline-block;
  background-color:#000;
  color:#fff;
}
.wp-pagenavi .page-numbers.prev,
.wp-pagenavi .page-numbers.next{
  width: 38px;
height: 38px;
  display:inline-block;
  background-size:16px;
  background-position:center;
  background-repeat:no-repeat;
}
.wp-pagenavi .page-numbers.next{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%202.5C0.723858%202.5%200.5%202.72386%200.5%203C0.5%203.27614%200.723858%203.5%201%203.5L1%202.5ZM17%203L12%200.113249L12%205.88675L17%203ZM1%203.5L12.5%203.5L12.5%202.5L1%202.5L1%203.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');
}

.wp-pagenavi .page-numbers.next:hover{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%202.5C0.723858%202.5%200.5%202.72386%200.5%203C0.5%203.27614%200.723858%203.5%201%203.5L1%202.5ZM17%203L12%200.113249L12%205.88675L17%203ZM1%203.5L12.5%203.5L12.5%202.5L1%202.5L1%203.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

.wp-pagenavi .previouspostslink+p.extent {
  display:none
}
.wp-pagenavi .page-numbers.prev{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16%202.5C16.2761%202.5%2016.5%202.72386%2016.5%203C16.5%203.27614%2016.2761%203.5%2016%203.5L16%202.5ZM0%203L5%200.113249L5%205.88675L0%203ZM16%203.5L4.5%203.5L4.5%202.5L16%202.5L16%203.5Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');
}
.wp-pagenavi .page-numbers.prev:hover{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%226%22%20viewBox%3D%220%200%2017%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16%202.5C16.2761%202.5%2016.5%202.72386%2016.5%203C16.5%203.27614%2016.2761%203.5%2016%203.5L16%202.5ZM-2.38419e-07%203L5%200.113249L5%205.88675L-2.38419e-07%203ZM16%203.5L4.5%203.5L4.5%202.5L16%202.5L16%203.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

.wp-pagenavi .extend {
  font-size:1rem;
  font-weight:900;
  padding-top:8px
}
.wp-pagenavi .extend:last-of-type {
  display:none
}

.pagination {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:60px auto 0 auto;
  max-width:380px
}
.pagination p.link_pre,
.pagination p.link_next {
  min-width:78px
}
.pagination a {
  font-size:1.6rem;
  color:#140a9a;
  font-family:Poppins;
  font-weight:700;
  width:70px;
  text-align:center
}
.pagination a[rel^=prev],
.pagination a[rel^=next] {
  height:24px;
  line-height:24px;
  background-repeat:no-repeat;
  background-size:contain
}
.pagination a[rel^=prev] {
  padding-left:22px;
  position:relative
}
.pagination a[rel^=prev]:before {
  position:absolute;
  left:0;
  top:50%;
  margin-top:-6px;
  content:"";
  width:7px;
  height:12px;
  background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.50022%20-8.74034e-08C6.75614%20-6.50301e-08%207.01206%200.0974941%207.20705%200.293106C7.59765%200.683705%207.59765%201.31648%207.20705%201.70708L2.91296%205.99961L7.20705%2010.2934C7.59765%2010.684%207.59765%2011.3165%207.20705%2011.7071C6.81645%2012.0976%206.18368%2012.0976%205.79308%2011.7071L0.793406%206.70737C0.402806%206.31678%200.402806%205.684%200.793406%205.2934L5.79308%200.293731C5.98838%200.0968684%206.2443%20-1.09777e-07%206.50022%20-8.74034e-08Z%22%20fill%3D%22%23242F53%22%2F%3E%3C%2Fsvg%3E');
  background-size:contain;
  background-repeat:no-repeat
}
.pagination a[rel^=next] {
  padding-right:22px;
  position:relative
}
.pagination a[rel^=next]:after {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-6px;
  content:"";
  width:7px;
  height:12px;
  background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6.50022%20-8.74034e-08C6.75614%20-6.50301e-08%207.01206%200.0974941%207.20705%200.293106C7.59765%200.683705%207.59765%201.31648%207.20705%201.70708L2.91296%205.99961L7.20705%2010.2934C7.59765%2010.684%207.59765%2011.3165%207.20705%2011.7071C6.81645%2012.0976%206.18368%2012.0976%205.79308%2011.7071L0.793406%206.70737C0.402806%206.31678%200.402806%205.684%200.793406%205.2934L5.79308%200.293731C5.98838%200.0968684%206.2443%20-1.09777e-07%206.50022%20-8.74034e-08Z%22%20fill%3D%22%23242F53%22%2F%3E%3C%2Fsvg%3E');
  transform:scaleX(-1);
  background-size:contain;
  background-repeat:no-repeat
}

button.btnFaqMore{ 
width: 200px;
border: 1px solid #b98f00;
color: #b98f00;
padding: 10px 20px;
margin: -30px auto 60px;
display: block;
font-size: 15px;
font-weight: bold;
}