@charset "utf-8";

:root{
	--blue:#1f66af; 	
	--l-blue:#00a0e9;
	--d-blue:#00366d;
	--black:#000; /* for background */
}
a:hover img{opacity: 1 !important;}
a:link,
a:visited{color: var(--blue);}
a:hover,
a:active,
a:focus{color: #000;}

.btn{border-radius:30px;padding: 10px 30px;transition:all .1s linear 0s;}
.btn:hover{border-radius:10px;}
.btn i.fa{font-size: 80%;}

.btn-border,
.btn-border:visited{border-radius:0;background: #fff;border: solid 2px #000;color: #000 !important;}
.btn-border:hover,
.btn-border:active,
.btn-border:focus{background: #000;color: #fff !important;border-radius:10px;}

.btn-lblue,
.btn-lblue:visited{background: var(--l-blue);color: #fff !important;}
.btn-lblue:hover,
.btn-lblue:active,
.btn-lblue:focus{background: var(--blue);}

.btn-blue,
.btn-blue:visited{background: var(--blue);color: #fff !important;}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{background: var(--black);}

.btn-black,
.btn-black:visited{background: var(--black);color: #fff !important;}
.btn-black:hover,
.btn-black:active,
.btn-black:focus{background: var(--blue);}

.btn-white,
.btn-white:visited{background: #fff;color: var(--blue) !important;}
.btn-white:hover,
.btn-white:active,
.btn-white:focus{background: #eee;}

a img,
a:hover img,
a:active img,
a:focus img{opacity: 1 !important;}

/* common
*************************/

body,
button,input[type=submit],select,
h1,h2,h3,h4,h5,h6,
.alert, .badge, .breadcrumb, .btn, .form-control, .input-gruop, .label, .lead, .list-group, .nav-pills, .nav-tabs, .navbar, .no-thank-yu, .pager, .pagination, .panel-heading, .panel-title, .popover, .tooltip{font-weight: 500;color: var(--c1);word-break:break-all;position: relative;
font-family:"Noto Sans JP","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

body{font-size: 14px;}

.num{font-family: "Roboto",sans-serif;
font-weight: normal;line-height: 1;}

*{box-sizing:border-box;}

strong{color: var(--blue);}

.flex{display: flex;flex-wrap:wrap;justify-content:center;}

.section-inner{max-width: 1000px;margin: auto;padding: 40px 0;}
@media screen and (max-width:1000px){
.section-inner{padding: 20px;}
}

/* heading
*************************/

.section-title{margin-bottom: 20px;text-align: left;}
.section-title > span{display: inline-block;}
.section-title .en{font-size: 36px;color: #000;line-height: 1;margin-bottom: 10px;font-weight: bold;}
.section-title .jp{font-size: 14px;color: #666;}

.section-title.vertical{text-align: center;}
.section-title.vertical > span{display: block;}

.section-title.btn-right{position: relative;}
.section-title .btn{position: absolute;bottom: 0;font-size: 14px;padding: 7px 15px;}
.section-title.btn-right .btn{right: 0;}

.section-title.black .en,
.section-title.blue .en{color: #fff;}
.section-title.black .jp{color: var(--l-blue);}
.section-title.blue .jp{color: #000;}

@media screen and (max-width:900px){
.section-title .en{font-size: 24px;margin-bottom: 5px;}
.section-title .jp{font-size: 12px;display: block;}
}

/* header
*************************/

header{box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);position: relative;z-index: 2;}

.headline{background: var(--black);color: #fff;font-size: 12px;position: relative;padding: 10px;text-align: left;
/*display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;*/}
.headline h1{font-size: 11px;margin: 0;}
.headline .tabs{position: absolute;bottom: -10px;right: 10px;margin-bottom: 0;}
.headline .tabs li{display: inline-block;}
.headline .tabs a{display: block;padding: 5px 20px;color: #fff;background: var(--black);border-radius: 0 0 5px 5px;}
.headline .tabs a:hover{color: var(--l-blue);text-decoration: none;}
.headline .tabs a i{color: var(--l-blue);margin-right: 5px;font-size: 14px;vertical-align: middle;}

.header-main .section-inner{justify-content:space-between;padding: 10px 10px 20px;align-items:center;}

.header-main .logo{width: 25%;text-align: left;}
.header-main #globalnav{width: 72%;margin-left: 3%;text-align: center;}

.header-main .logo img{max-width: 300px;}

#globalnav ul,
#globalnav li{display: block;}
#globalnav > ul{display:flex;flex-wrap:wrap;width: 100%;justify-content:end;margin-bottom: 0;}
#globalnav li.parent{position: relative;border-right: solid 1px #ddd;}
#globalnav li.parent:last-child{border-right: 0;}
#globalnav li.parent:hover a{background: rgba(0,0,0,.02);}
#globalnav ul.child,
#globalnav a{transition:all .1s linear 0s;}
#globalnav a{display: block;padding: 3px 20px;color: #000;font-size: 14px;cursor:pointer;}
#globalnav a:hover{text-decoration: none;color: var(--l-blue);}
#globalnav li.parent a{border-radius:5px;}
#globalnav li.outlink{display: none;}
#globalnav ul.child{position: absolute;background: rgba(0,0,0,.6);border-radius:0 5px 5px 5px;z-index: 10;transition:all .2s linear 0s;transform:scaleY(0);transform-origin:0 0;}
#globalnav .show ul.child{transform:scaleY(1);}
#globalnav ul.child li{border-bottom: solid 1px rgba(255,255,255,.5);}
#globalnav ul.child li:last-child{border-bottom: 0;}
#globalnav ul.child a{color: #fff;white-space:nowrap;padding: 10px 20px;}
#globalnav ul.child a:hover{background: rgba(255,255,255,.1);}
#globalnav #spnav{display: none;text-align: center;}
#globalnav #spnav i{color: #000;cursor:pointer;font-size: 30px;line-height: 1;}
#globalnav #spnav i:hover,
#globalnav #spnav i:active,
#globalnav #spnav i:focus{color: var(--l-blue);}

@media screen and (max-width:900px){
.headline{font-size: 9px;bottom: auto;top: 100%;margin-bottom: 20px;display: none;}
.headline .tabs{bottom: auto;top: 100%;}
.headline .tabs a{padding: 2px 10px;}

.header-main .section-inner{padding-bottom: 10px;}
.header-main .logo{width: 40%;}
.header-main #globalnav{width: 57%;margin-left: 3%;text-align: right;}

#globalnav ul{text-align: left;background: #fff;padding: 10px;}
#globalnav > ul{display: none;width: 90%;position: absolute;border-radius:0 0 0 10px;right: 0;top: 0;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);background: rgba(255,255,255,.95);}
#globalnav li.parent{margin-bottom: 10px;border-right: 0;}
#globalnav li.parent:hover a{background: transparent;}
#globalnav li.parent:hover > a{color: #000;}
#globalnav.open > ul{display: block;z-index: 10;}
#globalnav.open ul.child{position: static;display: block !important;border-radius:0;background-color: transparent;
height: auto !important;margin: 0 !important;padding: 0 !important;transform:none !important;}
#globalnav.open ul.child li{border-bottom: 0;;padding-left: 30px;}
#globalnav.open ul.child a{white-space:normal;padding: 10px;}
#globalnav.open a[href]{color: var(--blue);text-decoration: underline;}
#globalnav.open a[href]:hover{color: #000 !important;background: #f9f9f9;}

#globalnav li.outlink{width: 50%;padding: 5px;float: left;display: block;}
#globalnav li.outlink a[href]{font-size: 12px;text-decoration: none !important;padding: 10px;}
#globalnav li.outlink a[href]:hover{background: var(--blue) !important;color: #fff !important;}

#globalnav #spnav{display: inline-block;position: relative;z-index: 11;}
#globalnav #spnav i{color: #000;margin-right: 0;}
#globalnav #spnav i:before{content:"\f0c9";}
#globalnav.open #spnav i:before{content:"\f00d";}
}


/* bread
*************************/

.breadcrumb{margin: 0;max-width: 100%;width: 100%;background: #f9f9f9;padding: 0;}
.bread-inner{max-width: 1000px;margin: auto;padding: 10px 0;font-size: 12px;line-height: 1;color: #999;}
.breadcrumb a{color: #000;}

@media screen and (max-width:1000px){
.bread-inner{padding: 10px;}
}
@media screen and (max-width:640px){
.bread-inner{font-size: 10px;}
}

/* slick:common
*************************/

.slick-slider,
.slick-slider img {display: none;}
.slick-slider.slick-initialized,
.slick-slider.slick-initialized img {display: block;}
.slick-dots li button:before{font-size: 10px;}
.slide-thumb .slide,
.slide-thumb .single{cursor:pointer;}

@media screen and (max-width:640px){
.slick-prev,
.slick-next{top: 40%;}
}

/* post
*************************/

.post-all{display: flex;flex-wrap:wrap;justify-content:start;}

.post-single,
.post-single a{position: relative;color: #000;}

.post-single{width: 23.5%;margin-right: 2%;margin-bottom: 20px;}
.post-single:nth-child(4n){margin-right: 0;}
.post-single a{display: block;}
.post-single .post-cat{display: inline-block;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.7);color: #fff;font-size: 12px;padding: 3px 10px;z-index: 1;}
.post-single .text{text-align: left;}
.post-single .post-title{color: #000;font-size: 14px;line-height: 1.4;margin: 5px 0 0;}
.post-single .post-date{display: block;color: var(--l-blue);font-size: 12px;line-height: 1;}
.post-single .post-thumb{overflow: hidden;margin-bottom: 10px;width: 100%;}
.post-single .post-thumb .thumb{display: block;background: no-repeat center;background-size:cover;padding-top: 75%;transition: all .1s linear 0s;}

/*水平100%*/
.horizontal .post-single{width: 100% !important;margin-right: 0 !important;border-bottom: solid 1px #eee;padding: 5px 0;}
.horizontal .post-single > a{display: flex;flex-wrap:wrap;}
.horizontal .post-single .post-title{margin-top: 0;font-size: 20px;margin-bottom: 10px;}
.horizontal .post-single .post-content{font-size: 12px;}
.horizontal .post-single .post-thumb{width: 30%;margin-right: 3%;}
.horizontal .post-single .text{width: 67%;}

.post-single a:hover{text-decoration: none;}
.post-single a:hover .post-title{text-decoration: underline;}
.post-single a:hover .thumb{transform:scale(1.02);}

.post-link{text-align: center;clear: both;margin-top: 20px;}


@media screen and (max-width:800px){
.post-single{width: 49%;margin-right: 2%;margin-bottom: 10px;}
.post-single:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:480px){
.post-single{width: 100% !important;margin-right: 0 !important;border-bottom: solid 1px #eee;padding: 5px 0;}
.review .post-single{border-bottom: 0;}
.post-single:last-child{border-bottom: 0;}

.post-single > a{display: flex;flex-wrap:wrap;}
.post-single .post-title,
.horizontal .post-single .post-title{margin-top: 0;font-size: 13px;}
.post-single .post-thumb{width: 37%;margin-right: 3%;}
.post-single .text{width: 60%;}

.post-single .post-cat{font-size: 10px;line-height: 1.2;}
.post-single .post-date{line-height: 1;font-size: 10px;}

.horizontal .post-single .post-content{font-size: 10px;line-height: 1.3;}
.horizontal .post-single .post-thumb{width: 35%;}
.horizontal .post-single .text{width: 62%;}

}

.car-single{overflow: hidden;}
.car-single .soldout{position: absolute;background: rgba(250,0,0,.7);right: -32%; top: 8%;color: #fff;width: 100%;text-align: center; transform: rotate(45deg);font-size: 12px;}

.car-single .car-data{display: flex;flex-wrap:wrap;font-size: 12px;}
.car-single .car-data dl{width: 49%;margin-right: 2%;display: flex;flex-wrap:wrap;align-items:center;}
.car-single .car-data dl:nth-child(2n){margin-right: 0;}
.car-single .car-data dt,
.car-single .car-data dd{padding: 2px 5px;border-radius:2px;text-align: center;}
.car-single .car-data dt{width: 40%;}
.car-single .car-data dd{width: 60%;text-align: center;}
.car-single .car-summary dt{background: #f9f9f9;}
.car-single .car-price{margin: 10px;text-align: center;}
.car-single .car-price > span{display: inline-block;font-weight: bold;}
.car-single .car-price .old{color: #999;text-decoration: line-through;}
.car-single .car-price .old:after{content:"\025B6";font-size: 12px;color: var(--l-blue);display: inline-block;margin: 0 2px;}
.car-single .car-price .new{color: var(--l-blue);font-size: 20px;}
.car-single .car-price .new .num{font-size: 28px;line-height: 1;font-weight: bold;}

.special .car-single .car-data dt{background: #fff;}
.special .car-single .car-data dd{color: #fff;}

@media screen and (max-width:640px){
.car-single .car-price .new{font-size: 14px;}
.car-single .car-price .new .num{font-size: 20px;}
}

@media screen and (max-width:480px){
.special .car-single{border-bottom: 0;}
}

.shop-single .post-title{font-size: 16px;text-align: left;white-space:nowrap;}
.shop-single .tel{display: block;margin: 3px 0;font-weight: bold;text-align: left;color: #999;}
.shop-single .tel a{color: var(--l-blue);}
.shop-single .tel a:hover,
.shop-single .tel a:active,
.shop-single .tel a:focus{color: #000;}
.shop-single .shop-link{display: flex;flex-wrap:wrap;}
.shop-single .shop-link .link-stock{width: 100%;margin-bottom: 5px;}
.shop-single .shop-link .link-shop{width: 49%;margin-right: 2%;}
.shop-single .shop-link .link-sns{width: 49%;}
.shop-single .shop-link a{display: block;padding: 10px;position: relative;transition:all .1s linear 0s;font-weight: bold;font-size: 13px;}

.shop .post-all{justify-content:start;}
.shop-single .shop-link .link-stock a{border: solid 2px #ccc;color: #ccc;}
.shop-single .shop-link .link-stock a[href]{border-color: #000;color: #000;}
.shop-single .shop-link .link-stock a[href]:hover,
.shop-single .shop-link .link-stock a[href]:active,
.shop-single .shop-link .link-stock a[href]:focus{background: #000;color: #fff;}
.shop-single .shop-link .link-shop a,
.shop-single .shop-link .link-sns a{background: #ccc;color: #fff;}
.shop-single .shop-link .link-shop a[href]{background: var(--black);}
.shop-single .shop-link .link-sns a[href]{background: var(--l-blue);}
.shop-single .shop-link .link-shop a[href]:hover,
.shop-single .shop-link .link-shop a[href]:active,
.shop-single .shop-link .link-shop a[href]:focus,
.shop-single .shop-link .link-sns a[href]:hover,
.shop-single .shop-link .link-sns a[href]:active,
.shop-single .shop-link .link-sns a[href]:focus{background: var(--blue);color: #fff;}

@media screen and (max-width:640px){
.shop-single{display: flex;flex-wrap:wrap;font-size: 12px;}
/*.shop-single .shop-link{width: 60%;}*/
.shop-single .post-title,
.shop-single .tel{width: 100%;}
.shop-single .post-title{white-space: normal;}
}
@media screen and (max-width:480px){
.shop .shop-single{border-bottom: 0;}
}

/* pagenate
*************************/

.pagenate{display: block;text-align: center;clear: both;width: 100%;margin: 20px 0;}
.pagenate-inner{display: flex;justify-content:center;}
.pagenate a,
.pagenate span{display: flex;align-items:center;justify-content:center;padding: 2px 7px;font-size: 14px;margin-right: 5px;}
.pagenate i{margin: 0;}
.pagenate a{color: #000;text-decoration: none;border: solid 1px var(--blue);border: solid 1px #ddd;}
.pagenate a:last-child{margin-right: 0;}
.pagenate a:hover{background: #eee;color: #000;}
.pagenate span.current{background: var(--blue);color: #fff;}
.pagenate .dots{color: #999 !important;background: #fff !important;;font-size: 10px;}
/*.pagenate .dots,
.pagenate.enable_min_page .page-numbers:nth-child(2),
.pagenate.enable_max_page .page-numbers:nth-child(10){display: none;}*/

/* page
*************************/

.title-page{font-size: 30px;border-bottom: solid 1px #ddd;padding-bottom: 10px;margin-bottom: 20px;}
.title-page + .catch{font-size: 14px;font-weight: normal;line-height: 1.3;margin-bottom: 30px;}


.title-bg{display: flex;flex-wrap:wrap;align-items:center;justify-content:center;background: no-repeat center fixed;background-size:cover;color: #fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);padding: 100px 0;margin-top:0;}

.title-bg{background-color: var(--blue);}

.page-info .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-info.jpg);}
.page-review .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-review.jpg);}
.page-faq .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-faq.jpg);}
.page-event .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-event.jpg);}
.page-site-map .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-site-map.jpg);}
.page-contact .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-contact.jpg);}
.page-special .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-special.jpg);}
.page-legal .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-legal.jpg);}
.page-policy .title-bg, .page-policy-test .title-bg {background-image: url(/wp/img/jcar_2023/mainimg/page-policy.jpg);}
.page-guideline .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-guideline.jpg);}
.page-insurance-rule .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-insurance-rule.jpg);}
.page-staff .title-bg{background-image: url(/wp/img/jcar_2023/mainimg/page-staff.jpg);}


.page-policy-test .title-bg {
	position: relative;
}

.page-policy-test .title-bg::after {
	content:"【プライバシーポリシー】";
	width:100%;
	text-align: center;
	font-size: 20px;
	line-height: 1.8em;
}


@media screen and (max-width:640px){
.title-page,
.title-bg{font-size: 20px;}
.page-policy-test .title-bg::after{font-size: 14px;}
.title-bg{background-attachment: scroll;padding: 40px 0;}
}

.page-footer{max-width: 1000px;border-top: solid 1px #ddd;margin: auto;clear: both;display: block;width: 100%;text-align: center;padding: 20px;}
.page-footer ul{display: flex;justify-content:space-between;}
.page-footer li{display: inline-block;}
.page-footer a{color: #000;}
.page-footer a i{color: var(--l-blue);}
.page-footer a:hover{color: var(--blue);}
.page-footer .totop{float: right;}

@media screen and (max-width:640px){
.page-footer{font-size: 12px;padding: 10px;}
}

.box-responsive *{box-sizing:border-box !important;}

.page-sp .box-responsive h1{margin-top: 20px;}

.page-pc .box-responsive .bg_ttl_bd{font-size: 19px;background: url(/wp/img/sp/bg_ttl_bd.gif) repeat-x bottom center;padding-bottom: 8px;letter-spacing: 0.1em;}
.page-pc .box-responsive p{line-height: 1.6;}

.box-responsive .box-inner{margin-bottom: 20px;}
.box-responsive .box-modified{padding-top: 30px;clear: both;text-align: right;}
.box-responsive .come{font-size: 12px;color: #999;font-weight: normal;}

.box-responsive table th,
.box-responsive table td{vertical-align: middle;padding: 7px;}

.box-responsive .table-horizontal{table-layout: fixed;width: 100%;}
.box-responsive .table-horizontal th,
.box-responsive .table-horizontal td{border: solid 1px #ddd;}
.box-responsive .table-horizontal th{background: #f4f4f4;text-align: center;font-weight: bold;color: #111;}

.page-pc .box-responsive .table-horizontal th{width: 30%;}
.page-pc .box-responsive .table-horizontal td{width: 70%;}

.page-sp .box-responsive .table-horizontal,
.page-sp .box-responsive .table-horizontal thead,
.page-sp .box-responsive .table-horizontal tbody,
.page-sp .box-responsive .table-horizontal tfoot,
.page-sp .box-responsive .table-horizontal tr,
.page-sp .box-responsive .table-horizontal th,
.page-sp .box-responsive .table-horizontal td{display: block;width: 100%;}

.box-policy{padding: 20px 0;line-height: 1.6;}
.box-policy h3{margin-top: 20px;margin-bottom: 10px;color: #111;}
.box-policy p{margin-bottom: 10px;}
.box-policy ul{padding-left: 20px;}
.box-policy li{margin-bottom: 10px;border-bottom: solid 1px #eee;padding-bottom: 3px;}
.box-policy hr{opacity: .5;margin-top: 20px;}
.box-policy dt{background: none;font-size: 14px;}
.box-policy .box-info{font-weight: bold;color: #666;}

.box-policy .pmark-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:20px;
	margin:40px 0 0 0;
}

.box-policy .pmark-wrap div:first-child {
	width:100px;
}

.box-policy .pmark-wrap a {
	width:100%;
}

.box-policy .pmark-wrap a img {
	width:100%;
	height: auto;
}

.box-policy .pmark-wrap div:last-child {
	width:calc(100% - 100px - 20px);
}

@media screen and (max-width:640px){
	.box-policy .pmark-wrap {
		align-items: center;
		gap:10px;
	}

	.box-policy .pmark-wrap div:first-child {
		width:80px;
	}

	.box-policy .pmark-wrap div:last-child {
		width:calc(100% - 80px - 10px);
	}
}


.box-responsive .list-fontl{font-size: 14px;}
.box-responsive .list-fontl li{margin: 20px 0;border-bottom: dotted 1px #ddd;padding-bottom: 20px;font-weight: bold;}

/* Special */

.page-special .car-single dt{background: #eee;}

/* Staff */

.page-staff .shop-nav{margin-bottom: 20px;}
.page-staff .shop-nav ul{display: flex;flex-wrap:wrap;}
.page-staff .shop-nav li{width: 20%;padding: 5px;}
.page-staff .shop-nav a{display: flex;align-items:center;justify-content:center;border-radius:5px;background: var(--blue);color: #fff;text-decoration: none;text-align: center;padding: 10px 5px;height: 100%;font-size: 11px;line-height: 1.3;}
.page-staff .shop-nav a:hover,
.page-staff .shop-nav a:active,
.page-staff .shop-nav a:focus{background: var(--d-blue);}

.page-staff .post-title{display: flex;align-items:center;justify-content:space-between;border-bottom: solid 1px var(--blue);padding-bottom: 10px;margin-bottom: 10px;}
.page-staff .shopname{font-size: 24px;}
.page-staff .btn{font-size: 12px;}
.page-staff .staff-title{width: 100%;color: var(--blue);font-size: 18px;}

@media screen and (max-width:640px){
.page-staff .shop-nav li{width: 50%;}
.page-staff .shop-nav a{font-size: 10px;}

.page-staff .shopname{font-size: 18px;}
.page-staff .btn{font-size: 10px;padding: 5px 10px;}
.page-staff .staff-title{font-size: 16px;text-align: center;}
}

/* FAQ */
.faq-single{border: solid 1px #ddd;margin-bottom: 20px;}
.faq-single .faq-a{padding: 10px;}
.faq-single .faq-q{font-size: 20px;color: var(--blue);border-bottom: dashed 1px #ddd;background: #f9f9f9;display: flex;flex-wrap:wrap;}
.faq-single .faq-q:before,
.faq-single .faq-q .text{padding: 5px 15px;display: flex;align-items:center;}
.faq-single .faq-q:before{content:"Q";background: var(--blue);color: #fff;font-size: 30px;width: 10%;justify-content: center;}
.faq-single .faq-q .text{width: 90%;}
.faq-single .faq-a{padding: 20px 20px 10px;}
.faq-single .faq-a h3{font-size: 18px;margin: 0 0 10px;}
.faq-single .faq-a .faq-body{font-size: 14px;line-height: 1.6;}
@media screen and (max-width:640px){
.faq-single .faq-q{font-size: 12px;}
.faq-single .faq-q .text{}
.faq-single .faq-q:before{font-size: 20px;padding: 5px;}
.faq-single .faq-a h3{font-size: 12px;line-height: 1.4;}
.faq-single .faq-a .faq-body{font-size: 10px;}
}

/* Sitemap */
.sitemap-all{display: flex;flex-wrap:wrap;}
.sitemap-all ul{margin-bottom: 20px;width: 32%;margin-right: 2%;border: solid 1px #ddd;border-radius:10px;padding: 20px;}
.sitemap-all ul:nth-child(3n){margin-right: 0;}
.sitemap-all li{padding-left: 20px;font-size: 14px;font-weight: normal;margin-bottom: 10px;}
.sitemap-all li.link-title{padding-left: 0;font-size: 20px;font-weight: bold;color: #000;margin-bottom: 20px;}
.sitemap-all li a:before{content: "\f054";margin-right: 10px;vertical-align: middle;
display: inline-block;font: normal normal normal 10px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;}
.sitemap-all li.link-title a:before{display: none;}

.sitemap-all .no-child,
.sitemap-all .no-child li.link-title,
.sitemap-all .no-child li.link-title a{display: flex;align-items:center;justify-content:center;}
.sitemap-all .no-child li.link-title{margin-bottom: 0;width: 100%;}
.sitemap-all .no-child li.link-title a{}
@media screen and (max-width:800px){
.sitemap-all ul{width: 49%;}
.sitemap-all ul:nth-child(3n){margin-right: 2%;}
.sitemap-all ul:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:640px){
.sitemap-all ul{width: 100%;margin-right: 0;padding: 10px;}
.sitemap-all li{font-size: 12px;}
.sitemap-all li.link-title{font-size: 14px;}
}

/* Contact */
.contact-shoplist{background: #f9f9f9;clear: both;}
.contact-shoplist h2{font-size: 24px;margin-bottom: 20px;}
.contact-shoplist .tel{font-size: 12px;}
.contact-shoplist .shop-freetel{margin-bottom: 5px;}
.contact-shoplist .shop-freetel dt{color: var(--l-blue);font-weight: normal;}
.contact-shoplist .shop-freetel a{color: var(--l-blue);font-size: 16px;}
.contact-shoplist .shop-freetel a:hover{color: #000;}
.contact-shoplist .address{font-size: 12px;font-weight: normal;color: #000;line-height: 1.2;}

/* Event */
.event-single{padding: 30px 0;border-bottom: solid 1px #ddd;}
.event-single:last-child{border-bottom: 0;}
.event-title{display: block;color: #222;font-size: 20px;text-align: center;margin-top: 20px;}
.event-title .date{background: var(--l-blue);color: #fff;display: inline-block;color: #fff;line-height: 1;padding: 3px 10px;font-size: 12px;vertical-align: middle;position: relative;top: -2px;}

.page-event .slide{overflow: hidden;padding: 0 !important;}
.page-event .slide .single img{transition:all .2s linear 0s;cursor:pointer;}

.page-event .slide-main{margin-bottom: 10px;}
.page-event .slide-main .single .img{display: block;width: 100%;padding-top: 75%;background:#222 no-repeat center;background-size:cover;max-width:640px;}
.page-event .slide-thumb .single .img{display: block;width: 100%;padding-top: 100%;background:no-repeat center;background-size:cover;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);max-width:400px;}
.page-event .slide-thumb .slick-slide{opacity: .5;}
.page-event .slide-thumb .slick-current,
.page-event .slide-thumb .slick-current + .slick-slide,
.page-event .slide-thumb .slick-current + .slick-slide + .slick-slide{opacity: 1;}
.page-event .slide2 .slide-thumb .slick-track{transform: none !important;}
.page-event .slide-after{padding-top: 10px;text-align: center;}
.page-event .movie-frame{max-width: 980px;height: 540px;}
.page-event #movie{width: 100%;}
@media screen and (max-width:640px){
.event-title{line-height: 1.3;margin-bottom: 10px;font-size: 16px;}
.event-title .date{font-size: 10px;}
.page-event .slide-thumb .slick-current + .slick-slide,
.page-event .slide-thumb .slick-current + .slick-slide + .slick-slide{opacity: .5;}
.page-event .movie-frame{width: 100%;height: auto;margin: 0;}
}

/* default */
.page-default .content h1{display: none;}
.page-default .content h2{font-size: 24px;color: var(--blue);}
.page-default .content h3{font-size: 18px;}
.page-default .content h4{font-size: 16px;border-bottom: solid 1px #ddd;}

.page-default .content a:link,
.page-default .content a:visited{color: var(--l-blue);}
.page-default .content a:hover,
.page-default .content a:active,
.page-default .content a:focus{color: var(--blue);}

.page-default .content hr{clear: both;margin: 40px 0;}
@media screen and (max-width:640px){
.page-default .content h2{font-size: 20px;}
.page-default .content h3{font-size: 16px;}
.page-default .content h4{font-size: 14px;}

.page-default .content p{font-size: 11px;}
}

/* Legal */
.page-legal .content h2{display: none;}
.page-legal .regal_tbl th,
.page-legal .regal_tbl td{padding: 10px;}
.page-legal .regal_box{border: 0;}
@media screen and (max-width:640px){
.page-legal .regal_tbl,
.page-legal .regal_tbl thead,
.page-legal .regal_tbl tbody,
.page-legal .regal_tbl tfoot,
.page-legal .regal_tbl tr,
.page-legal .regal_tbl th,
.page-legal .regal_tbl td{display: block;width: 100%;}

.page-legal .regal_tbl th,
.page-legal .regal_tbl td{font-size: 12px;}

.box-policy .box-info{font-size: 12px;}
}



/* single
*************************/

.title-single{font-size: 24px;margin-bottom: 20px;text-align: center;line-height: 1.4;}
.title-box{font-size: 18px;margin: 0 0 10px;color: var(--l-blue);padding-bottom: 10px;}

.single-body img{width: auto;max-width: 100%;display: block;margin: 20px auto;height: auto;}
.single-body p{text-align: center;font-size: 14px;margin-bottom: 0;}
.single-body p,
.single-body strong{color: #111;font-weight: normal;font-style: normal;}
.single-footer{text-align: center;clear: both;padding-top: 20px;}

@media screen and (max-width:640px){
.title-single{font-size: 18px;line-height: 1.3;text-align: left;}
}


/* Shop */
.single-shop .shop-body{display: flex;flex-wrap:wrap;text-align: left;}
.single-shop .shop-body > div{margin-bottom: 20px;}
.single-shop .shop-img{width: 60%;margin-right: 3%;}
.single-shop .shop-info{width: 37%;}
.single-shop .post-content,
.single-shop .googlemap,
.single-shop .staff{width: 100%;}

.single-shop .title-single{font-size: 30px;text-align: left;}
.shop-content{display: flex;flex-wrap:wrap;margin-bottom: 20px;position: relative;width: 100%;}
.shop-content .text{width: 80%;margin-right: 3%;color: #333;font-weight: normal;}
.shop-content .text strong{color: #333;font-weight: normal;}
.shop-content .sns{width: 17%;}
.shop-content .sns img{transition:all .1s linear 0s;}
.shop-content .sns a:hover img{transform:scale(1.03);}

.shop-img .photo-main{margin-bottom: 10px;}
.shop-img .photo-sub{display: flex;flex-wrap:wrap;}
.shop-img .photo-sub .photo-single{width: 23.5%;margin-right: 2%;} 
.shop-img .photo-sub .photo-single:last-child{margin-right: 0;}

.single-shop .shop-info{/*background: #f9f9f9;padding: 10px;*/}

.shop-info .shop-util ul{}
.shop-info .shop-util li{margin-bottom: 10px;}
.shop-info .shop-util .btn{display: block;width: 100%;}
.shop-util a{border-radius:0;}
.shop-util .message{font-size: 12px;}

.table-shop,
.table-shop thead,
.table-shop tbody,
.table-shop tfoot,
.table-shop tr,
.table-shop th,
.table-shop td{display: block;}
.table-shop tr{margin-bottom: 5px;}
.table-shop th,
.table-shop td{padding: 0;text-align: left;}
.table-shop th{color: #999;font-size: 12px;}
.table-shop td{font-size: 16px;}

.googlemap iframe{border: solid 1px #ddd;box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}

.staff-all{display: flex;flex-wrap:wrap;}
.staff-all .staff-single{width: 16.66%;padding: 0 5px;margin-bottom: 20px;}

.staff-single .staff-name .job{display: block;margin-top: 5px;font-size: 12px;color: var(--blue);}
.staff-single .staff-comment{font-size: 12px;}

@media screen and (max-width:1000px){
.staff-all .staff-single{width: 20%;}
}
@media screen and (max-width:640px){
.single-shop .shop-img,
.single-shop .shop-info{width: 100%;margin-right: 0;margin-bottom: 20px;}

.shop-content .text{width: 100%;line-height: 1.4;}
.shop-content .sns{width:18%;position: absolute;top: -5px;right: 0;}

.shop-content h1{width: 67%;}
.single-shop .title-single{font-size: 20px;}
.shop-content .text p{font-size: 10px;margin-top: 20px;}

.staff-all .staff-single{width: 33.33%;}
.staff-single .staff-comment{line-height: 1.3;}

.table-shop td{font-size: 12px;}
}
@media screen and (max-width:480px){
.staff-all .staff-single{width: 50%;}
}


/* footer
*********************/
footer{background: #eee;margin-top: 30px;}

.footer-main .section-inner{display: flex;align-items:center;}
.footer-left{width: 25%;margin-right: 3%;}
.footer-right{width: 72%;}

.footer-left .logo img{max-width: 300px;}
.footer-left .btn{display: block;margin-top: 10px;}

.footer-right{display: flex;flex-wrap:wrap;justify-conten:space-between;}
.footer-right ul{width: 25%;text-align: left;border-left: solid 1px #999;padding: 10px;}
.footer-right li{font-weight: bold;margin-bottom: 5px;}
.footer-right .link-title{color: #999;}
.footer-right a{color: #000;}
.footer-right a:hover,
.footer-right a:active,
.footer-right a:focus{color: var(--l-blue);}

.footer-legal{background: var(--blue);color: #fff;}
.footer-legal ul{margin: 0;}
.footer-legal li{display: inline-block;margin-left: -3px;}
.footer-legal a{color: #fff;text-decoration: none;display: block;border-right: solid 1px #eee;padding: 2px 10px;}
.footer-legal li:last-child a{border: 0;}
.footer-legal a:hover{color: #000;}

.footer-copy{text-align: center;font-size: 12px;color: #fff;background: var(--black);padding: 20px 10px;}
.footer-copy p{margin: 0;}

.to_top{max-width: 980px;margin: auto;}

@media screen and (max-width:900px){
.footer-main .section-inner{display: block}

.footer-left,
.footer-right{width: 100%;margin-right: 0;}

.footer-left{margin-bottom: 20px;}
.footer-left .btn{max-width: 90%;margin: 10px auto;}

.footer-right ul{width: 50%;}
.footer-right li{font-size: 12px;}
/*.footer-right li{width: 25%;}
.footer-right a{display: block;padding: 10px 5px;}
.footer-right .link-title{width: 100%;}*/

.footer-legal{font-size: 12px;}
.footer-legal li{display: block;border-bottom: solid 1px rgba(255,255,255,.2);}
.footer-legal li:last-child{border-bottom: 0;}
.footer-legal a{padding: 10px;border: 0;}

.footer-copy{font-size: 10px;}

.to_top{padding: 10px 20px;}

}
@media screen and (max-width:640px){
.footer-right ul{width: 100%;border: 0;display: flex;flex-wrap:wrap;padding: 0;}
.footer-right li{font-size: 12px;width: 50%;margin-bottom: 0;}
.footer-right .link-title{width: 100%;}
.footer-right li a{display: block;padding: 5px 0;}
}


/* form
*************************/

input[type=checkbox], input[type=radio]{margin: 0;margin-right: 4px;}
input[type=submit]{background: var(--l-blue);color: #fff;padding: 10px 30px;text-align: center;max-width: 100%;border-radius:30px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);transition:all .1s linear 0s;width: 20em;}
/*input[type=submit]:before{content: "\f1d9";color: #fff;display: inline-block;font-family:'FontAwesome';font-size: 12px;text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: middle;}*/
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus{background: var(--blue);border-rdius:10px;}

input[type=date] {
    border-radius: 3px;
    border: 1px solid #999;
    margin: 0;
    vertical-align: middle;
    color: inherit;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    margin-left: 10px;
}

.rev .control-label { padding-top: 12px;}

.rev .s_clear {
    display: inline-block;
    float: right;
    background: var(--black);
    color: #fff;
    padding: 5px 10px;
    border-radius: 30px;
}

.rev {
    border: solid 1px #ddd;
    border-radius: 10px;
}

::-moz-placeholder{color:#ccc;opacity: 1;font-weight: 500;}
:-ms-input-placeholder{color:#ccc;opacity: 1;font-weight: 500;}
::-webkit-input-placeholder{color:#ccc;opacity: 1;font-weight: 500;}

@media screen and (max-width:640px){
.contact_tbl,
.contact_tbl thead,
.contact_tbl tbody,
.contact_tbl tfoot,
.contact_tbl tr,
.contact_tbl th,
.contact_tbl td{display: block;}
.contact_tbl th{width: 100%;text-align: left;border: 0;padding-bottom: 0;}
}