@charset "UTF-8";

body{
font-size:max(.97vw,12px);
background:white;
}
body::-webkit-scrollbar {
display:none;
} _::content, _:future, body { 
font-size:.97vw;
} @-moz-document url-prefix() {
body {
font-size:max(.966vw,12px);
}
}
.rokkaku:before,
.rokkaku:after {
content: "";
position: absolute;
top: -1%;
width: 0;
height: 102%;
transition-duration: 0.4s;
z-index: 1;
}
.rokkaku:before{
left: 0;
background: url(//rokumitei.com/wp-content/themes/original/images/share/h2l.png) left center no-repeat;
background-size: 100% 100%;
}
.rokkaku:after {
right: 0;
background: url(//rokumitei.com/wp-content/themes/original/images/share/h2r.png) right center no-repeat;
background-size: 100% 100%;
}
.rokkaku:hover img{
opacity: .6;
}
.rokkaku:hover:before,
.rokkaku:hover:after{
width: 3em;
opacity: .4;
}
.shopbtn a{
display: inline-block;
background: #385174;
padding: .5em 1em .5em .8em;
text-decoration: none !important;
color: white;
transition-duration: 0.4s;
margin-top: 2em;
font-size: 80%;
}
.shopbtn a:hover{
background: #8a0000;
}
.txl{text-align: left;} #wrap{
min-width:1000px;
width:100vw;
overflow: hidden;
}
#frontpage>section{
padding:5em 0 7em;
}
#pr,
#menu,
#review{
background:white url(//rokumitei.com/wp-content/themes/original/images/front/prback.jpg);
background-attachment: fixed;
}
.pagearticle{
padding:5em 0 7em;
}  #shareheader{
background:white;
padding:2em 0;
}
#shareheader h1>a{
width:80%;
margin:0 auto;
display: block;
}
#shareheader>h1:before,
#shareheader>h1:after{
content:"";
width:100%;
height:1em;
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:-1.5em;
}
#shareheader>h1:after{
bottom:-1.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{
padding: .5em 0;
background: white;
border-bottom:1px solid #040c1e;
}
#headnav li{
padding:.5em 0;
width:calc(100% / 9);
}
#headnav li a{
display: block;
text-decoration:none;
border-right:1px solid black;
transition-duration:0.4s;
color:black;
}
#headnav li a:hover{
color:#207db3;
text-decoration: underline;
}
#headnav li:nth-of-type(1) a{
border-left:1px solid black;
}
#baselink a{
color:white !important;
background:red;
position: relative;
}
#baselink a:before,
#baselink a:after{
content:"";
height:.2em;
width:100%;
position: absolute;
left:0;
background:red;
}
#baselink a:before{
top:-.2em;
}
#baselink a:after{
bottom:-.2em;
}  #nigouten>.flex>div:nth-of-type(1){
width:55%;
}
#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>.flex>div:nth-of-type(2){
-webkit-order:-1;-ms-flex-order:-1;order: -1;
width:25%;
padding:0 2em;
}
#nigouten>.flex>div:nth-of-type(3){
width:20%;
}
#nigouten>.flex>div:nth-of-type(3) li{
margin-bottom:1em;
}
#nigouten>.flex>div:nth-of-type(3) iframe{
aspect-ratio: 16/9;
}
#nigouten>div:nth-of-type(2){
border-top:1px solid #555;
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) li{
width:33%;
margin-bottom:1em;
border:1px solid #aaa;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(1){
width:10em;
min-height:10em;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(1) p:nth-of-type(1){
transition-duration:0.4s;
position: absolute;
left:0;
top:0;
width:100%;
padding:1em;
background:white;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(1) p:nth-of-type(1):hover{
transform:scale(3) rotate(360deg);
z-index: 100;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2){
width:60%;
padding:1em;
padding-left:0;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2)>p:nth-of-type(1){
font-weight: bold;
border-bottom:.2em solid orange;
font-size:120%;
}
#nigouten>div:nth-of-type(2) li>div:nth-of-type(2)>p:nth-of-type(2){
font-size: 90%;
}  #pr{
}
#pr h3{
font-family: "MyFont";
}
#pr h3 span{
transform: rotate(90deg);
display: inline-block;
}
#pr li{
background:white;
margin-bottom:2em;
}
#pr li:nth-of-type(odd){
margin-left:10em;
}
#pr li:nth-of-type(even){
margin-right:10em;
}
#pr li:last-of-type{
margin-bottom:0;
}
#pr li:before{
content:"";
position: absolute;
bottom:-2em;
height:2em;
width:3px;
background:orange;
left:50%;
transform:translate(-50%,0);
}
#pr li:last-of-type:before{
content:none;
}
#pr li>div{
width:100%;
height:30em;
padding: 3em;
}
#pr li>div:before{
content: "";
width: calc(100% - 4em);
height: calc(100% - 4em);
position: absolute;
left: 1.5em;
top: 1.5em;
border: 5px double #caced8;
}
#pr li>div:after{
position: absolute;
right:3em;
top:3em;
color:red;
font-weight: bold;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#pr li:nth-of-type(1)>div:after{
content:"其の壱";
}
#pr li:nth-of-type(2)>div:after{
content:"其の弐";
}
#pr li:nth-of-type(3)>div:after{
content:"其の参";
}
#pr li:nth-of-type(4)>div:after{
content:"其の四";
}
#pr li:nth-of-type(5)>div:after{
content:"其の五";
}
#pr li:nth-of-type(6)>div:after{
content:"其の六";
}
#pr li div.primg{
-webkit-order:-1;-ms-flex-order:-1;order: -1;
}
#pr li>div>div{
margin:0 2em;
}
.prtext {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#pr li:nth-of-type(2) .prtext {
}
#pr h3{
font-size: 240%;
margin-left: .5em;
}
#pr h3 img{
width: .75em;
display: inline-block;
margin-left: 0.1em;
margin-bottom: .2em;
}
#pr .prtext>div {
padding-top: 2em;
height: 24em;
margin-right: 2em;
padding-bottom: 2em;
}
#pr .primg{
width: 40%;
}
#onlineshop{
position: fixed;
left:0;
top:7vh;
z-index: 9999;
width:8em;
}
#onlineshop p{
position: absolute;
left:-8em;
top:0;
width:8em;
transition-duration:0.4s;
}
.onlineon{
left:0 !important;
}
#onlineshop p:nth-of-type(1){
}
#onlineshop p:nth-of-type(2){
top:22em;
background:white;
-webkit-transition-delay:.4s;transition-delay:.4s;
}
#onlineshop p:nth-of-type(2) a{
color:black;
}
#onlineshop p:nth-of-type(2) span{
font-size: 80%;
padding:1em 0;
display: inline-block;
}
#onlineshop a{
transition-duration:0.4s;
}
#onlineshop a:hover,
#onlineshop a:hover img{
opacity: .7;
}   #korona{
padding:2em 0;
background: white url(//rokumitei.com/wp-content/themes/original/images/front/prback.jpg);
background-attachment: fixed;
border-bottom:1px solid #ddd;
}
#korona>div{
padding-bottom:1em;
}
#korona>div>div:not(:nth-of-type(3)){
width:25%;
}
#korona>div>div:not(:nth-of-type(3)) p:nth-of-type(1){
padding-right:2em;
}
#cv{
width: 40%;
margin: 0 auto;
}
#ichimon{
background:#001741;
padding:5em;
}
#ichimonlogo{
width: 12.3%;
margin-left: 2em;
}
#ichimonlogo img{
box-shadow:.2em .2em .4em black;
}
#kyusan{
width:82%;
background:white;
padding:3em;
}
#kyusan>div p:nth-of-type(1){
height: 20em;
margin: 0 1em;
}
#kyusan p img{
object-fit: cover;
width:100%;
height:100%;
}
#kyusan .tenmei{
font-size: 2em;
margin-bottom: .5em;
font-weight: bold;
color: #171c61;
}
#kyusan>p:nth-of-type(2){
color:red;
font-weight: bold;
margin-top: 1em;
}
.stenmei{
font-size: 2em;
font-weight: bold;
color: #171c61;
text-align: left;
margin-bottom: .5em;
letter-spacing: .1em;
width:100%;
}  #menu{
padding-top:2em;
padding-bottom:0 !important;
}
#menu>section>div{
width:50%;
}
#menu>section>div:nth-of-type(1){
padding:4em 4em 0;
font-size:130%;
}
#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: 180%;
}
#menu h2 span{
font-size:140%;
}  #insta{
padding:5em 0;
background:#111025;
}
#insta h2{
color:white;
}
#sb_instagram{
background:#111025 !important;
}  #review{
padding-bottom: 5em !important;
}
#rdisc>div{
padding:4em 3em;
background:rgba(255,255,255,.4);
}
#rdisc ul{
height:50em;
overflow-y:scroll; -ms-overflow-style: none; scrollbar-width: none;
} #rdisc ul::-webkit-scrollbar {
display:none;
}
#rdisc li{
border-bottom: 1px solid #cabea8;
padding: 1.5em 0;
}
#rdisc li .human+div{
width:calc(100% - 7em);
}
#rdisc li .human{
width:7em;
height:7em;
background-position:left center;
background-repeat:no-repeat;
background-size:80% auto;
}
#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%;
}
.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;
background: #385174;
padding:1em 0;
}  #youtube{
background: white url(//rokumitei.com/wp-content/themes/original/images/front/prback.jpg);
background-attachment: fixed;
}
#youtube>div{
background: #111025;
padding:2em 0 5em;
}
#youtube h2{
margin-bottom:2em;
color:white;
}
#youtube li{
width:32%;
margin-bottom:3em;
}
#youtube li iframe{
width:100%;
aspect-ratio: 16/9;
}
#youtube a:hover{
opacity: .7;
}  #about{
background:white;
}
#about{
color:white;
}
#about h2{
margin-bottom:3em;
}
#about>div{
background:rgb(44,45,80);
padding:3em 7em;
}
#about>div>div:nth-of-type(1) p strong span{
font-size:75%;
margin-left:1em;
}
#about>div>div:nth-of-type(1){
width: calc(100% - 22em);
}
#about>div:nth-of-type(1)>div:nth-of-type(2){
width:20em;
margin-left:2em;
}
#about>div:nth-of-type(2)>div:nth-of-type(2){
width:20em;
margin-right:2em;
-webkit-order:-1;order: -1;
}
#about>div:nth-of-type(2){
margin-top:2em;
}
#about strong{
font-size:140%;
line-height: 1em;
}
#about hr{
height:1px;
border:none;
background:#aaa;
box-shadow:none;
margin:1em 0;
}
.bh{
margin-bottom:1em;
}  #link{
padding:3em 0;
background:#001741;
}
#link h2{
color:white;
margin-bottom: 3em;
}
#link li{
width:30%;
}
#link li p:nth-of-type(2){
line-height: 200%;
}  #reiwaishin{
padding:5em 0;
background-color:#001740 ;
border-top:1px solid white;
}
#reiwaishin p{
width:30em;
margin:0 auto;
}  #contact{
color:white;
background: #001740;
}
#contact h1{
color:white;
}
#contact .number{
font-size: 200%;
margin-bottom: 2em;
display: inline-block;
}
.wpcf7{
margin:2em auto 0;
}
.wpcf7 table{
border-spacing:1px;
color:#333;
width:100%;
font-size:90%;
margin-bottom:2em;
}
.wpcf7 th,
.wpcf7 td{
font-weight:normal;
text-align: left;
padding:.5em;
color:white;
}
.wpcf7 th{
width:15%;
text-align:right;
}
.wpcf7 td{
width:85%;
}
.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 1em;
}
.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 #ccc;
}
.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]{
font-size: 100%;
padding: 0 2em;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 1px 1px 1px gray;
margin-top: 2em;
cursor:pointer;
background: -moz-linear-gradient(#fff, #cecece);
background: -webkit-linear-gradient(#fff, #cecece);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cecece));
background: -o-linear-gradient(#fff, #cecece);
background: linear-gradient(#fff, #cecece);
}
.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;
}  #sharefooter{
padding:3em 0 3em;
background:white;
}
#sharefooter a{
text-decoration:none;
display:block;
margin:0 1em;
color:black;
}
#sharefooter a:hover{
text-decoration: underline;
}
#sharefooter>div:nth-of-type(2){
margin-top:5em;
}
#footernav>div{
border-bottom:1px solid black;
}
#footinfo>div:nth-of-type(1){
width:10em;
}
#footinfo>div:nth-of-type(2){
padding-left:1em;
}
#footinfo>div:nth-of-type(2) p:nth-of-type(1){
font-size:70%;
}
#footinfo>div:nth-of-type(2) p:nth-of-type(2) span{
font-size:200%;
font-weight:bold;
}
#footernav ul{
padding:.5em 0;
}
#foottel>p:nth-of-type(1){
border-bottom:1px solid white;
}
#foottel>p:nth-of-type(1) span{
font-size:220%;
letter-spacing:.1em;
}
#copyright{
margin-top:5em;
} #notfound{
padding:0 10%;
margin:5em auto;
}
#notfound header{
margin-bottom:2em;
}
#notfound>div:not(#breadcrumb){
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;
}
#notfound>div>div:nth-of-type(1){
margin-right:3em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
font-size: 800%;
line-height: 100%;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
font-size:300%;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
margin-bottom:3em;
}