@charset 'UTF-8';
/* 笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�
蜈ｱ騾喞ss
笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆�笆� */
/* ================================================================================
繧ｵ繧､繝医せ繧ｿ繧､繝ｫ
================================================================================ */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background:#0C0C0C;
position: relative;
color: #ffffff;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
word-wrap: break-word;
/* 譏取悃 */ font-family: '貂ｸ譏取悃',YuMincho,'繝偵Λ繧ｮ繝取�譛� ProN W2','Hiragino Mincho ProN','Noto Serif JP','Sawarabi Mincho','HG譏取悃B',serif;
}
#wrapper {
position: relative;
max-width: none;
/* max-width: 1920px; 蝗ｺ螳壼ｹ�Ξ繧､繧｢繧ｦ繝域凾 */
width: 100%;
margin: 0 auto;
min-height: 100vh;
display: block;
overflow: hidden;
}
h1{
margin: 0;
font-weight: 300;
}
h2, h3, h4 {
margin: 0;
font-weight: 700;
}
img {
vertical-align: bottom;
-webkit-backface-visibility: hidden;
}
iframe {
vertical-align: bottom;
}
/* 繝ｪ繝ｳ繧ｯ�夐城℃繧｢繧ｯ繧ｷ繝ｧ繝ｳ莉� */
a {
color: #f6bd10;
opacity: 1;
transition-property: opacity,color;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
a:hover {
color: #f6bd10;
opacity: 0.6;
}
/* ================================================================================
404.php
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.not-found {
position: relative;
width: 1000px;
margin: 0 auto;
}
}
/* ================================================================================
display:none
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
/* SP謾ｹ陦梧ｶ医＠ */
.br-pc {
display: none;
}
/* SP繧ｳ繝ｳ繝�Φ繝�ｶ医＠ */
.pc_none {
display: none;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
/* PC謾ｹ陦梧ｶ医＠ */
.br-sp {
display: none;
}
/* PC繧ｳ繝ｳ繝�Φ繝�ｶ医＠ */
.sp_none {
display: none;
}
}
/* ================================================================================
pointer-events: none;
================================================================================ */
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.pointer-events {
pointer-events: none;
color: #ffffff;
}
}
/* ================================================================================
繝輔Ο繝ｼ繝亥屓繧願ｾｼ縺ｿ隗｣髯､ clearfix
================================================================================ */
.clearfix:after {
display: block;
clear: both;
height: 0px;
line-height: 0px;
visibility: hidden;
content: "";
overflow: hidden;
float: none;
}
.clearfix {
display: block; /* for IE8 */
}
/* ================================================================================
繧ｨ繝�ぅ繧ｿ繝ｼ蜈ｱ騾夊ｨｭ螳�
================================================================================ */
p {
margin-bottom: 1em;
}
p:last-of-type {
margin-bottom: 0;
}
strong,b {
font-weight: 700;
}
big {
font-size: larger;
}
small {
font-size: smaller;
}
em {
font-style: italic;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
body {
font-size: 3.5vw;
}
/* youtube siteorigin */
.youtube-player {
width: 100%;
height: 36.5vw;
margin-top: 4vw;
}
/* 繧ｨ繝�ぅ繧ｿ繝ｼ縺ｧ逕ｻ蜒上�荳九↓髫咎俣縺後〒縺阪ｋ縺ｮ隗｣髯､ */
img + br {
display: none;
}
}
/* ================================================================================
PC繝倥ャ繝繝ｼ
================================================================================ */
@media (min-width: 768px) {
header {
position: relative;
max-width: none;
/* max-width: 1920px; 蝗ｺ螳壼ｹ�Ξ繧､繧｢繧ｦ繝域凾 */
width: 100%;
}
/* H1
----------------------------------------------- */
.sp_h1 {
display: none;
}
.pc_h1 {
position: relative;
max-width: none;
/* max-width: 1920px; 蝗ｺ螳壼ｹ�Ξ繧､繧｢繧ｦ繝域凾 */
width: 100%;
height: 0;
margin: 0 auto;
text-align: right;
z-index: 2;
}
.pc_h1 h1 {
position: relative;
font-size: 12px;
line-height: 1;
color: inherit;
padding: 6px;
transform: translate(-3vw,0.3vw);
-webkit-transform: translate(-3vw,0.3vw);
-ms-transform: translate(-3vw,0.3vw);
color:#ffffff;
letter-spacing: 0.08em;
}
/* 髮ｻ隧ｱ逡ｪ蜿ｷ */
.top-tel{
position: absolute;
z-index: 1;
top: 1.8vw;
right: 3.6vw;
font-size: 1.9vw;
letter-spacing: 0.05em;
pointer-events: none;
}
.top-tel a{
color:#ffffff;
}
.top-tel::before{
position: absolute;
content: "";
display: block;
background:url(../img/tel-icon.png) left top no-repeat;
background-size: auto;
background-size: contain;
top: 0.5vw;
left: -2.9vw;
width: 2.1vw;
height: 2vw;
}
/* 鄙ｻ險ｳ繝舌リ繝ｼ */
#gtranslate_wrapper{
top: 5vw !important;
right: 3.5vw !important;
}
/* 繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ
----------------------------------------------- */
}
/* ================================================================================
SP繝倥ャ繝繝ｼ
================================================================================ */
@media (max-width: 767px) {
header {
position: relative;
}
/* H1
----------------------------------------------- */
.pc_h1 {
display: none;
}
.sp_h1 {
position: relative;
padding: 2vw 2vw 3vw 2vw;
text-align: center;
}
.sp_h1 h1 {
font-size: 3.2vw;
/*line-height: 1.3;*/
}
/* 髮ｻ隧ｱ逡ｪ蜿ｷ */
/*.top-tel{
z-index: 1;
text-align: center;
padding: 5vw 0 6vw;
background:url(../img/sp-top_info.jpg)no-repeat center top/ 100% auto;
}*/
/* info */
.top-tel .sp-top-info{
display: block;
margin: 0 auto;
text-align: center;
font-size: 3.2vw;
width: 74vw;
}
.top-tel a{
color:#ffffff;
font-size: 7vw;
position: relative;
padding: 0 0 0 6vw;
}
.top-tel a::before{
position: absolute;
content: "";
display: block;
background:url(../img/tel-icon.png) left top no-repeat;
background-size: auto;
background-size: contain;
top: 0.7vw;
left: -3.5vw;
width: 15.1vw;
height: 6vw;
}
.sp-top-info span > font{
display:block;
}
/* 鄙ｻ險ｳ繝舌リ繝ｼ */
#gtranslate_wrapper{
display: none;
}
.switcher {
position: relative;
z-index: 80 !important;
margin: 3vw auto 0 !important;
}
}
/* ================================================================================
繝輔ャ繧ｿ繝ｼ
================================================================================ */
/* PC險ｭ螳�
------------------------------------------- */
@media (min-width: 768px) {
footer {
position: relative;
background:#1E1613;
height: 37vw;
padding: 6.3vw 0 0;
}
footer::before {
position: absolute;
content: "";
display: block;
background: url(../img/pc-lenga.png)no-repeat center top / 100% auto;
top: -1.3vw;
left: 0;
width: 99.1vw;
height: 7vw;
}
/* 繝輔ャ繧ｿ繝ｼ繝ｭ繧ｴ */
.footer-logo{
text-align: center;
padding: 0 0 2.5vw;
}
.footer-logo img{
text-align: center;
width: 16vw;
}
/* 繝輔ャ繧ｿ繝ｼ繝ｪ繝ｳ繧ｯ */
.footer-nav ul{
text-align:center;
font-size:0;
}
.footer-nav ul li{
vertical-align: top;
display: inline-block;
font-size:1.2vw;
position: relative;
padding: 0 1vw;
}
.footer-nav ul li::before{
position: absolute;
content: "/";
top: 0;
left: 0;
color:#e6562f;
}
.footer-nav ul li:first-of-type::before{
display: none;
}
.footer-nav ul li a{
color:#e6562f;
}
/* 髮ｻ隧ｱ */
.footer-tel{
text-align: center;
}
.footer-tel{
position: relative;
z-index: 1;
font-size: 2.2vw;
letter-spacing: 0.05em;
padding: 2.4vw 0 0;
margin-left: 2.2vw;
}
.footer-tel a{
color:#ffffff;
pointer-events: none;
display: block;
}
.footer-tel::before{
position: absolute;
content: "";
display: block;
background:url(../img/tel-icon.png) left top no-repeat;
background-size: auto;
background-size: contain;
top: 3.2vw;
left: 38.5vw;
width: 2vw;
height: 1.9vw;
}
/* info */
.footer-info{
font-size: 0.9vw;
padding: 1vw 0 0 0;
letter-spacing: 0.05em;
display: block;
margin: 0 auto;
text-align: center;
}
.footer-info span{
color:#e6562f;
}
.footer-info p{
text-align: left;
display: inline-block;
}
/* 繧ｷ繧ｧ繧｢繝懊ち繝ｳ */
footer .addtoany_shortcode > div {
display: none;
}
/* 繧ｳ繝斐�繝ｩ繧､繝� */
.f_copy {
position: relative;
}
.f_copy p {
font-size: 11px;
text-align: center;
bottom: -6vw;
position: absolute;
left: 47vw;
}
}
/* SP險ｭ螳�
------------------------------------------- */
@media (max-width: 767px) {
footer {
position: relative;
background:#1E1613;
padding: 6.3vw 0 0;
}
footer::before {
position: absolute;
content: "";
display: block;
background: url(../img/lenga.png)no-repeat center top / 100% auto;
top: -3.3vw;
left: 0;
width: 100vw;
height: 12vw;
}
/* 繝輔ャ繧ｿ繝ｼ繝ｭ繧ｴ */
.footer-logo{
text-align: center;
padding: 11vw 0 6.5vw;
}
.footer-logo img{
text-align: center;
width: 46vw;
}
/* 繝輔ャ繧ｿ繝ｼ繝ｪ繝ｳ繧ｯ */
.footer-nav ul{
text-align:center;
font-size:0;
}
.footer-nav ul li{
vertical-align: top;
display: inline-block;
font-size: 4vw;
position: relative;
padding: 0 3vw;
}
.footer-nav ul li::before{
position: absolute;
content: "/";
top: 0;
left: -1vw;
color:#e6562f;
}
.footer-nav ul li:first-of-type::before{
display: none;
}
.footer-nav ul li:nth-of-type(6)::before{
display: none;
}
.footer-nav ul li a{
color:#e6562f;
}
/* 髮ｻ隧ｱ */
.footer-tel{
text-align: center;
}
.footer-tel{
position: relative;
z-index: 1;
letter-spacing: 0.05em;
padding: 5.4vw 0;
margin-left: 11.2vw;
font-size: 7vw;
}
.footer-tel a{
color:#ffffff;
}
.footer-tel::before{
position: absolute;
content: "";
display: block;
background:url(../img/tel-icon.png) left top no-repeat;
background-size: auto;
background-size: contain;
top: 8.4vw;
left: 12.5vw;
width: 5vw;
height: 5.9vw;
}
/* info */
.footer-info{
padding: 1vw 5vw 7vw 5vw;
letter-spacing: 0.05em;
display: block;
margin: 0 auto;
text-align: center;
}
.footer-info span{
color:#e6562f;
}
.footer-info p{
text-align: left;
display: inline-block;
}
/* SP逕ｨ繝輔ャ繧ｿ繝ｼ繝ｪ繝ｳ繧ｯ type01 窶ｻ繝懊�繝繝ｼ荳狗ｷ壹�繧ｿ繧､繝�
------------------------------------------- */
.f_navi_sp ul {
margin: 0 auto;
overflow: auto;
padding: 2vw 3% 3.5vw;
}
.f_navi_sp ul li {
float: left;
width: 48%;
padding: 2vw 2vw;
border-bottom: 1px solid;
}
.f_navi_sp ul li:nth-of-type(2n-1) {
margin-right: 2%;
}
.f_navi_sp ul li:nth-of-type(2n) {
margin-left: 2%;
}
.f_navi_sp ul li a {
display: block;
font-size: 3.5vw;
text-decoration: none;
}
/* SP逕ｨ繝輔ャ繧ｿ繝ｼ繝ｪ繝ｳ繧ｯ type02 窶ｻ繝懊ち繝ｳ繧ｿ繧､繝�
------------------------------------------- */
/*
.f_navi_sp ul {
margin: 0 auto;
overflow: auto;
padding: 0 0 2vw;
padding-top: 4vw;
}
.f_navi_sp ul li {
float: left;
width: 50%;
}
.f_navi_sp ul li:nth-of-type(2n-1) {
width: 50%;
padding-right: 1px;
}
.f_navi_sp ul li a {
background-color: #000000;
color: #ffffff ;
display: block;
font-size: 3.5vw;
font-weight: 700;
text-decoration: none;
padding:3vw 0;
margin-bottom: 1px;
text-align: center;
}
.f_navi_sp ul li a:hover {
background-color: #222222;
}
*/
/* 繝懊ち繝ｳ縺悟･�焚縺ｮ蝣ｴ蜷�
.f_navi_sp ul li:first-child {
width: 100%;
}
.f_navi_sp ul li:nth-of-type(2n) {
width: 50%;
padding-right: 1px;
}
*/
/* 繧ｷ繧ｧ繧｢繝懊ち繝ｳ */
footer .addtoany_shortcode > div {
text-align: center;
display: block;
padding: 2vw 0;
}
/* 繧ｳ繝斐�繝ｩ繧､繝� */
.f_copy {
padding: 2vw 0;
}
.f_copy p {
text-align: center;
}
}
/* ================================================================================
繝壹�繧ｸ繝医ャ繝励�繧ｿ繝ｳ
================================================================================ */
/* PC險ｭ螳�
------------------------------------------- */
@media (min-width: 768px) {
#page-top {
position: fixed;
z-index: 9996;
right: 10px;
}
#page-top a {
background: url(../img/pagetop_off.png) center top no-repeat;
background-size: contain;
width: 40px;
height: 40px;
display: block;
text-indent: -9999px;
}
#page-top a:hover {
opacity: 1;
background: url(../img/pagetop_on.png) center top no-repeat;
background-size: contain;
}
}
/* SP險ｭ螳�
------------------------------------------- */
@media (max-width: 767px) {
#page-top {
position: fixed;
z-index: 9996;
right: 8px;
}
#page-top a {
background: url(../img/pagetop_off.png) center top no-repeat;
background-size:contain;
width: 40px;
height: 40px;
display: block;
text-indent: -9999px;
}
#page-top a:hover {
opacity: 1;
background: url(../img/pagetop_on.png) center top no-repeat;
background-size: contain;
}
}
/* ================================================================================
繝代Φ縺上★繝ｪ繧ｹ繝�
================================================================================ */
/* 閭梧勹濶ｲ */
#breadcrumb {
background-color: transparent;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
#breadcrumb {
position: relative;
max-width: none;
width: 100%;
padding: 8vw 0 16px;
z-index: 1;
}
#breadcrumb > ul {
max-width: 1000px;
width: 100%;
margin: 0 auto;
font-size: 0;
}
#breadcrumb > ul > li {
display: inline-block;
font-size: 14px;
}
#breadcrumb > ul > li + li:before {
padding: 0 0.6em 0 0.7em;
content: '>';
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
#breadcrumb {
position: relative;
width: 100%;
padding: 4vw 0;
z-index: 1;
}
#breadcrumb > ul {
position: relative;
width: 100%;
padding: 0 4vw;
font-size: 0;
}
#breadcrumb > ul > li {
display: inline-block;
font-size: 3.5vw;
}
#breadcrumb > ul > li + li:before {
padding: 0 0.6em 0 0.7em;
content: '>';
}
}
/* ================================================================================
Wp Lightbox Bank 繝励Λ繧ｰ繧､繝ｳ
================================================================================ */
#lightGallery-outer {
background-color: rgba(0,0,0,0.8) !important;
}
/* ================================================================================
Addtoany繝懊ち繝ｳ
================================================================================ */
/* 繝�じ繧､繝ｳ */
.addtoany_list a:not(.addtoany_special_service) > span {
border-radius: 0 !important;
background: url(../img/add.jpg) !important;
padding: 3px !important;
}
/* PC險ｭ螳�
----------------------------------------------- */
@media (min-width: 768px) {
.addtoany_shortcode {
padding-top: 8px;
margin: 0 -4px;
}
}
/* SP險ｭ螳�
----------------------------------------------- */
@media (max-width: 767px) {
.addtoany_shortcode {
padding-top: 2vw;
margin: 0 -4px;
}
}
/* 鄙ｻ險ｳ繝励Λ繧ｰ繧､繝ｳ繝舌げ蟇ｾ遲� */
.addtoany_shortcode font {
display: none;
}
/* ================================================================================
IE繝上ャ繧ｯ
================================================================================ */
/* IE10莉･荳� */
@media all and (min-width: 768px) and (-ms-high-contrast: none) {
.elementor-image a {
display: inline !important;
}
}
/* ================================================================================
reCAPTCHA繧｢繧､繧ｳ繝ｳ蜑企勁
================================================================================ */
.grecaptcha-badge{
visibility: hidden !important;
}