@charset "UTF-8";
/* CSS Document */

/*
Theme Name: SHAKEN
Theme URI: 
Author: 
*/

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

html body {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
img {
	border: none;width: 100%;height: auto;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}




/* リンク部分
----------------------------------------------------------------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	/*color: #34A7E0;*/
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a img:hover { 
  opacity: 0.65; 
  filter: alpha(opacity = 65); 
  }

/* フロート
----------------------------------------------------------------------------------------------------------------------*/


.fL {float:left;}
.fR {float:right;}


/* マージン
----------------------------------------------------------------------------------------------------------------------*/

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb- {margin-bottom:-30px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mtp1 {margin-top:1%;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}


/*----------------------textstyle------------------------------*/


.fs30 {font-size:30%;}
.fs40 {font-size:40%;}
.fs50 {font-size:50%;}
.fs60 {font-size:60%;}
.fs80 {font-size:80%;}
.fs85 {font-size:85%;}
.fs90 {font-size:90%;}
.fs95 {font-size:95%;}
.fs100 {font-size:100%;}
.fs105 {font-size:105%;}
.fs110 {font-size:110%;}
.fs115 {font-size:115%;}
.fs120 {font-size:120%;}
.fs125 {font-size:125%;}
.fs130 {font-size:130%;}
.fs135 {font-size:135%;}
.fs140 {font-size:140%;}
.fs145 {font-size:145%;}
.fs150 {font-size:150%;}
.fs155 {font-size:155%;}
.fs200 {font-size:200%;}
.fs250 {font-size:250%;}
.fs300 {font-size:300%;}

.fcwh {color:#ffffff;}
.fcbk {color:#000000;}
.fcgr {color:#999999;}
.fcrd {color:#ff0000;}
.fcbl {color:#012fa7;}
.fcgl {color:#94ce00;}
.fcyl {color:#ffff01;}
.fcor {color:#f08200;}

.ff01 {font-family: 'Fjalla One', sans-serif;}
.ff02 {font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}

.fw400 {font-weight: 400;}
.fw700 {font-weight: 700;}

.lh10 {line-height: 1.0;}
.lh12 {line-height: 1.2;}
.lh15 {line-height: 1.5;}
.lh20 {line-height:  2.0;}

.tac {text-align:center;}
.tal {text-align:left;}

html {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.5;
  }

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	font-size: 14px;
	line-height: 2;
	color: #000;
	background-color: #F8F5E7;
  }

#contents {
	flex: 1;
}

@media screen and (min-width: 769px) {
/*pc-style*/
.pc {display: block;}
}
@media only screen and (min-width: 581px) and (max-width: 768px) {
/*tablet-style*/
.pc {display: none;}
} 
/* smartPhone */
@media screen and (max-width: 580px) {
/*smart-style*/
.pc {display: none;}
}
@media screen and (min-width: 769px) {
/*pc-style*/
.pco {display: none;}
}
@media only screen and (min-width: 581px) and (max-width: 768px) {
/*tablet-style*/
.pco {display: block;}
} 
/* smartPhone */
@media screen and (max-width: 580px) {
/*smart-style*/
.pco {display: block;}
}
@media screen and (min-width: 769px) {
/*pc-style*/
.sp {display: none;}
}
@media only screen and (min-width: 581px) and (max-width: 768px) {
/*tablet-style*/
.sp {display: none;}
} 
/* smartPhone */
@media screen and (max-width: 580px) {
/*smart-style*/
.sp {display: block;}
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.spo {display: block;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
.spo {display: block;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.spo {display: none;}
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.tb {display: none;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
.tb {display: block;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.tb {display: none;}
}

header {
  margin: 0;
  padding: 0;
  background: #ffffff;
  }

#header_IN {position: relative;
  overflow: hidden;
  text-align:center;
  }

@media screen and (min-width: 1100px) {
#header_IN {
  width: 1100px;
  margin: 0 auto;
  padding: 15px 0;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
#header_IN {
  width: 100%;
  padding: 10px 0;
  }
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
#header_IN {
  width: 100%;
  padding: 10px 0;
  }
}

@media screen and (min-width: 1100px) {
/*pc-style*/
#header_IN .logo {
	width:140px;
	margin: 0;
	float: left;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
#header_IN .logo {
  width: 140px;
  margin: 0 auto;
  float: none;
  }
} 
@media screen and (max-width: 600px) {
#header_IN .logo {
  width: 50%;
  margin: 0 auto;
  float: none;}
  }
  .toptitle {background-color: #f08200;  padding: 2px; text-align: left; color: #ffffff;}
  @media screen and (min-width: 1100px) {
.toptitle-in {
  width:1100px;
  margin: 0 auto;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
.toptitle-in {
  width:90%;
  margin: 0 auto;
  }
} 
@media screen and (max-width: 600px) {
.toptitle-in {
  width:94%;
  margin: 0 auto;
  }
} 
  h1 {font-size: 8px; }


  @media screen and (min-width: 1100px) {
#header_IN .des {position: absolute; color: #888888;
  width:30%; left: 21.5%; text-align: left; font-size: 80%; display: block; top: 26px;
  }
}
@media only screen and (min-width: 721px) and (max-width: 1099px) {
#header_IN .des {position: absolute; color: #888888;
  width:30%; left: 21.5%; text-align: left; font-size: 80%; display: block; top: 26px;
  }
} 
@media screen and (max-width: 720px) {
#header_IN .des {position: absolute; color: #888888;
 width:30%; left: 21%; text-align: left; font-size: 80%; display: none;}
  }
  

#header_IN .tel {font-size: 170%; right: 0; line-height: 1.5; color: #999999;
	position: absolute; width: 170px; top: 10px;
}
@media screen and (min-width: 1100px) {
#header_IN .tel {display: block;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
#header_IN .tel {display: block;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
#header_IN .tel {display: none;}
}
#header_IN .tel p{margin: 0 auto; padding: 2px; background-color: #22ac38; border-radius: 10px; color: #ffffff; font-size: 40%; width: 60%; font-weight: 700;}

#header_IN .tel2 {
	width:45px;
	position: absolute;
	right: 10px;top: 13px;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
#header_IN .tel2 {display: none;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
#header_IN .tel2 {display: none;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
#header_IN .tel2 {display: block;}
}


#Mn {position: absolute;
	width: 45px;height: 45px;
	margin: 0;padding: 0;}

@media screen and (min-width: 1100px) {
/*pc-style*/
#Mn  {left: 10px;top: 30px;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
#Mn  {left: 10px;top: 30px;}
} 
@media screen and (max-width: 600px) {
/*smart-style*/
#Mn  {left: 10px;top: 10px;}
}

ul.catch {
	position: absolute;
	right:  200px;
	top: 10px;
	margin: 0;
    overflow: hidden;
	display: table;
	table-layout: fixed;
	padding: 0;
	text-align: center;
	width: 250px; border-spacing: 20px 0;
}
@media screen and (min-width: 1000px) {
ul.catch {display: block}
}
@media screen and (max-width: 999px) {
ul.catch {display: none}
}

ul.catch li{
	border-collapse: separate;  /* セルの間隔を空ける */
	margin: 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
	vertical-align: middle;
	
}
nav  {
	border-top: 3px solid #f08200;
	font-size: 85%;
	font-weight: 400;
	padding: 8px 0;
	width: 100%;
	margin: 0;
}
nav ul {
	margin: 0 auto;
    overflow: hidden;
    height: 40px;
	display: table;
	table-layout: fixed;
	padding: 0;
	text-align: center;
	width: 1100px;
}
nav ul li{
	font-size: 1.2em;
	border-left: 1px solid #eeeeee;
	margin: 0;
	padding: 0 16px;
	display: table-cell;
	list-style-type: none;
	vertical-align: middle;
}
nav ul li:last-child {
	border-right: 1px solid #eeeeee;
	margin: 0;
	padding: 0 18px;
	display: table-cell;
	list-style-type: none;
	vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
	nav ul {
		width: 100%;
	}
	nav ul li:first-child{
	border-left: none;
	}
	nav ul li:last-child{
	border-right: none;
	}
}

.bgrd {overflow: hidden; background-color: #ff0000; color: #ffffff;}

.bg-wall-in {box-sizing: border-box; }
	
@media screen and (min-width: 1024px) {
.bg-wall-in {width: 928px; margin: 48px auto; padding: 0;}
}
@media only screen and (min-width: 601px) and (max-width: 1023px) {
.bg-wall-in {width: 84%; margin: 8% auto; padding: 0;}
} 
@media screen and (max-width: 600px) {
.bg-wall-in {width: 90%; margin: 5% auto; padding: 0;}
}

.box1 {overflow: hidden;}
@media print, screen and (min-width: 1100px) {
.box1 {width: 23%; float: left; margin: 0; clear: none;}
}
@media print, screen and (min-width: 801px) and (max-width: 1099px) {
.box1 {width: 30%; float: left; margin: 0; clear: none;}
}
@media print, screen and (max-width: 800px) {
.box1 {width: 60%; float: none; margin: 0 auto 20px; clear: both;}
}
@media print, screen and (min-width: 1100px) {
.box2 {width: 74%; float: right; margin: 0;}
}
@media print, screen and (min-width: 801px) and (max-width: 1099px) {
.box2 {width: 67%; float: right; margin: 0 0 20px 0;}
}
@media print, screen and (max-width: 800px) {
.box2 {width: 100%; float: none; margin: 0 0 20px 0;}
}

.def {overflow: hidden; clear: both;}
.bgwh {overflow: hidden; background-color: #ffffff;}


.abb-over {overflow: hidden; width: 100%; margin: 0 0 0 -2%;}
.abb {font-weight: bold;line-height: 1.7;
    text-align: center;
    text-decoration: none !important;
float: left;
box-sizing: border-box;
padding: 2.2% 0; border-radius: 5px;	
background-color: #fbfdf5;
    border: 2px solid #94ce00;
    color: #94ce00 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.abb:hover {
    background-color: #94ce00;
    border: 2px solid #94ce00;
    color: #ffffff !important;
}
.abb.current {
    background-color: #94ce00;
    border: 2px solid #94ce00;
    color: #ffffff !important;
}
@media print, screen and (min-width: 1000px) {
.abb {font-size: 350%; width:31.33%; margin: 0 0 2% 2%;}
}
@media print, screen and (min-width: 701px) and (max-width: 999px) {
.abb {font-size: 300%; width:48%; margin: 0 0 2% 2%;}
}
@media print, screen and (max-width: 700px) {
.abb {font-size: 320%; width:98%; margin: 0 0  4% 2%;}
}
.abb p {margin: 0; padding: 0; color: #000000;}
@media print, screen and (min-width: 1000px) {
.abb p{font-size: 45%;}
}
@media print, screen and (min-width: 701px) and (max-width: 999px) {
.abb p{font-size: 40%;}
}
@media print, screen and (max-width: 700px) {
.abb p{font-size: 45%;}
}
.abb-sp {font-weight: bold;line-height: 1.5; font-size: 250%;
    text-align: center;
    text-decoration: none !important;
float: left;margin: 0 0 4%; width:100%;
box-sizing: border-box;
padding: 1% 0; border-radius: 5px;	
    background-color: #fbfdf5;
    border: 2px solid #94ce00;
    color: #eb954e !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.abb-sp:hover {
    background-color: #94ce00;
    border: 2px solid #94ce00;
    color: #ffffff !important;
}
.abb-des {font-size: 30%; padding: 0 8%;}
footer  {
	overflow: hidden;
	background-color: #f08200;
	clear: both;
	text-align:center;
	color: #fff;
}

@media screen and (min-width: 1100px) {
.footer-in {width: 1200px;margin: 48px auto;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
.footer-in {width: 100%;margin: 48px auto;}
} 
@media screen and (max-width: 600px) {
.footer-in {width: 100%;margin: 48px auto;}
}
.footer-in ul{
	text-align: center;
	overflow:hidden;
	margin: 0 auto 24px;
}
.footer-in ul li {
	display: -moz-inline-box;
	display: inline-block;
	padding-right: 24px;
}
.footer-in ul li:last-child {
	padding-right: 0px;
}
.footer-in ul li a {
	color: #fff;
}
address{
	clear: both;
	text-align: center;
	font-style: normal;
	font-size: 12px;
	margin: 0 auto 48px;
	padding-top: 48px
}

ul.ftmn {
	clear: both;
	border-left: 2px solid #f08200;
	border-top: 2px solid #f08200;
}
ul.ftmn li{
	float: left;
	width: 50%;
	font-size: 0.8em;
	display: block;
	box-sizing: border-box;
	border-bottom: 2px solid #f08200;
	height: 48px;
	margin: 0;
	background: #FFF;
 }
ul.ftmn li a{
	color: #333;
	border-right: 2px solid #f08200;
	box-sizing: border-box;
	display: block;
	height: 48px;
	line-height: 48px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
}
ul.ftmn li a::after{
	content: url(images/list_mark1.png);
	float: right;
}
.box-over1 {overflow: hidden; clear: both; margin-bottom: 2%;}
.box-over {overflow: hidden; clear: both; margin: 0 0 0 -2%;}
@media print, screen and (min-width: 601px) {
.box2to1 {width: 48%; float: left; margin: 0 0 2% 2%;}
}
@media print, screen and (max-width: 600px) {
.box2to1 {width: 98%; float: none; margin: 0 0 4% 2%;}
}
@media print, screen and (min-width: 601px) {
.box4to2 {width: 23%; float: left; margin: 0 0 2% 2%;}
}
@media print, screen and (max-width: 600px) {
.box4to2 {width: 48%; float: left; margin: 0 0 4% 2%;}
}
.oil img{
	width:50%;
}

.iframe-content {
	clear: both;
	position: relative;
	width: 100%;
	padding: 101% 0 0 0;
	margin-bottom: 48px;
}

.iframe-content iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.comp-bd  {
	overflow: hidden; clear: both;margin: 0;
	padding: 0;
	overflow: hidden;border-left: 1px dotted #c2c2c2;border-right: 1px dotted #c2c2c2;
	border-top: 1px dotted #c2c2c2; background-color: #fff; 
}
.comp-bd:last-child   {
	border-bottom: 1px dotted #c2c2c2;
}

@media screen and (min-width: 960px) {
/*pc-style*/
.comp-l {width: 22%; float: left;background-color: #fff; text-align:center;padding: 1%;}
}
@media only screen and (min-width: 421px) and (max-width: 959px) {
/*tablet-style*/
.comp-l {width: 25%; float: left;background-color: #fff; text-align:center;padding: 2%;}
} 
/* smartPhone */
@media screen and (max-width: 420px) {
/*smart-style*/
.comp-l {width: 100%; float: none; clear: both;background-color: #fff; text-align:left;padding: 2%;}
}
.comp-r {overflow: hidden; }
@media screen and (min-width: 960px) {
/*pc-style*/
.comp-r {width: 74%; float: right; text-align:left;padding: 1%;background-color: #f8f8f8; }
}
@media only screen and (min-width: 421px) and (max-width: 959px) {
/*tablet-style*/
.comp-r {width: 67%; float: right; text-align:left;padding: 2%;background-color: #f8f8f8; }
} 
/* smartPhone */
@media screen and (max-width: 420px) {
/*smart-style*/
.comp-r {width: 100%; float: none; clear: both; text-align:left;padding: 2%;background-color: #f8f8f8; }
}






















ul.sm {
	margin: 0;
	display:table;
	table-layout: fixed;
	padding: 20px 0 0 0;
	border-left: 1px solid #d9d9d9;
	text-align: center;
	width: 100%;
}
ul.sm li{
	margin: 0;
	display: table-cell;
	list-style-type: none;border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	height: 60px;
	vertical-align: middle;
}
ul.sm2 {
	margin: 0;
	display:table;
	table-layout: fixed;
	padding: 0;
	border-left: 1px solid #d9d9d9;
	text-align: center;
	width: 100%;
}
ul.sm2 li{
	margin: 0;
	display: table-cell;border-bottom: 1px solid #d9d9d9;
	list-style-type: none;
	border-right: 1px solid #d9d9d9;
	height: 60px;
	vertical-align: middle;
}


.gy {
	font-size:90%;
	float: leff;
	width: 60%;
	text-align: left;
}
.gy p{
	font-size:110%;margin: 0;padding: 0;
}
.cr {font-size:60%;
	color: #FFF;
}
#Fwb {position: fixed; bottom: 0; z-index: 1000;
}
ul.flowbnr {
	margin: 0;padding: 0;
	display:table;
	padding: 0;height: 58px;
	text-align: center;
	width: 100%;
}
ul.flowbnr li {
	margin: 0;
	display: table-cell;
	list-style-type: none;
	vertical-align: middle;
}



.zaikobtn{
  margin: 0 auto 5%;
}





@media screen and (min-width: 1100px) {
/*pc-style*/
#contents {padding: 0;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
#contents {padding: 0;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
#contents {padding: 0;}
}




@media screen and (min-width: 1100px) {
/*pc-style*/
.bg-wall-in2 {width: 900px;margin: 0 auto;padding: 50px 0;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.bg-wall-in2 {width: 90%;margin: 0 auto;padding: 40px 0;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.bg-wall-in2 {width: 94%;margin: 0 auto;padding: 30px 0;}
}








.bdbox  {
	border: 7px solid #ec6ca5;
	padding: 2%;
	overflow: hidden;
}
.bdbox-wht  {
	border: 7px solid #ec6ca5;
	padding: 2%;
	overflow: hidden;
	background-color: #FFF;
}
.fl1-3over  {
	clear: both;
	table-layout: fixed;
	display: table;
	width: 100%;border-collapse:separate;
    border-spacing: 0 2% 0 0;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.fl1-3over {}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.fl1-3over {width: 100%;display: block;border-spacing:0px;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.fl1-3over {width: 100%;display: block;}
}
.fl1-3 {
	display: table-cell;
	vertical-align: top;
}

/* クリアフィックス */
.home_btn_bnr ul:after {
content: "";
clear: both;
display: block;
}
/* 一覧のリストの設定 */
.home_btn_bnr ul li {
list-style-type: none;
display: block;
float: left;
margin-bottom: 2.87%;
border:1px solid #CCC;
box-sizing: border-box;
}

/* 横並びに等分 */
.home_btn_bnr ul li {
width: 48.56%;
margin-right: 2.88%;
}
.home_btn_bnr ul li:nth-child(2n) {
margin-right: 0;
}


.bd-rad {background-color: #f8f8f8;
	border: 1px solid #c2c2c2;
	padding: 3% 4%;
}

.coco-widget-area {
	width:92%;
height: 800px;
overflow: auto;
	background:#EEE;
	padding: 3% 4%;
}

.coco-review-widget3_heading{
	text-align: center;
	color: #FFF !important;
	background:#EEE;
	padding: 3% 4%;
}

@media screen and (min-width: 1100px) {
/*pc-style*/
.hpc {height: 376px; overflow:hidden;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.hpc {height:auto;border-bottom: none;}} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.hpc {height:auto;border-bottom: none;}
}

.info  {
	text-align: left;float: left;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.info {width: 23%;margin: 0 2% 0 0;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.info {width: 23%;margin: 0 2% 0 0;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.info {width: 100%;margin: 0 2% 0 0;}
}













@media screen and (min-width: 1100px) {
/*pc-style*/
.box3 {}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.box3 {width: 48%;display: block;float: right;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.box3 {width: 100%;display: block;float: none;margin: 0 0 20px 0;}}



.single-title {
	font-size: 140%;
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
	padding: 5px 0 2px;
	margin: 0 0 40px 0;
}
.main-title {
	font-size: 140%;
}
.sub-title {
	font-size: 120%;
	padding: 5px;
	clear: both;
}
.bg-pro {
	background-color: #000000;
	margin: 0 0 30px 0;
}
.bg-pro2 {
	border: 1px solid #a0a0a0;
	margin: 0 0 30px 0;
}
.bg-pro-in {
	padding: 30px;
}
.voice {
	margin: 0 0 0 -2%;
	overflow: hidden;
}
.works-box {
	margin: 0 0 3% 2%;
	float: left;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.works-box {width: 23%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.works-box {width: 23%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.works-box {width: 48%;}
}
.works-box2 {
	margin: 0 0 3% 2%;
	float: left;
	background-color: #f4f4f4;
	padding: 2%;
	text-align: left;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.works-box2 {width: 19%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.works-box2 {width: 27%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.works-box2 {width: 47%;}
}
.works-box2-rad {
	border-radius: 50%;
	border: 10px solid #d2d2d2;
	margin: 0 0 10px 0;
}
.works-box2 img {border-radius: 50%;
}
.works-box2-title {
	background-image: url(images/ic-voice.png);
	background-repeat: no-repeat;
	font-size: 140%;
	padding: 0 0 0 50px;
}






.bt-more {
	padding: 5px;
	width: 20%;
	border: 1px solid #fff;
	margin: 0 auto;
}
.bt-more2 {
	padding: 3px;
	border: 1px solid #fff;
	margin: 0 auto;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.bt-more2 {width: 30%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.bt-more2 {width: 40%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.bt-more2 {width: 80%;}
}
.bt-more3 {
	padding: 5px;float: right;
	border: 1px solid #fff;text-align: center;
	margin: 0 auto;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.bt-more3 {width: 20%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.bt-more3 {width: 33%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.bt-more3 {width: 60%;}
} 
.bt-more4 {
	padding: 3px;
	width: 70%;
	border: 1px solid #fff;
	margin: 0 auto;
}
.skill {
	margin: 0 0 0 -2%;
	overflow: hidden;
}
.skill-box {
	margin: 0 0 5% 2%;
	float: left;
	width: 48%;
}
.skill-box2 {
	border: 10px solid #d2d2d2;
	overflow: hidden;
	background-color: #a0be45;
	clear: both;
	font-size: 130%;
}
.skill-box2-l {
	float: left;
	width: 75%;
}
.skill-box2-r {
	float: right;
	width: 25%;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.skillno {margin: 0 0 0 -2%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.skillno {margin: 0 0 0 0;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.skillno {margin: 0 0 0 0;}
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.skillno-box {margin: 0 0 2% 2%;
	float: left;
	width: 48%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.skillno-box {margin: 0 0 2% 0;
	float: none;clear: both;overflow: hidden;
	width: 100%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.skillno-box {margin: 0 0 2% 0;
	float: none;clear: both;overflow: hidden;
	width: 100%;}
}

@media screen and (min-width: 1100px) {
/*pc-style*/
.skillnol {margin: 0 0 0 -2%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.skillnol {margin: 0 0 0 0;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.skillnol {margin: 0 0 0 0;}
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.skillnol-box {margin: 0 0 2% 2%;
	float: left;
	width: 48%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.skillnol-box {margin: 0 0 2% 0;
	float: none;clear: both;overflow: hidden;
	width: 100%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.skillnol-box {margin: 0 0 2% 0;
	float: none;clear: both;overflow: hidden;
	width: 100%;}
}


@media screen and (min-width: 1100px) {
/*pc-style*/
.skillno-box2 {margin: 0 0 0 2%;
	float: left;
	width: 48%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.skillno-box2 {margin: 0 0 0 0;
	float: none;clear: both;overflow: hidden;
	width: 100%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.skillno-box2 {margin: 0 0 0 0;
	float: none;clear: both;overflow: hidden;
	width: 100%;}
}



.staff {
	overflow: hidden;
}

@media screen and (min-width: 1100px) {
/*pc-style*/
.staff {margin: 0 0 0 -2%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.staff {margin: 0 0 0 -2%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.staff {margin: 0 0 0 0;}
}
.staff-box {
	float: left;
}

@media screen and (min-width: 1100px) {
/*pc-style*/
.staff-box {width: 48%;margin: 0 0 2% 2%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.staff-box {width: 48%;margin: 0 0 2% 2%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.staff-box {width: 100%;margin: 0 0 2% 0;}
}
.staff-box-in {
	border: 10px solid #d2d2d2;
}
.staff-box-title {
	background-color: #a0be45;
	color: #FFF;
	font-size: 130%;
	padding: 10px;
}
.staff-box-space {
	padding: 3%;
}
.staff-box-space p{
	padding: 2%;margin: 0 0 2% 0;
	background-color: #f6f6f6;
	text-align: left;
}

.deli {
	margin: 0 0 0 -1%;
	overflow: hidden;
}
.deli-box {
	margin: 0 0 3% 2%;
	float: left;
	background-image: url(images/bg-st.jpg);
}

@media screen and (min-width: 1100px) {
/*pc-style*/
.deli-box {width: 31%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.deli-box {width: 31%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.deli-box {width: 48%;}
}
.deli-box-in {
	background-color: #FFF;margin:4%;
}
.deli-box-title {
	background-image: url(images/ic-deli.png);
	background-repeat: no-repeat;
	font-size: 140%;
	padding: 0 0 0 50px;
	margin: 10px 20px 0;
	text-align: left;
}


.comp-bd  {
	overflow: hidden; clear: both;margin: 0;
	padding: 0;
	overflow: hidden;border-left: 1px dotted #c2c2c2;border-right: 1px dotted #c2c2c2;
	border-top: 1px dotted #c2c2c2; background-color: #fff; 
}
.comp-bd:last-child   {
	border-bottom: 1px dotted #c2c2c2;
}

@media screen and (min-width: 960px) {
/*pc-style*/
.comp-l {width: 22%; float: left;background-color: #fff; text-align:center;padding: 1%;}
}
@media only screen and (min-width: 421px) and (max-width: 959px) {
/*tablet-style*/
.comp-l {width: 25%; float: left;background-color: #fff; text-align:center;padding: 2%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.comp-l {width: 100%; float: none; clear: both;background-color: #fff; text-align:left;padding: 2%;}
}

@media screen and (min-width: 960px) {
/*pc-style*/
.comp-r {width: 74%; float: right; text-align:left;padding: 1%;background-color: #f8f8f8; }
}
@media only screen and (min-width: 421px) and (max-width: 959px) {
/*tablet-style*/
.comp-r {width: 67%; float: right; text-align:left;padding: 2%;background-color: #f8f8f8; }
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.comp-r {width: 100%; float: none; clear: both; text-align:left;padding: 2%;background-color: #f8f8f8; }
}


.prd {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	overflow: hidden;
	border-bottom: 1px solid #c2c2c2;
}
.prd-l {color: #ffffff;padding: 2px; font-size: 70%;
	float: left; text-align: center;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.prd-l {width: 15%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.prd-l {width: 15%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.prd-l {width: 25%;}
}

.cat-information {background-color: #999999;}
.cat-voice {background-color: #a1be45;}
.cat-flyer {background-color: #f06839;}
.cat-delivery {background-color: #999999;}
.cat-blog {background-color: #a1be45;}

.prd-r {
	text-align: left;
}
@media screen and (min-width: 1100px) {
/*pc-style*/
.prd-r {	float: right;width: 80%;}
}
@media only screen and (min-width: 601px) and (max-width: 1099px) {
/*tablet-style*/
.prd-r {	float: right;width: 80%;}
} 
/* smartPhone */
@media screen and (max-width: 600px) {
/*smart-style*/
.prd-r {clear:both;width: 100%;}
}
.prd2 {
	overflow: hidden;padding: 30px;
	border: 1px dotted #eeeeee;
}
.prd2-l {
	float: left;
	width: 20%;
}
.prd2-r {
	float: right;
	width:77%;
	text-align: left;
}
.infowaku-sp {background-image: url(images/b-cb1.jpg); padding: 3%; overflow: hidden; margin: 3%;}
.infowaku-sp2 {background-image: url(images/b-cb2.jpg); padding: 6%; overflow: hidden;}



.half-l {
	float: left;
	width: 48%;
}
.half-r {
	float: right;
	width: 48%;
}
@media only screen and (min-width: 421px){
/*pc&tablet-style*/
.choice img{
  width: 36%;
  margin: 0 auto;
  }
.choice-t {
  color: #666666;
  font-size: 1.5em;
  line-height: 1.7;
  margin: 30px 0;
  }
}
@media screen and (max-width: 600px) {
/*smart-style*/
.choice img{
  width: 80%;
  margin: 0 auto;
  }
.choice-t {
  color: #333;
  text-align: left;
  line-height: 1.5;
  margin: 5% 0;
  }
}

.compa-t {
  color: #ffffff;background-color: #e70012;
  font-weight: bolder;
  }
@media only screen and (min-width: 421px){
/*pc&tablet-style*/
.compa-t {
  font-size: 160%;
  line-height: 1.7;
  margin: 0 auto 15px; padding: 5px;width: 80%;
  }
}
@media screen and (max-width: 600px) {
/*smart-style*/
.compa-t {
  font-size: 110%;
  line-height: 1.5;
  margin: 0 auto 15px; padding: 5px;width: 50%;
  }
}


.sg-box {
	border: 10px solid #d2d2d2;
	padding: 3%;overflow: hidden;
}
.bgcr {
	background-color: #f8f8f8;
}
.bgwt {
	background-color: #ffffff;
}

a {
-webkit-transition: color linear 0.5s;
-moz-transition: color linear 0.5s;
-o-transition: color linear 0.5s;
}

a:link { text-decoration : none; }
a:visited { text-decoration : none; }
a:hover { color: #CCC; text-decoration : none; }
a:active {  color: #CCC;text-decoration : none; }
/* ------------------------------------- 
 * ホーム
 * ------------------------------------- */

/* 年末年始の営業について */
#home_newyearholiday{
	margin: 0;
	padding: 48px 0;
	background: #FFF;
}
#home_newyearholiday img{
	max-width: 750px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#home_newyearholiday img{
		max-width: 94%;
	}
}

/* インターネットからの予約で1,000円割引 */
#home_reserve {
	overflow: hidden;
	text-align: center;
	background: #f08200;
	margin: 0; 
}	
#home_reserve h3 {
	margin: 0 auto 24px; 
}
#home_reserve ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -48px; /* カラム間の隙間 */
	margin-bottom: 0; 
}
#home_reserve ul li  {
	display: flex;
	flex-direction: column;
	width:100%;
	list-style-type: none;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 2) - 48px); /* カラム間の隙間の分を引く */
	margin-left: 48px; /* カラム間の隙間 */
}
/* ホームCP */
.home_cp_bnr {
	margin: 0 auto 48px; 
}
/* 年間5,500台の車検実績 */
#home_performance h3 {
	margin: 0 auto 24px; 
}
#home_performance p {
	text-align: left;
}
/* 選ばれているのには理由があります */
#home_reason {
	overflow: hidden;
	background: #f08200;
}
#home_reason h3 {
	margin: 0 auto 24px; 
}
#home_reason ul {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-left: -24px;
}
#home_reason ul li  {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
	justify-content: space-between;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	list-style-type: none;
	text-align: center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc((100% / 3) - 24px); /* カラム間の隙間の分を引く */
	width: calc((100% / 3) - 24px);
	margin-left: 24px;
	margin-bottom: 24px;
	padding: 24px;
	border: 3px solid #f08200;
	background: #FFF;
	border-radius: 10px;
}
#home_reason ul li .inner {
	padding: 24px;
}
#home_reason i {
	color: #00A73B;
	opacity: 0.75;
	margin: 0 auto 24px; 
}
#home_reason h4 {
	color: #f08200;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto 8px; 
}
#home_reason p {
	color: #333;
}
#home_reason .btn {
	text-align: center;
	margin: 24px auto 0;
}
#home_reason .btn a {
	display:inline-block;
	padding: 8px 24px;
	color: #fff;
	background-color:#fd030f;
	border-radius: 5px;
	text-decoration: none;
  }
#home_reason .btn a:hover {
	background-color:#CCC;
}
@media only screen and (min-width: 601px) and (max-width: 1023px) {
	#home_reason ul li  {
		flex: 0 1 calc((100% / 2) - 24px); /* カラム間の隙間の分を引く */
	}
} 

/* お知らせ */

#home_news h3 {
	text-align: center;
	display: block;
	font-size: 2em;
	color: #f08200;
	font-weight: bold;
	margin-bottom: 24px;
}
#home_news ul{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-left: -24px; /* カラム間の隙間 */
	margin-bottom: 48px;
}
#home_news ul li {
	display: flex;
	flex-direction: column;
	width:100%;
	text-align: left;
	line-height: 1.5;
	list-style-type: none;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 4) - 24px); /* カラム間の隙間の分を引く */
	margin-left: 24px; /* カラム間の隙間 */
	padding: 16px;
	border: 1px solid #EEE;
	background: #FFF;
}
#home_news ul li .thumbnail {
	position: relative;
	overflow: hidden;
	padding-top: 100%;
	margin-bottom: 16px;
	background: #FFF;
}
#home_news ul li .thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
}
#home_news ul li .date {
	font-size: 0.8em;
	opacity: 0.7;
	margin-bottom: 8px;
}
#home_news ul li h4 a{
	color: #f08200;
	font-weight: normal;
	transition: 0.5s;
}
#home_news ul li h4 a:hover{
	color: #CCC;
}
#home_news .btn a{
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	font-size: 1em;
	padding: 8px 48px;
	background: #f08200;
	border-radius: 5px;
	transition: 0.5s;
  }
#home_news .btn a:hover {
	background: #EEE;
  }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#home_news ul {
		margin-bottom: 24px;
	}
	#home_news ul li  {
		flex: 0 1 calc((100% / 2) - 24px); /* カラム間の隙間の分を引く */
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 767px) {
	#home_news ul {
		margin-left: -3%; /* カラム間の隙間 */
		margin-bottom: 3%;
	}
	#home_news ul li  {
		flex: 0 1 calc((100% / 1) - 3%); /* カラム間の隙間の分を引く */
		margin-left: 3%; /* カラム間の隙間 */
		margin-bottom: 3%;
		padding: 3%;
	}
}

/* インスタ */
#home_insta{
	clear: both;
	padding: 48px 0;
	border-top: 1px solid #eee;
	/*	background: #fffbca;*/
}
#home_insta h2{
	text-align: center;
	color: #f08200;
	font-size: 2em; 
	line-height: 1em;
	font-weight: bold;
	margin-bottom: 48px;
}
#home_insta h2 i{
	margin-right: 8px;
}
 * #home_insta ul {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-left: -24px;
	margin-bottom: 48px;
}
#home_insta ul li  {
	display: flex;
	flex-direction: column;
	width:100%;
	text-align: left;
	line-height: 1.5;
	list-style-type: none;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 4) - 24px); 
	margin-left: 24px;
	padding: 16px;
	border: 2px solid #EEE;
	background: #FFF;
}
#home_insta ul li .thumbnail {
	position: relative;
	overflow: hidden;
	padding-top: 100%;
	margin-bottom: 16px;
	background: #FFF;
}
#home_insta ul li .thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
}
#home_insta ul li .date {
	font-size: 0.7em;
	opacity: 0.7;
}
#home_insta .btn a{
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	font-size: 1em;
	padding: 8px 48px;
	background: #f08200;
	border-radius: 5px;
	transition: 0.5s;
  }
#home_insta .btn a:hover {
	color: #da0a16;
	background: #EEE;
  }
#home_insta .btn i {
	margin-right: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#home_insta ul {
		margin-bottom: 24px;
	}
	#home_insta ul li  {
		flex: 0 1 calc((100% / 2) - 24px);
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 767px) {
	#home_insta ul {
		margin-left: -3%;
		margin-bottom: 3%;
	}
	#home_insta ul li  {
		flex: 0 1 calc((100% / 1) - 3%);
		margin-left: 3%;
		margin-bottom: 3%;
		padding: 3%;
	}
}

@media screen and (max-width: 600px) {
/*smart-style*/
	#home_reserve h3 {
		margin-bottom: 3%; 
	}
	#home_reserve ul {
		flex-direction:column-reverse;
		margin-left: 0; /* カラム間の隙間 */
		margin-bottom: -3%; 
	}
	#home_reserve ul li  {
		flex: 0 1 calc((100% / 1) ); /* カラム間の隙間の分を引く */
		margin-left: 0; /* カラム間の隙間 */
		margin-bottom: 5%;
	}
	#home_performance h3 {
		margin-bottom: 3%; 
	}
	#home_reason ul li  {
		display: block;
		flex: 0 1 calc((100% / 1) - 24px); /* カラム間の隙間の分を引く */
	}
	#home_reason ul li i {
		width: 25%;
		float: left;
		margin-right: 5%;
	}
	#home_reason ul li .txt {
		text-align: left;
		overflow: hidden;
	}
}

