@charset "UTF-8";
/* ==========================================================================
COMMON
文字茶　#4B2800
オレンジ　#FF8700
緑　#0AA064
黄緑　#8CC63F
BGカラー
メインBG #FCFCE8
赤BG　#FF3C1E
ベージュBG #FCFBE3
薄ベージュBG #FCFFED
========================================================================== */

/* Google Fonts + 日本語 早期アクセス 250 300 350 400 500 700 900 */
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

	text-rendering: optimizelegibility;

	-webkit-tap-highlight-color:rgba(0,0,0,0.2);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;

	-moz-tap-highlight-color:rgba(0,0,0,0.2);
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;

	-ms-tap-highlight-color:rgba(0,0,0,0.2);
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;

	font-family: "Rounded Mplus 1c";
	font-weight: 500;
	font-style: normal;

	-webkit-font-feature-settings: 'palt' 1; /*for Android 4.4*/
	font-feature-settings: 'palt' 1;
}
html {
	font-size: 62.5%;
}
body {
	width: 100%;
	font-size: 1.4rem;
	min-width: 320px;
	position:relative;
	color: #4B2800;
/*	padding-top: 80px;*/
}

h1, h2, h3, h4 {
	font-weight: 800;
}
h1, h2, h3, h4, h5, p {
	font-family: "Rounded Mplus 1c";
	display:block;
	margin:0;
}
p {
	line-height:1.8;
}
img {
	vertical-align:top;
}
ul, ol, dl {
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
em {
	font-style:normal;
}
a {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
         transition: 0.2s ease-in-out;
	text-decoration:none;
	color: #4B2800;
}
a:hover {
	opacity:1.0;
	color: #FF8700;
}
figure {
	margin: 0px;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
}
/* shadow */
.bg_shadow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	behavior:url(../js/PIE.htc);
}
.bg_shadow2 {
	box-shadow:0px 5px 0px 0px #773920,0px -5px 0px 0px #773920;
}
.corner_circle {
	border-radius: 6px;        /* CSS3草案 */
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;   /* Firefox用 */
	behavior:url(../js/PIE.htc);
}
.transition {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
.txt_scale {
	transform: scale( 0.75 , 1 );
	letter-spacing: -0.1em;
}
.arrow a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:8px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.arrow2 a:after {
	display:block;
	content:"";
	position:absolute;
	border-top: none;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:16px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.gradient {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #f39000), color-stop(0.00, #f89900));
	background: -webkit-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -moz-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -o-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -ms-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: linear-gradient(to bottom, #f89900 0%, #f39000 50%);
}

a img.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform01 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

a img.transform02 {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform02 {
	-webkit-transform: rotate(-4deg) scale(1.2);
	transform: rotate(-4deg) scale(1.2);
}
#wrapper {
}

}

/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
/* ==========================================================================
   header
   ========================================================================== */

header {
/*	position: fixed;*/
	position: relative;
	box-sizing:border-box;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #FFFFFF;
	font-family: "Noto Sans Japanese";
}
header #header {
	position: relative;
	width:100%;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	background: #FFFFFF;
}
header #header h1 {
	float: left;
	display: block;
	text-align: left;
	width: calc( 100% - 146px );
	margin: 0px 0px 10px 5px;
	padding: 0px 0% 0px 3%;
	font-family: "Noto Sans Japanese";

}
header #header h1 a {
	display: block;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -5px;
	width: 180px;
}
header #header h1 a img {
	width: 100%;
	height: auto;
}

header #header h1 p {
	display: block;
	font-size: 1rem;
	vertical-align: middle;
	line-height: 2em;
	font-weight: 700;
}
header #header h1 p em {
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0px 0px 0px 5px;
}
header #header h2 {
	display: block;
	clear: both;
	font-size: 1rem;
	line-height: 1.5em;;
	margin: 0px;
	padding: 10px 5%;
	font-family: "Noto Sans Japanese";
	background: url(../img/common/bgPattern50.png) center top repeat, #FCFCE8;
	background-size: 80px;
}

header #subNavi {
	display: none;
	visibility: hidden;
}

header #header .headInfo {
	display: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
header #header .headInfo .tel {
	display: inline-block;
	position: relative;
	font-family: "Rounded Mplus 1c";
	padding: 7px 0px 0px 0px;
	margin: 0px auto;
}
header #header .headInfo .tel img {
	display: block;
	float: left;
	margin: 10px 10px 0px 0px;
}
header #header .headInfo .tel a {
}
header #header .headInfo .tel em {
	font-size: 3.0rem;
	line-height: 4rem;
	font-weight: 800;
}
header #header .headInfo .tel ul.rb {
	position: absolute;
	top: 0px;
	right: 0px;
}
header #header .headInfo .tel ul.rb li {
	display: block;
	float: left;
	font-size: .7rem;
	font-weight: 900;
}
header #header .headInfo .tel ul.rb li:nth-child(1) {
	margin: 0px 34px 0px 0px;
	letter-spacing: 5px;
}
header #header .headInfo .tel ul.rb li:nth-child(2) {
	margin: 0px 1em 0px 0px;
}
header #header .headInfo dl {
	display: block;
	margin: 0px auto 0px;
	width: 300px;
}
header #header .headInfo dl dt, header #header .headInfo dl dd {
	float: left;
	display: block;
	margin: 0px;
}
header #header .headInfo dl dt {
	font-size: 1rem;
	background: #FF7F00;
	color: #fff;
	line-height: 1.6rem;
	height: 16px;
	border-radius: 8px;
	padding: 0px 5px;
	margin: 0px 5px 0px 0px;
}
header #header .headInfo dl dd {
	font-size: 1.2rem;
}
header #header .headInfo dl dd:nth-child(2) {
	margin: 0px 10px 0px 0px;
}

header .spTel {
	display: block;
	position: absolute;
	top: 10px;
	right: 6.8rem;
	z-index: 1;
}
header .spTel a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	background: #FFE100;
	color: #4B2800;
	border-radius: 5px;
	width: 5.8rem;
	height: 5.8rem;
	padding: 1.3rem 0;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 1.0rem;
}
header .spTel a i {
	display: block;
	font-size: 2rem;
	margin: 0px auto 3px;
}

/* グローバルナビ */
header #globalNavi {
	display: none;
}

/*!------------------------------------*\
    Drawer 3.2.2　Navi
\*!------------------------------------*/
#drawer_head.drawer-navbar {
	z-index: 102;
	top: 0;
	width: 100%;
}
#drawer_head.drawer-navbar .drawer-navbar-header {
	width: 100%;
	height: 100%;
}

#drawer_head {}
#drawer_head li, #drawer_head li a {
	color: #FFF;
}
#drawer_head div.drawer-container {}
#drawer_head nav.drawer-nav {
	position: fixed;
	z-index: 101;
	top: 0;
	overflow: hidden;
	width: 23.25rem;
	height: 100%;
	color: #FFF;
	background-color: #0AA064;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}
#drawer_head ul.drawer-menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 80px 0px;
	list-style: none;
/*	border-top:1px solid rgba(0,0,0,0.25);*/
}
#drawer_head ul.drawer-menu li {
}
#drawer_head ul.drawer-menu li:last-child {
}
#drawer_head .drawer-brand {
	font-size: 2rem;
	line-height: 5rem;
	padding: 0px 0.75rem 0px 1.75rem;
	color: #FFF;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-weight: 100;
	text-align: center;
}
#drawer_head ul.drawer-menu li a {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#drawer_head li a.drawer-menu-item {
	display: block;
	position:relative;
	font-size: 1.4rem;
	line-height: 50px;
	padding: .75rem;
	padding: 0px 10px 0px 3.6rem;
	text-decoration: none;
	color: #FFF;
}
#drawer_head li:first-child a.drawer-menu-item {
	line-height: 50px;
}
.drawer-menu-item:hover {
  text-decoration: underline;
  color: #FFF;
  background-color: transparent;
}
#drawer_head a.drawer-menu-item {}
#drawer_head li.drawer-dropdown {}
#drawer_head ul.drawer-dropdown-menu {}
#drawer_head li a.drawer-dropdown-menu-item {}
#drawer_head li a i {
	position:absolute;
	display:block;
	top: 7px;
	left: 2px;
	font-size:1.6rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}
#drawer_head li:first-child a i {
	position:absolute;
	display:block;
	top: 10px;
	left: 2px;
	font-size:1.6rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}
#drawer_head li a.drawer_arrow:after {
	display:block;
	position:absolute;
	content:'';

	top:50%;
	right: 18px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

	margin:-4px 0px 0px -6px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
#drawer_head .drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent!important;
}
#drawer_head .drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}
#drawer_head .drawer-dropdown-menu-item {
	line-height: 4rem;
	display: block;
	position: relative;
	padding: 0;
	padding-right: .75rem;
	padding-left: 3rem;
	text-decoration: none;
	color: #FFF;
	font-size: 1.2rem;
	background: #685e64;
}
#drawer_head .drawer-dropdown-menu-item:hover {
  text-decoration: none;
  color: none;
  background-color: rgba(104,94,100,0.50);
}
#drawer_head .drawer-dropdown-menu-item:after {
	display:block;
	content: "";
	position:absolute;
	top:50%;
	left: 20px;
	width: 5px!important;
	height: 5px!important;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin:-4px 0px 0px -6px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/*! open */
#drawer_head .drawer-dropdown.open > .drawer-dropdown-menu {
	display: block;
}

/*! drawer-caret */
#drawer_head .drawer-dropdown .drawer-caret {
	display:inline-block;
	position:absolute;
	-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, opacity .2s ease;
	transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
	vertical-align: middle;
	top:50%;
	right: 18px;
/*
	width: 8px!important;
	height: 8px!important;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: none!important;
	border-bottom: none!important;
*/
	width: 0;
	height: 0;
	margin-left: 4px;
	-webkit-transform: rotate(0deg);
									transform: rotate(0deg);
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;

	margin:-4px 0px 0px -6px;
}

/*! open */
#drawer_head .drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}



/*! overlay */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}
.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
#drawer_head div.drawer-navbar-header {}

#drawer_head .drawer-hamburger {
	position: fixed;
	z-index: 204;
	top: 10px;
	display: block;
	box-sizing: content-box;
	width: 3.0rem;
	height: 0.6rem;
	padding: 2.2rem 1.4rem 3.0rem;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transform: translate3d(0, 0, 0);
									transform: translate3d(0, 0, 0);
	border: 0;
	outline: 0;
	background-color: rgba(255,225,0,1.00);
/* background-color: transparent;*/
/*	background-color: #e8e6e9;*/
	margin-right: 5px;
	border-radius: 5px;
}
.drawer--right.drawer-open .drawer-hamburger {
	background-color: transparent !important;
}

#drawer_head .drawer-hamburger:hover {
	cursor: pointer;
/* background-color: transparent;*/
}
#drawer_head .drawer-hamburger-icon {
	position: relative;
	display: block;
	margin: 0px 0rem;

	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	color: #0AA064;
	font-size: 1.0rem;
	text-align: center;
	line-height: 4rem!important;
}
#drawer_head .drawer-hamburger-icon,
#drawer_head .drawer-hamburger-icon:before,
#drawer_head .drawer-hamburger-icon:after {
  width: 100%;
  height: 4px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		background: #0AA064;
		border-radius: 2px;
}
.drawer-open .drawer-hamburger-icon {
	background-color: transparent!important;
	color: #FFFFFF!important;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
	top: 0px;
	background: #FFFFFF!important;
}

.drawer-hamburger:after {
	display: block;
	position: absolute;
	content: "";

	height: 12px;
	width: 4rem;
	left: 50%;
	bottom: 20px;
	margin-left: -3rem;
	text-align: center;
}
#drawer_head .sr-only {}


/* ==========================================================================
   article
   ========================================================================== */
article {
}

/* ==========================================================================
   footer
   ========================================================================== */
footer {
	clear: both;
	overflow: hidden;
	background: #FF8700;
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
	border-top: 1px solid #F2EDE6;
	text-align: center;
}
footer #footer {
	clear: both;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto 0px;
	padding: 5px 0px 60px 0px;
	color: #FFFFFF;
}
footer #footer:after {
	display: block;
	content: "";
	clear: both;
	line-height: 1px;
	height: 1px;
}
footer #footer a {
	color: #FFFFFF;
}
footer #footer h1 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 45px;
}
footer #footer h1 strong {
	font-size: 1.8rem;
	margin: 0px 0px 0px 0.5em;
}

footer #footer address {
	font-style: normal;
	font-size: 1.2rem;
	line-height: 30px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
footer #footer ul {
	display: block;
}
footer #footer ul li {
	display: block;
	font-weight: 800;
	line-height: 26px;
}
footer #footer ul li.tel {
	display: inline-block;
	position: relative;
	font-style: normal;
	font-size: 1.4rem;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}
footer #footer ul li.tel em {
	font-size: 2rem;
	font-weight: 800;
	margin: 0px 0px 0px 10px;
}
footer #footer ul li.tel span.rb {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: .7rem;
	font-weight: 800;
	line-height: 12px;
	height: 12px;
	letter-spacing: 0.2em;
}
footer #footer ul li.data {
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

footer nav {
	margin: 0px;
	background: #FFFFFF;
}
footer nav > ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0px auto;
	padding: 10px;
	line-height: 40px;
}
footer nav > ul li {
	display: block;
	padding: 0px;
	margin: 5px 5px;
	width: calc( 100% / 3 - 10px );
}
footer nav > ul li a {
	display: block;
	font-size: 1.2rem;
	padding: 0px 0px;
	margin: 0px;
	border: 1px solid #F2EDE6;
	border-radius: 10px;
}
footer nav > ul li a:after {
	content: "";
	margin: 0px;
}

footer #footer p.copyright {
	bottom: 0px;
	left: 0px;
	color: #FFFFFF;
	font-size: 1rem;
	height: 30px;
}

