@charset "utf-8";
/*
Theme Name: nanpuu2022
*/

/*
#C8121B rgba(200,18,27,1.0)
#1E1717 rgba(30,23,23,1.0)
#4a3d2c rgba(74,61,44,1.0)
*/

/* common
---------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:bottom;border:0 none;}
ul,ol,li{list-style:none;}
strong{font-weight:700;color:inherit;}
em{font-style:normal;font-weight:500;color:inherit;}

/* HTML5 */
header, section, footer, aside, nav, article, figure, figcaption{margin:0;padding:0;display:block;}
canvas{display:block;}
/* IE8+, Chrome */
input,button{outline:0;}
/* Firefox */
input::-moz-focus-inner,button::-moz-focus-inner{border:0;}

html{
  width:100%;
  font-size:62.5%;
  line-height:1.0;
  -webkit-tap-highlight-color:rgba(30,23,23,0.1);
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  scroll-behavior: smooth;
}
body{
  font-size:1.74rem;
  letter-spacing:0.035em;
  line-height:1.75;
  font-family: 'Shippori Antique B1', sans-serif;
  font-feature-settings:"palt" 1;
  display: flex;
  flex-direction: column;
  color: rgba(30,23,23,1.0);
  font-weight: normal;
  background: #fff;
}
@media (max-width:1280px){

}
@media (max-width:960px){
body{
  font-size:15.6px;
  font-size:1.56rem;
}
}
@media (max-width:768px){
body{
  font-size:14.6px;
  font-size:1.46rem;
  line-height:1.6;
}
}
@media (max-width:480px){
body{
  font-size:13.2px;
  font-size:1.32rem;
}
}