/* ------------------------------------- 
 *	ページタイトル
 * ------------------------------------- */

#pagetitle {
	width: 100%;
	height: 140px;
	overflow: hidden;
	position: relative;
	background: #EEE;
  }
#pagetitle h2 {
	overflow: hidden;
	color: #fd030f;
	font-size: 2em;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	text-shadow: 2px 2px 0px rgba(255,255,255,.8);
  }
@media screen and (max-width: 480px) {
/*smart-style*/
#pagetitle {
	height: 100px;
	border-top: 3px solid #f08200;
	}
#pagetitle h2 {
	font-size: 1.5em;
	}
}
#pagetitle::before{
  /* 透過した色を重ねる */
 background-color: rgba(255,255,255,.75);
  /* どの範囲に重ねるかを指定 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  }

#news #pagetitle {
  background: url('./images/shop/shop_pagetitle_bg.jpg') center center / cover no-repeat;
  }
#price #pagetitle {
	background: url('./images/price/price_pagetitle_bg.jpg') center center / cover no-repeat;
  }
#estimate #pagetitle {
	background: url('./images/estimate/estimate_pagetitle_bg.jpg') center center / cover no-repeat;
  }
#feature #pagetitle {
	background: url('./images/feature/feature_pagetitle_bg.jpg') center center / cover no-repeat;
  }
#flow #pagetitle {
	background: url('./images/flow/flow_pagetitle_bg.jpg') center center / cover no-repeat;
  }
#shop #pagetitle,
#privacy #pagetitle{
	background: url('./images/company/company_pagetitle_bg.png') center center / cover no-repeat;
  }
#web_coupon #pagetitle,
#web_coupon_thanks #pagetitle{
	background: url('./images/web_coupon/web_coupon_pagettl_bg.jpg') center center / cover no-repeat;
  }

/* ------------------------------------- 
 * 料金表
 * ------------------------------------- */