body #searchBtn {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index:920;
	width: calc( 100% - 64px );

	display: flex;
	flex-wrap: wrap;
}
body #searchBtn li a {
	display: block;
	box-sizing: border-box;
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
	text-align: center;
	color: #FFF;
	margin: 0px auto 0px;
	padding: 0px;
	height: 64px;
}
body #searchBtn li a i {
	display: inline-block;
	font-size: 2rem;
	text-align: center;
	width: 1em;
}
body #searchBtn li:nth-child(1) {
width: calc( 100% - 192px );
background: #000;
}
body #searchBtn li:nth-child(2),
body #searchBtn li:nth-child(3),
body #searchBtn li:nth-child(4) {
	width: 64px;
}
body #searchBtn li:nth-child(1) a {
	font-size: 1.4rem;
	color: #0AA064;
	line-height: 36px;
	border: 4px solid #0AA064;
	padding: 10px 2px 10px 2px;
	background: url(../img/common/btnPattern20.png) center top repeat, #E1FAA3;
	background-size: 48px;
}
body #searchBtn li:nth-child(2) a {
	font-size: .8rem;
	width: 64px;
	border: 4px solid #41A5FF;
	padding: 8px 0px 0px 0px;
	background: #41A5FF;
}
body #searchBtn li:nth-child(3) a {
	font-size: 1.0rem;
	width: 64px;
	border: 4px solid #4B2800;
	padding: 9px 0px 0px 0px;
	background: #4B2800;
}
body #searchBtn li:nth-child(4) a {
	font-size: 1.0rem;
	width: 64px;
	border: 4px solid #0DB202;
	padding: 9px 0px 0px 0px;
	background: #0DB202;
}

body #searchBtn li:nth-child(1) a:hover {
	background: url(../img/common/btnPattern20.png) center top repeat, #FCEE21;
	background-size: 48px;
}
body #searchBtn li:nth-child(1) a img {
	display: block;
	position: absolute;
	top: 12px;
	left: 18px;
}
body #searchBtn li:nth-child(1) a i {
	margin: 0px 5px 0px 0px;
	line-height: 36px;
}
body #searchBtn li:nth-child(2) a i,
body #searchBtn li:nth-child(3) a i,
body #searchBtn li:nth-child(4) a i {
	display: block;
	margin: 0px auto 0px;
	line-height: 24px;
}
body #searchBtn li:nth-child(2) a i {
	font-size: 2.8rem;
	margin: 0px auto 3px;
}
body #searchBtn li:nth-child(3) a i {
	font-size: 2.2rem;
	margin: 0px auto 2px;
}
body #searchBtn li:nth-child(4) a i {
	font-size: 2.2rem;
	margin: 0px auto 2px;
}



#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index:920;
}
#page-top a {
	position: relative;
	display: block;
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	width: 64px;
	height: 64px;
	line-height: 16px;
	padding: 28px 0px 20px;

	background: #FFE100;
	color: #4B2800;
	font-family: "Rounded Mplus 1c";
}
#page-top a:hover {
	background: #0AA064;
	color: #FFF;
}
#page-top a:before {
	display: block;
	content: "";
	position: absolute;
	top: 20px;
	left: 28px;
	width: 6px;
	height: 6px;
	margin: -6px 0 0 0;
	border-top: solid 2px #4B2800;
	border-left: solid 2px #4B2800;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#page-top a:hover:before {
	border-top: solid 2px #FFF;
	border-left: solid 2px #FFF;
}

}




/*===============================================
 レスポンシブ PCサイズ 横幅 769px以上
===============================================*/
@media screen and (min-width: 769px), print {

#drawer_head {
display: none;
}
header .spTel {
display: none;
}
a[href^="tel:"] {
	pointer-events: none;
}

* {
	-webkit-font-feature-settings: 'palt' 1; /*for Android 4.4*/
	font-feature-settings: 'palt' 1;
	font-weight: 500;
	font-style: normal;
}
body {
	width: 100%;
	min-width: 1080px;
	font-size: 18px;
	box-sizing: border-box;
	color: #4B2800;
}
h1, h2, h3, h4 {
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
}
h1, h2, h3, h4, h5, p {
	display:block;
	margin:0;
	font-family: "Rounded Mplus 1c";
}
p {
	line-height:1.8;
}
img {
	vertical-align:top;
}
ul, ol, dl {
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
em {}
a {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
         transition: 0.2s ease-in-out;
	text-decoration:none;
	color: #4B2800;
}
a:hover {
	opacity:1.0;
	color: #FF8700;
}
figure {
	margin: 0px;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
}

/* shadow */
.bg_shadow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	behavior:url(../js/PIE.htc);
}
.bg_shadow2 {
	box-shadow:0px 5px 0px 0px #4B2800,0px -5px 0px 0px #4B2800;
}
.corner_circle {
	border-radius: 6px;        /* CSS3草案 */
 -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
 -moz-border-radius: 6px;   /* Firefox用 */
	behavior:url(../js/PIE.htc);
}

.transition {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
.txt_scale {
	transform: scale( 0.75 , 1 );
	letter-spacing: -0.1em;
}
.arrow a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:8px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.arrow2 a:after {
	display:block;
	content:"";
	position:absolute;
	border-top: none;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:16px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
.gradient {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #f39000), color-stop(0.00, #f89900));
	background: -webkit-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -moz-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -o-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: -ms-linear-gradient(top, #f89900 0%, #f39000 50%);
	background: linear-gradient(to bottom, #f89900 0%, #f39000 50%);
}

a img.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform01 {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

a img.transform02 {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover img.transform02 {
	-webkit-transform: rotate(-4deg) scale(1.2);
	transform: rotate(-4deg) scale(1.2);
}

#wrapper {
}


/* ==========================================================================
   header
   ========================================================================== */
header {
	position: relative;
	width: 100%;
	z-index: 2;
	font-family: "Noto Sans Japanese";
}
header #header {
	position: relative;
	width: 960px;
	margin: 0px auto 0px;
}
header #header h1 {
	display: block;
	position: absolute;
	margin: 0px auto 0px;
	text-align: center;
	width: 280px;
	top: 35px;
	font-family: "Noto Sans Japanese";
}
header #header h1 a {
	display: block;
	overflow: hidden;
	width: 280px;
	height: 50px;
	margin: 0px auto 0px;
	padding: 0px;
}
header #header h1 a img {
	margin: 0px auto 0px;
	padding: 0px;
}
header #header h1 p {
	display: block;
	font-size: 11px;
	vertical-align: middle;
	line-height: 30px;
	font-weight: 700;
}
header #header h1 p em {
	font-size: 16px;
	font-weight: 700;
	margin: 0px 0px 0px 5px;
}
header #header h2 {
	display: block;
	font-size: 12px;
	line-height: 30px;
	margin: 2px 0px 3px 0px;
	float: left;
	font-family: "Noto Sans Japanese";
}

header #subNavi {
	display: block;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	margin: 2px auto 3px;
	font-size: 12px;
}
header #subNavi ul {
}
header #subNavi ul li {
	padding: 0px;
	margin: 0px auto;
	float: left;
}
header #subNavi ul li:nth-child(1):after {
	content: "｜";
	float: right;
	margin: 0px auto;
	padding: 0px;
}
header #subNavi ul li a {
	padding: 0px 10px;
}
header #subNavi ul li a:hover {
}

header #header .headInfo {
	float: right;
	overflow: hidden;
	padding: 5px;
	margin: 0px 0px 20px 0px;
}
header #header .headInfo .tel {
	display: block;
	position: relative;
	font-family: "Rounded Mplus 1c";
	padding: 7px 0px 0px 0px;
}
header #header .headInfo .tel img {
	display: block;
	float: left;
	margin: 12px 10px 0px 0px;
}
header #header .headInfo .tel em {
	font-size: 36px;
	line-height: 40px;
	font-weight: 900;
}
header #header .headInfo .tel ul.rb {
	position: absolute;
	top: 0px;
	right: 0px;
}
header #header .headInfo .tel ul.rb li {
	display: block;
	float: left;
	font-size: 7px;
	font-weight: 900;
}
header #header .headInfo .tel ul.rb li:nth-child(1) {
	margin: 0px 18px 0px 0px;
	letter-spacing: 17px;
}
header #header .headInfo .tel ul.rb li:nth-child(2) {
	margin: 0px 8px 0px 0px;
	letter-spacing: 2px;
}
header #header .headInfo dl {
	margin: 5px auto 5px;
}
header #header .headInfo dl dt, header #header .headInfo dl dd {
	float: left;
	display: block;
	margin: 0px;
}
header #header .headInfo dl dt {
	font-size: 11px;
	background: #FF7F00;
	color: #fff;
	line-height: 16px;
	height: 16px;
	border-radius: 8px;
	padding: 0px 5px;
	margin: 0px 5px 0px 0px;
}
header #header .headInfo dl dd {
	font-size: 12px;
}
header #header .headInfo dl dd:nth-child(2) {
	margin: 0px 10px 0px 0px;
}


header #globalNavi {
	clear: both;
	margin: 0px auto 0px;
}
header #globalNavi nav {}
header #globalNavi nav ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
header #globalNavi nav ul li {
	display: block;
	margin: 0px 0px;
	width: calc( 100% / 8 );
}
header #globalNavi nav ul li a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	font-family: "Rounded Mplus 1c";
	font-weight: 900;
	padding: 20px 0px;
}
header #globalNavi nav ul li a:hover {
	opacity: 1.0;
	background: #0AA064;
	color: #FFF;
}


/* ==========================================================================
   article
   ========================================================================== */
article {
}


/* ==========================================================================
   footer
   ========================================================================== */
footer {
	clear: both;
	overflow: hidden;
	background: #FF8700;
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
	border-top: 1px solid #F2EDE6;
}
footer #footer {
	clear: both;
	position: relative;
	box-sizing: border-box;
	width: 960px;
	height: 240px;
	margin: 0px auto 0px;
	padding: 20px 0px 60px 0px;
	color: #FFFFFF;
}
footer #footer:after {
	display: block;
	content: "";
	clear: both;
	line-height: 1px;
	height: 1px;
}
footer #footer a {
	color: #FFFFFF;
}
footer #footer h1 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 26px;
	line-height: 45px;
}
footer #footer h1 strong {
	font-size: 21px;
	margin: 0px 0px 0px 0.5em;
}
footer #footer h1 img {
	float: left;
	margin: 0px 15px 20px 0px;
}
footer #footer address {
	font-style: normal;
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
footer #footer ul {
	display: block;
}
footer #footer ul li {
	display: block;
	font-weight: 800;
	line-height: 26px;
	clear: both;
}
footer #footer ul li.tel {
	display: inline-block;
	position: relative;
	font-style: normal;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
footer #footer ul li.tel em {
	font-size: 24px;
	font-weight: 800;
	margin: 0px 0px 0px 10px;
}
footer #footer ul li.tel span.rb {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 7px;
	font-weight: 800;
	line-height: 12px;
	height: 12px;
	letter-spacing: 0.4em;
}

footer #footer ul li.data {
	font-style: normal;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

footer nav {
	margin: 0px;
	background: #FFFFFF;
}
footer nav > ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width: 960px;
	height: 40px;
	line-height: 40px;
	margin: 0px auto;
	padding: 0px;
}
footer nav > ul li {
	display: block;
}
footer nav > ul li a {
	font-size: 12px;
	padding: 0px 0px;
}
footer nav > ul li:after {
	content: "｜";
	margin: 0px 0.2em;
	font-size: 12px;
}
footer nav > ul li:last-child:after {
	content: "";
	margin: 0px;
}

footer #footer p.copyright {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #FFFFFF;
	font-size: 12px;
	height: 30px;
}


body #searchBtn {
	position: fixed;
	top: 60px;
	right: -5px;
	z-index:920;
}
body #searchBtn li a {
	display: block;
	box-sizing: border-box;
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
	text-align: center;
	color: #FFF;
}
body #searchBtn li a i {
	display: inline-block;
	font-size: 24px;
	text-align: center;
	width: 100%;
}

body #searchBtn li:nth-child(1) a {
	font-size: 18px;
	color: #0AA064;
	margin: 0px auto 6px;

	width: 64px;
	height: calc( 8em + 68px );
	line-height: 24px;
	border: 4px solid #0AA064;
	padding: 10px 16px 10px 16px;

	background: url(../img/common/btnPattern20.png) center top repeat, #E1FAA3;
	background-size: 48px;

 -webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}


body #searchBtn li:nth-child(1) a:hover {
	background: url(../img/common/btnPattern20.png) center top repeat, #FCEE21;
	background-size: 48px;
}
body #searchBtn li:nth-child(1) a img {
	display: block;
	position: absolute;
	top: 12px;
	left: 18px;
}
body #searchBtn li:nth-child(1) a i {
 -webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	margin: 0px auto 5px;
}

body #searchBtn li:nth-child(2) a {
	font-size: 8px;
	width: 64px;
	border: 4px solid #FF8700;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	background: #FF8700;
}
body #searchBtn li:nth-child(3) a {
	font-size: 10px;
	width: 64px;
	border: 4px solid #4B2800;
	padding: 9px 0px 9px 0px;
	background: #4B2800;
}
body #searchBtn li:nth-child(3) {
	display: none;
}
body #searchBtn li:nth-child(4) {
	display: none;
}
.smartphone_only {
  display: none;
}

#page-top {
	position: fixed;
	bottom: -12px;
	left: 50%;
	margin-left:400px;
	z-index:920;
}
#page-top a {
	position: relative;
	display: block;
	font-size:12px;
	font-weight: 600;
	text-align: center;
	width: 64px;
	height: 64px;
	line-height: 62px;

	background: #FFE100;
	color: #4B2800;
	font-family: "Rounded Mplus 1c";

	border-radius: 32px;        /* CSS3草案 */
  -webkit-border-radius: 32px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 32px;   /* Firefox用 */
}
#page-top a:hover {
	background: #0AA064;
	color: #FFF;
}
#page-top a:before {
	display: block;
	content: "";
	position: absolute;
	top: 15px;
	left: 28px;
	width: 6px;
	height: 6px;
	margin: -6px 0 0 0;
	border-top: solid 2px #4B2800;
	border-left: solid 2px #4B2800;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#page-top a:hover:before {
	border-top: solid 2px #FFF;
	border-left: solid 2px #FFF;
}


}
@charset "UTF-8";
/* ==========================================================================
HOME
文字茶　#4B2800
オレンジ　#FF8700
緑　#0AA064
黄緑　#8CC63F
BGカラー
メインBG #FCFCE8
赤BG　#FF3C1E
ベージュBG #FCFBE3
薄ベージュBG #FCFFED
========================================================================== */

/* Google Fonts + 日本語 早期アクセス 250 300 350 400 500 700 900 */
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#home {}
article#main_box {
}
section {
}

#home #mainArea {
	width: 100%;
	position: relative;
	margin: 0px auto;
}
#home #mainArea #mainVisual {
	width: 100%;
	margin: 0px auto -5px;
	padding: 0px 0px 0px 0px;
	z-index: 2;
	background: url(../img/common/bgPattern50.png) center top repeat, #FCFCE8;
	background-size: 80px;
}
#home #mainArea #medal {
	position: absolute;
	width: 20%;
	max-width: 180px;
	max-height: 100px;
	margin-left: 0px;
	z-index: 3;
	top: -15px;
	right: 0px;
}
#home #mainArea #medal figure {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}
#home #mainArea #medal figure img {
	width: 100%;
	height: auto;
}

