/*
Theme Name: 三ツ星トレーラーハウス
 * 【重要警告】
 * このWordPressテーマは R-design が著作権を有しています。
 * 無断での使用・コピー・改変・再配布は、著作権侵害にあたります。
 * 不正利用が確認された場合、アクセスログやコード署名をもとに、
 * 弁護士を通じて法的手段を取らせていただきます（実例あり）。
 *
 */

@charset "UTF-8";
html {margin: 0!important;}

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, address {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

em,strong{ font-weight: normal; font-style: normal;}

/* Forms
========================================================================== */

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}


button {
  overflow: visible;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;margin:0 .25rem 0 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {border: 0; padding: 0;}

textarea {overflow: auto;}

optgroup {font-weight: bold;}


/* 基本設定
========================================================================== */
body {
position: relative;
color: #222;
font-size: 16px;
font-weight: 500;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
line-height: 1.5;
font-style: normal;
font-feature-settings: "palt";
overflow: auto;
}
body.noscroll { overflow-y: scroll; position: fixed; width: 100%; }

/* ===============================================
# 共通
=============================================== */
a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none; }

img{ border: none;min-width: 0;}

*, *::before, *::after {	box-sizing: border-box;}

html,body{height: 100%;}

.hojo{font-size:88%;color:#888888;}

/*　ヘッダー
  ========================================================================== */
header{background-color: #FFF; position: fixed; z-index: 5;width: 100%;top:0;color: #fff;border-bottom:5px solid #004893;}
.header-inner{position: relative; color: #222;height: 90px;display: flex;justify-content: space-between;align-items: flex-end;z-index: 2;}
header .logo{height: 100%; display: flex;padding: 10px 0 10px 2vw; z-index: 10;}
header .logo img{width: 100%;}
@media (max-width: 959px){

.header-inner{align-items:center;height:unset;}
.logo-set{max-width:calc(100% - 50px);display: flex;justify-content: space-between;align-items: center;line-height: 0;}
header a{max-height:70px;padding:unset;}
header a img{width:100%;height:auto;}
}

/*=========================================
#drawer
=========================================*/
.drawer{z-index: 3;}
.drawer_list{display: flex;justify-content: flex-end; padding-right: 2vw;gap:min(30px,2vw);}
.drawer_list > li{padding: 0 1vw;font-size: 16px; font-weight: 600;letter-spacing: .05rem;padding-bottom:10px;}
@media (max-width: 1600px) and (min-width: 1290px){
header .logo{max-width:30vw;}
.drawer_list{padding-right: 10px;gap:15px;}
.drawer_list > li{padding: 0 15px;font-size: 15px;    padding-bottom: 10px;letter-spacing: .02rem;}
}
@media (max-width: 1289px) and (min-width: 1001px){
header .logo{max-width:30vw;}
.drawer_list{padding-right: 10px;gap:10px;}
.drawer_list > li{padding: 0 10px;font-size: 1.3vw;    padding-bottom: 10px;letter-spacing: 0rem;}
	.has-sub-menu:after{width:12px !important;height:12px !important;}
}

.has-sub-menu{position: relative;}
.has-sub-menu:after{width: 15px;height: 15px;position: absolute;right: -17px;bottom:5px;background: url("../../../image/common/arrow-down_b.svg") no-repeat;background-size: 100% auto;content: '';}

.has-child {
    position: static;
}


@media (max-width: 1000px){
  .drawer {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 130;
    width: 100%;
    height: 100vh;
				overflow: auto;
    background-color: #FFF;
    color: #000 !important;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .drawer_list {gap: 10px;width: 100%;}
		.drawer_list .en,.drawer_list img{display: none;}
		.drawer_list > li{border-bottom:1px dotted #CCC;}
  .drawer_list li {
    font-size: 14px;
  }
  .drawer.is-active {
    visibility: visible;
    opacity: 1;
  }
  .drawer-inner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 30px;
  }
  .drawer_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

.drawer_btn {
  position: relative;
  width: 3rem;
  height: 3rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 999;
}

.drawer_btn > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2px;
  background-color: #004893;
  transform: translateX(-50%);
}

.js-active > span {background-color: #004893;}
.drawer_btn > span:nth-of-type(1) {
  transform: translate(-50%, calc(-50% - 0.5rem));
}

.drawer_btn > span:nth-of-type(2) {
  transform: translate(-50%, -50%);
}

.drawer_btn > span:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 0.5rem));
}

.drawer_btn.js-active > span:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.drawer_btn.js-active > span:nth-of-type(2) {
  opacity: 0;
}

.drawer_btn.js-active > span:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(45deg);
}


.drawer.js-active {opacity: 1;visibility: visible;}
.sub-menu-waku {display: none;padding-top: 10px;}
.sub-menu-waku li{padding: 8px;position: relative;display: flex;gap:5px;align-items:center;}
.sub-menu-waku .sub-menu li:before{content: "-";display: inline-block;}
.has-sub-menu{display: inline-block;}
.has-sub-menu:after{width: 12px;height: 12px;position: absolute;right: -17px;bottom:5px;background: url("../../../image/common/arrow-down_b.svg") no-repeat;background-size: cover;content: '';}
}

/* スマホの時だけTELリンク */

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* ページ内リンク */
a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/* slick関連 */
.autoplay{margin: 60px auto 100px !important;overflow:hidden;}
.autoplay .slick-slide{aspect-ratio: 1.4 / 1;margin: 0 10px;}
.slick-slide img{width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width: 767px) {
	.autoplay{margin: 40px auto !important;}
}
/*　reCAPTCHA　*/
.grecaptcha-badge { visibility: hidden; }
.reC {font-size:.8rem;color:#666;text-align:center;padding-top: 20px;}
@media screen and (max-width: 480px) {.reC {font-size:min(3vw,.8rem);}}

/* 送信ボタンが中心じゃない場合 */
div.wpcf7 .wpcf7-spinner {display: none !important;}

/* ページネーション */
.nav-links{text-align:center;display:flex;justify-content:center;align-items:center;gap:10px;padding-top:30px;}
.page-numbers{line-height:1;padding:6px 10px !important;background-color:#FFF;color:#191919;border-bottom:unset !important;}
.page-numbers.current{background-color:#191919;color:#FFF;}
.page-numbers.next,.page-numbers.prev {border:none;background-color:unset;}