.red{
	color:#fd030f;
}

#price{
	width: 100%;
	background-color: #F8F5E7;
}
.discount_list{
	text-align: center;
	background: #FFF;
	margin-bottom: 48px;
}
.discount_list_title{
	text-align: center;
	overflow: hidden;
	background: #fd030f;
	margin-bottom: 48px;
}
.discount_list_img{
	width: 80%;
	margin: 0 auto 48px;
}
.discount_list_note{
	color: #e60012;
	font-weight: bold;
	padding-bottom: 48px;
}
.special{
	margin-bottom: 96px;
}
.pricelist table{
	width:100%;
	box-sizing: border-box;
	vertical-align: middle;
	table-layout: fixed;
	text-align: center;
	margin: 0 auto 48px;
	border:1px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0px;
}
.pricelist th, .pricelist td, .pricelist tr{
	width: auto !important;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #CCC;
}
.pricelist th{
	box-sizing: border-box;
	word-wrap: break-word;
	font-size: 0.8em;
	color: #FFF;
	line-height:16px;
	padding: 8px 2px;
	background: #f08200;
}
.pricelist th h3{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}
.pricelist th span{
	display: block;
	font-size: 0.6em;
	font-weight: normal;
}
.pricelist th p{
	display: block;
	font-size: 0.75em;
	font-weight: normal;
}
.pricelist td.car{
	background:#FFF;
}
.pricelist td{
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	background: #EEE;
}
.pricelist td.price{
	text-align: right;
	font-weight: bold;
	padding-right: 8px;
	background: #FFF;
}
.pricelist td.red span.large{
	padding: 0px 3px;
	font-size:18px;
}
.pricelist td.discount{
	background: #fff79d;
}
.pricelist td.max{
	font-size: 15px;
	padding: 8px;
	background: #FFFF00;
}
.pricelist th{
	white-space:nowrap;
	font-weight: bold;
}
.pricelist td{
	line-height:18px;
}