#home #mainArea #mainVisual .mainSlider {}
#home #mainArea #mainVisual .mainSlider li {}
#home #mainArea #mainVisual .mainSlider li img {
	width: 100vw;
	height: auto;
}
/* Arrows */
#mainVisual button.slick-prev,
#mainVisual button.slick-next {
	width: 40px;
	height: 40px;
}
#mainVisual .slick-prev {
	left: -50px;
	background: url(../img/home/arrowMainL.png) no-repeat center top;
	background-size: 40px;
}
#mainVisual .slick-prev:before {
	content: '';
}

#mainVisual .slick-next {
	right: -50px;
	background: url(../img/home/arrowMainR.png) no-repeat center top;
	background-size: 40px;
}

#mainVisual .slick-next:before {
	content: '';
}

#home #mainArea #mainThumb {
	overflow: hidden;
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px 15px 0px;
	z-index: 2;
	background: #FF8700;
}
#home #mainArea #mainThumb .thumbItem {
	width: 100%;
	margin: 0px auto;
	padding: 0px 5px 0px 5px;
}
#home #mainArea #mainThumb .thumbItem > li {
	width: calc( 100% / 3 - 10px );
	height: auto;
	margin: 5px;
	padding: 0px;
}

#mainThumb .slick-slide img {
	border: 3px solid transparent;
	width: calc( 100% - 2px );
	height: auto;
}
#mainThumb .slick-current {
}
#mainThumb .slick-current img {
	border: 3px solid #FFF;
}

/* Dots */
#mainThumb .slick-dotted.slick-slider {
	margin-bottom: 0px;
}
#mainThumb .slick-dots {
	position: absolute;
	bottom: -15px;

	display: block;

	width: calc( 100% - 18px );
	padding: 0px;
	margin: 0px auto;

	list-style: none;
	text-align: center;
}
#mainThumb .slick-dots li {
	position: relative;
	display: inline-block;

	width: 20px;
	height: 20px;
	margin: 0px 0px;
	padding: 0px;

	cursor: pointer;
}
#mainThumb .slick-dots li button {
	font-size: 0;
	line-height: 0;

	display: block;

	width: 10px;
	height: 10px;
	padding: 0px;
	margin: 5px 0px 0px 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: #FFF;
	border-radius: 5px;
}
#mainThumb .slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	content: '';
	text-align: center;

	opacity: .25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#mainThumb .slick-dots li.slick-active button {
	background: #0AA064;
}
#mainThumb .slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

}

/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
article#mainBox {}

/* 検索 */
#homeSearch {
	overflow: hidden;
	clear: both;
}
#homeSearch .titleArea {
	background: url(../img/home/searchTitleBg.png) center 50% no-repeat;
	background-size: 120% auto;
	width: calc( 100% );
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
}
#homeSearch .titleArea h2 {
	color: #FFF;
	font-size: 1.2rem;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
#homeSearch .titleArea h2 em {
	display: block;
	font-weight: 800;
	font-size: 3.6rem;
}
#homeSearch .titleArea .btn {
	display: block;
	clear: both;
	margin: 0px auto;
}
#homeSearch .titleArea .btn a {
	display: block;
	position: relative;
	width: 160px;
	height: 28px;
	margin: 0px auto;
	line-height: 28px;
	background: #FFF;
	color: #0AA064;
	font-family: "Rounded Mplus 1c";
	text-align: center;
	font-size: 1.5rem;
	font-weight: 800;
	border-radius: 14px;
}
#homeSearch .titleArea .btn a:after {
	position: absolute;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	top: 50%;
	right: 6px;
	margin-top: -8px;
	background: url(../img/home/arrowS.png) no-repeat center top;
	background-size: 16px 16px;
}
#homeSearch .titleArea .btn a:hover {
	background: #FF8700;
	color: #FFF;
}

#homeSearch .searchArea {
	display: block;
	margin: 10px 0px 10px 0px;
	border-top: 6px solid #F2EDE6;
	border-bottom: 6px solid #F2EDE6;
}
#homeSearch .searchArea:after {
	display: block;
	content: '';
	clear: both;
	width: 100%;
	height: 0px;
}
#homeSearch .searchArea .wrap {
	width: 100%;
}
#homeSearch .searchArea h3 {
	font-size: 2.4rem;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
#homeSearch .searchArea ul {
	width: calc( 100% - 10px );
	margin: 0px 5px 0px 5px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#homeSearch .searchArea ul li {
	margin: 0px 5px 10px;
	width: calc( 100% / 3 - 10px );
	max-width: 132px;
}
#homeSearch .searchArea ul li a {
	display: block;
	width: 100%;
}
#homeSearch .searchArea ul li a img {
	width: 100%;
	max-width: 132px;
	height: auto;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
         transition: 0.2s ease-in-out;
}
#homeSearch .searchArea ul li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#homeSearch .searchArea p {
	font-size: 1.5rem;
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
	line-height: 24px;
	margin: 10px auto;
	width: 90%;
	max-width: 540px;
}


/* 目玉車一覧 */
#recommendList {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	z-index: 2;
	background: url(../img/common/bgPattern5.png) center top repeat, #FF3C1E;
	background-size: 80px;
	font-family: "Rounded Mplus 1c";
}
#recommendList .listWrap {
	width: 100%;
	padding: 20px 0px 20px;
	margin: 0px auto;
	background: url(../img/home/cloverBgLL.png) no-repeat right -40px;
	background-size: 30vw;
}
#recommendList .listWrap h2 {
	text-align: center;
	font-size: 3.0rem;
	color: #FFF;
	margin: 0px auto 10px;
}
#recommendList ul.rmdList {
	width: 100%;
	margin: 0px auto 0px;
}
#recommendList ul.rmdList li.car {
	display: block;
	box-sizing: border-box;
	border: 5px solid #FF3C1E;
	margin: 0px 0px!important;
	padding: 0px;
	background: #FFFFFF;
}
#recommendList ul.rmdList li.car firure {
}
#recommendList ul li.car p.price {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 900;
	line-height: 40px;
}
#recommendList ul li.car p.price em {
	font-size: 2.4rem;
	font-weight: 900;
	color: #ED1C24;
	margin: 0px 0px 0px 5px;
}
#recommendList ul li.car h3.car_name {
	font-size: 1.4rem;
	margin: 0px 10px 10px;
}
#recommendList ul li.car h3.car_name a {
	font-weight: 700;
	word-wrap: break-word;
}
#recommendList ul li.car dl.spec {
	margin: 0px 15px 20px;
}
#recommendList ul li.car dl.spec dt,
#recommendList ul li.car dl.spec dd {
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0px 10px 4px 0px;
}
#recommendList ul li.car dl.spec dt {
	float: left;
	background: #F2EDE6;
	padding: 0px 5px;
	width: 4em;
	text-align: center;
}

/* 車一覧 */
#carsList {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	z-index: 2;
	font-family: "Rounded Mplus 1c";
}

#carsList.list398, #carsList.list498 {
	background: url(../img/common/bgPattern5.png) center top repeat, #FCFBE3;
	background-size: 80px;
}
#carsList.list198, #carsList.list4WD {
	background: url(../img/common/bgPattern5.png) center top repeat, #FCFFED;
	background-size: 80px;
}

#carsList .listWrap {
	width: 100%;
	padding: 10px 0px 20px;
	margin: 0px auto;
}
#carsList .listWrap h2 {
	font-size: 1.6rem;
	margin: 0px auto 10px;
	padding: 0px 20px;
}
#carsList .listWrap h2 em {
	font-size: 3.0rem;
	font-weight: 900;
	margin: 0px 5px 0px 0px;
}
#carsList ul.carList {
	width: 100%;
	margin: 0px auto 0px;
}
#carsList ul.carList li.car {
	display: block;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
#carsList.list398  ul.carList li.car, #carsList.list498  ul.carList li.car {
	border: 5px solid #FCFBE3;
}
#carsList.list198  ul.carList li.car, #carsList.list4WD  ul.carList li.car {
	border: 5px solid #FCFFED;
}
#carsList ul.carList li.car firure {
}
#carsList ul li.car p.price {
	text-align: center;
	font-size: 14px;
	font-weight: 900;
	line-height: 40px;
}
#carsList ul li.car p.price em {
	font-size: 24px;
	font-weight: 900;
	color: #ED1C24;
	margin: 0px 0px 0px 5px;
}
#carsList ul li.car h3.car_name {
	font-size: 14px;
	margin: 0px 10px 10px;
}
#carsList ul li.car h3.car_name a {
	font-weight: 700;
	word-wrap: break-word;
}
#carsList ul li.car dl.spec {
	margin: 0px 15px 15px;
}
#carsList ul li.car dl.spec dt,
#carsList ul li.car dl.spec dd {
	font-size: 11px;
	font-weight: 700;
	margin: 0px 10px 4px 0px;
}
#carsList ul li.car dl.spec dt {
	float: left;
	background: #F2EDE6;
	padding: 0px 5px;
	width: 4em;
	text-align: center;
}


#carsList #list198 {
}
#carsList #list198 h2, #carsList #list498 h2, #carsList #list4WD h2 {
	font-size: 1.6rem;
	margin: 0px auto 10px;
	padding: 0px 20px;
}
#carsList #list198 h2 em, #carsList #list498 h2 em, #carsList #list4WD h2 em {
	font-size: 3.0rem;
	font-weight: 900;
	margin: 0px 5px 0px 0px;
}

/* 店舗情報 */
#shopInfo {
	font-family: "Rounded Mplus 1c";
}
#shopInfo .infoWrap {
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px;
}
#shopInfo .infoWrap h2 {
	font-size: 3rem;
	margin-bottom: 10px;
	padding: 0px 20px;
}

#shopInfo .infoWrap .infoArea {
	margin: 0px auto;
	max-width: 420px;
}
#shopInfo .infoWrap .infoArea h3 {
	font-size: 1.6rem;
	line-height: 40px;
	margin: 0px 5% 10px 5%;
}
#shopInfo .infoWrap .infoArea h3 > figure {
	display: inline-block;
	margin: 0px 20px 0px 0px;
	width: 45%;
	max-width: 210px;
	max-height: 39px;
}
#shopInfo .infoWrap .infoArea h3 > figure img {
	width: 100%;
	height: auto;
}
#shopInfo .infoWrap .infoArea dl {
	font-size: 1.4rem;
	line-height: 20px;
	margin: 0px 5% 0px 5%;
}
#shopInfo .infoWrap .infoArea dl dt {
	font-size: 1.1rem;
	font-weight: 700;
	float: left;
	text-align: center;
	color: #FFF;
	background: #4B2800;
	width: 5em;
	border-radius: 10px;
	padding: 0px 0px;
	margin: 0px 10px 5px 0px;
}
#shopInfo .infoWrap .infoArea dl dd {
	font-weight: 700;
	margin: 0px 0px 5px 0px;
}
#shopInfo .infoWrap .infoArea > figure {
	display: block;
	max-width: 420px;
	max-height: 180px;
	margin: 0px 5% 0px 5%;
	text-align: left;
}
#shopInfo .infoWrap .infoArea > figure img {
	width: 100%;
	height: auto;
}

#shopInfo .infoWrap .mapArea {
	display: block;
	margin: 20px auto;
	max-width: 420px;
}
#shopInfo .infoWrap .mapArea h3 {
	font-size: 2rem;
	line-height: 40px;
	margin: 0px 5%;
}
#shopInfo .infoWrap .mapArea figure {
	width: 90%;
	max-width: 455px;
	display: block;
	margin: 0px auto;
}
#shopInfo .infoWrap .mapArea figure img {
	width: 100%;
	height: auto;
}

#shopInfo .infoWrap .contArea {
	clear: both;
	background: #0AA064;
	color: #FFF;
	margin: 0px 10px 0px;
	padding: 10px 10px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#shopInfo .infoWrap .contArea h3 {
	display: inline-block;
	line-height: 3rem;
	font-size: 2rem;
	padding: 3px;
	margin: 1rem 10px;
}
#shopInfo .infoWrap .contArea .tel {
	display: inline-block;
	position: relative;
	font-family: "Rounded Mplus 1c";
	padding: 6px 0px 0px 0px;
	margin: 0px auto 0px;
	text-align: center;
	color: #FFFFFF;
}
#shopInfo .infoWrap .contArea .tel img {
	display: inline-block;
	margin: -4px 10px 0px 0px;
}
#shopInfo .infoWrap .contArea .tel em {
	display: inline-block;
	font-size: 3.2rem;
	line-height: 5rem;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #FFFFFF;
}
#shopInfo .infoWrap .contArea .tel em a {
	font-size: 3.2rem;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #FFFFFF;
}
#shopInfo .infoWrap .contArea .tel ul.rb {
	position: absolute;
	top: 1px;
	right: 0px;
}
#shopInfo .infoWrap .contArea .tel ul.rb li {
	display: block;
	float: left;
	font-size: .7rem;
	font-weight: 800;
}

#shopInfo .infoWrap .contArea .tel ul.rb li:nth-child(1) {
	margin: 0px 12px 0px 0px;
	letter-spacing: 12px;
}
#shopInfo .infoWrap .contArea .tel ul.rb li:nth-child(2) {
	margin: 0px 0px 0px 0px;
	letter-spacing: 2px;
}

#shopInfo .infoWrap .contArea .btn {
	margin: 0px 0px 0px 0px;
	text-align: center;
	padding: 0.9rem 0px;
}
#shopInfo .infoWrap .contArea .btn a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-weight: 800;
	line-height: 32px;
	width: 200px;
	height: 40px;
	color: #FF8700;
	background: #FFF;
	border: 4px solid #FF8700;
	border-radius: 20px;
	padding: 0px 0px 0px 24px;
	margin: 0px auto 0px;
}
#shopInfo .infoWrap .contArea .btn a i {
	margin: 0px 10px 0px 0px;
	float: right;
	line-height: 32px;
}
#shopInfo .infoWrap .contArea .btn a:hover {
	color: #FFF;
	background: #FF8700;
}

#shopInfo .gmap {
	width: 100%;
	height: 360px;
}

}

/*===============================================
 レスポンシブ PCサイズ 横幅 769px以上
===============================================*/
@media screen and (min-width: 769px), print {

#home {}
article#main_box {
}
section {
}

#home #mainArea {
	position: relative;
	margin: 0px auto;
}
#home #mainArea #mainVisual {
	width: 100%;
	margin: 0px auto;
	padding: 40px 0px 35px;
	z-index: 2;
	background: url(../img/common/bgPattern50.png) center top repeat, #FCFCE8;
	background-size: 80px;
}
#home #mainArea #medal {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 180px;
	height: 100px;
	margin-left: 320px;
	z-index: 3;
}
#home #mainArea #medal figure {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

