@charset "utf-8";
* { box-sizing:border-box; }
body, h1, h2, h3, dl, dd, ul, form, textarea  { margin:0; padding:0; font-size:100%; }
html { font-size:14px; }
body { color:#000; line-height:1.7; font-weight:500; -webkit-text-size-adjust:100%;
 font-family:"游ゴシック", "Yu Gothic", YuGothic, "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }

img:not(.emoji) { font-size:0; line-height:0; vertical-align:bottom; max-width:100%; }
ul { list-style-type:none; }
fieldset { border:none; }
strong { margin: 0 2px; line-height: 1.8; }
em { font-style:normal; font-weight:bold; }
label { display:inline-block; }
table { border-collapse:collapse; border-spacing:0; }
figure { margin:0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/*回り込み解除clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* 共通 ------------------------ */
.push { display: inline-block; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: scale(1); transform: scale(1); }
.push:hover { -webkit-transform: scale(0.98); transform: scale(0.98); }

a { color:#000; }
a:active, a:hover { color:#8A8A8A; }
a:hover{ text-decoration: none; }
a img, img { border-width:0px; }
map area:focus, map area:active { outline:none; border:0; }
.serif {
	font-family:
		"游明朝体", "Yu Mincho", YuMincho,
		"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
		"HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.small  { font-size:0.85em; }
.big  { font-size:1.2em; }
.bold { font-weight:bold; }
.clear { clear:both; }
.hide { display:none; }
.iblock { display:inline-block; }
.wide { width:100%; }

.red    { color:#bf1920; }

ul.disc, ul.square { margin-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

ol.paren { padding-left:1.8em; }
ol.paren > li { list-style-type:none; counter-increment:paren; }
ol.paren > li::before { content: "(" counter(paren) ") "; display:inline-block; width:1.7em; margin-left:-1.8em; padding-left:.1em; }

img.middle { vertical-align:middle; }
.indent{ text-indent: -1em; padding-left: 1em; }

.fleft { float:left; }
.fright { float:right; }

.shadow { box-shadow: 0 0 3px rgba(0,0,0,0.3); }

.flex { display:-webkit-box; display:flex; flex-wrap:wrap; }
.flex-between { -webkit-box-pack:justify; justify-content:space-between; }
.flex-center  { -webkit-box-pack:center; justify-content:center; }
.flex-end  { -webkit-box-pack:end; justify-content:flex-end; }
.flex-align-center { -webkit-box-align:center; align-items:center; }

.item-center { display:grid; place-items:center; }
.vh_ctr {
  position:absolute; top:50%; left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}

.bg-yel { background:#fcfaf0; }
.color-org { color:#f78f15; }
.color-blu { color:#60b6a5; }

.font-en { font-family:'Lora';  }

/* popup */
.white-popup { width:auto; max-width:640px; margin:20px auto; padding:20px; background:#FFF; position:relative; }

/* 600以上 */
@media screen and (min-width: 600px){
	.pc_none { display:none; }
  .sp_only { display: none;}
  .sp_none { display: block;}
}

@media screen and (max-width: 599px){
	.sp_none { display:none; }
  .sp_only { display: block;}

  input.t { width:50%; }
  input.s { width:70%; }
  input.m { width:100%; }
  input.l { width:96%; }

	form .submit { margin-top:15px; text-align:center; }
	form .submit input { float:none; width:300px; padding:10px 50px 11px; }

  .cmn_button.big a { font-size: 1.25em !important;}
}


/* base------------------------ */
.inner { width:1000px; margin:0 auto; }
.narrow { width:860px; margin:0 auto; }
#wrapper { width:100%; overflow:hidden; min-width:1100px; }
#contents { padding-bottom:20px; }

#pan { margin:10px auto 34px; text-align:right; }
#pan li { display:inline-block; font-size:13px; }
#pan li:not(:first-child):before { content:">"; padding:0 5px; color:#888; }

:is(.logo,.f_logo) img { padding-top: 5px; }

/* tel */
.g-tel { margin:0; font-weight: bold; color:#533c34; font-size:0.75em; margin: 0 0 10px 4px; }

.tel-num, .g-tel-num { position:relative; display:block; padding-left:1.2em; font-size:2.286em; color:#533c34; font-family: 'Lora'; line-height:1; text-decoration:none; }
:is(.tel-num, .g-tel-num)::before { content:""; position:absolute; top:-.03em; left:0; width:1em; height:1em; background:url(../img/common/icon-tel-org.svg) no-repeat center / 100%; }

.g-tel-num { font-size: 1.5em; }
.g-tel-info { display:block; font-weight:bold; font-size:.857rem; }


/* header------------------------ */
header > .inner { padding:24px 0 15px; color:#533c34; }
header .logo, header .h_txt { float:left; width: min(30%,280px);}
header .h_txt { margin:0 24px 0; font-size:12px; font-weight:bold; line-height:1.5; -webkit-transform:translateY(-6px); transform:translateY(-6px); }
.infoBox { float:right; margin-top:1.5em; }

.contact_list { padding-left: 4.2em; float:right; position: relative; z-index: 1;}
.contact_list::before{ content: ""; position: absolute; width: 8em; height: 320%; top: -4.5em; right: 16.3em; background-image: url(../img/top/harunaai01.png?20260316); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: 1;}
.contact_list li { float:left; margin-left:6px; }
.contact_list li a { display:block; width:60px; height:52px; color:#fff; font-weight:bold; text-decoration:none; text-align:center; }
.contact_list li.contact a { padding-top:28px; font-size:12px; background:#f5a547 url(../img/common/icon-mail-wht.svg) no-repeat center 5px / 30%; }
.contact_list li.line a { padding:11px 0 11px 3px; font-size:15px; line-height:1; background:#79d569; }
.contact_list li.line a .small {font-size: .8em;}

/* gnav------------------------*/
#gnav { position: relative; margin-top:5px; padding:20px 0 12px; background:#fcfaf0; z-index: 1;}
.gnav_menu li { position:relative; float:left; border-right:1px dashed #d1d1d1; }
.gnav_menu li:first-child { border-left:1px dashed #d1d1d1; }
.gnav_menu li a { display:block; padding:6px 33px 0; color:#533c34; font-size:15px; font-weight:bold; text-align:center; text-decoration:none; line-height:1.4; letter-spacing:0.005em; }
.gnav_menu li a span { display:block; font-family: 'Lora'; color:#7bc8b9; font-size:12px; }
.gnav_menu li a:hover:before,
.gnav_menu li a.active:before { background-color:#f5a547; }

.gnav_menu li a:before {
	content:""; position:absolute; top:-25px; left:0; right:0; width:26px; height:26px; margin:0 auto; border-radius:50%;
  background:#533c34 no-repeat center / 100%;
	transition:all .3s; -webkit-transition:all .3s }
.gnav_menu li.top a:before    { background-image:url(../img/common/icon-home-wht.svg); }
.gnav_menu li.stock a:before  { background-image:url(../img/common/icon-car-wht.svg); }
.gnav_menu li.reason a:before { background-image:url(../img/common/icon-reason-wht.svg); }
.gnav_menu li.about a:before  { background-image:url(../img/common/icon-about-wht.svg); }
.gnav_menu li.shop a:before   { background-image:url(../img/common/icon-shop-wht.svg); }
.gnav_menu li.voice a:before  { background-image:url(../img/common/icon-voice-wht.svg); }
.gnav_menu li.blog a:before  { background-image:url(../img/common/icon-blog-wht.svg); }
.gnav_menu li.recruit a:before  { background-image:url(../img/common/icon-recruit-wht.svg); }


.menu-button { display:none; }

/* pagetop------------------------ */
#f_flo { position: fixed; bottom: 20px; right: 20px; z-index:9999; }
#f_flo .btn_stock { margin-bottom:10px; }

/* footer-------------------*/
#userFlows.reserve { z-index: 1; padding-block: 4em 3em; color: #fff; font-weight: bold; position: relative;}
#userFlows.reserve::after { content: ''; z-index: -1; position: absolute; display: block; width: 100%; height: 100%; top: 0; background: url(../img/common/bg_reserve.jpg) center/cover no-repeat;}
#userFlows.reserve a { text-decoration: none;}
#userFlows.reserve .ttl { font-size: 2em; line-height: 1.2;}
#userFlows.reserve .cmn_button { margin-block: 2em 1.7em;}
#userFlows.reserve .cmn_button a { padding-inline: 65px 60px; color: #533c34; font-size: 2.8em;}
#userFlows.reserve .tel-contact { font-size: 1.5em; line-height: 1.5;}
#userFlows.reserve .tel-box { width: 70%; margin: 0 auto; font-size: 1.2em; flex-direction: column; align-items: center; }
#userFlows.reserve .tel-box li  { width: 47% }
#userFlows.reserve .tel-box .tel { font-size: 2em;}
#userFlows.reserve .tel-box a { color: #fff;}
#userFlows.reserve .shop-dtl { font-size: 1.2em;}

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



footer { padding-top:38px; background:#fcfaf0; }
footer .f_logo { float:left; }

footer .fnav { margin-top:20px; padding:26px 0; border-top:1px dashed #ddd; }
footer .fnav_list { float:left; margin-right:80px; }
footer .fnav_list:last-child { margin-right:0; }
footer .fnav_list li { margin-bottom:.6em; }
footer .fnav_list a { position:relative; display:inline-block; padding-left:18px; color:#533c34; text-decoration:none; }
footer .fnav_list a:before { content:""; position:absolute; top:10px; left:2px; width:6px; height:1px; background:#533c34; }
footer .fnav_list a:hover { text-decoration:underline; }
footer .fnav_list > li > a { font-weight:bold; }
footer .fnav_list > li > a:before { top:6px; left:0; width:10px; height:10px; background:url(../img/common/icon-mark.svg) no-repeat center center / 10px; }

#copyright { margin:0; padding:6px 0; color:#fff; font-size:12px; text-align:center; background:#533c34; }
#copyright a { color:#fff; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }


/*cookie policy*/
.alert-cookie { position:fixed; bottom:0; left:0; right:0; padding:1.3em 0; background:rgba(0,0,0,.85); z-index:10000; }
.alert-cookie .msg { flex:1; margin:0; color:#fff; font-size:13px; line-height:1.5; }

.alert-cookie a { color:#f5a547; }
.button {
  position:relative; display:inline-block; outline:none; border:none;
  min-width:220px; padding:.7em 3em .65em 3em; font-size:1.1em; text-align:center; text-decoration: none;
  font-weight:bold; color:#fff; background:#f5a547; cursor:pointer;
  }

/* common-------------------*/
/* title */
.conTitle { margin-bottom:16px; padding-left:50px; color:#533c34; font-size:26px; line-height:1.4; }
.conTitle span { display:block; color:#7bc8b9; font-size:14px; font-family: 'Lora'; }

.pageTitle { margin:8px; border:1px dashed #d1d1d1; }
.pageTitle .title { padding:2em 0 1em; color:#533c34; line-height:1.4; text-align:center; font-size:1.7143rem; background:url(../img/common/sprout.svg) no-repeat center .833em / 1.458em; }
.pageTitle span { display:block; color:#7bc8b9; font-size:1rem; font-family:'Lora'; }

.heading { margin-bottom:26px; text-align:center; }
.heading span { position:relative; margin:0 18px; padding:0 5px; color:#533c34; font-size:2rem; background:linear-gradient(transparent 70%, #ffe050 0%); }
.heading span:before, .heading span:after { position:absolute; color:#533c34; font-size:2rem; line-height:1; }
.heading span:before { content:"『"; top:2px; left:-1.6em; }
.heading span:after { content:"』"; bottom:-2px; right:-1.6em; }

.secttl { margin-bottom:.9em; text-align:center; font-size:2.429rem; line-height:1.5; color:#4e362e; }
.secttl .en { display:block; font-size:.471em; color:#60b6a5; font-family: 'Lora'; letter-spacing:.05em; }
.secttl .ja { position:relative; display:inline-block; padding:0 .7em; font-weight:bold; letter-spacing:.05em; }
.secttl .ja:before, .secttl .ja:after {
  content:""; position:absolute; top:0; bottom:0; width:100%; height:6px; margin:auto 0;
  background:url(../img/common/line.svg) no-repeat right; }
.secttl .ja:after { -webkit-transform:scale(-1, -1); transform:scale(-1, -1); }
.secttl .ja:before { right:100%; }
.secttl .ja:after { left:100%; }

.subTitle { margin-bottom:20px; padding:5px 0 2px 52px; color:#533c34; font-size:22px; border-bottom:2px solid #f5a547; background:url(../img/common/logomark.svg) no-repeat 6px 0 / 34px; }

.subTitle2 { margin:30px 0 28px; color:#533c34; text-align:center; font-size:22px; }
.subTitle2 > span { position:relative; display:inline-block; padding:0 42px; border-bottom:1px dashed #533c34; }
.subTitle2 > span:before, .subTitle2 span:after { content:""; position:absolute; top:11px; left:0; width:30px; height:16px; background:url(../img/common/sprout.svg) no-repeat 0 0 / 30px; }
.subTitle2 > span:after { left:auto; right:0; }

.subTitle3 { margin:1.5em 0 1em; font-size:22px; text-align:center; color:#533c34; line-height:1.5; }
.subTitle3 > span { position:relative; display:inline-block; padding:0 1.4em; }
.subTitle3 > span:before, .subTitle3 > span:after { content:""; position:absolute; top:0; bottom:0; left:0; width:.6em; height:3px; margin:auto 0; background:#f5a547; }
.subTitle3 > span:after { left:auto; right:0; }

.headline { margin:0 0 15px; font-size:18px; color:#533c34; border-bottom:1px dashed #533c34; }

.subHeadline { margin:15px 0 8px; font-size:16px; color:#5dbdaa; }
.subHeadline + p { margin-top:0; }
p + .subHeadline { margin-top:24px; }


.lead-ttl { font-size:1.25rem; font-weight:bold; }
.lead-ttl span { font-size:1.667em; color:#db3d3d; padding:0 .2em .2em;
  background:linear-gradient(transparent 60%, #ffef5c 60%);}

/* button */
.cmn_button a,
.cmn_button > span {
 position:relative; display:inline-block; padding:.85em 1.4em .7em 1.4em; transition:all .3s; -webkit-transition:all .3s;
 color:#533c34; font-weight:bold; text-align:center; text-decoration:none; border-radius:3px; border:2px solid #f5a547; background:#f5a547; }
.cmn_button a:after,
.cmn_button > span:after {
 content:""; display:inline-block; width:1.4286em; height:1.4286em; margin:auto 0 auto .5em; vertical-align:-.35em;
 border-radius:50%; background:#533c34 url(../img/common/icon-arrow-wht.svg) no-repeat center / 50%; }
.cmn_button a:hover,
a:hover .cmn_button > span { background:#fff; }
.cmn_button.big a { font-size:1.5em; }

.img_list { margin:30px auto 0; }
.img_list > li { width:50%; }

/* search_box */
.search_con { margin-bottom:60px; }
.search_con .conTitle { background:url(../img/top/ttl_bg_search.png) no-repeat 0 4px; }
.searchBox { padding:24px 36px; border:5px solid #f5a547; background:#fff; }

.searchBox>.grid { display: grid; grid-template-columns: repeat(4, auto); gap: 10px;}
.searchBox>.grid > fieldset label { display:block; }
.searchBox fieldset legend { margin:0; color:#533c34; font-size:16px; }
.searchBox fieldset select { min-width:100%; padding:3px 10px; font-family:inherit; font-weight:inherit; font-size:15px; border-radius:3px; border:1px solid #ccc; }
.searchBox fieldset option { font-weight:inherit; }

.searchBox .input-box { margin-top: 3px; padding: 8px 10px 5px; border-radius:3px; border:1px solid #ccc; background: #fff; }

.searchBox .searchBtn { display:block; padding-left: 40px; height: 70px; color:#fff; font-size:20px; font-weight:bold; font-family:inherit; border-radius:3px; border:none;
 background:#f5a547 url(../img/common/icon-search-wht.svg) no-repeat 40px 20px; cursor:pointer;
 transition:all .5s; -webkit-transition:all .5s; }

.searchBox .searchBtn:hover { background-color:#533c34; }

.searchBox>.grid > .col2 { grid-column: span 2; }
.searchBox>.grid > .col2 select { min-width: auto; }
.searchBox .submit.center { margin-top: 0; grid-column: 1 / -1; }
.searchBox .submit.center>.searchBtn { margin: auto; min-width:200px; }

/* slick */
.slick-arrow {
  position:absolute;
  top:50%;
  width:29px;
  height:110px;
  background: #959595;
  border:none;
  -webkit-transform:translateY(-50%);
  transform: translateY(-50%);
  text-indent: -9999px;
  z-index:999;
  opacity:1;
}
.slick-arrow:before { content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-prev { left:0; }
.slick-next { right:0; }
.slick-next:before { content: ""; }
.slick-prev:before { right:auto; left:10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity:0.7; background: #959595;}

/* voice */
.voice_list li { position:relative; width:23.8%; margin-bottom:40px; }
.voice_list li:not(:nth-child(4n)) { margin-right:15px; }
.voice_list li a { display:block; padding:20px 10px 10px; text-decoration:none; background:#fff8d4; }
.voice_list li a figure { transition:all .3s; -webkit-transition:all .3s; }
.voice_list li a:hover figure { opacity:0.7; }
.voice_list li .date { position:absolute; top:-14px; left:0; width:100%; margin:0; color:#533c34; text-align:center; font-size:1.1429rem; font-weight:bold; }
.voice_list li a:focus { outline:none; }


/* img hover */
img.scale { transition:all .3s; -webkit-transition:all .3s; }
a:hover img.scale  {	-webkit-transform: scale(1.05); transform: scale(1.05); }

.marker { background:linear-gradient(transparent 50%, #f9f5c3 0%); }

/* flyer 今週のチラシ情報
================================================================== */
.flyer-area { padding:60px 0 70px; }
.flyer-date { margin-bottom:.8em; font-size:1.8rem; text-align:center; color: #4e362e; }
.flyer-date span { display:inline-block; padding:.2em 1.5em .15em; background:#fff8d3; border-radius:5px; }
.flyer-date em { color:#da263c; }

.ad_list + .ad_list { margin-top:50px; }
.ad_list.a4 .flyer-list { -webkit-box-pack:center; justify-content:center; }

.flyer-list li { width:48%;}
.flyer-list li + li { margin-left: 4%;}
.flyer-list li a { display:block; padding:8px; text-align:center; border:2px solid #fff; background:#533d35; }
.flyer-list li a img { border:2px solid #fff; border-radius:5px; }

/* SOLDOUT */
.img.soldout { position:relative; }
.img.soldout::after{ position:absolute; top:0; bottom: 0; left: 0; right: 0; background: url(/img/common/soldout.png)no-repeat center/contain; content:''; }

@media screen and (max-width: 599px){
    .contact_list_wrapper::before{ display: none;}
}