.pricelist td{
	line-height:18px;
}

#price ul {
	text-align: left;
	margin-top: 48px;
	margin-bottom: 48px;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}

#price ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

#price ul li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #f08200; /*アイコン色*/
}

#price .creditcard {
	padding: 24px;
	background: #FFF;
}
#price .creditcard h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 16px;
}

#price .creditcard img {
	max-width: 750px;
}

@media only screen and (min-width: 581px) and (max-width: 768px) {
/*tablet-style*/
}

@media screen and (max-width: 768px) {
/*smart-style*/

	.discount_list{
	margin-bottom: 24px;
	}
	.discount_list_img{
	width: 100%;
	}
	.special{
	text-align: left; 
	margin-bottom: 72px;
	}
	.special p{
	font-size: 0.7em;
	line-height:1.2;
	margin-left: 16px;
	margin-right: 16px;
	}
/*詳細を表示 */
	.hidden_box { margin: 0; padding: 0; text-align: center; }
	.hidden_box label { display:block; background: #56a646; cursor: pointer; color:#FFF; margin: 0 auto; padding: 4px; }
	.hidden_box .subTitle { margin:2% auto 2%; font-size:1.25em; font-weight:bold; color:#56a646; line-height:1.5; text-align:center; }
	.hidden_box label:hover {background: #CCC; }
	.hidden_box label:before { content: "▼";	/* 閉じている状態のときにラベルの後ろに続く文字 */}
	.hidden_box label:after { content: "を表示する▼";	/* 閉じている状態のときにラベルの後ろに続く文字 */}
	.hidden_box input { display: none; }
	.hidden_box .hidden_show { height: 0; overflow: hidden; opacity: 0; padding: 0; text-align: left; transition: 0.5s;}
	.hidden_box input:checked + label:before { content: "▲";	/* 開いている状態のときにラベルの後ろに続く文字 */}
	.hidden_box input:checked + label:after { content: "を非表示にする▲";	/* 開いている状態のときにラベルの後ろに続く文字 */}
	.hidden_box input:checked ~ .hidden_show { height: auto; opacity: 1; padding: 10px 0;}

	.pricelist {
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 8%;
	background: #FFF;
	border-radius: 10px;
	}
	.pricelist h3 {
	font-size:1.25em; 
	font-weight: bold; 
	color: #FFF;
	margin-bottom: 5%;
	padding: 2%;
	background: #f08200;
	}
	.pricelistbox {
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 8% 8%;
	}
	.pricelist img{
	width:80%;
	margin-bottom: 8px;
	}
	.pricelist p.car-model{
	font-size:110%;
	margin-bottom: 8px;
	}
	.pricelist table, .pricelist th, .pricelist td, .pricelist tr {
	border: none;
	}
	.pricelist table{
	width:100%;
	box-sizing: border-box;
	vertical-align: middle;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 8%;
	background: #FFF;
	}
	.pricelist th {
	font-weight: normal;
	text-align: left;
	color: #000;
	padding: 4px 8px;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	}
	.pricelist th.category{
	text-align: center;
	border: none;
	background: #EEE;
	}
	.pricelist td {
	text-align: right;
	padding: 2px 5px;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	}
	.pricelist td.price{
	color:#DA0A16;
	font-weight: bold;
	}
	.pricelist td.max{
	font-size: 16px;
	background: #FFF;
	}
	.pricelist tr:nth-last-child(2) td strong {
	color: #555;
	}
}

/* ------------------------------------- 
 * お見積もりフォーム
 * ------------------------------------- */
#estimate{
	overflow: hidden;
	background: #fff;
}
#estimate h3{
	font-size:1.5em; 
	font-weight: bold; 
	color: #FFF;
	margin-bottom: 48px;
	padding: 3px;
	background: #f08200;
}
#estimate p{
	text-align: left;
}
#estimate .cannot{
	margin-bottom: 48px;
	padding: 8px;
	background: #fff79d;
}
#estimate .cannot span{
	color: #fd030f;
}
#contact-form{
	overflow: hidden;
}
#contact-form .note{
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 48px;
	padding: 24px;
	background: #fff79d;
}
#contact-form table {
	max-width: 712px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin: 0 auto;
}
#contact-form table th,
#contact-form table td {
	vertical-align: middle;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 16px;
}
#contact-form table tr:last-child th,
#contact-form table tr:last-child td {
	border-bottom: none;
}
#contact-form table.standard th,
#contact-form table.standard td {
	border-bottom: none;
}