#home #mainArea #mainVisual .mainSlider {
	width: 960px;
	margin: 0px auto;
}
#home #mainArea #mainVisual .mainSlider li {
	width: 960px;
	height: 340px;
}
/* Arrows */
#mainVisual button.slick-prev,
#mainVisual button.slick-next {
	width: 40px;
	height: 40px;
}
#mainVisual .slick-prev {
	left: -50px;
	background: url(../img/home/arrowMainL.png) no-repeat center top;
	background-size: 40px;
}
#mainVisual .slick-prev:before {
	content: '';
}

#mainVisual .slick-next {
	right: -50px;
	background: url(../img/home/arrowMainR.png) no-repeat center top;
	background-size: 40px;
}

#mainVisual .slick-next:before {
	content: '';
}

#home #mainArea #mainThumb {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 25px 0px;
	z-index: 2;
	background: #FF8700;
}
#home #mainArea #mainThumb .thumbItem {
	width: 950px;
	height: 60px;
	margin: 0px auto;
	padding: 0px 0px 0px 10px;
}
#home #mainArea #mainThumb .thumbItem > li {
	width: 180px;
	height: 60px;
	margin: 5px;
	padding: 5px;
}

#mainThumb .slick-slide img {
	border: 3px solid transparent;
}
#mainThumb .slick-current {
}
#mainThumb .slick-current img {
	border: 3px solid #FFF;
}

/* Dots */
#mainThumb .slick-dotted.slick-slider {
	margin-bottom: 0px;
}
#mainThumb .slick-dots {
	position: absolute;
	bottom: -25px;

	display: block;

	width: calc( 100% - 18px );
	padding: 0px;
	margin: 0px auto;

	list-style: none;
	text-align: center;
}
#mainThumb .slick-dots li {
	position: relative;
	display: inline-block;

	width: 20px;
	height: 20px;
	margin: 0px 0px;
	padding: 0px;

	cursor: pointer;
}
#mainThumb .slick-dots li button {
	font-size: 0;
	line-height: 0;

	display: block;

	width: 10px;
	height: 10px;
	padding: 0px;
	margin: 5px 0px 0px 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: #FFF;
	border-radius: 5px;
}
#mainThumb .slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;

	content: '';
	text-align: center;

	opacity: .25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#mainThumb .slick-dots li.slick-active button {
	background: #0AA064;
}
#mainThumb .slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}


article#mainBox {}

/* 検索 */
#homeSearch {
	overflow: hidden;
	clear: both;
}
#homeSearch .titleArea {
	float: left;
	background: url(../img/home/searchTitleBg.png) right top no-repeat;
	background-size: 840px 360px;
	width: calc( 50% - 480px + 220px );
	height: 360px;
	margin: 0px 20px 0px 0px;
}
#homeSearch .titleArea h2 {
	float: right;
	color: #FFF;
	font-size: 14px;
	width: 220px;
	text-align: center;
	margin: 120px 0px 10px 0px;
}
#homeSearch .titleArea h2 em {
	display: block;
	font-weight: 900;
	font-size: 42px;
}
#homeSearch .titleArea .btn {
	display: block;
	clear: both;
	margin: 0px 30px;
}
#homeSearch .titleArea .btn a {
	display: block;
	position: relative;
	float: right;
	width: 160px;
	height: 28px;
	line-height: 28px;
	background: #FFF;
	color: #0AA064;
	font-family: "Rounded Mplus 1c";
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	border-radius: 14px;
}
#homeSearch .titleArea .btn a:after {
	position: absolute;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	top: 50%;
	right: 6px;
	margin-top: -8px;
	background: url(../img/home/arrowS.png) no-repeat center top;
	background-size: 16px 16px;
}
#homeSearch .titleArea .btn a:hover {
	background: #FF8700;
	color: #FFF;
}

#homeSearch .searchArea {
	display: block;
	margin: 10px 0px 0px 0px;
	border-top: 6px solid #F2EDE6;
	border-bottom: 6px solid #F2EDE6;
	height: 330px;
}
#homeSearch .searchArea:after {
	display: block;
	content: '';
	clear: both;
	width: 100%;
	height: 0px;
}
#homeSearch .searchArea .wrap {
	width: 720px;
	height: 320px;
	float: left;
}
#homeSearch .searchArea h3 {
	font-size: 36px;
	margin: 35px 0px 20px 10px;
}
#homeSearch .searchArea ul {
	width: 850px;
	margin: 0px 0px 30px 0px;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
#homeSearch .searchArea ul li {
	margin: 0px 5px;
}
#homeSearch .searchArea ul li a {
	display: block;
	width: 132px;
	height: 120px;
}
#homeSearch .searchArea ul li a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
         transition: 0.2s ease-in-out;
}
#homeSearch .searchArea ul li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#homeSearch .searchArea p {
	font-size: 18px;
	font-family: "Rounded Mplus 1c";
	font-weight: 800;
	line-height: 24px;
	margin: 0px 0px 0px 10px;
}


/* 目玉車一覧 */
#recommendList {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	z-index: 2;
	background: url(../img/common/bgPattern5.png) center top repeat, #FF3C1E;
	background-size: 80px;
	font-family: "Rounded Mplus 1c";
}
#recommendList .listWrap {
	width: 100%;
	padding: 40px 0px 35px;
	margin: 0px auto;
	background: url(../img/home/cloverBgLL.png) no-repeat right -40px;
	background-size: 300px;
}
#recommendList .listWrap h2 {
	text-align: center;
	font-size: 36px;
	color: #FFF;
	margin: 0px auto 30px;
}
#recommendList ul.rmdList {
	width: 960px;
	margin: 0px auto 60px;
}
#recommendList ul.rmdList li.car {
	display: block;
	box-sizing: border-box;
	width: 220px!important;
	border: 2px solid #FFF;
	margin: 0px 10px;
	padding: 0px;
	background: #FFFFFF;
}
#recommendList ul.rmdList li.car firure {
	width: 220px!important;
	height: 165px!important
}
#recommendList ul li.car p.price {
	text-align: center;
	font-size: 14px;
	font-weight: 900;
	line-height: 40px;
}
#recommendList ul li.car p.price em {
	font-size: 30px;
	font-weight: 900;
	color: #ED1C24;
	margin: 0px 0px 0px 5px;
}
#recommendList ul li.car h3.car_name {
	font-size: 16px;
	margin: 0px 12px 10px;
}
#recommendList ul li.car h3.car_name a {
	font-weight: 700;
	word-wrap: break-word;
}
#recommendList ul li.car dl.spec {
	margin: 0px 15px 20px;
}
#recommendList ul li.car dl.spec dt,
#recommendList ul li.car dl.spec dd {
	font-size: 12px;
	font-weight: 700;
	margin: 0px 10px 4px 0px;
}
#recommendList ul li.car dl.spec dt {
	float: left;
	background: #F2EDE6;
	padding: 0px 5px;
	width: 4em;
	text-align: center;
}


/* Arrows */
#recommendList button.slick-prev,
#recommendList button.slick-next {
	width: 45px;
	height: 45px;
}
#recommendList .slick-prev {
	left: -50px;
	background: url(../img/home/arrowRecommendL.png) no-repeat center top;
	background-size: 45px;
}
#recommendList .slick-prev:before {
	content: '';
}
#recommendList .slick-next {
	right: -50px;
	background: url(../img/home/arrowRecommendR.png) no-repeat center top;
	background-size: 45px;
}
#recommendList .slick-next:before {
	content: '';
}


/* 車一覧 */
#carsList {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	z-index: 2;
	font-family: "Rounded Mplus 1c";
}

#carsList.list398, #carsList.list498 {
	background: url(../img/common/bgPattern5.png) center top repeat, #FCFBE3;
	background-size: 80px;
}
#carsList.list198, #carsList.list4WD {
	background: url(../img/common/bgPattern5.png) center top repeat, #FCFFED;
	background-size: 80px;
}

#carsList .listWrap {
	width: 960px;
	padding: 10px 0px 5px;
	margin: 0px auto;
}
#carsList .listWrap h2 {
	font-size: 24px;
	margin: 10px auto 10px;
	padding: 0px 10px;
}
#carsList .listWrap h2 em {
	font-size: 42px;
	font-weight: 900;
	margin: 0px 5px 0px 0px;
}
#carsList ul.carList {
	width: 960px;
	margin: 0px auto 40px;
}
#carsList ul.carList li.car {
	display: block;
	box-sizing: border-box;
	width: 180px!important;
	border: 2px solid #8CC63F;
	margin: 0px 5px;
	padding: 0px;
	background: #FFFFFF;
}
#carsList ul.carList li.car firure {
	width: 180px!important;
	height: 135px!important
}
#carsList ul li.car p.price {
	text-align: center;
	font-size: 14px;
	font-weight: 900;
	line-height: 40px;
}
#carsList ul li.car p.price em {
	font-size: 24px;
	font-weight: 900;
	color: #ED1C24;
	margin: 0px 0px 0px 5px;
}
#carsList ul li.car h3.car_name {
	font-size: 14px;
	margin: 0px 10px 10px;
}
#carsList ul li.car h3.car_name a {
	font-weight: 700;
	word-wrap: break-word;
}
#carsList ul li.car dl.spec {
	margin: 0px 15px 15px;
}
#carsList ul li.car dl.spec dt,
#carsList ul li.car dl.spec dd {
	font-size: 11px;
	font-weight: 700;
	margin: 0px 10px 4px 0px;
}
#carsList ul li.car dl.spec dt {
	float: left;
	background: #F2EDE6;
	padding: 0px 5px;
	width: 4em;
	text-align: center;
}


#carsList #list198 {
}
#carsList #list198 h2, #carsList #list498 h2, #carsList #list4WD h2 {
	font-size: 21px;
	margin: 10px auto 10px;
	padding: 0px 10px;
}
#carsList #list198 h2 em, #carsList #list498 h2 em, #carsList #list4WD h2 em {
	font-size: 36px;
	font-weight: 900;
	margin: 0px 5px 0px 0px;
}


/* Arrows */
#carsList button.slick-prev,
#carsList button.slick-next {
	width: 36px;
	height: 36px;
}
#carsList .slick-prev {
	left: -50px;
	background: url(../img/home/arrowListL.png) no-repeat center top;
	background-size: 36px;
}
#carsList .slick-prev:before {
	content: '';
}
#carsList .slick-next {
	right: -50px;
	background: url(../img/home/arrowListR.png) no-repeat center top;
	background-size: 36px;
}
#carsList .slick-next:before {
	content: '';
}

/* 店舗情報 */
#shopInfo {
	font-family: "Rounded Mplus 1c";
}
#shopInfo .infoWrap {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px;
}
#shopInfo .infoWrap h2 {
	font-size: 30px;
	margin-bottom: 10px;
}

#shopInfo .infoWrap .infoArea {
	float: left;
	margin: 0px 50px 40px 20px;
}
#shopInfo .infoWrap .infoArea h3 {
	font-size: 16px;
	line-height: 40px;
	margin: 0px 0px 20px 0px;
}
#shopInfo .infoWrap .infoArea h3 > figure {
	display: inline-block;
	margin: 0px 20px 0px 0px;
	width: 210px;
	height: 39px;
}
#shopInfo .infoWrap .infoArea dl {
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
}
#shopInfo .infoWrap .infoArea dl dt {
	font-size: 12px;
	font-weight: 700;
	float: left;
	text-align: center;
	color: #FFF;
	background: #4B2800;
	width: 4em;
	border-radius: 10px;
	padding: 0px 20px;
	margin: 0px 10px 14px 0px;
}
#shopInfo .infoWrap .infoArea dl dd {
	font-weight: 700;
	margin: 0px 0px 14px 0px;
}
#shopInfo .infoWrap .infoArea > figure {
	display: block;
	width: 420px;
	height: 180px;
}

#shopInfo .infoWrap .mapArea {
	display: block;
	margin: 35px 0px 40px 0px;
}
#shopInfo .infoWrap .mapArea h3 {
	font-size: 20px;
	line-height: 40px;
	margin: 0px 0px 10px 0px;
}
#shopInfo .infoWrap .mapArea figure {}

#shopInfo .infoWrap .contArea {
	clear: both;
	background: #0AA064;
	color: #FFF;
	margin: 0px 10px 40px;
	height: 100px;

	display: flex;
	flex-wrap: nowrap;
}
#shopInfo .infoWrap .contArea h3 {
	line-height: 40px;
	font-size: 24px;
	margin: 30px 50px 0px 20px;
}
#shopInfo .infoWrap .contArea .tel {
	display: block;
	position: relative;
	font-family: "Rounded Mplus 1c";
	padding: 7px 0px 0px 0px;
	margin: 20px 30px 0px 0px;
}
#shopInfo .infoWrap .contArea .tel img {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}
#shopInfo .infoWrap .contArea .tel em {
	font-size: 48px;
	line-height: 54px;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #FFF;
}
#shopInfo .infoWrap .contArea .tel em a {
	font-size: 48px;
	line-height: 54px;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #FFF;
}
#shopInfo .infoWrap .contArea .tel ul.rb {
	position: absolute;
	top: 0px;
	right: 0px;
}
#shopInfo .infoWrap .contArea .tel ul.rb li {
	display: block;
	float: left;
	font-size: 8px;
	font-weight: 800;
}
#shopInfo .infoWrap .contArea .tel ul.rb li:nth-child(1) {
	margin: 0px 22px 0px 0px;
	letter-spacing: 20px;
}
#shopInfo .infoWrap .contArea .tel ul.rb li:nth-child(2) {
	margin: 0px 4px 0px 0px;
	letter-spacing: 4px;
}


#shopInfo .infoWrap .contArea .btn {
	margin: 30px 0px 0px 0px;
}
#shopInfo .infoWrap .contArea .btn a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-weight: 800;
	line-height: 32px;
	width: 260px;
	height: 40px;
	color: #FF8700;
	background: #FFF;
	border: 4px solid #FF8700;
	border-radius: 20px;
	padding: 0px 0px 0px 24px;
}
#shopInfo .infoWrap .contArea .btn a i {
	margin: 0px 10px 0px 0px;
	float: right;
	line-height: 32px;
}
#shopInfo .infoWrap .contArea .btn a:hover {
	color: #FFF;
	background: #FF8700;
}

#shopInfo .gmap {
	width: 100%;
	height: 360px;
}

}
@charset "UTF-8";
/* ==========================================================================
PAGES
文字茶　#4B2800
オレンジ　#FF8700
緑　#0AA064
黄緑　#8CC63F
グレー線　#F2EDE6
BGカラー
メインBG #FCFCE8
赤BG　#FF3C1E
ベージュBG #FCFBE3
薄ベージュBG #FCFFED
========================================================================== */

