@charset "utf-8";
@media print{
#sidebar{ display: none;}
div.main{ width:100%;}
}

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:12px;font-size:1.2rem;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;zoom:1;letter-spacing: 0.025em;}
:focus{outline:0;}
span{
font-size: 1em;
}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
strong{
font-weight: bold;
font-size: 100%;
}
hr{
margin: 4.5em 0 3.5em;
}
a{
font-size:100%;
text-decoration:none;
}
a.tel{
font-size: 100% !important;
color: unset !important;
}
a:hover{
color:#b70200;
}
a:active, a:focus {
outline:0;
}
html {
height: 100%;
font-size: 62.5%;
background: #fff;
}
body {
min-width: 1100px;
height: 100%;
color:#333;
font-size:13px;
font-size:1.3rem;
line-height:1.7;
-webkit-text-size-adjust:100%;
font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "小塚明朝 Std R", HG明朝E, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", Times, Georgia, Palatino, Baskerville, serif;
font-family: "Shippori Mincho", "Cormorant Garamond", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
word-break: break-word;
text-rendering: optimizeLegibility;
font-feature-settings: "palt";
}
main{
display: block;
}
p{
display: block;
font-size: 13px;
font-size: 1.3rem;
text-align: justify;
text-rendering: optimizeLegibility;
font-feature-settings: "palt";
}
div{
text-rendering: optimizeLegibility;
font-feature-settings: "palt";
}
figcaption{
font-size: 90%;
margin: 0 5px;
}
.body_bg{
width: 100%;
height: 100%;
position: fixed;
z-index: -10;
background-image: url(../images/banners/front-bg.jpg);
background-size: contain;
background-repeat: repeat;
}
.body_bg.-cover{
z-index: -5;
background: rgba(255,255,255,0.3);
}
.hidden{
display: none;
}
/*hidden-box*/
.hidden_box label {
display:none;
}
.hidden_box input{
display: none;
}
.hidden_box.QA label {
display:block;
cursor :pointer;
padding: 0 10px;
font-weight: bold;
transition: .5s ease-in-out;
}
.hidden_box.QA label:before {
content: '\f078';
display: inline-block;
font-family: 'FontAwesome';
padding-right: 5px;
transition: 0.5s ease-in-out;
}
.hidden_box.QA label:hover {
text-decoration: none;
}
.hidden_box.QA input:checked + label:before {
content: '\f00d';
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
color: #668ad8;
}
.hidden_box.QA .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.5s ease-in-out;
}
.hidden_box.QA input:checked + label + .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
}
#mobile,header #mainnavi nav li#nav00,#page-top.mobile{
display:none;
}
#pc-only{
display:block;
}
header #mainnavi{
width: 100%;
height: 120px;
position: relative;
border-top: 3px solid #cc444b;
margin-top: 0;
background-color: #b70200;
box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.6);
z-index: 28;
}
header #mainnavi .wrapper{
max-width: 1100px;
position: relative;
margin: 0 auto;
padding: 0 0 0 30px;
z-index: 30;
}
header #mainnavi img.DropdownMenu-img{
float: left;
width:100%;
margin: 0 0 15px;
padding:0;
}
header #mainnavi p.DropdownMenu-text{
color: #ccc;
margin: 0;
padding: 10px;
}
header #mainnavi img{
float: left;
width: 200px;
height: auto;
margin-top: 30px;
border-radius: 5px;
}
header #mainnavi nav{
float: right;
padding-top: 25px;
overflow: hidden;
}
header #mainnavi nav li{
float: left;
display: block;
padding: 0 12px 0 11px;
border-left:1px solid #f0ebeb;
}
header #mainnavi nav li strong{
display: block;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
padding-top: 2px;
}
header #mainnavi nav li a{
display:block;
font-size: 20px;
font-size: 2.0rem;
color: #fff;
padding: 2px 10px 10px;
text-decoration: none;
}
header #mainnavi nav li a:hover {
color: #fff;
text-shadow: 0px 0px 1px #dadada;
}
header #mainnavi nav li#nav0{
display:none;
}
header #mainnavi nav li#nav6 span{
display:none;
}
header #mainnavi nav li#nav6{
border: 0;
}
header #mainnavi nav li a::after{
content: '';
width: 0;
transition: all 0.3s ease;
border-bottom: 1px solid #fff;
display: block;
}
header #mainnavi nav li a:hover::after {
width: 100%;
border-bottom: 1px solid #fff;
box-shadow: 0px 0px 1px #dadada;
}
.topline{
width: 600px;
height: 50px;
margin: 40px auto;
display: block;
position: relative;
}
.topline::before{
content: '';
width: 100%;
border-bottom: 1px solid #b70200;
position: absolute;
top: 20px;
left: 0;
}
.topdia{
color: #000;
font-size: 20px;
font-size: 2.0rem;
font-weight: bold;
position: absolute;
padding: 5px 20px 3px;
letter-spacing: 1px;
background: #fff;
right: 33%;
top: 100px;
transition: all 0.8s ease-in-out;
line-height: 1.4;
}
.topdia::before{
content: '';
width: 18px;
height: 18px;
border-radius: 5%;
background-color: #b70200;
position: absolute;
left: -15px;
top: 12px;
transform: rotate(45deg);
}
.topdia::after{
content: '';
width: 18px;
height: 18px;
border-radius: 5%;
background-color: #b70200;
position: absolute;
right: -15px;
top: 12px;
transform: rotate(45deg);
}
.wp-pagenavi {
clear: both;
text-align:center;
display: block;
height: 50px;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #b70200;
background-color: #FFFFFF;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
border: thin dotted #b70200;
}
.wp-pagenavi a:hover{
color: #fff;
background-color: #b70200;
}
.wp-pagenavi span.current{
color: #fff;
background-color: #b70200;
}
#totop{
display: block;
clear: both;
position: relative;
}
#totop img{
width: 200px;
padding: 5px;
background: #fff;
border-radius: 10px;
margin: 25px;
border: 1px solid #999;
-webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
top: -120px;
right: 10px;
z-index: 100;
box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.6);
}
#totop img:hover{
opacity: 1.0;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
footer {
width: 100%;
background-color: #b70200;
overflow: hidden;
padding: 0 0 40px;
position: relative;
z-index: 10;
}
#footer{
display: block;
width: 1000px;
margin: 30px auto;
height: 70px
}
#footer h2{
border: none;
background: none;
margin: 0;
}
#footer h2 img{
float: left;
width: 200px;
margin: 10px 20px 10px 60px;
}
#footer h3,#footer h4,#footer h5{
float: left;
font-size: 14px;
font-weight: normal;
color: #fff;
margin-top: 5px;
background: none;
text-decoration: none;
}
#footer h3{
border-left: 1px solid #fff;
padding: 10px 15px;
}
#footer h4{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 0 10px 0 20px;
margin-right: 35px;
}
#footer h4 strong{
display:block;
}
#footer h4 a{
color: #fff;
text-decoration:none;
}
#footer h5{
text-align:center;
margin-top: -5px;
}
#footer h5 a{
border:1px solid #FFF;
padding:12px 14px 10px 14px;
display:block;
color: #fff;
text-decoration:none;
}
#footer h5 a:hover{
background: #fff;
color:#b70200;
}
footer small{
clear: both;
display: block;
text-align: center;
color: #fff;
font-size: 13px;
font-size: 1.3rem;
width: 100%;
padding: 5px 0;
background: #560909;
position: absolute;
bottom: 0;
box-shadow: 0px -3px 20px 4px #111;
}
@media screen and (max-width:1100px){
body{
width: 100%;
}
}
@media screen and (max-width:770px){
/*hidden-box*/
.hidden_box {
margin: 1em 0;
padding: 0;
}
/*button*/
.hidden_box label {
display:block;
cursor :pointer;
padding: 0 10px;
font-weight: bold;
transition: .5s ease-in-out;
}
/*icon*/
.hidden_box label:before {
display: inline-block;
content: '\f078';
font-family: 'FontAwesome';
padding-right: 5px;
transition: 0.5s ease-in-out;
}
/*button:hover*/
.hidden_box label:hover {
text-decoration: underline;
}
/*icon-trans*/
.hidden_box input:checked + label:before {
content: '\f00d';
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
color: #668ad8;
}
/*checkbox-hidden*/
.hidden_box input {
display: none;
}
/*text-hidden*/
.hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.5s ease-in-out;
}
/*action*/
.hidden_box input:checked + label + .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
}
body{
min-width: 100%;
}
header #mainnavi nav li#nav6 span {
font-size: 100%;
}
header #mainnavi nav li#nav6 {
border-top: 1px solid #666;
}
#pc-only{
display:none;
}
#mobile,header #mainnavi nav li#nav00,#page-top.mobile{
display:block;
clear: both;
}
#mobile li a>p{
color: #ccc;
}
#mobilemenu-cap{
width: 60px;
height: 70px;
background: rgba(255,255,255,0.8);
position: fixed;
z-index: 1000;
right: 15px;
top: 21px;
border-radius: 5px;
}
#mobilemenu-cap::before{
content: 'MENU';
font-size: 14px;
color: #414041;
position: fixed;
top: 65px;
right: 22px;
margin: auto;
text-align: center;
z-index: 29;
}
#sidebar{
display:none;
}
header #mainnavi {
height: 130px;
border-top: none;
}
header #mainnavi .wrapper {
max-width: 100%;
}
header #mainnavi nav{
width:100%;
height:auto;
max-height: 100%;
overflow-y: auto;
list-style-type: none;
float:none;
padding-top:0;
top:0px;
right:0px;
position:fixed;
z-index:30;
}
header #mainnavi nav ul{
border-bottom:1px solid #7F766E;
display:none;
}
header #mainnavi nav ul li{
font-size: 20px;
float: none;
padding: 0;
border-left: none;
margin-right: 0px;
border-bottom: 1px solid #222;
border-top: 1px solid #666;
display: block;
background-color: #730e0e;
}
header #mainnavi nav li a{
width:auto;
padding-right:20px;
}
header #mainnavi nav li#nav0{
display:block;
}
header #mainnavi nav li#nav1 a{
width:auto;
}
header #mainnavi nav li#nav6 a{
padding-right:0;
width: 100%;
height:auto;
background:none;
}
header #mainnavi nav li#nav6 a:hover{
background-color:#4C423A;
}
header #mainnavi nav li#nav6 span{
display:block;
}
header #mainnavi nav li strong{
font-size:16px;
font-size:1.6rem;
display:inline-block;
padding:0 0 0 20px;
color:#E3D9D9;
}
header #mainnavi nav li a::after{
width:auto;
border-bottom:none;
display:none;
padding-top:0;
}
header #mainnavi nav ul li a {
padding: 2%;
width: 100%;
font-size: 12px;
color: #ccc;
}
header #mainnavi nav ul li a:hover{
background-color:#4C423A;
}
header #mainnavi nav li strong {
font-size: 120%;
color: #eee;
}
header #mainnavi nav li a:hover::after{
width:auto;
border-bottom:none;
}
header #mainnavi img {
width:100%;
margin-top: 25px;
}
.menu{
width: 30px;
height: 30px;
top: 33px;
position: fixed;
right:30px;
cursor:pointer;
z-index:1100;
}
.menu:hover{
filter: alpha(opacity=80);
-moz-opacity:0.8;opacity:0.8;
}
.menu1{
width:30px;
height:4px;
background-color:#414041;
position:absolute;
top:0px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
.menu2{
width:30px;
height:4px;
background-color:#414041;
position:absolute;
top:10px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
.menu3{
width:30px;
height:4px;
background-color:#414041;
position:absolute;
top:20px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
.menu1,.menu2,.menu3{
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
}
.menuclick{
position:fixed;
top:35px;
right:25px;
z-index: 10000;
}
.menuclick1{
top:7px;
right:4px;
-moz-transform: rotate(405deg);
-webkit-transform: rotate(405deg);
-o-transform: rotate(405deg);
-ms-transform: rotate(405deg);
transform: rotate(405deg);
background-color:#FFF;
}
.menuclick2{
opacity:0;
}
.menuclick3{
top:7px;
right: 4px;
-moz-transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
-o-transform: rotate(-405deg);
-ms-transform: rotate(-405deg);
transform: rotate(-405deg);
background-color:#FFF;
}
#totop{
display: none;
}
#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 10px;
background: #000;
border-radius: 5px;
z-index: 2000;
opacity: 0.8;
bottom: 20px;
}
#page_top a{
position: relative;
display: block;
width: 48px;
height: 34px;
text-decoration: none;
}
#page_top a::before{
font-family: FontAwesome;
content: '\f102';
font-size: 30px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
bottom: 19px;
left: 13px;
margin: auto;
text-align: center;
}
#page_top a::after{
content: 'TOP';
font-size: 15px;
color: #fff;
position: absolute;
top: 25px;
left: 11px;
margin: auto;
text-align: center;
}
#footer{
width: 100%;
height: auto;
text-align:center;
}
#footer h2 img{
float:none;
display:block;
margin:0 auto 5px auto;
}
#footer h3,#footer h4,#footer h5{
float:none;
display:inline-block;
}
#footer h3{
border-left:none;
padding: 0.5em;
margin: 0;
}
#footer h4{
padding: 0.5em;
margin: 0;
}
#footer h5{
margin:10px 15px 0 15px;
vertical-align: top;
}
}
@media screen and (max-width: 710px){
.wrapper {
padding: 0 0 60px;
}
#footer {
margin: 1.5em auto 1.1em;
}
#footer h2 img {
width: 190px;
}
#footer h3,#footer h4,#footer h5{
font-size: 12px;
letter-spacing: -0.2px;
}
#footer h4 {
border-left: 1px dotted #f2b3ad;
border-right: 1px dotted #f2b3ad;
}
#footer h5 {
margin: 0 1em 0;
}
footer small {
font-size: 8px;
font-size: 0.8rem;
box-shadow: none;
}
}
@media screen and (max-width: 545px){
footer {
padding: 0 0 1.5em;
}
#footer h3,#footer h4,#footer h5{
letter-spacing: -0.5px;
font-size: 13px;
display: block;
}
#footer h3, #footer h4 {
width:55%;
float: left;
}
#footer h3 {
padding: 0.2em;
}
#footer h4 {
padding: 0.5em;
}
#footer h2, #footer h5{
width: 45%;
float: right;
display: flex;
justify-content: center;
align-items: center;
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-line-pack: center;
}
#footer h2 img {
width: 140px;
margin: -5px auto 0;
}
#footer h5 {
margin: 0;
padding: 0.5em 0 0;
}
#footer h5 a {
margin: 2px 0 20px;
padding: 0.5em 1em;
}
}
@media screen and (max-width: 475px){
header #mainnavi nav li a {
font-size: 18px;
font-size: 1.8rem;
}
#mobilemenu-cap {
width: 55px;
height: 65px;
right: 10px;
top: 10px;
}
.menu {
top: 22px;
right: 22px;
}
#mobilemenu-cap::before {
top: 50px;
right: 14px;
}
}
@media screen and (max-width: 415px){
header #mainnavi nav ul li a {
padding: 4% 5%;
}
#footer h3, #footer h4, #footer h5{
font-size: 11px;
}
#footer h5 a {
margin: 0px 0 24px;
padding: 0.5em 2em;
}
}
@media screen and (max-width: 365px){
#footer h2, #footer h3, #footer h4, #footer h5 {
width: 100%;
font-size: 13px;
}
#footer h2 img {
width: 140px;
margin: 0px auto 5px;
}
#footer h4 {
padding: 0;
}
#footer h4 strong {
font-size: 20px;
font-weight: bold;
}
#footer h5 a {
margin: 5px 0 10px;
width: fit-content;
max-width: 100%;
}
#footer h5 a>br {
display: none;
}
footer small {
letter-spacing: -0.3px;
}
}
@media screen and (max-width: 320px){
body {
width: 320px;
}
}

/*210630*/
/* responsive
========================================================================== */
._none{
display:none;
}
.pc_off{
display:none!important;
}
.sp_off{
display:block;
}
@media screen and (max-width : 800px ){
.pc_off{
display:block!important;
}
.sp_off{
display:none !important;
}
}
/*width 475*/
._w475{
display:none!important;
}
@media screen and (max-width : 475px ){
._w475{
display:block!important;
}
span._w475{
display:inline-block!important;
}
._w475none{
display:none!important;
}
}
/*width 600*/
._w600{
display:none!important;
}
@media screen and (max-width : 600px ){
._w600{
display:block!important;
}
span._w600{
display:inline-block!important;
}
._w600none{
display:none!important;
}
}
/*width 1000*/
._w1000{
display:none!important;
}
@media screen and (max-width : 1000px ){
._w1000{
display:block!important;
}
span._w1000{
display:inline-block!important;
}
._w1000none{
display:none!important;
}
}