#contact-form table th {
	width: 240px;
	text-align: left;
	box-sizing: border-box;
}
#contact-form span.check{
	font-size: 0.6em;
	color: #FFF;
	font-weight: normal;
	margin-left: 8px;
	padding: 4px;
	background: #fd030f;
}
#contact-form table .red {
	display: block;
}
#contact-form input.text, 
#contact-form textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	border: none;
}
#contact-form input.text,
#contact-form textarea {
	width: 100%;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
	padding: 12px 15px;
	border: 1px solid #ccc;
	background: #FFF;
	transition: border-color 0.2s ease, outline 0.2s ease;
}
#contact-form input.text{
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
}
#contact-form input.text::placeholder,
#contact-form textarea::placeholder {
	font-size: 12px;
}
#contact-form input#zip{
	width: 50% !important;
	margin-bottom: 8px;
}
#contact-form input.text:focus,
#contact-form textarea:focus {
	outline: 0;
	border: 1px #f08300 solid;
}
#contact-form textarea {
	height: 10%;
}
#contact-form .finalcheck {
	margin-top: 48px;
	margin-bottom: 24px;
}
#contact-form input.wpcf7c-btn-back,
#contact-form input.wpcf7-submit,
#contact-form input.wpcf7-confirm {
	padding: 0 48px;
}
#contact-form .wpcf7-form-control.wpcf7-acceptance{
  display: block;
  text-align: center;
}
#contact-form input.wpcf7-confirm,
#contact-form input.wpcf7-submit {
	box-sizing: border-box;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	border-style: none;
	margin: 0 auto;
	padding: 16px 48px;
	background: #f08300;
	border-radius: 5px;
	transition: 0.3s;
	-webkit-appearance: none;
}
#contact-form .submitBtn {
	margin-bottom: 48px;
}
#contact-form .wpcf7-submit{
	display: block;
}
#contact-form .wpcf7-submit:hover {
	background-color: rgba(251,26,5,0.5);/*#fb1a05*/
}
#contact-form .wpcf7-list-item {
	/*display: block!important; ラジオボタン縦並び*/
}
/*応答ボックスメッセージを非表示*/
#contact-form .wpcf7-mail-sent-ok {
	display: none !important;
}