::selection{background:rgba(30,23,23,0.1);}
::-moz-selection{background:rgba(30,23,23,0.1);}
/* link */
a{color:inherit;text-decoration:none;outline:none;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
a:hover{color:inherit;opacity:0.8;text-decoration:none !important;cursor:pointer;}
.a{display:inline-block;position:relative;line-height:1.5;padding-left:1px;padding-right:1px;}
.a:after{position:absolute;bottom:0;left:0;content:"";display:inline-block;width:100%;height:1px;border-bottom:dashed 1px currentColor;opacity:0.6;
-webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
.a:hover:after{opacity: 0;}
.target{pointer-events:none;}
a.target:after{border-bottom:none !important;}
a.anchor{display:block;height:0;width:0;transform:translateY(-100px);visibility:hidden;}
.arr{
  display: inline-block;
}
.arr:before{
  content:"";
  display:inline-block;
  width:0.5em;
  height:0.5em;
  border-top:solid 2px currentColor;
  border-right:solid 2px currentColor;
  transform: rotate(45deg);
  opacity: 0.8;
  line-height: 1.0;
  margin-right:0.8em;
}
.font01{font-family:'Noto Sans JP', sans-serif;letter-spacing: 0.04em !important;}
.tb-rl{
  writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	/*text-orientation: upright;*/
  text-orientation: mixed;
	-webkit-text-orientation: mixed;
	-moz-text-orientation: mixed;
	-ms-text-orientation: mixed;
  text-align: center;
}
i {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 700 !important;
}
img{max-width:100%;height:auto;aspect-ratio:attr(width) / attr(height);}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both !important;}
.tc{text-align:center!important;}
.tr{text-align:right !important;;}
.tl{text-align:left !important;}
.ib{display:inline-block;}
br{height:0;width:0;line-height:0;}
.nobr{display:none;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !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;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:120px !important;}
.mt130{margin-top:130px !important;}
.mt140{margin-top:140px !important;}
.mt150{margin-top:150px !important;}
.mt160{margin-top:160px !important;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10 !important;}
.mb20{margin-bottom:20 !important;}
.mb30{margin-bottom:30 !important;}
.mb40{margin-bottom:40 !important;}
.mb100{margin-bottom:100px !important;}
.mb120{margin-bottom:120px !important;}
.mb130{margin-bottom:130px !important;}
.mb140{margin-bottom:140px !important;}
.mb150{margin-bottom:150px !important;}
.mb160{margin-bottom:160px !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
@media (max-width:1280px){
br.br1280{display:block;}
.nobr1280{display:none;}
}
@media (max-width:960px){
br.br960{display:block;}
.nobr960{display:none;}
.mt50{margin-top:40px !important;}
.mt60{margin-top:40px !important;}
.mt70{margin-top:40px !important;}
.mt80{margin-top:40px !important;}
.mt90{margin-top:40px !important;}
.mt100{margin-top:40px !important;}
.mt120{margin-top:40px !important;}
}
@media (max-width:768px){
img{width:100%;height: auto;aspect-ratio:attr(width) / attr(height);}
br.br768{display:block;}
.nobr768{display:none;}
}
@media (max-width:600px){
br.br600{display:block;}
.nobr600{display:none;}
}
@media (max-width:480px){
br.br480{display:block;}
.nobr480{display:none;}
}

.w{
  overflow: hidden;
}
.main{
  display: block;
  min-height: 30vh;
}
.inner{
  width:92%;
  margin:0 auto;
  padding:50px 4%;
}
.inner0{
  width:92%;
  margin:0 auto;
  padding:0 4%;
}
.max1200{
  max-width: 1200px;
  margin:0 auto;
}
.max1100{
  max-width: 1100px;
  margin:0 auto;
}
.max1080{
  max-width: 1080px;
  margin:0 auto;
}
.max960{
  max-width: 960px;
  margin:0 auto;
}
.max800{
  max-width: 800px;
  margin:0 auto;
}
.bg01_w{
  position: relative;
  background:url(img/common/bg01.jpg) center top repeat-y;
  background-size: cover;
}
.bg01{
  position: relative;
  z-index: 0;
}
.bg01:before{   
  content: "";
  display: block;
  width: 70%;
  height: 0;
  position: absolute;
  top: 4vw;
  left: -5vw;
  z-index: -1;
  background:url(img/common/bg01_en01.png) right top no-repeat;
  background-size: contain;
  padding-top: 62%;
}
.bg01:after{   
  content: "";
  display: block;
  width: 45%;
  height: 0;
  position: absolute;
  top: -9vw;
  right: -15vw;
  z-index: -1;
  background:url(img/common/bg01_en02.png) left top no-repeat;
  background-size: contain;
  padding-top: 62%;
}
@media (max-width:1280px){
}
@media (max-width:960px){
}
@media (max-width:768px){
}
@media (max-width:600px){
.inner{
  padding: 30px 4% 40px;
}
.main_img_sub .inner{
  padding: 30px 4% 0;
}
}
@media (max-width:480px){
}


.header01{
  background: #C8121B;
  color: rgba(255,255,255,0.96);
}
.header01 .inner0{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header01 .hlogo{
  max-width: 460px;
  width: 40%;
}
.header01 .hnav01{
  display: flex;
  align-items: center;
  justify-content:flex-end;
}
.header01 .hnav01 a{
  font-size: 90%;
  padding: 0.5em 1em;
  font-weight: bold;
  color: rgba(255,255,255,0.9);
  display: inline-block;
}
.header01 .hnav01 i{
  display: none;
}
@media (max-width:960px){
}
@media (max-width:768px){
.header01 .hnav01{
  font-size: 86%;
  font-family:'Noto Sans JP', sans-serif;
  letter-spacing: 0.04em !important;
  text-align: center;
}
.header01 .hnav01 i{
  display: block;
  text-align: center;
  font-size: 240%;
  padding: 0.3em 0 3px;
}
}
@media (max-width:600px){
.header01 .inner0 {
  padding: 10px 4% 3px;
}
.header01 .hlogo {
  max-width: 270px;
  width: 70%;
  margin: 0 auto;
}
.header01 .hnav01 {
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.header01 .hnav01:before{
  position: absolute;
  left:0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 3em;
  display: block;
  content: "";
  background: rgba(255,255,255,0.5);
}
.header01 .hnav01:after{
  position: absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 3em;
  display: block;
  content: "";
  background: rgba(255,255,255,0.5);
}
.header01 .hnav01 li{
  min-width: 20vw;
  position: relative;
  opacity: 0.9;
}
.header01 .hnav01 li+li:before{
  position: absolute;
  left:0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 3em;
  display: block;
  content: "";
  background: rgba(255,255,255,0.5);
}
}
@media (max-width:480px){
.header01 .inner0 {
  padding: 10px 4% 1px;
}
}


.breadcrumb_w{
  text-align: right;
  padding: 1em 4%;
  font-size: 80%;
  opacity: 0.86;
  letter-spacing: 0;
}
.breadcrumb_w li{
  display: inline-block;
}
.breadcrumb_w li a{
  margin:0 0.6em;
  display: inline-block;
}
.breadcrumb_w li a:after{
  content: "";
  display: block;
  width: 100%;
  height: 0;
  border-bottom: dashed 1px currentColor;
  opacity: 0.6;
}
.breadcrumb_w li:last-child a{
  pointer-events: none;
}
.breadcrumb_w li:last-child a:after{
  border-bottom:none;
}
.breadcrumb_w li a br{
  display: none;
}
@media (max-width:1280px){
}
@media (max-width:960px){
}
@media (max-width:768px){
.header01 .inner0{
  flex-wrap: wrap;
}
}
@media (max-width:600px){
}
@media (max-width:480px){
}


.main .h2_ttl{
  text-align: center;
  font-size: 3.0em; 
  /*font-weight: 900;*/
  line-height: 1.1;
  letter-spacing: 0.07em;
}
.main .h2_ttl span{
  letter-spacing: 0.01em;
}
.main .h2_sttl{
  text-align: center;
  font-size: 2.1em; 
  line-height: 1.1;
  letter-spacing: 0.07em;
}
.main .h3_ttl{
  text-align: center;
  font-size: 1.9em; 
  line-height: 1.2;
  letter-spacing: 0.04em;
}
.main .h3_sttl{
  text-align: center;
  font-size: 1.5em; 
  line-height: 1.2;
  letter-spacing: 0.04em;
}
.main .catch01{
  font-size: 1.9em; 
  margin: 1.2em 0 0.3em;
  text-align: center;
  line-height: 1.54;
  opacity: 0.96;
}
.main p+p{
  margin-top:1em;
}
.main .l01{
  font-size: 120%;
  font-weight: bold;
}
.main .s01{
  font-size: 90%;
  opacity: 0.86;
}
.main article strong{
  color: rgba(200,18,27,1.0);
  font-weight: normal;
}
@media (max-width:960px){
}
@media (max-width:768px){
.main p{
  text-align: left;
}
}
@media (max-width:600px){
.main .h2_ttl{
  font-size: 2.4em; 
}
/*.main .h2_sttl{
  text-align: center;
  font-size: 2.1em; 
  line-height: 1.1;
  letter-spacing: 0.07em;
}
.main .h3_ttl{
  text-align: center;
  font-size: 1.9em; 
  line-height: 1.2;
  letter-spacing: 0.04em;
}*/
.main .catch01{
  font-size: 1.6em;
}
}
@media (max-width:480px){
}

.li01 li{
  padding-left: 1.5em;
  position: relative;
}
.li01 li:before{
  content:"- ";
  position: absolute;
  left:0.5em;
  top:0;
}
.main .table01 {
  border-collapse: separate;
  border-spacing: 1em;
  line-height: 1.46;
  width: 100%;
}
.main .table01 th {
  padding: 0.7em 1.5em;
  background: rgba(30,23,23,0.06);
  vertical-align: middle;
  max-width: 24%;
  width: 180px;
  box-sizing: border-box;
}
.main .table01 td {
  padding: 0.7em 1.5em;
  border-bottom: solid 1px rgba(30,23,23,0.6);
}
.main .area_w{
  display: -webkit-flex;
  display: flex;
  align-items:flex-start;
  justify-content:space-between;
  width: 100%;
}
.main .l_area{
  width:47%;
  order: 1;
}
.main .r_area{
  width:47%;
  order: 2;
}
@media (max-width:960px){
}
@media (max-width:768px){
}
@media (max-width:600px){
.main .table01,
.main .table01 tbody,
.main .table01 tr,
.main .table01 th,
.main .table01 td{
  display: block !important;
  box-sizing: border-box;
}
.main .table01 th{
  width: 100% !important;
  max-width: none;
  text-align: left;
  border-bottom: none;
  padding: 1em;
}
.main .table01 td {
  width: 100%;
  padding: 1em;
  line-height: 1.7;
}
.main .area_w{
  flex-wrap: wrap;
}
.main .l_area{
  width:100%;
}
.main .r_area{
  width:100%;
}
}
@media (max-width:480px){
}

.main .btn01{
  margin: 1.5em auto;
  text-align: center;
}
.main .btn01 a{
  width: 100%;
  max-width: 550px;
  background:#C8121B;
  border-radius:0.1em;
  color: rgba(255,255,255,1.0);
  text-align: center;
  position: relative;
  display: block;
  padding: 0.7em 1.5em 0.8em 2.5em;
  font-size: 120%;
  line-height: 1.24;
  box-sizing: border-box;
  margin:0 auto;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
.menu01 .btn01 a,
.store01 .btn01 a {
  width: 80%;
  max-width: 360px;
  background: url(img/common/fbg01.jpg) center top repeat-y;
  background-size: cover;
  font-size: 100%;
}
.main .btn01 a:hover{
  background: #1E1717;
}
.main .btn01 a:after,
.info01 .info_li .txt_w .btn01 a:after {
  content: "";
  margin: 0.8rem 0 0 0.8em;
  width: 0.6rem;
  height: 0.6rem;
  border-top: solid 3px rgba(255,255,255,1.0);
  border-left: solid 3px rgba(255,255,255,1.0);
  transform: translateY(-50%) rotate(135deg); 
  transform-origin: center center;
  display: block;
  padding: 0;
  position: absolute;
  top: 39%;
  left: 0;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
.main .btn01 a:hover:after,
.info01 .info_li .txt_w .btn01 a:hover:after {
  left: 0.2em;
}
@media (max-width:960px){
}
@media (max-width:768px){
}
@media (max-width:600px){
}
@media (max-width:480px){
}

.youtube_w{
  text-align: center;
  max-width: 800px;
  margin-left:auto;
  margin-right: auto;
}
.youtube{
  display: inline-block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  line-height: 1.0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.short_w2{
  display: flex;
  justify-content: space-around;
}
.short_w{
  text-align: center;
  max-width: 360px;
  width: 86%;
  margin-right: auto;
}
.short_w2 .short_w{
  margin-left: auto;
}
.short{
  display: inline-block;
  position: relative;
  width: 100%;
  padding-top: 177.65%;
  line-height: 1.0;
}
.short iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media (max-width:960px){
}
@media (max-width:768px){
}
@media (max-width:600px){
}
@media (max-width:480px){
.short_w2{
  flex-wrap: wrap;
}
.short_w2 .short_w + .short_w{
  margin-top: 20px;
}
}

.notice01{
  font-size: 120%;
  font-weight: bold;
}
.notice01 .area_w div a{
  color: #fff;
  text-shadow: 1px 1px 3px rgba(30,23,23,0.4);
  font-size: 110%;
  background: rgba(30,23,23,1.0);
  display: block;
  position: relative;
}
.notice01 .area_w div a p{
  position: absolute;
  bottom:0.7em;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  width: 100%;
}
.notice01 .area_w div figure img{
  opacity: 0.7;
}
.notice01 .font01{
  margin-top: 0.5em;
  opacity: 0.86;
  font-size: 120%;
}
@media (max-width:960px){
}
@media (max-width:768px){
.notice01 .area_w div a p {
  text-align: center!important;
}
.notice01 .font01 {
  text-align: center!important;
  margin-bottom: 1em;
}
}
@media (max-width:600px){
.notice01 .area_w {
  width: 74%;
  max-width: 400px;
  margin: 0 auto;
}
}
@media (max-width:480px){
.notice01 .area_w {
  width: 86%;
}
}


.footer_w{
  position: relative;
  z-index: 2;
}
.footer01{
  background: url(img/common/fbg01.jpg) center top repeat-y;
  background-size: cover;
}
.footer01 .inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 4% 10px;
}
.footer01 .flogo_w{
  width: 360px;
}
.footer01 .flogo{
  max-width: 290px;
  float: left;
}
.footer01 .instagram{
  transform: translateY(10%);
  float: left;
  margin-left: 1em;
}
.footer01 .copyright{
  clear: both;
  font-size: 64%;
  color: rgba(255,255,255,0.9);
}
.footer01 .fnav01{
  display: flex;
  align-items: center;
  justify-content:flex-end;
  margin-bottom:0.3em;
  min-width: 360px;
}
.footer01 .fnav01 a{
  font-size: 80%;
  padding: 0.5em 1em;
  font-weight: bold;
  color: rgba(255,255,255,0.9);
}
.footer01 .flogo_w .instagram img{
  width: 46px!important;
}
.footer02{
  background: #C8121B;
  color: rgba(255,255,255,0.96);
}
.footer02 .inner{
  padding: 10px 4% 15px;
}
.footer02 .fnav02{
  display: flex;
  align-items:center;
  justify-content:flex-end;
}
.footer02 .fnav02 a{
  font-size: 74%;
  padding: 0 1em;
  opacity: 0.8;
  font-weight: bold;
}
@media (max-width:960px){
}
@media (max-width:768px){
.footer01 .inner {
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px 4% 10px;
}
.footer01 .fnav01 {
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.footer01 .fnav01 li{
  min-width: 24vw;
  text-align: center;
}
.footer01 .fnav01 a {
  padding: 1.2em 1em 0.8em;
  display: inline-block;
  margin: 0 auto;
}
.footer02 .inner {
  padding: 15px 4%;
}
.footer02 .fnav02 {
  flex-wrap: wrap;
  justify-content: center;
}
.footer02 .fnav02 li{
  min-width: 20vw;
  text-align: center;
}
.footer02 .fnav02 a {
  padding: 1.2em 1em 0.8em;
  display: inline-block;
  margin: 0 auto;
}
}
@media (max-width:600px){
}
@media (max-width:480px){
.footer01 .flogo_w {
  width: 100%;
}
.footer01 .flogo {
  max-width: 280px;
}
}


/* info
---------------------------------------------- */
/*#info .main_img.single .h2_sttl{
  line-height: 1.26;
  font-size: 2.5em;
}*/
.info01{
  padding-bottom: 40px;
}
.info01 .info_li li{
  margin-top: 2em;
  border-bottom: 1px solid rgba(12,12,12,0.6);
  border-right: 1px solid rgba(12,12,12,0.6);
  border-radius: 0 0 0.2em 0;
}
.info01.single .info_li li{
  display: block;
  padding: 0 3em 1.4em;
  box-sizing: border-box;
}
.info01 .info_li li > a{
  display: block;
  padding: 0 3em 1.4em;
  box-sizing: border-box;
}
.info01 .info_li li > a:hover{
  transform: translate(-0.5em,-0.5em);
  opacity: 1;
}
.info01 .info_li li > a .h3_ttl{
  text-align: left;
  font-size: 1.7em;
}
.info01.single .info_li .txt_w{
  padding: 2.1em 0 1.5em 3vw;
  color: rgba(30,23,23,0.94);
  line-height: 2.1;
}
.info01.single .info_li .txt_w p+p{
  margin-top: 1.64em;
}
.info01 .info_li .txt_w a{
  display:inline-block;
  position:relative;
  line-height:1.4;
  padding-left:1px;
  padding-right:1px;
}
.info01 .info_li .txt_w a:after{
  position:absolute;
  bottom:0;
  left:0;
  content:"";
  display:inline-block;
  width:100%;
  height:1px;
  border-bottom:dashed 1px currentColor;
  opacity:0.6;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
.info01 .info_li .txt_w a:hover:after{
  opacity: 0;
}
.info01 .new{
  padding: 0 1em 0.1em;
  margin-right:0.5em;
  background:rgba(200,18,27,1.0);
  border: 1px solid rgba(200,18,27,1.0);
  border-radius:0.2em;
  color: rgba(255,255,255,1.0);
  line-height: 1;
  font-size: 70%;
}
#index .new {
  padding: 0 1em 0.1em;
  margin-left: 1em;
  background: rgba(200,18,27,1.0);
  border: 1px solid rgba(200,18,27,1.0);
  border-radius: 0.2em;
  color: rgba(255,255,255,1.0);
  line-height: 1;
  font-size: 60%;
  vertical-align: 0.2em;
}
.index02 .cat{
  padding: 0 1em 0.1em;
  margin-left:1.5em;
  border: 1px solid rgba(200,18,27,1.0);
  color: rgba(200,18,27,1.0);
  border-radius:0.2em;
  line-height: 1;
  font-size: 54%;
  vertical-align: 0.36em;
}
.info01 .cat{
  padding: 0 1em 0.1em;
  margin-right:0.5em;
  border: 1px solid rgba(200,18,27,1.0);
  color: rgba(200,18,27,1.0);
  border-radius:0.2em;
  line-height: 1;
  font-size: 70%;
}
.info01 .date{
  float: right;
  opacity: 0.7;
}
.index02 .date{
  margin-right: 1.5em;
  opacity: 0.7;
  font-size: 96%;
}
.info01 .info_li .h3_ttl{
  line-height: 1.36;
  margin: 1em 0 0.8em;
}
/*.info01 .info_li .thumb{
  margin-top:1.5em;
}
.info01 .info_li .thumb img{
  width: 100%;
  height: auto;
}*/
.aligncenter {
  display: block;
  clear: both;
  margin: 0.25em auto 1.5em;
}
.alignleft {
  float: left;
  clear: both;
  margin: 0.25em 1.5em 0 0;
}
.alignright {
  float: right;
  clear: both;
  margin: 0.25em 0 0 1.5em;
}
del{
  opacity: 0.48;
  line-height: 1.86;
  display: inline-block;
}
.del{
  font-size: 86%;
  color: rgba(74,61,44,0.86);
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.06em !important;
}
.h3_ttl .del{
  font-size: 68%;
}
.del:before{
  content: "　- ";
}
.del:after{
  content: " -";
}
@media (max-width:1280px){
}
@media (max-width:960px){
}
@media (max-width:768px){
#info .main_img.single .h2_sttl{
  line-height: 1.1;
}
.info01.single .info_li li {
  padding: 0 3vw 1.4em;
}
.info01 .info_li li > a {
  display: block;
  padding: 0 3vw 1.4em;
}
.info01 .info_li a{
  padding: 1.7em 6% 2em;
}
}
@media (max-width:600px){
#info .main_img.single .h2_sttl{
  font-size: 8vw;
}
.info01 .info_li .h3_ttl{
  line-height: 1.36;
}
.info01 .info_li .more {
  transform: rotate(135deg) skew(calc((90deg - 85deg) / 2), calc((90deg - 85deg) / 2)) translateY(1.1em);
}
}
@media (max-width:480px){
}

.navigation01{
  margin-top: 2em;
  color: rgba(169,0,24,1.0);
  letter-spacing: 0;
  font-size: 0.9em;
}
.navigation01 .alignleft{
   float: left;
}
.navigation01 .alignright{
  float: right;
  text-align: right;
}

.navigation02{
  margin-top:2em;
  text-align: right;
}
.navigation02 .wp-pagenavi a,
.navigation02 .wp-pagenavi span{
	text-decoration: none;
	padding: 0.2em 0.6em 0.3em 0.7em;
	margin: 1px;
  border: solid 1px rgba(12,12,12,0);
  border-radius: 0.2em;
}
.navigation02 .wp-pagenavi a:hover,
.navigation02 .wp-pagenavi span.current,
.pagination ul.page-numbers span.current {
	font-weight: bold;
  border: solid 1px rgba(12,12,12,0.86);
  background: rgba(12,12,12,0.86);
  color:rgba(255,255,255,0.96);
}
@media (max-width:1280px){
}
@media (max-width:960px){
}
@media (max-width:768px){
}
@media (max-width:600px){
}
@media (max-width:480px){
}

#side .widgettitle{
  font-weight: bold;
  line-height: 1.2;
  margin-top:2.8em;
  margin-bottom:1em;
  padding:0;
  opacity: 0.86;
  font-size: 1.1em;
  font-family: 'Noto Sans JP', sans-serif;
}
#side .widget_recent_entries{
  width: 47%;
  float: left;
}
#side .widget_recent_entries ul{
  margin-top: 40px;
}
#side .widget_recent_entries li+li{
  margin-top:0.8em;
}
#side .widget_recent_entries a{
  display: block;
  border-bottom: solid 1px rgba(12,12,12,0.6);
  font-size: 90%;
  line-height: 1.26;
  padding-bottom:0.5em;
}
#side .widget_recent_entries span.post-date{
  line-height: 1.46;
  font-size: 70%;
  display: block;
  opacity: 0.6;
}
#side .widget_categories{
  width: 47%;
  float: right;
}
#side .widget_categories li a{
  border-bottom: solid 1px rgba(12,12,12,0.86);
  padding:0.5em 0;
  display: block;
  letter-spacing: 0.07em;
}
#side .widget_search{
  /* display: none; */
  width: 47%;
  float: right;
  margin-top:40px;
}
#side .widget_search .screen-reader-text{
  display: none;
}
#side .widget_search #s{
  width:calc(100% - 60px);
  height: 40px;
  border: 2px solid rgba(12,12,12,0.86);
  border-radius: 2px 0 0 2px;
  padding: 6px 10px 4px 10px;
  box-sizing: border-box;
}
#side .widget_search #searchsubmit{
  width:60px;
  height: 40px;
  border-radius: 0 2px 2px 0;
  border: none;
  background:rgba(12,12,12,0.86);
  float: right;
  box-sizing: border-box;
  color:rgba(255,255,255,0.8);
  font-size: 80%;
  font-family: "Zen Antique",serif;
}
@media (max-width:1280px){
}
@media (max-width:960px){
}
@media (max-width:768px){
}
@media (max-width:600px){
#side{
  background:rgba(12,12,12,0.06);
  border-radius: 0.3em;
  padding-bottom: 40px;
}
#side .widget_recent_entries{
  width: 86%;
  margin:0 auto;
  float: none;
}
#side .widget_categories{
  width: 86%;
  margin:0 auto;
  float: none;
}
#side .widget_search{
  width: 86%;
  margin:40px auto;
  float: none;
}
}
@media (max-width:480px){
}