/* Google Fonts + 日本語 早期アクセス 250 300 350 400 500 700 900 */
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

article#main_box {
	font-family: "Rounded Mplus 1c";
}
section {}

#pageTitle {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 20px;
	z-index: 2;
	background: url(../img/common/bgPattern5.png) center top repeat, #0AA064;
	background-size: 80px;
}
#pageTitle h1 {
	width: 100%;
	margin: 0px auto;
	font-size: 2.4rem;
	font-weight: 800;
	text-align: center;
	color: #FFF;
}

/* 下層ページ共通 */
#guide, #concept, #company, #staff, #customer, #news, #carSearch, #contact, #carSingle {
	font-family: "Rounded Mplus 1c";
}
#guide h2, #concept h2, #company h2, #staff h2, #customer h2, #news h2, #carSearch h2, #contact h2, #carSingle h2 {
	position: relative;
	box-sizing: border-box;
	background: url(../img/common/titPattern25.png) center top repeat, #FFF0B3;
	background-size: 48px;
	text-align: center;

	padding: 12px 50px 12px 50px;
	margin: 0px auto 20px;
	width: 100%;
	line-height: 26px;
	font-size: 2rem;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom: 5px solid #009A70;
}
#guide h2 img, #concept h2 img, #company h2 img, #staff h2 img, #customer h2 img, #news h2 img, #carSearch h2 img, #contact h2 img, #carSingle h2 img {
	position: absolute;
	display: block;
	top: 50%;
	left: 5px;
	width: 44px;
	height: 44px;
	margin: -22px 0px 0px 0px;
}

}


/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

/* 在庫検索 */
#carSearch {}

#carSearch .mainArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#carSearch .mainArea figure {
	width: 100%;
	margin: 0px auto;
}
#carSearch .mainArea figure img {
	width: 100%;
	height: auto;
	margin: 0px auto;
}


#carSearch #homeSearch {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
}
#carSearch #homeSearch .searchArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	border: none;
}
#carSearch #homeSearch .searchArea .wrap {
	text-align: center;
	float: none;
	margin: 0px auto;
}

#search_form {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px;
}
#search_form .formArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
}
#search_form .formArea dl {
	width: 96%;
	max-width: 640px;
	margin: 0px auto;
}
#search_form .formArea dl dt {
	float: left;
	width: 6em;
	font-weight: 800;
	text-align: center;
	line-height: 30px;
	margin: 8px 0.5em 4px 0px;
	padding: 0px 0px;
	background: #0AA064;
	color: #FFF;
	border-radius: 8px;
}
#search_form .formArea dl dd {
	line-height: 30px;
	margin: 0px 0px 0px 6.5em;
	padding: 8px 0px;
}
#search_form .formArea dl dd select {
	height: 28px;
	margin: 0px 0px 0px 0px;
}
#search_form .formArea dl dd a {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 8px;
	line-height: 28px;
	padding: 0px 10px;
	margin: 0px 0px 5px 0px;
}
#search_form .formArea dl dd span.current {
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #FF3C1E;
	border-radius: 8px;
	line-height: 24px;
	padding: 0px 10px;
	margin: 0px 0px 5px 0px;
	background: #FCFBE3;
}

#cars {}
#cars {
	width: 100%;
	margin: 0px auto 60px;
	padding: 0px 0px;
}
#cars .listWrap {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
}
#cars .listWrap .counter {
	margin: 10px auto;
	width: calc( 100% - 20px );
	max-width: 560px;
}


#cars .listWrap ul.entryList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	width: 100%;
	margin: 0px auto 0px;
}
#cars .listWrap ul.entryList li.car {
	display: block;
	box-sizing: border-box;
	width: calc( 50% - 14px )!important;
	max-width: 176px!important;
	border: 2px solid #8CC63F;
	margin: 5px 5px;
	padding: 0px;
	background: #FFFFFF;
}
#cars .listWrap ul.entryList li.car firure {
	width: 100%!important;
	height: calc( ( 50vw - 24px ) * 0.75 )!important;
	max-width: 176px!important;
	max-height: 132px!important;
}
#cars .listWrap ul li.car p.price {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 900;
	line-height: 36px;
}
#cars .listWrap ul li.car p.price em {
	font-size: 2.4rem;
	font-weight: 900;
	color: #ED1C24;
	margin: 0px 0px 0px 5px;
}
#cars .listWrap ul li.car h3.car_name {
	font-size: 1.2rem;
	line-height: 1.2em;
	margin: 0px 10px 10px;
}
#cars .listWrap ul li.car h3.car_name a {
	font-weight: 700;
	word-wrap: break-word;
}
#cars .listWrap ul li.car dl.spec {
	margin: 0px 15px 15px;
}
#cars .listWrap ul li.car dl.spec dt,
#cars .listWrap ul li.car dl.spec dd {
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0px 10px 4px 0px;
}
#cars .listWrap ul li.car dl.spec dt {
	float: left;
	background: #F2EDE6;
	padding: 0px 5px;
	width: 4em;
	text-align: center;
}

/* 販売情報 */
#carSingle {}

#carInfo {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px;
}
#carInfo .carArea {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 0px 10px;
}
#carInfo .equipArea {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
}

#carInfo .carArea p.date {
	display: block;
	padding: 0px 20px;
	text-align: left;
}
#carInfo .carArea .carTop {
	display: block;
	overflow: hidden;
	text-align: center;
}
#carInfo .carArea .carTop .price {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 800;
	line-height: 36px;
	border-bottom: 4px dotted #FF8700;
	margin: 0px auto;
	padding: 0px 2%;
}
#carInfo .carArea .carTop .price em {
	font-size: 3rem;
	font-weight: 800;
	margin: 0px 5px 0px 5px;
	color: #FF3C1E;
}
#carInfo .carArea .carTop ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;

	margin: 10px auto 20px;
	font-size: 1.4rem;
}
#carInfo .carArea .carTop ul li {
	display: block;
	margin: 0px 2px 0px 2px;
}
#carInfo .carArea .carTop ul li a {
	display: inline-block;
	padding: 10px 5px;
	color: #fff;
	font-weight: 800;
	border-radius: 5px;
	background: #0AA064;
}

.slideshow {
	text-align:center;
}
#main_photo {
	width:100%;
}
#caption_ph {
	background:#666;width:100%;color:#fff;font-family:Arial;display:block;font-size:.9em;padding:5px 2%;height:4.2em;margin:0px auto 10px;
}
slideshow .thumbnail {
	width:8.0%;margin:.1%;border:2px #fff solid;
}
.slideshow .selected {
	border:2px red solid;
}

#carInfo .carArea ul.dot {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 40px;
	width: 100%;
	max-width: 600px;
}
#carInfo .carArea ul.dot li {
	border: 2px solid #F2EDE6;
	padding: 0px 0px;
	margin: 5px 5px;
	width: calc( 100% / 3 - 10px );
	font-size: 1.4rem;
}
#carInfo .carArea ul.dot li em {
	display: inline-block;
	font-weight: 700;
	padding: 5px 0px;
	margin: 0px 1em 0px 0px;
	width: 100%;
	background: #F2EDE6;
	text-align: center;
}
#carInfo .carArea ul.dot li span {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

#carInfo .equipArea {}
#carInfo .equipArea h3 {
	margin: 20px auto 10px;
	padding: 0px 10px;
	width: 100%;
	line-height: 40px;
	background: #F2EDE6;
}
#carInfo .equipArea ul.equips {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	width: 96%;
	max-width: 640px;
}
#carInfo .equipArea li.equip {
	display: block;
	box-sizing: border-box;
	font-size: 1.2rem;
	border: 3px solid #FF8700;
	color: #FF8700;
	width: calc( 24% );
	margin: 0.5%;
	font-weight: 800;
	text-align: center;
	padding: 8px 0;
	border-radius: 5px;
}
#carInfo .equipArea p {
	text-align: left;
	font-size: 1.4rem;
	margin: 0px auto;
	width: 90%;
	max-width: 600px;
}

#cars {}
#cars .nextBtn {
	display: block;
	text-align: right;
	margin: 0px 10px 10px 0px;
}
#cars .nextBtn a {
	display: inline-block;
	border: 2px solid #FF8700;
	border-radius: 5px;
	color: #FF8700;
	padding: 5px 10px;
	font-weight: 800;
	font-size: 1.2rem;
}
#cars .nextBtn a:hover {
	background: #FF8700;
	color: #FFF;
}



#contactFrom {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px;
}
#contactFrom .contactArea {
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
	padding: 0px 0px;
}
#contactFrom .contactArea .tel {
	display: block;
	text-align: center;
	padding: 0px 0px;
	margin: 0px auto;
	font-weight: 800;
	line-height: 1.2;
}
#contactFrom .contactArea .tel a {
	display: block;
	margin: 0px 5px;
	font-weight: 700;
	font-size: 1.2rem;
}
#contactFrom .contactArea .tel a em {
	font-size: 2.8rem;
	font-weight: 800;
	margin: 0px 5px;
}

#contact_pane {margin:10px;padding:0px;background:#FCFFED;border:3px solid #F2EDE6;border-radius:5px}
.result-error{width:100%;padding:10px 0;text-align:center;color:red;border:1px red solid;background:#fee}
.result-success{width:100%;padding:10px 0;text-align:center;color:green;border:1px green solid;background:#efe}
.submit-button{font-size:large;}

table.form{}
table.dot th {	padding: 5px 0 5px 0;}
table.dot td{}

#contact_pane table.form {
	border-collapse: collapse;
	margin: 0px auto;
	width: 100%;
}
#contact_pane table.form th,
#contact_pane table.form td {
	display: block;
	border-bottom: 1px dotted #F2EDE6;
	padding: 10px 5px;
	font-size: 1.2rem;
	text-align: center;
}
#contact_pane table.form th {
	background: #F2EDE6;
}
#contact_pane table.form th br {
	display: none;
}
#contact_pane table.form td {
}
#contact_pane table.form td input,
#contact_pane table.form td textarea {
	width: calc( 100% - 20px );
	max-width: 480px;
	line-height: 2em;
	margin: 0px auto;
	padding: 2px 5px;
	text-align: left;
	font-size: 1.6rem;
}
#contact_pane table.form .radio{
	width: 30px !important;
	max-width: 30px !important;
	line-height: 2em;
	margin: 0px auto;
	padding: 2px 5px;
	text-align: left;
	font-size: 1.6rem;
}
#contact_pane table.form .radio_label{
	font-size: 1.6rem;
}
#contact_pane table.form b {
	color: #FF3C1E;
	font-size: 1.1rem;
}

#toggle {
	clear: both;
	border: 1px solid #F2EDE6;
	background: #FFF;
	overflow: hidden;
	margin: 20px 20px 20px;
	border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}
#toggle .toggle_box {
	display: none;
	padding: 0px 10px 0px;
}
#toggle .toggle_box p {
	padding: 20px;
	font-size: 1.2rem;
	line-height: 2em;
}

#toggle .btn {
	display: block;
	background: #FFF;
	text-align: center;
	line-height: 40px;
	margin: 0px;
}
#toggle .btn.active {
	background: #FFF;
}
#toggle .btn:hover {
	cursor:pointer;
}


#contact_pane p.submitText {
	text-align: center;
	margin: 0px 10px;
	font-size: 1.2rem;
}
#contact_pane .submitBtn {
	text-align: center;
}
#contact_pane .submit-button {
	width: auto;
	margin: 20px auto;
	text-align: center;
	padding: 15px 30px;
	cursor:pointer;
	background:#ffa500;
	border:0;
	color:#fff;
	border-radius: 10px;
}

.bx-wrapper{position:relative;margin-bottom:60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(/clover/bx_loader/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;background:url(/clover/bx_loader/images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{right:10px;background:url(/clover/bx_loader/images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/clover/bx_loader/images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/clover/bx_loader/images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.1em;padding:5px}
}


/*===============================================
 レスポンシブ スマホサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

/* クローバーとは */
#guide {
}
#about {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px 0px;
}
#about .aboutArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
}
#about .aboutArea h3 {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 640px;
	height: 60px;
	line-height: 60px;
	margin: 40px auto 60px;
	padding: 0px 0px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	color: #009A70;
	border-bottom: 5px solid #FF8700;
}
#about .aboutArea h3 em {
	font-size: 3rem;
	font-weight: 800;
}
#about .aboutArea h3 img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 63px;
	height: auto;
	margin: -40px 0px 0px -7.75em;
}
#about .aboutArea h3:after {
	display: block;
	position: absolute;
	content: '';
	background: url(../img/guide/titleLineDown.png) center top no-repeat, #FFFFFF;
	background-size: 42px 26px;
	width: 42px;
	height: 26px;
	bottom: -26px;
	left: 50%;
	margin: 0px 0px 0px -21px;
}
#about .aboutArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -40px auto;
	padding: 50px 1% 40px;
	overflow: hidden;
}
#about .aboutArea ul li {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: calc( 48% );
	max-width: 210px;
	height: auto;
	border: 6px solid #F2EDE6;
	border-radius: 30px;
	margin: 0px 1% 60px;
	padding: 30px 10px 30px;
}

#about .aboutArea ul li h4 {
	font-size: 1.8rem;
	line-height: 1.2;
	color: #0AA064;
	text-align: center;
	margin: 6px auto 12px;
}
#about .aboutArea ul li p {
	font-size: 1.4rem;
	line-height: 1.7;
	word-wrap: break-word;
}
#about .aboutArea ul li:nth-child(1) p {
	line-height: 1.6;
}
#about .aboutArea ul li:nth-child(3) p {
	line-height: 1.4;
}

#about .aboutArea ul li .icon,
#about .aboutArea ul li .illust {
	position: absolute;
}
#about .aboutArea ul li .icon {
	top: -43px;
	left: 50%;
	margin-left: -38px;
}
#about .aboutArea ul li .illust {
	bottom: -12%;
	right: -20px;
}
#about .aboutArea ul li .illust img {
	width: 100%;
	height: auto;
}
#about .aboutArea ul li:nth-child(1) .illust {
	width: calc( 140px );
	max-width: 214px;
	height: auto;
}
#about .aboutArea ul li:nth-child(2) .illust {
	width: calc( 105px );
	max-width: 260px;
	height: auto;
	bottom: -20%;
	right: -20px;
}
#about .aboutArea ul li:nth-child(2) p {
	border-bottom-right-radius: 250px 60px;
}