#contact-form .recaptcha {
	text-align: center;
	font-size: 0.8em;
	margin: 0 auto;
}
#contact-form .recaptcha a {
	color: #f08300;
}

/*recaptcha*/
.grecaptcha-badge {
	visibility: hidden;
}
.iframe-wrap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
}
.iframe-wrap iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
/*smart-style*/
	#contact-form table {
		width: 100%;
	}
	#contact-form table th,
	#contact-form table td {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	#contact-form table th {
		border: none;
		margin-bottom: 2%;
		padding: 0;
	}
	#contact-form table td {
		border-top: none;
		margin-bottom: 5%;
		padding: 0 0 5%;
	}
	#contact-form table tr:last-child td {
		border-bottom: 1px solid #CCC;
	}
	#contact-form table.standard td {
		border-bottom: 1px solid #CCC !important;
	}
}

input.wpcf7c-btn-back, 
input.wpcf7-submit,
input.wpcf7-confirm {
	padding: 16px 48px;
}
input.wpcf7-confirm, 
input.wpcf7-submit {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	border-style: none;
	margin-bottom: 48px;
	background: #f08200;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
}

.wpcf7-submit:hover {
	background-color: #EEE;
	color: #fff;
}
.wpcf7-list-item {
	display: block!important;
}

/*応答ボックスメッセージを非表示*/
.wpcf7-mail-sent-ok {
	display:none !important;
}

/* ------------------------------------- 
 *  送信完了
 * ------------------------------------- */
#thanks {
}
#thanks .btn{
	display: block;
	text-align: center;
	margin: 48px auto 96px;
  }
#thanks .btn a{
	font-size: 1.5em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-style: none;
	padding: 24px 48px;
	background: #f08200;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }
#thanks .btn a:visited {color: #FFF; text-decoration: none; background: #f08200;}
#thanks .btn a:hover {color: #FFF; text-decoration: none; background: #CCC;}
#thanks .btn a:active {color: #FFF; text-decoration: none; background: #eee;}

@media screen and (max-width: 600px) {
/*smart-style*/
	#thanks .btn a{
		font-size: 1.2em;
	}
}

/* ------------------------------------- 
 * 選ばれる理由
 * ------------------------------------- */

#feature{
	overflow: hidden;
	background: #f08200;
}

#feature .circle {	
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	background: url('./images/feature/feature_reason_title_bg.jpg')center center / cover no-repeat;
}
#feature .circle p{
	position: absolute;
	width :90px;
	text-align: center;
	color: #f08200;
	display: inline-block;
	left: 0;
	bottom: 10%;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
}
#feature .circle p{
	line-height:1;
	font-weight: bold; 
}
#feature .circle p span{
	display: block;
	font-size: 2em;
}
#feature h3 {
	font-size: 2.5em; 
	font-weight: bold; 
	color: #FFF;
}
.reason{
	overflow: hidden;
	border-radius: 10px;
}
.reason .pict{
	width: 100%;
}
.reason .box{
	text-align: left;
	background: #fff;
}
.reason .box h4 {
	text-align: center;
	font-size: 2em; 
	font-weight: bold; 
	color: #f08200;
	margin-bottom: 24px;
}
.reason .box p {
	margin-bottom: 24px;
}
.creditcard{
	text-align: center;
}
.creditcard h4{
	font-size: 1.5em !important; 
	color: #56A646 !important; 
	font-weight: bold; 
	text-align: center;
	margin: 0 auto;
	padding-top: 24px;
}
.creditcard img{
	width: 80%;
}
.waiting{
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 48px;
	padding: 48px;
	background: #F8F5E7;
}
.waiting h4{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.waiting ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -24px; /* カラム間の隙間 */
}
.waiting ul li  {
	display: flex;
	flex-direction: column;
	width:100%;
	list-style-type: none;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 2) - 24px); /* カラム間の隙間の分を引く */
	margin-left: 24px; /* カラム間の隙間 */
	margin-bottom: 24px;
	padding: 24px;
	background: #FFF;
}
.waiting ul li h5 {
	font-size: 1.2em; 
	color: #56A646;
	font-weight: bold; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}