/* form
---------------------------------------------- */
.form .table01 th{
  position: relative;
  width: 210px;
  padding-right:4em;
}
.form span.hissu{
  background:#C8121B;
  color: #fff;
  display: inline-block;
  font-size: 60%;
  padding: 0.1em 0.7em 0.2em;
  font-weight: bold;
  border-radius: 3px;
  line-height: 1.24;
}
.form .table01 th span.hissu{
  position: absolute;
  right:1em;
  top: 50%;
  transform: translateY(-45%);
}
.form .table01 td {
  vertical-align: top;
}
input, button, textarea, select {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form input[type="text"],
.form input[type="tel"], 
.form input[type="email"],
.form textarea,
.form select{
  width: 100%;
  padding: 0.6em 1.2em 0.7em 0.8em;
  box-sizing: border-box;
  border-radius: 5px;
  border:solid 1px rgba(30,23,23,0.4);
  font-size: 100%;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings:"palt" 1;
  color: rgba(30,23,23,1.0);
}
.form .table01 input[type="text"]#zip{
  width: 200px;
  margin-bottom:20px;
}
.form .table01 input[type="text"]#age{
  width: 200px;
}
.form textarea {
  height: 120px;
  letter-spacing: 0.04em;
}
.form .select_w{
  position: relative;
}
.form .select_w:after {
  content: "";
  margin: 0.8rem 0 0 0.8em;
  width: 0.6rem;
  height: 0.6rem;
  border-top: solid 2px rgba(30,23,23,1.0);
  border-left: solid 2px rgba(30,23,23,1.0);
  transform: translateY(-50%) rotate(-135deg); 
  transform-origin: center center;
  display: block;
  padding: 0;
  position: absolute;
  top: 1.2em;
  left: 0.7em;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
.form select{
  padding: 0.6em 1.2em 0.7em 2.8em;
}
.form select option{
  font-size: 100%;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.7;
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings:"palt" 1;
  color: rgba(30,23,23,1.0);
}
.form input[type="text"]:focus,
.form input[type="tel"]:focus,
.form input[type="email"]:focus,
.form textarea:focus,
.form select:focus{
  box-shadow: 0 0 7px rgba(30,23,23,0.2);
}
.form input[type="radio"],
.form input[type="checkbox"],
#toggle-checkbox{
  position: relative;
  line-height: 1.0;
  vertical-align:top;
}
.wpcf7-list-item {
  display: inline-block;
  margin: 0 1em 0 2em !important;
  line-height: 1.0;
}
.form input[type="radio"]:before,
.form input[type="checkbox"]:before,
#toggle-checkbox:before{
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid rgba(30,23,23,0.5);
  border-radius: 3px;
  top:2px;
  right:5px;
 }
