@charset "UTF-8";

body{
font-size:14px;
background:white;
}
.shopbtn a{
display: inline-block;
background: #385174;
padding: .5em 1em .5em .8em;
text-decoration: none !important;
color: white;
margin-top: 1em;
font-size: 80%;
border-radius: .5em;
}
.txl{text-align: left;} #wrap {
margin:0 auto;
}
#frontpage>section{
padding:1em 0;
}
#pr,
#menu,
#review{
background:white url(//rokumitei.com/wp-content/themes/original/images/front/prback.jpg);
background-attachment: fixed;
}  #shareheader{
background:white;
padding:1em 0;
}
#shareheader>h1>a{
width: 60%;
display: block;
padding-right: 2em;
margin: 0 auto;
}
#shareheader>h1:before,
#shareheader>h1:after{
content:"";
width:100%;
height:.5em;
position: absolute;
left:0;
background:url(//rokumitei.com/wp-content/themes/original/images/share/naruto.png) center repeat-x;
background-size:auto 100%;
}
#shareheader>h1:before{
top:-.5em;
}
#shareheader>h1:after{
bottom:-.5em;
}
#sharetitle h1{
font-size:200%;
margin-bottom:1em;
}
#sharetitle h1:before{
content: "";
width: 10em;
height: .1em;
position: absolute;
bottom: -.3em;
left: 50%;
transform: translate(-50%,0);
background: orange;
}  #headnav{
z-index: 1;
}
#headnav>div{
}
#headnav li{
margin: 0 .4em .4em 0;
}
#headnav li a{
display: block;
text-decoration: none;
letter-spacing: 0;
background: #4a290f;
color: white;
line-height: 100%;
padding: .4em .8em;
}  #nigouten h2{
width:70%;
padding-left:1em;
}
#nigouten h2+p{
width:30%;
}
#nigouten>.flex>div:nth-of-type(1) h2>span{
font-size: 75%;
}
#nigouten>.flex>div:nth-of-type(1) h2 span span{
color:red;
position: relative;
}
#nigouten>.flex>div:nth-of-type(1) h2 span span:before{
content:"";
height:.3em;
width:100%;
position: absolute;
bottom:0;
left:0;
background:yellow;
z-index: -1;
}
#nigouten li iframe{
aspect-ratio: 16/9;
}
#nigouten>.flex>div>p{
padding:0 1em;
}
#nigouten>div:nth-of-type(2){
padding-top:2em;
}
#nigouten>div:nth-of-type(2)>p{
font-size:120%;
font-weight: bold;
}
#nigouten>div:nth-of-type(2)>small{
margin-bottom:1.5em;
color:red;
}
#nigouten>div:nth-of-type(2) ul{
border-top:1px solid #ddd;
}
#nigouten>div:nth-of-type(2) li{
border-bottom:1px solid #ddd;
}
#nigouten>div:nth-of-type(2) li:nth-of-type(odd){
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(1){
width:30%;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2){
width:70%;
}
#nigouten>div:nth-of-type(2) li:nth-of-type(odd)>div:nth-of-type(2){
-webkit-order:-1;-ms-flex-order:-1;order: -1;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2)>p:nth-of-type(1){
font-weight: bold;
border-bottom: 0.2em solid #0a0a46;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2)>p:nth-of-type(1) span{
position: absolute;
right:0;
color:red;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2)>p:nth-of-type(1):before{
content:"●";
color:orange;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2){
padding:0 .5em;
}  #pr li{
}
#pr li>div{
width:100%;
padding:1em;
}
#pr li>div:before{
content: "";
width: calc(100% - 2em);
height: calc(100% - 2em);
position: absolute;
left: 1em;
top: 1em;
box-sizing: border-box;
border: 3px double #caced8;
}
#pr li>div>div{
width: 100%;
}
.prtext {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#pr li:nth-of-type(2) .prtext {
}
#pr h3{
font-size: 240%;
padding: .5em 0.5em 0 0;
font-family: "MyFont";
}
#pr h3 span{
transform: rotate(90deg);
display: inline-block;
} _::-webkit-full-page-media, _:future, :root #pr h3 span:nth-of-type(2) {
display: inline-block;
-webkit-transform:translateX(-.4em) rotate(90deg);
}
#pr h3 img{
width: .75em;
display: inline-block;
margin-left: 0.1em;
margin-bottom: .2em;
}
#pr .prtext>div {
padding: 2em 0;
line-height: 150%;
}
#dashidiv{height:21em;}
#mendiv{height:14em;}
#spicediv{height:15em;}
#takanadiv{height:15em;}
#shoyudiv{height:19em;}
#toribushidiv{height:38em;}
#pr .primg{
padding: 1em;
}  #korona{
padding-bottom:2em;
}
#korona>div>div:not(:nth-of-type(3)){
width:50%;
}
#korona>div>div:not(:nth-of-type(3))>p:nth-of-type(1){
padding:1em 1em 0;
}
#korona>div>div:nth-of-type(3){
width:100%;
-webkit-order:-2;-ms-flex-order:-2;order: -2;
}
#cv{
padding:0 1em;
margin-bottom: 1em;
}
#ichimon{
background:#001741;
padding:1em;
}
#ichimonlogo>p:nth-of-type(1){
width: 12.3%;
position: absolute;
top: 0;
z-index: 1;
left: -.5em;
}
#ichimonlogo img{
box-shadow:.2em .2em .4em black;
}
#kyusan{
background: white;
padding:2em 1em 1em 3em;
}
#kyusan .m_flex>div{
width:48%;
}
#kyusan .m_flex p{
height:12em;
}
#kyusan>div>div:nth-of-type(1) img{
object-position: top center;
}
#kyusan p img{
object-fit: cover;
width:100%;
height:100%;
}
#ichimonlogo .tenmei{
color: white;
font-size: 2em;
margin-left: 1em;
margin-bottom:.5em;
}
#kyusan>p:nth-of-type(2){
color:red;
font-weight: bold;
margin-top: 1em;
padding-left: 1em;
}
.stenmei{
font-size: 2em;
font-weight: bold;
color: #171c61;
width: 100%;
padding-top: 1em;
border-top: 1px solid #ddd;
margin-top: 1em;
}  #menu{
padding-top:6em !important;
}
#menu>section>div:nth-of-type(1){
padding:0 1em;
}
#menu>section>div:nth-of-type(2){
margin:2em auto;
}
#menu>section:nth-of-type(even)>div:nth-of-type(2){
-webkit-order:-1;-ms-flex-order:-1;order: -1;
}
#menu h2{
padding-left:1.5em;
background:url(//rokumitei.com/wp-content/themes/original/images/share/kamon.png) left top .3em no-repeat;
background-size:1em auto;
border-bottom:1px solid black;
font-family: "MyFont";
font-size:160%;
}
#menu h2 span{
font-size:140%;
}
#toribushi>div:nth-of-type(2){
width: 50%;
margin: 0 auto;
}  #insta{
padding:5em 0;
background:#111025;
}
#insta h2{
color:white;
}
#sb_instagram{
background:#111025 !important;
}  #menu2{
padding:2em 1em !important;
}  #freview{
padding-bottom: 10em;
}
#freview,
#freview h2{
color:black;
}
#rdisc>div{
padding:1em;
background:rgba(255,255,255,.4);
}
#rdisc ul{
height:29em;
overflow-y:scroll; -ms-overflow-style: none; scrollbar-width: none;
} #rdisc ul::-webkit-scrollbar {
display:none;
}
#rdisc li{
border-bottom: 1px solid #cabea8;
padding: 3.5em 0 1.5em;
}
#rdisc li .human+div{
width:100%;
}
#rdisc li .human{
width: 4em;
height: 4em;
background-position: left center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
top: 1em;
}
#rdisc li:nth-of-type(7n+1) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human1.png);
}
#rdisc li:nth-of-type(7n+2) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human2.png);
}
#rdisc li:nth-of-type(7n+3) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human3.png);
}
#rdisc li:nth-of-type(7n+4) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human4.png);
}
#rdisc li:nth-of-type(7n+5) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human5.png);
}
#rdisc li:nth-of-type(7n+6) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human6.png);
}
#rdisc li:nth-of-type(7n+7) .human{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/human7.png);
}
#rdisc li .human+div>div:nth-of-type(1){
border-bottom:1px dotted #ccc;
margin-bottom:1em;
line-height:150%;
}
#rdisc li .hoshi{
display: inline-block;
padding-right:10em;
background-position:right center;
background-repeat:no-repeat;
background-size:auto 100%;
}
#rdisc li .hoshi span{
font-size:140%;
}
#sb_instagram{
background:#111025 !important;
}
.hoshi5{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/hoshi5.png);
}
.hoshi4{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/hoshi4.png);
}
.hoshi3{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/hoshi3.png);
}
.hoshi2{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/hoshi2.png);
}
.hoshi1{
background-image:url(//rokumitei.com/wp-content/themes/original/images/front/hoshi1.png);
}
#greview{
width:20em;
margin:2em auto 0;
}
#greview a{
display: block;
background: #385174;
padding: 1em 1em 1em .8em;
text-decoration: none !important;
color: white;
border-right: 2px solid rgba(0,0,0,0);
border-bottom: 2px solid rgba(0,0,0,0);
box-shadow: 0 0 0 #16225a;
}  #youtube li{
width:50%;
}
#youtube li iframe{
aspect-ratio: 16/9;
}
#online{
margin-bottom:3em;
}
#online>p:nth-of-type(1){
border: 0.3em solid #b51515;
margin:1em auto;
}
#online p span{
color:black;
}  #about{
color:white;
}
#about h2{
margin-bottom:1em;
}
#about>div{
background:rgb(44,45,80);
padding:2em;
}
#about>div>div:nth-of-type(2){
margin: 3em auto 0;
}
#about strong{
font-size:120%;
}
#about hr{
height:1px;
border:none;
background:#aaa;
box-shadow:none;
margin:1em 0;
}
.lo{
font-size: .9em;
}
.bh{
margin-bottom:1em;
}
#foottel .bh{
padding-left: 3.4em;
}  #link h2{
color:white;
margin-bottom:0;
}
#link ul{
padding:1em;
}
#link li{
margin-bottom: 1em;
background: #26386b;
}
#link li p:nth-of-type(1){
width:30%;
}
#link li p:nth-of-type(2){
font-size:140%;
padding-left:1em;
}  #reiwaishin{
padding:2em 0;
background-color:#001740 ;
border-top:1px solid white;
}
#reiwaishin p{
width:80%;
margin:0 auto;
}  #contact{
color:white;
}
#contact h1{
color:white;
}
#contact .number{
font-size: 200%;
margin-bottom: 2em;
display: inline-block;
}
#contact1{
padding:1em 1em 3em;
}
.wpcf7{
margin:5em auto 0;
}
.wpcf7 table{
border-spacing:0;
color:#333;
width:100%;
font-size:90%;
margin-bottom:2em;
}
.wpcf7 th,
.wpcf7 td{
font-weight: normal;
text-align: left;
color: white;
display: block;
padding:0;
}
.wpcf7 tr:nth-of-type(5) th,
.wpcf7 tr:nth-of-type(5) td{
border-bottom:none;
}
.wpcf7 th{
}
.wpcf7 td{
margin-bottom:2em;
}
.wpcf7 tr:last-child th{
vertical-align: top;
}
.wpcf7 td input:not([type=radio]),
.wpcf7 td textarea{
width: 90%;
font-size: 100%;
border: none;
padding: .5em;
box-sizing: border-box;
}
.wpcf7 td .wpcf7-form-control-wrap{
width:100%;
}
.wpcf7 td span.wpcf7-form-control>span:not(:first-child) input[type=radio] {
margin: 0 .4em 0 2em;
}
.wpcf7 td span.wpcf7-form-control>span:nth-of-type(1) input[type=radio]{
margin-right:.4em;
}
.wpcf7 td textarea{
border:1px solid black;
height: 8em;
}
.wpcf7-response-output{
color:red;
text-align: center;
}
.hissu,
.ninni{
font-size:80%;
padding:.2em;
color:white;
margin-left:.5em;
}
.hissu{
background:red;
}
.ninni{
background:#aaa;
}
input[type=checkbox]{
cursor:pointer;
}
.wpcf7 input[type=submit]{
padding: .2em 2em;
margin: 1em auto 2em;
cursor: pointer;
background: #385174;
color: #ffffff;
width: 36% !important;
border: none;
box-shadow: 0 0.1em 0.5em 0.2em white;
}
.screen-reader-response{
display: none !important;
}
.wpcf7-not-valid-tip{
display:inline-block;
font-size:90%;
color:red;
}
.wpcf7-validation-errors{
text-align: center;
color:red;
}
.wpcf7 label{
cursor:pointer;
}
#contlink{
margin-top:3em;
}  #notfound{
padding:0 10%;
margin:5em auto;
}
#notfound header{
margin-bottom:2em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
font-size: 30vw;
line-height: 100%;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
font-size:300%;
line-height: 100%;
margin-bottom: 2em;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
margin-bottom:3em;
}  #sharefooter{
padding: 2em 0 5em;
background:white;
}
#footinfo>div:nth-of-type(1){
width:50%;
margin:0 auto 2em;
}
#footinfo>div:nth-of-type(2) p:nth-of-type(2){
margin-bottom:1em;
}
#footinfo>div:nth-of-type(2) p:nth-of-type(2) span{
font-size: 300%;
display: block;
line-height: 100%;
margin-top: .2em;
}
#foottel>p:nth-of-type(1) span{
font-size: 200%;
font-weight: bold;
color:#010823;
}
#foottel a{
color:#010823;
text-decoration: none;
}
#copyright{
font-size: 70%;
padding: 5em 0;
}  #sptel{
z-index:9999;
position:fixed;
bottom:0;
left:0;
width:100%;
height:4em;
background:#0a0a46;
border-top:1px solid orange;
padding-top:.5em;
}
#sptel a{
padding:0 .4em;
width:33.33%;
}
#sptel a:nth-of-type(3){
padding: 0 2em;
box-sizing: border-box;
}
#sptel a span{
line-height:120%;
}
#sptel>a:not(:nth-of-type(3)) img{
display:inline-block;
width:3em;
margin-left:.2em;
}
#m_footernav{
z-index:9000;
}
#mnav{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
padding: 7em 0;
background:url(//rokumitei.com/wp-content/themes/original/images/share/logo.png) left 10% top 1em no-repeat,url(//rokumitei.com/wp-content/themes/original/images/share/headback.jpg)center no-repeat;
background-size:60% auto,cover;
background-color:black;
display:none;
}
#mnav>*{
padding:0 5em;
}
#mnav>div:nth-of-type(1){
border-top:1px solid orange;
padding-top: 2em;
}
#mnav li{
line-height: 300%;
text-align: center;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: fixed;
height: 3.6em;
width: 3.6em;
border-radius: .5em;
margin-top: 1.5em;
right: 1em;
top: 1em;
z-index: 9000;
background: rgba(255,255,255,.7);
}
.menu-trigger span {
position: absolute;
left: .3em;
width: calc(100% - .6em);
height: .2em;
background-color: #000;
border-radius: .1em;
}
.menu-trigger span:nth-of-type(1) {
top: 12%;
}
.menu-trigger span:nth-of-type(2) {
top: 46%;
}
.menu-trigger span:nth-of-type(3) {
bottom: 12%;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(1.3em) rotate(-315deg);
transform: translateY(1.3em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-1.25em) rotate(315deg);
transform: translateY(-1.25em) rotate(315deg);
}
#mnav>div>div:nth-of-type(1) ul{
display: block;
border-top:none;
padding-top:4em;
}
#mnav>div>div:nth-of-type(1) li{
width:60vw;
margin:0 auto;
line-height:300%;
}
#mnav>div>div:nth-of-type(1) li:nth-of-type(odd){
border-right:none;
}