.waiting ul li img {
	margin-bottom: 16px;
}

@media screen and (min-width: 1025px) {
	#feature h3 {
	margin-bottom: 24px;
	}
	.reason{
	margin-bottom: 72px;
	}
	.reason .pict{
	}
	.reason .box{
	padding: 48px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#feature h3 {
	line-height:1.2;
	margin: 0 5% 5%;
	}
	.reason{
	margin-bottom: 5%;
	}
	.reason .box{
	padding: 8%;
	}
	.reason .pict{
	}
	.waiting{
		padding: 24px;
	}
	.waiting ul li h5 {
		font-size: 1em; 
	}
} 

@media screen and (max-width: 767px) {
/*smart-style*/
	#feature h3 {
	font-size: 1.5em; 
	line-height:1.5;
	margin: 0 3% 3%;
	}
	.reason{
	margin-bottom: 6%;
	}
	.reason .pict{
	}
	.reason .box{
	padding: 5%;
	}
	.reason .box h4 {
		font-size: 1.5em;
		line-height:1.5;
	}
	.creditcard h4{
		text-align: center !important; 
		font-size: 1.2em !important; 
	}
	.creditcard img{
		width: 100%;
	}
	.waiting{
		margin-top: 8%;
		padding: 5%;
	}
	.waiting ul {
		margin-left: 0; /* カラム間の隙間 */
	}
	.waiting ul li  {
		flex: 0 1 calc((100% / 1)); /* カラム間の隙間の分を引く */
		margin-left: 0; /* カラム間の隙間 */
		padding: 5%;
	}
	.waiting ul li h5 {
		font-size: 1em; 
	}
}

/* ------------------------------------- 
 * 車検の流れ
 * ------------------------------------- */

#flow{
	overflow: hidden;
}
#necessary{
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	background: #FFF;
	margin-bottom: 48px;
	padding: 48px;
	border: 3px solid #f08200;
	border-radius: 10px;
}
#necessary h3 {
	font-size: 2em; 
	font-weight: bold; 
	color: #fd030f;
	margin-top: 0;
	margin-bottom: 48px;
}
#necessary ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -24px; /* カラム間の隙間 */
}
#necessary ul li  {
	display: flex;
	flex-direction: column;
	width:100%;
	list-style-type: none;
	text-align: center;
	font-size: 1.2em; 
	font-weight: bold;
	color: #f08200;
	line-height: 1.5;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 5) - 24px); /* カラム間の隙間の分を引く */
	margin-left: 24px; /* カラム間の隙間 */
}
#necessary ul li .pict{
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto 8px;
	border: 3px solid #f08200;
	background:#FFF;
}
#necessary ul li .pict img {
	max-width: 80%;
	max-height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#necessary ul li span {
	display: block;
	font-size: 0.7em;
	color: #333;
	font-weight: normal;
}
#flow .step {
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 48px;
	padding: 0;
	border: 3px solid #f08200;
	background:#FFF;
	border-radius: 10px;
}
#flow .steptitle{
	position: relative;
	display: inline-block;
	font-size: 1.5em; 
	font-weight: bold; 
	color: #f08200;
	margin-bottom: 24px;
}
#flow .steptitle:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -24px;/*線の上下位置*/
	display: inline-block;
	width: 48px;/*線の長さ*/
	height: 4px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #f08200;/*線の色*/
}
#flow .step h3{
	text-align: center;
	font-size: 2em; 
	font-weight: bold; 
	color: #FFF;
	padding: 8px;
	background: #f08200;
}
#flow .stepbox {
	display: flex;
	align-items: center; 
	padding: 48px;
}
#flow .stepbox .pict {
	width: 40%;
	box-sizing: border-box;
	margin-right: 48px;
}
#flow .stepbox .txt {
	width: 60%;
	text-align: left;
	display: block;
	box-sizing: border-box;
}
#flow .step .txt h4 {
	clear: both;
	font-size: 1.2em; 
	font-weight: bold; 
	color: #f08200;
	margin-bottom: 8px;
}
#flow .step .txt p {
	margin-top: 0;
	margin-bottom: 24px;
}
#flow .step1_bnr {
	margin-bottom: 24px;
}
#flow ul.step1_bnr {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px; /* カラム間の隙間 */
	margin-bottom: 24px;
}
#flow ul.step1_bnr li {
	display: flex;
	flex-direction: column;
	width:100%;
	list-style-type: none;
	text-align: center;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 2) - 8px); /* カラム間の隙間の分を引く */
	margin-left: 8px; /* カラム間の隙間 */
}
#flow .check {
	color: #fd030f;
	padding-top: 48px;
}

#flow a {
	color: #fd030f;
	text-decoration: underline;
}
#flow a:hover {
	color: #CCC;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
/*mobile-style*/
	#necessary{
		padding: 5%;
	}
	#necessary h3{
		margin-bottom: 3%;
	}
	#necessary ul {
	margin-left: -8px; /* カラム間の隙間 */
	justify-content: center;
	}
	#necessary  ul li  {
	flex: 0 1 calc((100% / 3) - 8px); /* カラム間の隙間の分を引く */
	margin-left: 8px; /* カラム間の隙間 */
	margin-bottom: 8px; /* カラム間の隙間 */
	}
	#necessary ul li .pict{
	width: 5rem;
	height: 5rem;
	}
	#flow .step {
		margin-bottom: 5%;
	}
	#flow .steptitle{
		margin-bottom: 5%;
	}
	#flow .steptitle:before {
		bottom: -20%;/*線の上下位置*/
	}
	#flow .stepbox {
		flex-wrap: wrap;
		padding: 5%;
	}
	#flow .step h3{
		font-size: 1.5em; 
		line-height: 1.2;
		padding: 5%;
	}
	#flow .stepbox .pict {
		overflow: hidden;
		width: 100%;
		height: 200px;
		margin-right: 0;
		margin-bottom: 24px;
	}
	#flow .stepbox .txt {
		width: 100%;
	}
}

/* ------------------------------------- 
 *	お知らせ
 * ------------------------------------- */

#information {
	text-align: left;
	overflow: hidden;
  }
#information .post{
	margin-bottom: 48px;
	padding: 48px;
	background:#FFF;
	border-radius: 10px;
 }
#information h1{
	font-size: 2em;
	color: #f08200;
	font-weight: bold;
	margin-bottom: 24px;
}
#information h2{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 24px;
}
#information h3{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 24px;
}
#information h3 a{
	color: #f08200;
}
#information h3 a:hover{
	color: #CCC;
}
#information .post_state{
	text-align: right;
	font-size: 0.8em;
	color: #333;
	margin-top: 48px;
}

#information img{
  margin: 0 auto 24px;
  }

#information p{
	margin-bottom: 24px;
  }

#information .post a{
	color: #f08200;
 }
#information .post a:hover{
	color: #CCC;
 }
#information .btn{
  display: block;
  text-align: center;
  margin: 48px auto;
  }

#information .btn a{
  font-size: 1.2em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-style: none;
  padding: 8px 48px;
  background: #f08200;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }
#information .btn a:visited {color: #FFF; text-decoration: none; background: #f08200;}
#information .btn a:hover {color: #FFF; text-decoration: none; background: #CCC;}
#information .btn a:active {color: #FFF; text-decoration: none; background: #eee;}

#information .post .youtube {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	margin: 0 auto 48px;
}
#information .post .youtube iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
/*smart-style*/
	#information h1{
		font-size: 1.5em;
		line-height: 1.5;
		margin-bottom: 8%;
	}
	#information .post{
		margin-bottom: 24px;
		padding: 5%;
	}
	#information h3{
		font-size: 1.5em;
		line-height: 1.5;
	}
}

/* ------------------------------------- 
 *	
 * ------------------------------------- */
#shop {
	overflow:hidden;
	background:#FFF;
}
#shop .pict{
	width: 50%;
	float: right;
	display: block;
	margin-left: 5%;
	margin-bottom: 48px;
}
#shop .overview{
	text-align: left;
	display: block;
}
#shop .overview h3{
	font-size:1.5em; 
	font-weight: bold; 
	color: #f08200;
	margin-bottom: 24px;
}
#shop .overview p{
	margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
/*mobilet-style*/
	#shop .pict{
		width: 100%;
		float: none;	
		margin-left: 0;
		margin-bottom: 5%;
	}
	#shop .overview h3, #shop .overview p{
		margin-bottom: 5%;
	}
}
/* ------------------------------------- 
 *	プライバシーポリシー
 * ------------------------------------- */