#explain {}
#explain .explainArea {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px;
}
#explain .explainArea figure {
	margin: 0px auto 0px;
	text-align: center;
	width: 90%;
	max-width: 580px;
}
#explain .explainArea figure img {
	width: 100%;
	height: auto;
}

#value {}
#value .valueArea {
	width: 100%;
	margin: 0px auto 40px;
	padding: 0px 0px;
	text-align: center;
}
#value .valueArea h3 {
	display: inline-block;
	position: relative;
	font-size: 2rem;
	line-height: 1.2;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	margin: 20px auto 20px;
	padding: 0px 40px 10px;
	width: 96%;
	max-width: 580px;
}
#value .valueArea h3:before,
#value .valueArea h3:after {
	display: block;
	content: '';
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 0px;
}
#value .valueArea h3:before {
	background: url(../img/guide/titleCryL.png) center top no-repeat;
	background-size: 32px;
	left: 0px;
	bottom: 10px;
}
#value .valueArea h3:after {
	background: url(../img/guide/titleCryR.png) center top no-repeat;
	background-size: 32px;
	right: 0px;
	bottom: 10px;
}
#value .valueArea p {
	text-align: left;
	width: 90%;
	max-width: 560px;
	margin: 0px auto 30px;
	font-size: 1.5rem;
	font-weight: 700;
}
#value .valueArea figure {
	margin: 0px auto 0px;
	text-align: center;
	width: 90%;
	max-width: 580px;
}
#value .valueArea figure img {
	width: 100%;
	height: auto;
}

#merit {}
#merit .meritArea {
	width: 100%;
	margin: 0px auto 40px;
	padding: 0px 0px;
	text-align: center;
}
#merit .meritArea h3 {
	display: inline-block;
	position: relative;
	font-size: 2rem;
	line-height: 1.2;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	margin: 20px auto 20px;
	padding: 0px 40px 10px;
	width: 96%;
	max-width: 580px;
}
#merit .meritArea h3:before,
#merit .meritArea h3:after {
	display: block;
	content: '';
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 0px;
}
#merit .meritArea h3:before {
	background: url(../img/guide/titleCryL.png) center top no-repeat;
	background-size: 32px;
	left: 0px;
	bottom: 10px;
}
#merit .meritArea h3:after {
	background: url(../img/guide/titleCryR.png) center top no-repeat;
	background-size: 32px;
	right: 0px;
	bottom: 10px;
}
#merit .meritArea p {
	text-align: left;
	width: 90%;
	max-width: 560px;
	margin: 0px auto 30px;
	font-size: 1.5rem;
	font-weight: 700;
}
#merit .meritArea figure {
	margin: 0px auto 0px;
	text-align: center;
	width: 90%;
	max-width: 580px;
}
#merit .meritArea figure img {
	width: 100%;
	height: auto;
}


/* 安心の理由 */
#concept {}

#reason {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px;
}
#reason .reasonArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
}

#reason .reasonArea ul {
	margin: 0px auto 20px;
	width: 100%;
	max-width: 640px;
}
#reason .reasonArea ul li {
	overflow: hidden;
	margin: 0px 0px 0px;
	border-bottom: 1px solid #F2EDE6;
}
#reason .reasonArea ul li:last-child {
	border-bottom: none;
}
#reason .reasonArea ul li h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 1.2em;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	padding: 6px 16px;
	margin: 10px auto 15px;
	word-wrap: break-word;
	width: calc( 70% - 40px );
}
#reason .reasonArea ul li p {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.6em;
	padding: 0px 16px;
	margin: 0px auto 20px;
	width: calc( 70% - 20px );
}
#reason .reasonArea ul li p em {
	font-size: 1.6rem;
	font-weight: 700;
}
#reason .reasonArea ul li:nth-child(3) h3 span {
	font-size: 1.5rem;
	font-weight: 700;
}
#reason .reasonArea ul li:nth-child(3) h3 span em {
	font-size: 1.8rem;
	font-weight: 900;
}
#reason .reasonArea ul li:nth-child(3) h3 span strong {
	font-size: 2.4rem;
	font-weight: 900;
}
#reason .reasonArea ul li figure.illust {
	display: block;
	float: left;
	width: 30%;
	max-width: 180px;
	height: auto;
	margin: 0px 10px 0px 10px;
}
#reason .reasonArea ul li figure.illust img {
	width: 100%;
	height: auto;
}
#reason .reasonArea ul li:nth-child(3) figure.illust {
	margin: 20px 10px 10px 10px;
}
#reason .reasonArea ul li:nth-child(4) figure.illust {
	margin: 20px 10px 0px 10px;
}
#reason .reasonArea ul li:nth-child(4) figure.illust img {
	border: 5px solid #F2EDE6;
}
#reason .reasonArea ul li:nth-child(4) figure .kobacLogo {
	display: block;
	margin: -2% 0px 0px 0px;
}
#reason .reasonArea ul li:nth-child(4) figure .kobacLogo img {
	border: none;
}


#support {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px;
}
#support .supportArea,
#support .planArea {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px;
	text-align: center;
}
#support .supportArea figure,
#support .planArea figure {
	margin: 0px auto 0px;
	text-align: center;
	width: 96%;
}
#support .supportArea figure img,
#support .planArea figure img {
	margin: 0px auto 0px;
	width: 100%;
	height: auto;
}
#support .supportArea {}
#support .supportArea p {
	width: 90%;
	margin: 20px auto 0px;
	font-size: 1.6rem;
	text-align: left;
}

#support .planArea {}
#support .planArea h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 2.1rem;
	line-height: 1.2em;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	padding: 5px 1%;
	margin: 0px auto 20px;
	letter-spacing: -0.05em;
}


/* 会社案内 */
#company {}

#shop {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px;
}
#shop .panoramaArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#shop .panoramaArea h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 24px;
	border-bottom: 5px dotted #FF8700;
	padding: 5px 5px;
	margin: 0px auto 20px;
	letter-spacing: -0.05em;
}
#shop .panoramaArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#shop .panoramaArea ul li {}
#shop .panoramaArea ul li a.sw {
	display: inline-block;
	position: relative;
	font-size: 1.4rem;
	font-weight: 800;
	line-height: 22px;
	height: 30px;

	border: 3px solid #009A70;
	border-bottom: transparent;
	padding: 3px 10px 3px 30px;
	color: #009A70;
	margin: 0px 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#shop .panoramaArea ul li a.sw:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 8px;
	margin-top: -8px;

	border-radius: 50%;
	background: #009A70;
}
#shop .panoramaArea ul li a.sw:after {
	content: '';
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	top: 50%;
	left: 12.5px;
	margin-top: -5px;

	border: 2px solid #FFF;
	border-top: transparent;
	border-left: transparent;

	transform: rotate(45deg);
}
#shop .panoramaArea .panoramaView {
	box-sizing: border-box;
	width: 96vw;
	height: 64vw;
	border: 2px solid #F2EDE6;
	margin: 0px auto;
	border-radius: 20px;
}

#shop .kidsArea {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

#shop .kidsArea h3 {
	display: inline-block;
	position: relative;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.2em;
	background: #FF8700;
	border: 4px solid #0AA064;
	color: #FFF;
	padding: 10px 10px;
	border-radius: 10px;
	margin: 0px auto 20px;
	width: 96%;
	max-width: 560px;
}
#shop .kidsArea h3:after {
	display: block;
	position: absolute;
	content: '';
	background: url(../img/company/titleDown.png) center top no-repeat;
	background-size: 42px 26px;
	width: 42px;
	height: 26px;
	bottom: -26px;
	left: 50%;
	margin: 0px 0px 0px -21px;
}
#shop .kidsArea dl {
	width: 94%;
	max-width: 570px;
	text-align: left;
	margin: 0px auto 0px;
}
#shop .kidsArea dl dt {
	color: #0AA064;
	border-bottom: 5px dotted #FF8700;
	font-size: 2.0rem;
	font-weight: 800;
	line-height: 1.5em;
	padding: 4px 10px;
	margin: 0px auto 10px;
}
#shop .kidsArea dl dd {
	margin: 0px 15px 20px 15px;
	font-size: 16px;
}

#shop .kidsArea .present {
	position: relative;
	padding: 40px 0px 0px;
	width: 100%;
	max-width: 570px;
	margin: 0px auto;
}
#shop .kidsArea .present h4 {
	font-size: 2.8rem;
	color: #FF8700;
	padding: 0px 0px 0px 0px;
}
#shop .kidsArea .present figure {
	width: 100%;
	max-width: 570px;
	margin: 0px auto;
	padding: 0px;
}
#shop .kidsArea .present figure img {
	width: 100%;
	height: auto;
}
#shop .kidsArea .present figure.balloon {
	position: absolute;
	width: 20%;
	max-width: 130px;
	top: -3vw;
	right: 0px;
}

#summary {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px;
}
#summary .summaryArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#summary .summaryArea dl {
	text-align: left;
	width: 100%;
	max-width: 560px;
	margin: 0px auto;
	font-size: 1.2rem;
	font-weight: 700;
}
#summary .summaryArea dl dt {
	display: block;
	float: left;
	padding: 8px 0.75em 8px 0.75em;
	margin: 0px 0px 0px 0px;
}
#summary .summaryArea dl dd {
	display: block;
	padding: 8px 0px 8px 5.5em;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #F2EDE6;
}

#summary .messageArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	text-align: center;
}
#summary .messageArea .msgWrap {
	margin: 0px auto;
	max-width: 400px;
}
#summary .messageArea h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 2rem;
	line-height: 1.5em;
	border-bottom: 5px dotted #FF8700;
	padding: 5px 20px;
	margin: 0px auto 20px;
	color: #0AA064;
}
#summary .messageArea p {
	margin: 0px 20px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
#summary .messageArea figure {
	margin: 20px auto 0px;
}
#summary .messageArea figure img {
	margin: 0px 0px 0px 0px;
	border: 5px solid #F2EDE6;
}
#summary .messageArea figure figcaption {
	font-size: 1.2rem;
	font-weight: 700;
	margin: 10px 0px 0px 0px;
}
#summary .messageArea figure figcaption em {
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0px 0px 0px 0.5em;
}

#company #accessMap {}
#company #accessMap h2 {}
#company #shopInfo {}
#company #shopInfo #accessMap h2 {
	font-size: 2rem;
	margin: 0px auto 20px;
	padding: 12px 50px 12px 50px;
}
#company #shopInfo #accessMap .mapArea {}


/* スタッフ紹介 */
#staff {}
#staffArea {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px;
}
#staffArea .staffWrap {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#staffArea ul.personalArea {
	box-sizing: border-box;
	margin: 20px auto;
	width: 96%;
	max-width: 540px;
}
#staffArea ul.personalArea li {
	background: url(../img/staff/cardPattern10.png), #F2EDE6;
	background-size: 48px;
	padding: 10px;
	margin: 10px auto;
	border-radius: 20px;
	text-align: left;
	width: 100%;
	max-width: 640px;
}
#staffArea ul.personalArea li span.wrap {
	display: block;
	position: relative;
	background: #FFF;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}
#staffArea ul.personalArea li span.wrap:before {
	content: '';
	position: absolute;
	display: block;
	width: 42px;
	height: 66px;
	background: url(../img/staff/iconClip.png) no-repeat center top;
	background-size: 42px 66px;
	top: -38px;
	right: 8px;
}
#staffArea ul.personalArea li span.wrap:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
}

#staffArea ul.personalArea li figure {
	float: left;
	margin: 0px 15px 0px 0px;
	width: 157.5px;
	height: 175px;
}
#staffArea ul.personalArea li h3 {
	display: inline-block;
	float: left;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 1.2em;
	border-bottom: 5px dotted #FF8700;
	padding: 0px 2% 0px 0%;
	margin: 20px auto 15px;
	font-weight: 800;
	width: calc( 100% - 176px );
}
#staffArea ul.personalArea li h3 span.rb {
	font-size: 1.0rem;
}
#staffArea ul.personalArea li .man h3:before,
#staffArea ul.personalArea li .woman h3:before {
	display: inline-block;
	content: '';
	float: left;
	width: 27px;
	height: 30px;
	margin: -10px 5px 0px 0px;
}
#staffArea ul.personalArea li .man h3:before {
	background: url(../img/staff/iconMan.png) center top no-repeat;
	background-size: 27px 30px;
}
#staffArea ul.personalArea li .woman h3:before {
	background: url(../img/staff/iconWoman.png) center top no-repeat;
	background-size: 27px 30px;
}

#staffArea ul.personalArea li dl {
	display: block;
	float: left;
	width: calc( 100% - 176px );
	margin: 0px auto;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.4em;
}
#staffArea ul.personalArea li dl dt {
	float: left;
	font-size: 1.2rem;
	font-weight: 800;
	padding: 0px 0px;
	margin: 0px 0.5em 0px 0em;
	width: 3em;
	text-align: center;
}
#staffArea ul.personalArea li dl dd {
	padding: 0px;
	margin: 0px;
}
#staffArea ul.personalArea li dl dt:nth-child(3) {
	margin: 14px 0.25em 0px 0.25em;
}
#staffArea ul.personalArea li dl dd:nth-child(4) {
	background: #FFE268;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 3.5em;
	border-radius: 10px;
}


/* お客様の声 */
#customer {}
#customer .mainArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#customer .mainArea figure {
	width: 100%;
	margin: 0px auto;
}
#customer .mainArea figure img {
	width: 100%;
	height: auto;
	margin: 0px auto;
}


#review  {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
}
#review .reviewArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#customer #review .reviewArea h2 {}
#review .reviewArea ul {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	padding: 10px;
}
#review .reviewArea ul li {
	box-sizing: border-box;
	background: url(../img/customer/cardPattern10.png), #FFD414;
	background-size: 48px;
	padding: 10px;
	margin: 0px auto 20px;
	width: calc( 100% - 20px );
	max-width: 332px;
	border-radius: 12px;
}
#review .reviewArea ul li h3.name {
	font-size: 1.8rem;
	font-weight: 800;
	margin: 2px auto 10px;
}
#review .reviewArea ul li p.date {
	font-size: 1.2rem;
	font-weight: 800;
	float: right;
}
#review .reviewArea ul li figure {
	box-sizing: border-box;
	width: 100%;
	max-width: 340px;
	height: calc( 90.5vw - 50px );
	max-height: 308px;
	background: #FFF;
	border-radius: 8px;
	border: 5px solid #FFF;
	margin: 0px auto 20px;
}
#review .reviewArea ul li figure img {
	width: 100%;
	height: auto;
}
#review .reviewArea ul li dl.comment {
	background: #FFF;
	border-radius: 8px;
	padding: 10px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.5em;
}
#review .reviewArea ul li dl.comment dt {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-weight: 800;
}
#review .reviewArea ul li dl.comment dt:after {
	content: '：';
}
#review .reviewArea ul li dl.comment dd {
	display: inline;
	margin: 0px;
	padding: 0px;
}


