@charset "UTF-8";

/* base------------------------ */
#wrapper { position: relative; width: 100%; min-width: 1000px; overflow: hidden; }

/*ul.disc, ul.square, ul.decimal { margin-left:1.3em; }*/
section { margin-top:80px; margin-bottom:80px; }

.bg-beige { background-color:#f7f3e9; }

/* 余白 */
.mt-2 { margin-top: 2em;}
.mb-2 { margin-bottom: 2em;}

dl_tbl
/* テーブル */
.dl_tbl { margin: 25px 0; overflow: hidden; }
.dl_tbl > dt,
.dl_tbl > dd { padding: 10px; }
.dl_tbl > dt { width: 20%; border-bottom: 2px solid #fec516; }
.dl_tbl > dd { width: 80%; border-bottom: 2px solid #f1153b; }


.tbl { width:100%; margin-bottom:10px; border-collapse:separate; border-spacing:0; }
.tbl > tbody > tr > th, .tbl > tbody > tr > td { padding:10px; border-top:10px solid #FFF; }
.tbl > tbody > tr > th { width:190px; font-weight:normal; text-align:center; color:#FFF; background-color:#f1153b; }
.tbl > tbody > tr > td { border-left:10px solid #FFF; background-color:#eeeeee; }

.tbl dt { width: 19%; margin-bottom: 2px; padding: 10px; background: #3876cb; color: #fff; }
.tbl dd { width: 80%; margin-bottom: 2px; padding: 10px; margin-left: 1%; border-bottom: 1px dotted #cfcfcf; }
.tbl dd span:not(.warranty) { padding: 4px 15px; margin-right: 10px; min-width: 65px; text-align: center; border: 1px solid #3876cb; border-radius: 5px; color: #3876cb;
position: absolute; top: 0; left: 0; line-height: 1; }
.tbl dd p { padding-left: 80px; margin: 0; position: relative; }
.tbl dd p + p { margin-top: 10px; }

[class^="bnr-"] { margin:auto; text-align:center; }


/* タイトル */
.secTtl,.secTtl2 { margin-bottom: 42px; color: #f1153b; font-size: 38px; font-weight: bold; text-align: center; }
.secTtl .fontEn { display: table; margin: 0 auto 12px; padding: 5px 30px; background:linear-gradient(to right, #fec516, #f1153b);
color: #fff; font-size: 18px; border-radius: 50px; }

.secTtl .ttl_logo { width: 20%; margin: 0 auto 10px; display: block; }

.subTitle { margin:10px 0 18px; padding-bottom:5px; font-size:22px; position: relative; }
.subTitle::before { content: ""; position: absolute; left: 0; bottom: 0; display: block; height: 3px; width: 100%;
background: -webkit-gradient(left right, #fec516, #f1153b); background: -moz-linear-gradient(left right, #fec516, #f1153b);
background: linear-gradient(to right, #fec516, #f1153b); }

.secTtl2 { position: relative; padding-top: 20px; }
.secTtl2::before { content: ""; position: absolute; top: 0; right: 0; left: 0; margin: auto; display: block; width: 60px; height: 4px;
background: -webkit-gradient(left right, #fec516, #f1153b); background: -moz-linear-gradient(left right, #fec516, #f1153b);
background: linear-gradient(to right, #fec516, #f1153b); }

.conTtl { margin-bottom: 15px; padding: 10px 20px; background: #f7f3e9; font-size: 1.3em; position: relative; }
.conTtl::before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%;
background: -webkit-gradient(top bottom, #fec516, #f1153b);
    background: -moz-linear-gradient(top bottom, #fec516, #f1153b);
    background: linear-gradient(to bottom, #fec516, #f1153b); }


/* ボタン */
.btn a { position:relative; display:inline-block; padding:8px 24px 8px 15px; text-align:center; color:#FFF; border:2px solid #3876CB; background-color:#3876CB; }
.btn a::before {
  content:""; position:absolute; width:0; height:0; top:50%; right:5px; margin-top:-5px; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent #FFF;
}
.btn a:hover { color:#3876CB; background:#FFF; }
.btn a:hover::before { border-left-color:#3876CB; }
.btn.green {
  a { border-color:#058127; background-color:#058127; }
  a:hover { color:#058127; background:#FFF; }
  a:hover::before { border-left-color:#058127; }
}
.btn.orange {
  a { border-color:#f4652f; background-color:#f4652f; }
  a:hover { color:#f4652f; background:#FFF; }
  a:hover::before { border-left-color:#f4652f; }
}

.bnr_list { width:100%; }
.disc_list li { position:relative; margin:10px 0; padding-left:15px; }
.disc_list li::before { content:""; position:absolute; top:9px; left:0; width:5px; height:5px; border-radius:50%; background-color:#058127; }

/* フライヤー */
.flyer_img {justify-content: space-between; box-sizing: border-box;}
.flyer_img figure { width:48%;}




/* header------------------------ */
header { width: 100%; height: 100%; }
header::before { content: ""; display: block; height: 5px; width: 100%;
	background:-webkit-gradient(left right, #fec516, #f1153b);
	background:-moz-linear-gradient(left right, #fec516, #f1153b);
	background:linear-gradient(to right, #fec516, #f1153b);}

[class^="info-"] { margin:15px auto; }
[class^="info-"] .logo { width:190px; margin-top:15px; }
[class^="info-"] .read { margin-top:37px; margin-left:5px; font-size:14px; }
[class^="info-"] .read .small_txt { font-size: .8em; }

[class^="info-"] .info { margin-right:0; margin-left:auto; text-align:center; }
[class^="info-"] .tel { margin:0; }
[class^="info-"] .tel > a { display:block; font-size:18px; }
[class^="info-"] .tel > a span { font-size:13px; }
[class^="info-"] .info .hours { margin:7px 0 0; padding-block:2px; background:#f7f3e9; }
[class^="info-"] div[class^="shop-"] { min-width:210px; }
[class^="info-"] .name { margin:0 0 5px; color:#FFF; background:#f1153b; }
[class^="info-"] .shop-kagamihara { margin-left: 5px; }

header .header-l {width: 44%;}
header .header-r {width: 50%;}
header [class^="info-"] .read {font-size: 13px; margin: 0;}
header [class^="info-"] .logo {margin-top:5px;}
header .rank_icon {width: 56%;}
header .rank_icon img{width: 28%; margin-left: 9px; object-fit: contain;}

.h_contact a {padding:56px;}

.h_contact { margin: 0 0 0 10px; }
.h_contact a { display: block; padding:45px 52px; height: 100%; background: #ffc11e; border-radius: 5px;
	color: #fff; position: relative; }
.h_contact a span { padding-top:25px; width:100%; line-height:1.4; text-align:center; }
.h_contact a span::before { content: ""; position: absolute; top: 0; right: 0; left: 0; margin: auto; background: url("../img/gnav_icon06.svg") no-repeat center center / contain; display: block; width: 24px; height: 18px; }

/* gnav------------------------*/
#gnav { background-color:#f4652f; }
#gnav ul { padding:20px 0 22px; }
#gnav li + li { padding-left:29px; }
#gnav li a > span { position:relative; display:inline-block; padding-left:50px; color:#FFF; line-height:1.2; }

#gnav li a { display: block; position: relative; }
#gnav li a::before,
#gnav li a::after { content:""; position:absolute; top:0; bottom: 0; margin: auto; display:block; }
#gnav li a::before { left:0; width:40px; height:40px; border:2px solid #fff; }
#gnav li a::after { left:10px; width:25px; height:25px; background-size:100%; background-position: center;
	background-repeat:no-repeat; }
#gnav .top a::after { background-image:url(../img/gnav_icon01.svg); }
#gnav .stock a::after { background-image:url(../img/gnav_icon02.svg); }
#gnav .reason a::after { background-image:url(../img/gnav_icon03.svg); }
#gnav .about a::after { background-image:url(../img/gnav_icon04.svg); }
#gnav .company a::after { background-image:url(../img/gnav_icon05.svg); }
#gnav li a > span > span { display:block; margin-left: 2px; font-size:14px; font-family:americane, sans-serif; letter-spacing:1.5px; }


/* footer-------------------*/
footer [class^="info-"] { margin: 40px auto; }
footer .info-f .rank_icon { width: 30%; margin-left: 35px;}
footer .info-f .rank_icon img { width: 30%; height: auto; margin-left: 10px;}


footer .reserve { padding-block: 3em 2em;position: relative;}
footer .reserve::after { content: ''; z-index: -1; position: absolute; display: block; width: 100%; height: 100%; top: 0; background: url(/img/reserve_bg.jpg) center/cover no-repeat;}

footer .reserve .txt { margin-bottom: 2em; color: #fff; font-size: 1.2em; font-weight: bold;}
footer .reserve .txt > em  { color: #f4652f; font-size: 2.5em;}
footer .reserve .txt .txt-line { margin-inline: .2em; font-size: 1.6em; background:linear-gradient(transparent 85%, #fef252 60%);}

footer .reserve .bnr-lead { margin-bottom: .5em; color: #fef252; font-size: 1.5em; font-weight: bold; }
footer .reserve .bnr-lead span { position: relative;}
footer .reserve .bnr-lead span::before {content: ''; position: absolute; top: 50%; left: -10%; width: 1em; height: 2px; transform: translateY(-50%) rotate(60deg); background: #fef252;}
footer .reserve .bnr-lead span::after {content: ''; position: absolute; top: 50%; right: -10%; width: 1em; height: 2px; transform: translateY(-50%) rotate(-60deg); background: #fef252;}
footer .reserve figure img {width: 50%;}

footer .reserve .btn { margin-left: unset; font-size: 1.2em;}
footer .reserve .btn a { padding: 1em 4em; background-color: #f1153b; border: 2px solid #f1153b;}
footer .reserve .btn a::before { right: 30px;}
footer .reserve .btn a:hover { color:#f1153b; background:#FFF; }
footer .reserve .btn a:hover::before { border-color:transparent transparent transparent #f1153b; }

footer .reserve .tel-ttl { margin-bottom: -.5em; font-size: 1.2em;}
footer .reserve .shop-list { width: 90%; margin-inline: auto;}
footer .reserve .shop-list li { font-size: 1.7em;}
footer .reserve .tel a { color: #fff;}


.f_nav::before {
	content: ""; display: block; height: 5px; width: 100%;
	background:-webkit-gradient(left right, #fec516, #f1153b);
	background:-moz-linear-gradient(left right, #fec516, #f1153b);
	background:linear-gradient(to right, #fec516, #f1153b);
}
.f_nav div { padding: 50px 0; }
.f_nav div > ul > li { font-size: 18px; position: relative; }
.f_nav div > ul > li + li { margin-top: 11px; }
.f_nav div > ul > li a { padding-left: 18px; }
.f_nav div > ul > li::before,
.f_nav div > ul > li::after { content: ""; position: absolute; top: 7px; left: 0; display: block; }
.f_nav div > ul > li::before { width: 12px; height: 12px; background-color:#f1153b; }
.f_nav div > ul > li::after { border-style: solid; border-width: 12px 12px 0 0; border-color: #fec516 transparent transparent transparent; }
.f_nav div > ul:not(:first-of-type) { margin-left: 30px; }

.f_nav div > ul > li > ul { margin-top: 11px; }
.f_nav div > ul > li > ul > li { font-size: 16px; position: relative; }
.f_nav div > ul > li > ul > li + li { margin-top: 5px; }
.f_nav div > ul > li > ul > li::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0;
margin: auto; display: block; width: 12px; height: 1px; background: #3a3a3a; }


.flo_nav { z-index:999; position:fixed; right:0; bottom:80px; }
.flo_nav li { position:relative; width:100px; height:80px; }
.flo_nav li + li { margin-top:12px; }
.flo_nav li:last-child { height:56px; }
.flo_nav li > a { display:block; }
.flo_nav li img { position:absolute; top:0; right:0; -webkit-transition:all .3s; transition:all .3s; }
.flo_nav a:hover > img { right:-10px; }

.copyright { margin:0; padding:9px 10px 8px; font-size:12px; text-align:center; background-color:#f4652f; color: #fff; }
.copyright > a { text-decoration:underline; color: #fff; }

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