#privacy {
	text-align: left;
}

#privacy h3{
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold; 
	color: #f08200;
	margin: 0 0 10px;
}
#privacy p{
	margin: 0 0 5%;
}
#privacy ul {
	text-align: left;
	margin-top: 48px;
	margin-bottom: 48px;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}

#privacy ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

#privacy ul li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #f08200; /*アイコン色*/
}

/* ------------------------------------- 
 *	404 not found 
 * ------------------------------------- */
#notFound {
	position: relative;
	height:100%;
	z-index: 0;
}
.notFoundContainer {
	position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
	color: rgba(255, 255, 255, 0.75);
	text-align: center;
}
#notfound h2{
	font-size: 2em;
	font-weight: bold; 
	color: #f08200;
	margin-top: 96px;
	margin-bottom: 96px;
}
#notfound .btn{
	display: block;
	text-align: center;
	margin: 48px auto 96px;
  }
#notfound .btn a{
	font-size: 1.5em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-style: none;
	padding: 24px 48px;
	background: #f08200;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }
#notfound .btn a:visited {color: #FFF; text-decoration: none; background: #f08200;}
#notfound .btn a:hover {color: #FFF; text-decoration: none; background: #CCC;}
#notfound .btn a:active {color: #FFF; text-decoration: none; background: #eee;}

@media screen and (max-width: 600px) {
/*smart-style*/
	#notfound h2{
		font-size: 1.5em;
	}
#notfound .btn a{
	font-size: 1.2em;
	}
}


/*wp-pagenavi*/
.wp-pagenavi {
	clear: both;
	text-align: center;
	margin-bottom: 24px;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend{
	display: none !important;
}
.wp-pagenavi a,
.wp-pagenavi span {
	text-align: center;
	color: #f08200;
	background: #FFF;
	border: 1px solid #f08200 !important;
	padding: 8px 12px !important;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-pagenavi a:hover{
	color: #FFF;
	background-color: #f08200;
	border-color: #f08200;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #f08200;
	border-color: #f08200 !important;
	font-weight: bold;
    }
@media screen and (max-width: 768px) {
.wp-pagenavi a,
.wp-pagenavi span {
	padding: 12px !important;
	}
}


/*
.wp-pagenavi {
clear: both;
overflow:hidden;
text-align:center;
padding-top: 24px;
margin-bottom: 40px;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #f08200;
background-color: #FFFFFF;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-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-align: center;
text-decoration: none;
border: thin dotted #f08200;
}
.wp-pagenavi a:hover{
color: #fff;
background-color: #f08200;
}
.wp-pagenavi span.current{
color: #fff;
background-color: #f08200;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi span.current {
		display: inline-block;
}
*/


.cp-btn {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
	margin: 0 auto;
	padding: 0.5em 2em 0.5em 1.5em;
	background: #e85298;
	border-radius: 5px;
	text-decoration: none;
}
.cp-btn::after {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 0.8em;
	margin-top: -6px;
	transform: rotate(45deg);
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transition: right 0.3s;
}
.cp-btn:hover {
	background: #fff100;
	color: #e85298;
}
.cp-btn:hover::after {
	border-color: #e85298;
	right: 7px;
}
.cp-btn:active,
.cp-btn:focus {
	opacity: 0.8;
}
@media screen and (max-width: 767px) {
	.cp-btn {
		font-size: 1.5em;
	}
}

#home-info{
	padding: 48px 0;
}
#home-info h2 {
	text-align: center;
	display: block;
	font-size: 2em;
	color: #f08200;
	font-weight: bold;
	margin-bottom: 48px;
}
.home-info-container {
	display: flex;
	flex-wrap: wrap;
	margin-left: -48px;
	margin-bottom: 48px;
}
.home-info-container article{
	display: flex;
	flex-direction: column;
	width:100%;
	box-sizing: border-box;
	flex: 0 1 calc((100% / 2) - 48px);
	margin-left: 48px; 
	margin-bottom: 48px;
}
#home-info article .img-container{
	margin-bottom: 24px;
}
#home-info article .img-container figure {
	position: relative;
    overflow: hidden;
	padding-top: 60% !important;
	border: 2px solid #CCC;
}
#home-info article .img-container figure img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
	object-fit: cover;
}
#home-info article .img-container figure:hover{
	border: 2px solid #f08200;
}
#home-info article .text{
	text-align: left;
}
#home-info article .text h3{
	font-size: 1.2em;
	color: #f08200;
	margin-bottom: 8px;
}
#home-info article a:hover .text h3{
	color: #CCC;
}
#home-info article .text p{
	margin-bottom: 8px;
}
#home-info article .text a{
	color: #f08200;
}
#home-info article .text a:hover{
	color: #CCC;
}
#home-info article .date {
	text-align: right;
	font-size: 0.85em;
	opacity: 0.7;
	margin-top: auto;
}
#home-info article .date i {
	margin-right: 0.5em;
}
#home-info .btn a{
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	color: #FFF;
	font-size: 1.2em;
	padding: 8px 48px;
	background: #22ac38;
	border-radius: 5px;
	transition: 0.5s;
  }
#home-info .btn a:hover {
	background: #EEE;
  }
@media screen and (max-width: 767px) {
	#home-info{
		padding: 5% 0;
	}
	#home-info h2 {
		margin-bottom: 8%;
	}
	.home-info-container {
		margin-left: -5%;
		margin-bottom: 8%;
	}
	.home-info-container article{
		flex: 0 1 calc((100% / 2) - 5%);
		margin-left: 5%; 
		margin-bottom: 5%;
	}
	#home-info article .img-container{
		margin-bottom: 5%;
	}
	#home-info article .text h3{
		font-size: 1em;
		line-height: 1.5;
		margin-bottom: 3%;
	}
	#home-info .btn a{
		font-size: 1em;
	}
}

/* ------------------------------------- 
 * WEBクーポン
 * ------------------------------------- */
#web_coupon{
	overflow: hidden;
	background: #fff;
}
#web_coupon h3{
	font-size:1.5em; 
	font-weight: bold; 
	color: #FFF;
	margin-bottom: 48px;
	padding: 3px;
	background: #f08200;
}
#web_coupon p{
	text-align: left;
	margin-bottom: 48px;
}

#web_coupon P.note{
	color: #fd030f;
}

/* ------------------------------------- 
 * Q&A
 * ------------------------------------- */
#qa{
}
.qa_content{
	text-align: left;
	border-bottom: 2px solid #e60012;
}
.qa_content label {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #e60012;
	font-size: 1.2em; 
	font-weight: bold;
	margin-bottom: 0;
	padding : 8px 24px;
	border: 2px solid #e60012;
	border-bottom: none;
	background: #FFF;
	cursor :pointer;
	transition: all 0.5s;
}
.qa_content label span {
	font-size: 1.25em; 
	font-weight: bold; 
	margin-right: 8px;
}
.qa_content label:after {
	font-size: 2em; 
	font-family: "Font Awesome 5 Free";
    content: '\f078';
	font-weight: 900;
	margin-left: auto;
	padding-left: 8px;
}
.qa_content label:hover {
	background :#eee;
}
.qa_content input {
	vertical-align:bottom; 
    display: none;
}
.qa_content .qa_answer {
	height: 0;
	opacity: 0;
	padding : 8px 24px;
	border-left: 2px solid #e60012;
	border-right: 2px solid #e60012;
	background: #FFF;
	transition: 0.5s;
	visibility: hidden;
	display: none;
}
.qa_content .qa_answer h3 {
	font-size: 1.2em; 
	font-weight: bold;
	margin-bottom: 24px;
}
.qa_content .qa_answer span {
	font-size: 1.25em; 
	margin-right: 8px;
}
.qa_query:checked + label + .qa_answer {
	height: auto;
	opacity: 1;
	padding : 8px 24px;
	visibility: visible;
	display: block;
}
/*.qa_query:checked + label {
	border-bottom: none;
}*/
.qa_query:checked + label:after {
	font-family: "Font Awesome 5 Free";
    content: '\f077';
	font-weight: 900;
}
@media screen and (max-width: 767px) {
	.qa_content {
		line-height:1.5;
	}
	.qa_content label {
		padding : 5%;
	}
	.qa_content .qa_answer {
		padding : 5%;
	}
	.qa_query:checked + label + .qa_answer {
		padding : 5%;
	}
	.qa_content label,
	.qa_content .qa_answer h3{
		font-size: 1em; 
	}
	.qa_content label span {
		margin-right: 5%;
	}
	.qa_content label:after {
		font-size: 1.2em; 
	}
}