/* 最新チラシ */
#news {}
#flyer {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px;
}
#flyer .flyerArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	text-align: center;
}
#news #flyer .flyerArea h2 {
}
#flyer .flyerArea ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
}
#flyer .flyerArea ul li {
	width: 50%;
	margin: 0px auto;
}
#flyer .flyerArea figure {
	width: 96%;
	margin: 10px auto;
}
#flyer .flyerArea figure img {
	width: 100%;
	height: auto;
	max-width: 600px;
	margin: 0px auto;
	border: 5px solid #EBE9E5;
}


}

/*===============================================
 レスポンシブ PCサイズ 横幅 769px以上
===============================================*/
@media screen and (min-width: 769px), print {

article#main_box {
	font-family: "Rounded Mplus 1c";
}
section {}

#pageTitle {
	width: 100%;
	margin: 0px auto;
	padding: 40px 0px 40px;
	z-index: 2;
	_background: url(../img/common/bgPattern50.png) center top repeat, #FCFCE8;
	background: url(../img/common/bgPattern5.png) center top repeat, #0AA064;
	background-size: 80px;
}
#pageTitle h1 {
	width: 960px;
	margin: 0px auto;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	color: #FFFFFF;
}

/* 下層ページ共通 */
#guide, #concept, #company, #staff, #customer, #news, #carSearch, #contact, #carSingle {
	font-family: "Rounded Mplus 1c";
}
#guide h2, #concept h2, #company h2, #staff h2, #customer h2, #news h2, #carSearch h2, #contact h2, #carSingle h2 {
	box-sizing: border-box;
	background: url(../img/common/titPattern25.png) center top repeat, #FFF0B3;
	background-size: 48px;
	text-align: center;

	margin: 0px auto 20px;
	width: 960px;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 5px solid #009A70;
}
#guide h2 img, #concept h2 img, #company h2 img, #staff h2 img, #customer h2 img, #news h2 img, #carSearch h2 img, #contact h2 img, #carSingle h2 img {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 15px 10px 15px -35px;
}

/* 在庫検索 */
#carSearch {}

#carSearch #homeSearch {
	width: 100%;
	margin: 0px auto 0px;
	padding: 60px 0px 0px 0px;
}
#carSearch #homeSearch .searchArea {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
	border: none;
}
#carSearch #homeSearch .searchArea .wrap {
	text-align: center;
	float: none;
	margin: 0px auto;
}


#carSearch .mainArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	text-align: center;
}
#carSearch .mainArea figure {
	width: 960px;
	margin: 0px auto;
}

#search_form {
	width: 100%;
	margin: 0px auto 20px;
	padding: 0px 0px;
}
#search_form .formArea {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}
#search_form .formArea dl {
	width: 860px;
	margin: 0px auto;
	font-size: 14px;
}
#search_form .formArea dl dt {
	float: left;
	width: 8em;
	font-weight: 800;
	text-align: center;
	line-height: 28px;
	margin: 6px 20px 4px 0px;
	padding: 0px 0px;
	background: #0AA064;
	color: #FFF;
	border-radius: 8px;
}
#search_form .formArea dl dd {
	line-height: 26px;
	margin: 0px 0px;
	padding: 8px 0px;
}
#search_form .formArea dl dd:nth-child(2) {
	float: left;
	margin: 0px 20px 0px 0px;
}
#search_form .formArea dl dt:nth-child(3) {
	float: left;
}
#search_form .formArea dl dd:nth-child(4) {}

#search_form .formArea dl dd select {
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 2em;
}
#search_form .formArea dl dd a {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 8px;
	line-height: 24px;
	padding: 0px 10px;
}
#search_form .formArea dl dd span.current {
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #FF3C1E;
	border-radius: 8px;
	line-height: 22px;
	padding: 0px 10px;
	background: #FCFBE3;
}

#cars {}
#cars {
	width: 100%;
	margin: 0px auto 60px;
	padding: 20px 0px 60px;
}
#cars .listWrap {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}
#cars .listWrap .counter {
	margin: 0px 10px;
}


#cars .listWrap ul.entryList {
	display: flex;
	flex-wrap: wrap;

	width: 960px;
	margin: 0px auto 0px;
}
#cars .listWrap ul.entryList li.car {
	display: block;
	box-sizing: border-box;
	width: 180px!important;
	border: 2px solid #8CC63F;
	margin: 20px 5px 20px;
	padding: 0px;
	background: #FFFFFF;
}
#cars .listWrap ul.entryList li.car firure {
	width: 180px!important;
	height: 135px!important
}
#cars .listWrap ul li.car p.price {
	text-align: center;
	font-size: 14px;
	font-weight: 900;
	line-height: 40px;
}
#cars .listWrap ul li.car p.price em {
	font-size: 24px;
	font-weight: 900;
	color: #ED1C24;
	margin: 0px 0px 0px 5px;
}
#cars .listWrap ul li.car h3.car_name {
	font-size: 14px;
	margin: 0px 10px 10px;
}
#cars .listWrap ul li.car h3.car_name a {
	font-weight: 700;
	word-wrap: break-word;
}
#cars .listWrap ul li.car dl.spec {
	margin: 0px 15px 15px;
}
#cars .listWrap ul li.car dl.spec dt,
#cars .listWrap ul li.car dl.spec dd {
	font-size: 11px;
	font-weight: 700;
	margin: 0px 10px 4px 0px;
}
#cars .listWrap ul li.car dl.spec dt {
	float: left;
	background: #F2EDE6;
	padding: 0px 5px;
	width: 4em;
	text-align: center;
}

/* 販売情報 */
#carSingle {}

#carInfo {
	width: 100%;
	margin: 0px auto 0px;
	padding: 60px 0px;
}
#carInfo .carArea {
	box-sizing: border-box;
	width: 960px;
	margin: 0px auto;
	padding: 0px 20px;
}
#carInfo .equipArea {
	box-sizing: border-box;
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}

#carInfo .carArea p.date {
	display: block;
	padding: 0px 20px;
}
#carInfo .carArea .carTop {
	display: block;
	overflow: hidden;
}
#carInfo .carArea .carTop .price {
	display: inline-block;
	font-size: 18px;
	font-weight: 800;
	text-align: right;
	line-height: 40px;
	border-bottom: 4px dotted #FF8700;
	margin: 10px 0px 30px 0px;
	padding: 0px 20px;
}
#carInfo .carArea .carTop .price em {
	font-size: 38px;
	font-weight: 800;
	margin: 0px 5px 0px 10px;
	color: #FF3C1E;
}
#carInfo .carArea .carTop ul {
	display: flex;
	flex-wrap: nowrap;
	float: right;
	margin: 30px auto 0px;
	font-size: 16px;
}
#carInfo .carArea .carTop ul li {
	display: inline-block;
	margin: 0px 0px 0px 5px;
}
#carInfo .carArea .carTop ul li a {
	padding: 5px 10px;
	color: #fff;
	font-weight: 800;
	border-radius: 5px;
	background: #0AA064;
}

.slideshow{text-align:center}
#main_photo{width:100%}
#caption_ph{background:#666;width:96%;color:#fff;font-family:Arial;display:block;font-size:.9em;padding:5px 2%;height:4.2em;margin-bottom:10px}
slideshow .thumbnail{width:8.0%;margin:.1%;border:2px #fff solid}
.slideshow .selected{border:2px red solid}

#carInfo .carArea ul.dot {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 40px;
}
#carInfo .carArea ul.dot li {
	border-bottom: 2px solid #F2EDE6;
	padding: 0px 0px;
	margin: 5px 10px;
	width: calc( 50% - 20px );
	font-size: 16px;
}
#carInfo .carArea ul.dot li em {
	display: inline-block;
	font-weight: 700;
	padding: 5px 0px;
	margin: 0px 1em 0px 0px;
	width: 10em;
	background: #F2EDE6;
	text-align: center;
}
#carInfo .carArea ul.dot li span {
	margin: 0px 0px 0px 0px;
}

#carInfo .equipArea {}
#carInfo .equipArea h3 {
	margin: 20px auto 20px;
	padding: 0px 10px;
	width: 880px;
	line-height: 40px;
	background: #F2EDE6;
}
#carInfo .equipArea ul.equips {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	width: 900px;
}
#carInfo .equipArea li.equip {
	display: block;
	box-sizing: border-box;
	font-size: small;
	border: 3px solid #FF8700;
	color: #FF8700;
	width: calc( 23% );
	margin: 1%;
	font-weight: 800;
	text-align: center;
	padding: 8px 0;
	border-radius: 5px;
}
#carInfo .equipArea p {
	text-align: center;
	font-size: 16px;
}

#cars {}
#cars .nextBtn {
	display: block;
	text-align: right;
}
#cars .nextBtn a {
	display: inline-block;
	border: 2px solid #FF8700;
	border-radius: 5px;
	color: #FF8700;
	padding: 5px 10px;
}
#cars .nextBtn a:hover {
	background: #FF8700;
	color: #FFF;
}

#contactFrom {
	width: 100%;
	margin: 0px auto 60px;
	padding: 60px 0px;
}
#contactFrom .contactArea {
	box-sizing: border-box;
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}
#contactFrom .contactArea .tel {
	display: block;
	text-align: center;
	padding: 10px 0px;
	margin: 20px auto;
	font-weight: 800;
	line-height: 40px;
}
#contactFrom .contactArea .tel a {
	margin: 0px 10px;
	font-weight: 700;
}
#contactFrom .contactArea .tel a em {
	font-size: 30px;
	font-weight: 700;
	margin: 0px 10px;
}

#contact_pane{margin:10px;padding:5px;background:#f3f3f3;border:3px solid #aaa;border-radius:5px}
.result-error{width:100%;padding:10px 0;text-align:center;color:red;border:1px red solid;background:#fee}
.result-success{width:100%;padding:10px 0;text-align:center;color:green;border:1px green solid;background:#efe}
.submit-button{font-size:large;}

table.form{}
table.dot th{padding:5px 0 5px 0;}
table.dot td{}

#contact_pane table.form {
	border-collapse: collapse;
	margin: 20px;
}
#contact_pane table.form th,
#contact_pane table.form td {
	border-bottom: 1px dotted #ccc;
	padding: 9px 10px;
	font-size: 16px;
}
#contact_pane table.form th {
	width:25%;
}
#contact_pane table.form td {
}
#contact_pane table.form b{
	color: #FF3C1E;
	font-size: 14px;
}

#toggle {
	clear: both;
	border: 1px solid #BCBCBC;
	background: #FFF;
	overflow: hidden;
	margin: 20px 20px 20px;
	border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
}
#toggle .toggle_box {
	display: none;
	padding: 0px 10px 0px;
}
#toggle .toggle_box p {
	padding: 20px;
	font-size: 16px;
	line-height: 2em;
}

#toggle .btn {
	display: block;
	background: #FFF;
	text-align: center;
	line-height: 40px;
	margin: 0px;
}
#toggle .btn.active {
	background: #FFF;
}
#toggle .btn:hover {
	cursor:pointer;
}


#contact_pane p.submitText {
	text-align: center;
}
#contact_pane .submitBtn {
	text-align: center;
}
#contact_pane .submit-button {
	width: auto;
	margin: 20px auto;
	text-align: center;
	padding: 15px 30px;
	cursor:pointer;
	background:#ffa500;
	border:0;
	color:#fff;
	border-radius: 10px;
}

.bx-wrapper{position:relative;margin-bottom:60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(/clover/bx_loader/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;background:url(/clover/bx_loader/images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{right:10px;background:url(/clover/bx_loader/images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/clover/bx_loader/images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/clover/bx_loader/images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.1em;padding:5px}


/* クローバーとは */
#guide {
}
#about {
	width: 100%;
	margin: 0px auto 60px;
	padding: 60px 0px;
}
#about .aboutArea {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}
#about .aboutArea h3 {
	box-sizing: border-box;
	position: relative;
	width: 720px;
	height: 80px;
	line-height: 80px;
	margin: 80px auto 80px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #009A70;
	border-bottom: 5px solid #FF8700;
}
#about .aboutArea h3 em {
	font-size: 36px;
	font-weight: 900;
}
#about .aboutArea h3 img {
	position: absolute;
	left: 50px;
	top: 50%;
	margin: -62px 0px 0px 0px;;
}
#about .aboutArea h3:after {
	display: block;
	position: absolute;
	content: '';
	background: url(../img/guide/titleLineDown.png) center top no-repeat, #FFFFFF;
	background-size: 42px 26px;
	width: 42px;
	height: 26px;
	bottom: -26px;
	left: 50%;
	margin: 0px 0px 0px -21px;
}
#about .aboutArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#about .aboutArea ul li {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 280px;
	height: 280px;
	border: 10px solid #F2EDE6;
	border-radius: 40px;
	margin: 0px 20px;
	padding: 30px 10px 10px;
}
#about .aboutArea ul li:nth-child(2) {
	padding: 30px 15px 10px;
}

#about .aboutArea ul li h4 {
	font-size: 24px;
	line-height: 1.2;
	color: #0AA064;
	text-align: center;
	margin: 6px auto 12px;
}
#about .aboutArea ul li p {
	font-size: 14px;
	line-height: 1.8;
	word-wrap: break-word;
}
#about .aboutArea ul li:nth-child(1) p {
	line-height: 1.6;
}
#about .aboutArea ul li:nth-child(3) p {
	line-height: 1.4;
}
#about .aboutArea ul li .icon,
#about .aboutArea ul li .illust {
	position: absolute;
}
#about .aboutArea ul li .icon {
	top: -43px;
	left: 50%;
	margin-left: -38px;
}
#about .aboutArea ul li .illust {
	bottom: -40px;
	right: -20px;
}
#about .aboutArea ul li:nth-child(2) .illust {
	bottom: -45px;
	right: -20px;
}
#about .aboutArea ul li:nth-child(2) p {
	border-bottom-right-radius: 250px 60px;
}

#explain {}
#explain .explainArea {
	width: 960px;
	margin: 0px auto 60px;
	padding: 0px 0px;
}
#explain .explainArea figure {
	margin: 0px auto;
	text-align: center;
}