.form input[type="checkbox"]:before,
#toggle-checkbox:before{
  /*top:5px;
  right:-12px;*/
 }
.form input[type="radio"]:checked:after,
.form input[type="checkbox"]:checked:after,
#toggle-checkbox:checked:after{
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 12px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 2px solid rgba(200,18,27,1.0);
  border-right: 2px solid rgba(200,18,27,1.0);
  top: -3px;
  right: 5px;
}
.form .wpcf7-radio{
  padding: 0.4em 0;
  display: inline-block;
}
.form .submit_btn{
  margin: 2.5em auto;
  text-align: center;
  display: block;
  position: relative;
  max-width: 400px;
  width: 80%;
}
.form .submit_btn .submit{
  display: inline-block;
  background: url(img/common/fbg01.jpg) center center no-repeat;
  box-shadow: 7px 7px 10px rgba(30,23,23,0.4);
  color: rgba(255,255,255,0.96);
  text-align: center;
  padding: 1em;
  position: relative;
  font-weight: bold;
  width: calc(100% - 24px);
}
.form .submit_btn:after {
  content: "";
  margin: 0.8rem 0 0 0.8em;
  width: 0.6rem;
  height: 0.6rem;
  border-top: solid 3px rgba(255,255,255,1.0);
  border-left: solid 3px rgba(255,255,255,1.0);
  transform: translateY(-100%) rotate(135deg); 
  transform-origin: center center;
  display: block;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transition:all 0.2s ease-out 0s;
  transition:all 0.2s ease-out 0s;
}
.form .submit_btn:hover:after {
  left: 0.2em;
}
.wpcf7-spinner {
  margin:0 !important;
}
.agreement{
  margin: 2em 0;
  line-height: 1.4;
  text-align: center;
}
.agreement .txt{
  font-size: 80%;
  font-weight: 500;
  color: rgba(74,61,44,0.86);
  letter-spacing: 0.07em;
  line-height: 1.64;
}
div.wpcf7-mail-sent-ok {
  background: rgba(30,23,23,1.0) !important;
}
div.wpcf7-mail-sent-ng{
  background: rgba(213,63,42,0.9) !important;
}
div.wpcf7-spam-blocked {
  background: rgba(213,63,42,0.9) !important;
}
div.wpcf7-validation-errors {
	background: rgba(213,63,42,0.9) !important;
}
div.wpcf7-response-output{
  color:#fff !important;
  border: none !important;
  text-align: left;
  padding:0.3em 1em !important;
  border-radius: 5px;
  background: rgba(30,23,23,0.86) !important;
}
.wpcf7-form-control-wrap{
  position: relative;
}
.wpcf7-not-valid-tip{
  margin-top:4px;
  border:solid 2px rgba(200,18,27,1.0);
  border-radius: 2px;
  padding:0.2em 1em 0.2em 1.6em !important;
  text-align: left;
  display: inline-block !important;
  color:rgba(200,18,27,1.0) !important;
  line-height: 1.0em;
  font-size: 1.2rem !important;
}
@media (max-width:1280px) {

}
@media (max-width:960px) {

}
@media (max-width:768px) {

}
@media (max-width:600px) {
/*.form .table01,
.form .table01 tbody,
.form .table01 tr,
.form .table01 th,
.form .table01 td{
  display: block !important;
  box-sizing: border-box;
}
.form .table01 th{
  width: 100% !important;
  max-width: none;
  text-align: left;
  border-bottom: none;
  padding: 1em;
}*/
.form .table01 th span.hissu {
  right: auto;
  margin-left:1em;
}
/*.form .table01 td {
  width: 100%;
  padding: 1em;
  line-height: 1.7;
}*/
.form .check{
  text-align: center!important;
}
.agreement .txt{
  text-align: left;
}
.agreement .txt br{
  display: none;
}
}
@media (max-width:480px) {

}

.grecaptcha-badge{
  display:none;
}