#value {}
#value .valueArea {
	width: 960px;
	margin: 0px auto 60px;
	padding: 0px 0px;
	text-align: center;
}
#value .valueArea h3 {
	display: inline-block;
	font-size: 28px;
	line-height: 50px;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	margin: 0px auto 30px;
	padding: 0px 0.5em;
}
#value .valueArea h3:before,
#value .valueArea h3:after {
	display: inline-block;
	content: '';
	width: 42px;
	height: 42px;
	margin: 0px 5px -8px;
}
#value .valueArea h3:before {
	background: url(../img/guide/titleCryL.png) center top no-repeat;
	background-size: 42px;
}
#value .valueArea h3:after {
	background: url(../img/guide/titleCryR.png) center top no-repeat;
	background-size: 42px;
}
#value .valueArea p {
	text-align: left;
	width: 720px;
	margin: 0px auto 30px;
	font-size: 18px;
	font-weight: 700;
}
#value .valueArea figure {
	margin: 0px auto;
	text-align: center;
}

#merit {}
#merit .meritArea {
	width: 960px;
	margin: 0px auto 60px;
	padding: 0px 0px;
	text-align: center;
}
#merit .meritArea h3 {
	display: inline-block;
	font-size: 28px;
	line-height: 50px;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	margin: 0px auto 30px;
	padding: 0px 0.5em;
}
#merit .meritArea h3:before,
#merit .meritArea h3:after {
	display: inline-block;
	content: '';
	width: 42px;
	height: 42px;
	margin: 0px 5px -8px;
}
#merit .meritArea h3:before {
	background: url(../img/guide/titleCryL.png) center top no-repeat;
	background-size: 42px;
}
#merit .meritArea h3:after {
	background: url(../img/guide/titleCryR.png) center top no-repeat;
	background-size: 42px;
}
#merit .meritArea p {
	text-align: left;
	width: 720px;
	margin: 0px auto 30px;
	font-size: 18px;
	font-weight: 700;
}
#merit .meritArea figure {
	margin: 0px auto;
	text-align: center;
}

/* 安心の理由 */
#concept {}

#reason {
	width: 100%;
	margin: 0px auto 60px;
	padding: 60px 0px;
}
#reason .reasonArea {
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}

#reason .reasonArea ul {
	margin: 0px auto 60px;
}
#reason .reasonArea ul li {
	margin: 0px 20px;
}
#reason .reasonArea ul li h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 36px;
	line-height: 40px;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	padding: 12px 20px;
	margin: 30px auto 20px;
}

#reason .reasonArea ul li p {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 2em;
	padding: 0px 20px;
	margin: 0px auto 60px;
}
#reason .reasonArea ul li p em {
	font-size: 20px;
	font-weight: 700;
}

#reason .reasonArea ul li:nth-child(2) h3 {
	margin: 60px 0px 20px 20px;
}
#reason .reasonArea ul li:nth-child(2) p {
	margin: 0px 0px 40px 20px;
}
#reason .reasonArea ul li:nth-child(3) h3 {
	margin: 60px 0px 20px 0px;
}
#reason .reasonArea ul li:nth-child(3) p {
	margin: 0px 0px 80px 0px;
}
#reason .reasonArea ul li:nth-child(4) h3 {
	margin: 60px 0px 20px 20px;
}
#reason .reasonArea ul li:nth-child(4) p {
	margin: 0px 0px 40px 20px;
}

#reason .reasonArea ul li:nth-child(3) h3 span {
	font-size: 20px;
	font-weight: 700;
}
#reason .reasonArea ul li:nth-child(3) h3 span em {
	font-size: 28px;
	font-weight: 900;
}
#reason .reasonArea ul li:nth-child(3) h3 span strong {
	font-size: 38px;
	font-weight: 900;
}

#reason .reasonArea ul li figure.illust {
}
#reason .reasonArea ul li:nth-child(odd) figure.illust {
	float: left;
	margin: 0px 20px 0px 10px;
}
#reason .reasonArea ul li:nth-child(even) figure.illust {
	float: right;
	margin: 0px 10px 0px 0px;
}

#reason .reasonArea ul li:nth-child(1) figure.illust {}
#reason .reasonArea ul li:nth-child(2) figure.illust {
	margin: 0px 0px 0px 0px;
}
#reason .reasonArea ul li:nth-child(3) figure.illust {
	margin: 0px 20px 0px 30px;
}

#reason .reasonArea ul li:nth-child(4) figure.illust {
	position: relative;
	border: 6px solid #F2EDE6;
	margin: 0px 0px 0px 0px;
}
#reason .reasonArea ul li:nth-child(4) figure .kobacLogo {
	position: absolute;
	left: -6px;
	bottom: -190px;
}


#support {
	width: 100%;
	margin: 0px auto 0px;
	padding: 60px 0px;
}
#support .supportArea,
#support .planArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px;
	text-align: center;
}
#support .supportArea figure,
#support .planArea figure {
	margin: 0px auto 0px;
	text-align: center;
}
#support .supportArea {}
#support .supportArea p {
	width: 840px;
	margin: 40px auto 0px;
	font-size: 18px;
	text-align: left;
}

#support .planArea {}
#support .planArea h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 36px;
	line-height: 40px;
	color: #009A70;
	border-bottom: 5px dotted #FF8700;
	padding: 12px 20px;
	margin: 0px auto 50px;
}



/* 会社案内 */
#company {}

#shop {
	width: 100%;
	margin: 0px auto 0px;
	padding: 60px 0px;
}
#shop .panoramaArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	text-align: center;
}
#shop .panoramaArea h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 28px;
	line-height: 36px;
	border-bottom: 5px dotted #FF8700;
	padding: 10px 30px;
	margin: 0px auto 50px;
}
#shop .panoramaArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#shop .panoramaArea ul li {}
#shop .panoramaArea ul li a.sw {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 800;
	line-height: 30px;
	height: 30px;

	border: 3px solid #009A70;
	border-bottom: transparent;
	padding: 3px 20px 3px 40px;
	color: #009A70;
	margin: 0px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#shop .panoramaArea ul li a.sw:before {
	content: '';
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 10px;
	margin-top: -10px;

	border-radius: 10px;
	background: #009A70;
}
#shop .panoramaArea ul li a.sw:after {
	content: '';
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: 50%;
	left: 15px;
	margin-top: -5px;

	border: 3px solid #FFF;
	border-top: transparent;
	border-left: transparent;

	transform: rotate(45deg);
}
#shop .panoramaArea .panoramaView {
	box-sizing: border-box;
	height: 400px;
	width: 950px;
	border: 5px solid #F2EDE6;
	margin: 0px auto;
	border-radius: 20px;
}

#shop .kidsArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	text-align: center;
}

#shop .kidsArea h3 {
	display: inline-block;
	position: relative;
	font-size: 28px;
	font-weight: 800;
	line-height: 36px;
	background: #FF8700;
	border: 4px solid #0AA064;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 10px;
	margin: 0px auto 60px;
}
#shop .kidsArea h3:after {
	display: block;
	position: absolute;
	content: '';
	background: url(../img/company/titleDown.png) center top no-repeat;
	background-size: 42px 26px;
	width: 42px;
	height: 26px;
	bottom: -26px;
	left: 50%;
	margin: 0px 0px 0px -21px;
}
#shop .kidsArea dl {
	float: left;
	width: 360px;
	text-align: left;
	margin: 0px 30px 0px 0px;
}
#shop .kidsArea dl dt {
	color: #0AA064;
	border-bottom: 5px dotted #FF8700;
	font-size: 26px;
	font-weight: 800;
	line-height: 36px;
	padding: 6px 10px;
	margin: 0px auto 20px;
}
#shop .kidsArea dl dd {
	margin: 0px 15px 20px 15px;
	font-size: 16px;
}

#shop .kidsArea .present {
	position: relative;
	padding: 40px 0px 0px;
}
#shop .kidsArea .present h4 {
	font-size: 36px;
	color: #FF8700;
	padding: 0px 20px 0px 0px;
}
#shop .kidsArea .present figure {
	margin: 0px;
	padding: 0px;
}
#shop .kidsArea .present figure.balloon {
	position: absolute;
	top: 10px;
	right: -40px;
}

#summary {
	width: 100%;
	margin: 0px auto 0px;
	padding: 60px 0px 0px;
}
#summary .summaryArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	text-align: center;
}
#summary .summaryArea dl {
	text-align: left;
	width: 800px;
	margin: 0px auto;
	font-size: 16px;
	font-weight: 700;
}
#summary .summaryArea dl dt {
	display: block;
	float: left;
	padding: 8px 0.5em 8px 0.5em;
	margin: 0px 0px 0px 0px;
}
#summary .summaryArea dl dd {
	display: block;
	padding: 8px 0px 8px 6em;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #F2EDE6;
}

#summary .messageArea {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;

	box-sizing: border-box;
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	text-align: center;
}
#summary .messageArea .msgWrap {
	text-align: left;
	margin: 0px 20px 0px 80px;
}
#summary .messageArea h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 28px;
	line-height: 36px;
	border-bottom: 5px dotted #FF8700;
	padding: 10px 20px;
	margin: 0px auto 40px;
	color: #0AA064;
}
#summary .messageArea p {
	margin: 0px 20px;
	font-size: 16px;
	font-weight: 700;
}

#summary .messageArea figure {
	margin: 60px 80px 0px 0px;
}
#summary .messageArea figure img {
	margin: 0px 0px 0px 0px;
	border: 5px solid #F2EDE6;
}
#summary .messageArea figure figcaption {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0px 0px 0px;
}
#summary .messageArea figure figcaption em {
	font-size: 20px;
	font-weight: 700;
	margin: 0px 0px 0px 0.5em;
}

#company #accessMap {}
#company #accessMap h2 {
	margin-bottom: 40px;
}
#company #shopInfo {
}
#company #shopInfo #accessMap .mapArea {
	margin: 65px 0px 40px 0px;
}

/* スタッフ紹介 */
#staff {}
#staffArea {
	width: 100%;
	margin: 0px auto 0px;
	padding: 20px 0px 0px;
}
#staffArea .staffWrap {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	text-align: center;
}
#staffArea ul.personalArea {
	margin: 0px auto;
}
#staffArea ul.personalArea li {
	background: url(../img/staff/cardPattern10.png), #F2EDE6;
	background-size: 48px;
	padding: 20px;
	margin: 10px 10px 40px 10px;
	border-radius: 20px;
	text-align: left;
}
#staffArea ul.personalArea li span.wrap {
	display: block;
	position: relative;
	background: #FFF;
	border-radius: 10px;
	padding: 30px 10px 30px 30px;
}
#staffArea ul.personalArea li span.wrap:before {
	content: '';
	position: absolute;
	display: block;
	width: 42px;
	height: 66px;
	background: url(../img/staff/iconClip.png) no-repeat center top;
	background-size: 42px 66px;
	top: -38px;
	right: 8px;
}
#staffArea ul.personalArea li span.wrap:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
}
#staffArea ul.personalArea li figure {
	float: left;
	margin: 0px 40px 0px 0px;
	width: 270px;
	height: 300px;
}
#staffArea ul.personalArea li h3 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 40px;
	border-bottom: 5px dotted #FF8700;
	padding: 0px 50px 0px 15px;
	margin: 0px auto 15px;
	font-weight: 800;
}
#staffArea ul.personalArea li h3 span.rb {
	font-size: 16px;
}
#staffArea ul.personalArea li .man h3:before,
#staffArea ul.personalArea li .woman h3:before {
	display: inline-block;
	content: '';
	float: left;
	width: 36px;
	height: 40px;
	margin: -5px 10px 0px 0px;
}
#staffArea ul.personalArea li .man h3:before {
	background: url(../img/staff/iconMan.png) center top no-repeat;
	background-size: 36px 40px;
}
#staffArea ul.personalArea li .woman h3:before {
	background: url(../img/staff/iconWoman.png) center top no-repeat;
	background-size: 36px 40px;
}


#staffArea ul.personalArea li dl {
	display: block;
	float: left;
	width: 510px;
	margin: 0px 0px 0px 10px;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
}
#staffArea ul.personalArea li dl dt {
	float: left;
	font-size: 20px;
	padding: 5px 0px;
	margin: 0px 1em 0px 0px;
	width: 3em;
	text-align: center;
}
#staffArea ul.personalArea li dl dd {
	padding: 5px 0px;
	margin: 0px;
}
#staffArea ul.personalArea li dl dt:nth-child(3) {
	margin: 40px 10px 0px 10px;
}
#staffArea ul.personalArea li dl dd:nth-child(4) {
	background: #FFE268;
	margin: 30px auto 0px;
	padding: 15px 10px 15px 4.5em;
	border-radius: 10px;
}

/* お客様の声 */
#customer {}
#customer .mainArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 0px 0px;
	text-align: center;
}
#customer .mainArea figure {
	width: 960px;
	margin: 0px auto;
}


#review  {
	width: 100%;
	margin: 0px auto 0px;
	padding: 20px 0px 0px;
}
#review .reviewArea {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	text-align: center;
}
#customer #review .reviewArea h2 {
	margin-bottom: 40px;
}
#review .reviewArea ul {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
#review .reviewArea ul li {
	box-sizing: border-box;
	background: url(../img/customer/cardPattern10.png), #FFD414;
	background-size: 48px;
	padding: 20px;
	margin: 20px;
	width: 440px;
	border-radius: 20px;
}
#review .reviewArea ul li h3.name {
	font-size: 24px;
	font-weight: 800;
	margin: 0px auto 20px;
}
#review .reviewArea ul li p.date {
	font-size: 18px;
	font-weight: 800;
	float: right;
}
#review .reviewArea ul li figure {
	box-sizing: border-box;
	width: 400px;
	height: 363px;
	background: #FFF;
	border-radius: 8px;
	border: 5px solid #FFF;
	margin: 0px auto 20px;
}
#review .reviewArea ul li dl.comment {
	background: #FFF;
	border-radius: 8px;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
}
#review .reviewArea ul li dl.comment dt {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-weight: 800;
}
#review .reviewArea ul li dl.comment dt:after {
	content: '：';
}
#review .reviewArea ul li dl.comment dd {
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* 最新チラシ */
#news {}
#flyer {
	width: 100%;
	margin: 0px auto 0px;
	padding: 20px 0px 40px;
}
#flyer .flyerArea {
	width: 960px;
	margin: 40px auto;
	padding: 40px 0px 0px 0px;
	text-align: center;
}
#news #flyer .flyerArea h2 {
	margin-bottom: 40px;
}
#flyer .flyerArea ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
}
#flyer .flyerArea ul li {
	width: calc( 50% - 40px );
	margin: 0px 20px;
}
#flyer .flyerArea figure {
	margin: 40px auto;
}
#flyer .flyerArea figure img {
	width: 100%;
	height: auto;
	max-width: 600px;
	margin: 0px auto;
	border: 5px solid #EBE9E5;
}


}
