@charset "utf-8";

/* --------------------------------------------------------------
全国フィッティングイベント予定(共通)
-------------------------------------------------------------- */
.pcnone {
	display: none;
}

.titleArea02 {
	position:relative;
}

.lead {
	text-align:left;
}

.titleArea02 a {
	background: #00a1cd;
	color: #fff;
}

.titleArea02 b {
	color: #999;
}

.fitting table {
	font-size: inherit;
	border-collapse: separate;
	border-spacing: 0;
}
.fitting table th,
.fitting table td {
	text-align: left;
	vertical-align: top;
}
.fitting table th {
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	color: #FFF;
	background: #00A1CD;
}
.fitting table td {
	font-size: 12px;
	line-height: 1.5;
}
.fitting table tr.odd td {
	background: #e7f3f7;
}
.fitting table td strong {
	color: #c82d2b;
	font-weight: normal;
}

.footable {
	padding-top:30px;
	font-size: inherit;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
}
.footable th,
.footable td {
	text-align: left;
	vertical-align: top;
}
.footable th {
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	color: #FFF;
	background: #00A1CD;
}

.footable td {
	background: #ececec;
	font-size: 12px;
	line-height: 1.5;
}
.footable tr.odd td {
	background: #e7f3f7;
}
.footable td strong {
	color: #c82d2b;
	font-weight: normal;
}

/* --------------------------------------------------------------
index(PC)
-------------------------------------------------------------- */
.index .lead{
	background:url(../images/fitting/top_img01.png) no-repeat top right;
	}
.index .lead h3{
	font-size:44px;font-size: 4.4rem;
	font-weight:normal;
	}
.index .lead p{
	line-height:1.8;
	padding:0 180px 0 0;
	}
.index .fittingBox{
	clear:both;
	width:96%;
	margin:0 2% 60px 2%;
	overflow:hidden;
	}
.index .fittingBox h4{
	margin:0 0 17px 0;
	font-size:24px;font-size:2.4rem;
	}
.index .fittingBox p{
	margin:0 0 26px 0;
	padding:0 0 0 0 !important;
	line-height:1.7;
	font-size:14px;font-size:1.4rem;
	}
.index .top01 .l_set{
	float:left;
	width:45%;
	text-align:left;
}
.index .top01 .r_set{
	float:right;
	width:53%;
	text-align:right;
}
.index .top01 .r_set img{
	margin:0 0 0 auto;
	}
.index .top02 .l_set{
	float:left;
	width:53%;
	text-align:left;
}
.index .top02 .r_set{
	float:right;
	width:45%;
	text-align:left;
}
.index .top03 .hl {
	color: #fff;
	margin: 0 !important;
	padding: 20px !important;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #545454;
}
.index .top03 .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 30px;
	background-color: #eaeaea;
}
.index .top03 .inner .box {
	width: 288px;
}
.index .top03 .inner .box a {
	display: block;
}
.index .top03 .inner .kv-image {
	line-height: 0;
}
.index .top03 .inner .kv-image img {
	width: 100%;
	height: auto;
}
.index .top03 .inner .shop-name {
	margin: 0 !important;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #2f3031;
}
.index .top03 .inner .box a:hover .shop-name {
	opacity: .7;
}
.index .top03 .inner .shop-copy {
	margin: 0 !important;
	padding: 10px 0 0 0 !important;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
}
a.linkBlue{
	display: inline-block;
	text-align: center;
	outline: none;
	width:96%;
	background:url(../images/fitting/arrow_white.png) no-repeat #009ECA 10px 23px;
	padding:15px 8px 15px 20px;
	margin:0 2% 0 2%;
	color:#ffffff;
	font-size: 16px;font-size: 1.6rem;
	text-decoration:none;
	}
a.linkBlue::before,
a.linkBlue::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
a.linkBlue,
a.linkBlue::before,
a.linkBlue::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

a.linkBlue:hover {
	background-color: #59b1eb;
}
.index .box3 a{
	color:#FFFFFF;
	}

/* --------------------------------------------------------------
全国フィッティングイベント予定(PC)
-------------------------------------------------------------- */

@media screen and (min-width:640px){

.titleArea02 a {
	position:absolute;
	font-size: 12px;
	padding: 5px 20px;
	right:0;
	bottom:0;
}

.mainImg {
	margin:0 auto 40px auto;
}

.lead {
	width:960px;
	margin:0 auto 45px auto;
	padding: 0 20px;
}

/* --------------------------------------------------------------
フィッティング手順(PC)
-------------------------------------------------------------- */
.fitting .lead h3{
	font-size:36px;font-size: 3.6rem;
	font-weight:normal;
	}
.fitting .lead p{
	line-height:1.8;
	padding:0 0 0 0;
	}
.fitting .area02 dd{
	line-height:1.8;
	}
.fitting .block2{
	margin:40px 5% 40px 5%;
	padding:30px 30px 30px 30px;
	border:1px solid #dadada;
	}
.fitting .block2 dl{
	float:left;
	width:560px;
	}
.fitting .block2 img{
	float:right;
	}
.fitting .block2 dt{
	font-size:18px;font-size:1.8rem;
	font-weight:bold;
	margin:0 0 15px 0;
	}

.btninner{
	overflow: hidden;
	clear: both;
	margin:0;
	}

.colorcodeBtn{
	font-size:1.6rem;
	font-weight: normal;
	color:#fff;
	background-color: #ce0000;
	padding:1.5% 9% 1.5% 9% !important;
	display: inline-block;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	margin: 0 0 0 12%!important;
	}
  .colorcodeBtn.btn01 {
    margin: 0 !important;
  }

.colorcodeBtn:hover{
	background-color: #d65050;
	}


.fitting .area01 ul {
	float:left;
	margin:0 0 30px 20px;
	}

.fitting .area01 img {
	float:right;
	margin:0 20px 30px 0;
	}

.fitting .area02 .block {
	margin:17px 17px 35px 17px;
	}

.fitting .area02 .block dl {
	float:left;
	width:460px;
	}

.fitting .area02 .block dl dt {
	font-size:24px;
	font-weight:bold;
	margin:0 0 15px 0;
	}

.fitting .area02 .block img {
	float:right;
	}

.fitting .area02 .bnr {
	margin:40px 0 0 20px;
	}

.fitting .area02 .bnr .bnr01,
.fitting .area02 .bnr .bnr02 {
	float:left;
	}

.fitting .area03 .topArea {
	margin:0 0 80px 0;
	}

.fitting .area03 .topArea p {
	float:left;
	width:460px;
	}

.fitting .area03 .topArea img {
	float:right;
	margin:0 20px 0 0;
	}

.fitting .area03 .btmArea {
	border:solid 3px #000;
	position:relative;
	width:960px;
	margin:0 0 0 20px;
	height:725px;
	/*height:1054px;*/
	}

.fitting .area03 .btmArea h4 {
	position:absolute;
	left:200px;
	top:-31px;
	}

.fitting .area03 .btmArea .box01 {
	top:68px;
	left:20px;
	}

.fitting .area03 .btmArea .box02 {
	top:68px;
	right:30px;
	}

.fitting .area03 .btmArea .box03 {
	top:378px;
	left:20px;
	}

.fitting .area03 .btmArea .box04 {
	top:378px;
	right:30px;
	}

.fitting .area03 .btmArea .box01,
.fitting .area03 .btmArea .box02,
.fitting .area03 .btmArea .box03,
.fitting .area03 .btmArea .box04 {
	position:absolute;
	width:630px;
	}

.fitting .area03 .btmArea .box01 dl,
.fitting .area03 .btmArea .box03 dl {
	float:right;
	width:345px;
	}

.fitting .area03 .btmArea .box01 img,
.fitting .area03 .btmArea .box03 img {
	float:left;
	}

.fitting .area03 .btmArea .box02 dl,
.fitting .area03 .btmArea .box04 dl {
	float:left;
	width:365px;
	padding:150px 0 0 0;
	text-align:right;
	}

.fitting .area03 .btmArea .box02 img,
.fitting .area03 .btmArea .box04 img {
	float:right;
	}

.fitting .area03 .btmArea dt {
	font-size:18px;
	font-weight:bold;
	}

.fitting .area03 .btmArea .block02 {
	position:relative;
	top:666px;
	background:#ff9434;
	margin:0 12px;
	padding:30px 20px 15px 25px;
	}

.fitting .area03 .btmArea .block02 .new {
	position:absolute;
	top:-14px;
	left:23px;

	}

.fitting .area03 .btmArea .block02 h5 {
	position:relative;
	padding:0 0 25px 57px;
	font-size:24px;
	color:#fff;
	}

.fitting .area03 .btmArea .block02 .leftBox{
	float:left;
	width:430px;
	}

.fitting .area03 .btmArea .block02 p {
	color:#fff;
	padding:0!important;
	margin:0 0 130px 0!important;
	}


.fitting .area03 .btmArea .block02 .imgNew {
	float:right;
	}

.fitting table {
	margin:0 20px 60px 20px;
	width:960px;
}

.fitting table caption {
	display: none;
}
.fitting table colgroup.co1 {
	width: 110px;
}
.fitting table colgroup.co2 {
	width: 210px;
}
.fitting table colgroup.co3 {
	width: 120px;
}
.fitting table th {
	padding: 18px 14px;
}
.fitting table td {
	padding: 10px 12px;
}
.fitting table tr:hover td {
	background: none;
}
.fitting table tr:hover {
	background: #FCC;
}

.fitting .shop {
	float:left;
	margin:0 0 0 20px;
	}

.fitting .event {
	float:right;
	margin:0 20px 0 0;
	}

.fitting .conceptshop-banner {
	width: 600px;
	margin: 0 auto 50px auto;
	padding-top: 15px;
}

.fitting .col2-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 940px;
	margin: 0 auto;
}

.fitting .col2-banner .box {
	width: 430px;
}

.interview section p {
	float:left;
	width:460px;
	}

.interview .area05 p {
	float:none;
	width:auto;
	}

.interview .area05 .shop {
	float:left;
	}

.interview .area05 .event {
	float:right;
	}


.area03 #main h3 {
	margin: 0;
}

.area03 .component .note {
	width: 960px;
	max-width: auto;
	margin: 1.5em auto !important;
	padding: 1em !important;
	color: #333  !important;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
	background-color: #ebf5f8;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main h3.ConceptShoplistHeadline {
	color: #fff !important;
	font-weight: bold !important;
	text-align: center !important;
	background-color: #545454 !important;
}

.area03 .component .prefecture ul {
	margin-bottom: 20px !important;
}

/* --------------------------------------------------------------
メリット(PC)
-------------------------------------------------------------- */
.merit #main h2 {
	line-height: 1;
	font-weight: normal;
	color: #000;
	background: #EFEFEF !important;
	text-align: center !important;
}
.merit p {
	color: #000;
	line-height: 1.75;
	display: block;
}
.merit #main h2 {
	font-size: 36px;
	padding-bottom: 25px;
}
.merit #main h2 img {
	margin-bottom: 25px;
}
.merit #main p.overviewTxt {
	margin: 35px 20px !important;
}
.merit p{
	margin: 0 0 15px 0 !important;
	padding:0 0 0 0 !important;
}
/*
.merit h3 {
	background:none !important;
	margin:0 0 15px 0 !important;
	line-height:1 !important;
	font-weight:bold !important;
}
*/
.merit .meritPoint {
	margin-bottom: 27px;
}
.merit .meritPoint li{
	width:470px;
	float:left;
	margin:0 15px 23px 15px;
	border-radius: 10px;
	box-shadow: 0 0 3px 3px #d3d3d3;
	background:#ffffff;
	overflow:hidden;
	}
.area05{
	clear:both;
	}
.merit .meritPoint .check{
	clear:both;
	}
.merit .meritPoint .inner{
	margin:12px 15px 15px 15px;
	}
.merit .meritPoint h4{
	font-size:18px;
	margin:0 0 7px 0 !important;
	}
.merit .meritPoint .point{
	margin:0 0 12px 0;
	}
.merit .meritPoint dt{
	font-size:12px;
	margin:0 0 6px 0 !important;
	}
.merit .meritPoint dd{
	font-size:12px;
	}
.merit .meritPoint dd img{
	margin:0 0 10px 0;
	}
.merit .meritPoint .check{
     background-color : #009ad8;
     border-radius: 6px;
     -webkit-border-radius : 6px;
     -moz-border-radius: 6px;
	 padding:5px 16px 16px 16px;
	 color:#FFFFFF !important;
	}
.merit .meritPoint .check h5{
	padding:8px 0 10px 45px;
	background:url(../images/fitting/merit/merit_icon_check.png) no-repeat;
	font-size:14px;
	}
.merit .meritPoint .check p{
	 color:#FFFFFF !important;
	 margin:0 0 0 0 !important;
	 font-size:12px;
	}
.merit .meritPoint .check p a {
	color: #fff;
	text-decoration: underline;
}
.merit .sns_bt{
	clear:both;
	padding:30px 0 20px 0 !important;
	}

.footable th {
	padding: 18px 10px;
	white-space:nowrap;
}
.footable td {
	padding: 10px 8px;
}
.footable tr:hover td {
	background: none;
}
.footable tr:hover {
	background: #FCC;
}
}


/* --------------------------------------------------------------
カラーコード(PC)
-------------------------------------------------------------- */

.fitting{
	max-width:1000px;
	margin:0 auto;
}

.fitting .hl2 {
	padding-bottom: 25px;
	line-height: 1;
	font-size: 36px;
	font-weight: normal;
	color: #000;
	background: #EFEFEF !important;
	text-align: center !important;
}

.fitting .hl2 img {
	margin-bottom: 25px;
}

.fitting p.overviewTxt {
	color: #000;
	margin: 35px 20px !important;
	line-height: 1.75;
}

.titleArea_color{
	position: relative;
	margin: 0 auto;
	max-width:1000px;
}

.titleArea_color h2{
  display: flex;
  justify-content: center;
  align-items: flex-end;
	margin:3% 0 3% 0;
  font-size: 35px;
  line-height: 1.0;
}

.titleArea_color h2 img{
	margin: 0 8px 0 0;
}

.lh_color{
	line-height: 1.8;
  margin: 0 auto 20px auto;
}

.titleArea_color h3{
	margin:3% 0 3% 0;
	font-size: 3.6rem;
	font-weight: normal;
}

/*FAQ*/
.faq_color{
	position: relative;
	margin: 0 auto 10% auto;
	max-width:1000px;
	text-align: left;
}

.side-acdn-faq
{
	margin: 0 0 0 0 ;
	border-top:#dddddd 1px solid;
}


.faq_q{
/*	position: relative;
	font-weight: normal;
	font-size:2.4rem;*/
	/*background: url(../images/fitting/colorcode/q_icon.jpg) no-repeat left 10%;*/
}

.qinner{
	width:90%;
	margin:0 auto;
}

.ainner{
	width:95%;
	margin:0 0 0 auto;
}

.side-acdn-faq dl{
	border-top:#dddddd 1px solid;
}

.side-acdn-faq dl:last-child{
	border-bottom:#dddddd 1px solid;
}

.side-acdn-faq dt ,
.side-acdn-faq dd
{
	margin: 0 0 0 0 ;
}

.side-acdn-faq dt:hover
{
	cursor: pointer ;
	color: #777 ;
}

.side-acdn-faq dt{
	position: relative;
	font-weight: normal;
	font-size:2.4rem;
	padding: 2.5% 0 2.5% 0 ;
}
.side-acdn-faq dd
{
	display: none ;
	padding: 1.6% 0 2.5% 0 ;
}

.side-acdn-faq dt::before {
    position: absolute;
/*    top: 50%;
    left: 10px;
	margin-top: -11px;*/
    content:"";
	background: url(../images/fitting/colorcode/q_icon.jpg) no-repeat 0 5px;
	/*background-size:23px 20px;*/
	width: 23px;
	height: 35px;
}

.side-acdn-faq dt::after {
    position: absolute;
    top: 35px;
    right: 10px;
/*	margin-top: -3%;*/
    content:"";
	background: url(../images/fitting/colorcode/open.jpg) no-repeat;
	background-size:14px 14px;
	width: 14px;
	height: 14px;
}

.side-acdn-faq dt.active::after{
    position: absolute;
    top: 35px;
    right: 10px;
/*	margin-top: -3%;*/
    content:"";
	background: url(../images/fitting/colorcode/close.jpg) no-repeat;
	background-size:14px 14px;
	width: 14px;
	height: 14px;
}

.side-acdn-faq dd::before {
    position: absolute;
    /*top: 50%;*/
    /*left: 10px;*/
	/*margin-top: -11px;*/
    content:"";
	background: url(../images/fitting/colorcode/a_icon.jpg) no-repeat;
	background-size:23px 20px;
	width: 23px;
	height: 20px;
}

.imgArea_color{
	position: relative;
	max-width:1000px;
	margin:0 auto 10% auto;
}

.mainimg{
	max-width:746px;
	width:100%;
	height:auto;
	margin: 0 auto;
}

.codeimg{
	max-width:995px;
	width:100%;
	height:auto;
	margin: 0 auto;
}

/*FAQ*/

h3.leadh3{
	color:#e60000;
	margin:0 auto 1% auto;
	font-weight: bold;
}


@media screen and (max-width:640px){
.pcnone {
	display: block;
}

#main h3 {
	font-size: 1.95rem;
	font-weight: normal;
	padding: 10px;
	margin:0 0 30px 0;
	background:#eaeaea;
}

/* --------------------------------------------------------------
index(SP)
-------------------------------------------------------------- */
.index .lead{
	background:none;
	}
.index .lead h3{
	font-size:20px;font-size: 2.0rem;
	font-weight:normal;
	}
.index .lead p{
	line-height:1.8;
	padding:0 0 0 0;
	}
.index .fittingBox{
	clear:both;
	width:100%;
	margin:0 0 30px 0;
	overflow:hidden;
	}
.index .fittingBox h4{
	margin:0 2% 17px 2%;
	font-size:16px;font-size:1.6rem;
	}
.index .fittingBox p{
	margin:0 2% 26px 2% !important;
	padding:0 0 0 0 !important;
	line-height:1.7;
	font-size:14px;font-size:1.4rem;
	}
.index .top01 .l_set{
	float:none;
	width:100%;
	text-align:left;
}
.index .top01 .r_set{
	float:none;
	width:100%;
	text-align:left;
}
.index .top01 .r_set img{
	margin:0 0 0 0;
	height:auto;
	}
.index .top02{
	border-top:1px solid #000000;
	/*border-bottom:1px solid #000000;*/
	margin:0 0 25px 0;
	padding:25px 0 20px 0;
	display: -webkit-box;
	display: -webkit-flex; /* safari */
	display: -ms-flexbox; /* IE */
	display:flex;
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction:column;
	}
.index .top02 .l_set{
	float:none;
	width:100%;
	margin:0 !important;
	padding:0 !important;
	text-align:left;
	-webkit-box-ordinal-group:3;/*Android旧ブラウザ用*/
	-ms-flex-order:3;/*IE10用*/
	-webkit-order:3;/*safari（PC）用*/
	order:3;
}
.index .top02 .r_set{
	float:none;
	width:100%;
	margin:0 !important;
	padding:0 !important;
	text-align:left;
	-webkit-box-ordinal-group:2;/*Android旧ブラウザ用*/
	-ms-flex-order:2;/*IE10用*/
	-webkit-order:2;/*safari（PC）用*/
	order:2;
}
.index .top03 {
	width: 96%;
	margin:0 auto 30px auto;
}
.index .top03 .hl {
	padding: 12px !important;
	font-size: 17px;
}
.index .top03 .inner {
	-webkit-box-direction: column;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 20px 10px 0 10px;
}
.index .top03 .inner .box {
	width: auto;
}
.index .top03 .inner .shop-name {
	padding: 10px;
	font-size: 15px;
}
.index .top03 .inner .box a:hover img,
.index .top03 .inner .box a:hover.shop-name {
	opacity: 1;
}
.index .top03 .inner .shop-copy {
	padding: 14px 0 30px 0 !important;
	font-size: 14px;
	line-height: 1.6;
}
a.linkBlue{
	display: inline-block;
	text-align: center;
	outline: none;
	width:96%;
	background:url(../../../img02/arrow_white.png) no-repeat #009ECA 10px 23px;
	padding:15px 8px 15px 20px;
	margin:0 2% 20px 2%;
	color:#ffffff;
	font-size:12px;
	}
/* --------------------------------------------------------------
フィッティング手順(SP)
-------------------------------------------------------------- */
.fitting .lead h3{
	font-size:20px;font-size: 2.0rem;
	font-weight:normal;
	}
.fitting .lead p{
	line-height:1.8;
	padding:0 0 0 0;
	}
.fitting .block2{
	margin:20px 5% 20px 5%;
	padding:15px;
	border:1px solid #dadada;
	}
.fitting .block2 dl{
	}
.fitting .block2 img{
	width:50%;
	margin:15px 25.5% 0 25.5%;
	/*margin:15px auto 0 auto;*/
	}
.fitting .block2 dt{
	font-size:18px;font-size:1.8rem;
	font-weight:bold;
	margin:0 0 15px 0;
	}
.btninner{
	overflow: hidden;
	clear: both;
	margin:0;
	text-align: center;
	}

.colorcodeBtn{
	font-size:1.2rem;
	font-weight: normal;
	color:#fff;
	background-color: #ce0000;
	padding:3% 23% 3% 23% !important;
	display: inline-block;
	text-align: center;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	margin: 3% auto 3% auto !important;
	}
  .colorcodeBtn.btn01 {
    padding:3% 6% 3% 6% !important;
    margin: 0 !important;
  }


.colorcodeBtn:hover{
	background-color: #d65050;
	}
.fitting table{
	margin-bottom:20px;
	}

.fitting .conceptshop-banner {
	width: 100%;
	margin: 0 0 10px 0;
	padding-top: 0px;
}

.fitting .col2-banner {
  -webkit-box-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.fitting .col2-banner .box {
	margin-bottom: 10px;
}

.fitting .col2-banner .box:last-child {
	margin-bottom: 0;
}

.fitting .conceptshop-banner a,
.fitting .col2-banner a {
	display: block;
	line-height: 8px;
}

/* --------------------------------------------------------------
全国フィッティングイベント予定(SP)
-------------------------------------------------------------- */

.titleArea02 a {
	float: right;
	width:auto;
	margin:0 20px 10px 20px;
	padding:10px 20px;
}

#main p {
padding: 0;
}

.mainImg,
img {
	width:100%;
}

.lead {
	margin:0 20px 20px 20px;
}

.inner {
	padding:0 20px;
}

.banner .inner {
	padding: 0;
}

.fitting .area01 ul {
	margin:0 0 10px 0;
	}

.fitting .area02 .block dl  {
	margin:0 0 10px 0;
	}

.fitting .area02 .block dl dt {
	font-weight:bold;
	}

.fitting .area02 .block img {
	margin:0 0 20px 0;
	}

.fitting .area02 .bnr {
	margin:0 0 20px 0;
	}

.fitting .area02 .bnr .bnr01,
.fitting .area02 .bnr .bnr02 {
	display:block;
	}

.fitting .area03 .topArea img {
	margin:0 0 20px 0;
	}

.fitting .area03 .btmArea {
	border:solid 3px #000;
	position:relative;
	width:auto;
	margin:0 0 20px 0;
	padding:20px 10px;
	}

.fitting .area03 .btmArea h4 {
	position:absolute;
	top:-15px;
	left:10%;
	}

.fitting .area03 .btmArea h4 img {
	width:90%;
	}

.fitting .area03 .btmArea dl {
	margin:0 0 10px 0;
	}

.fitting .area03 .btmArea dt {
	font-weight:bold;
	}

.fitting .area03 .btmArea img {
	margin:0 0 20px 0;
	}

.fitting .area03 .btmArea .block02 {
	position:relative;
	background:#ff9434;
	padding:30px 20px 15px 25px;
	}

.fitting .area03 .btmArea .block02 .new {
	position:absolute;
	width:15%;
	top:-20px;
	}

.fitting .area03 .btmArea .block02 h5 {
	padding:0 0 10px 0;
	color:#fff;
	}

.fitting .area04 {
	margin:0 0 20px 0;
	}

.fitting table caption {
	text-align: left;
}
.fitting table colgroup.co1 {
	width: 38%;
}
.fitting table colgroup.co2 {
	width: 62%;
}
.fitting table th {
	padding: 9px 7px;
}
.fitting table td {
	padding: 5px 6px;
}
td.footable-row-detail-cell {
	background: #EBF1F3!important;
}
.fitting table td.expand {
	background: #ececec url(/images/fitting/arrow.gif) no-repeat 5px center;
	background-size: 15px 10px;
}
.fitting table tr.odd td.expand {
	background: #e7f3f7 url(/images/fitting/arrow.gif) no-repeat 5px center;
	background-size: 15px 10px;
}
td.expand {
	padding-left: 26px!important;
}
.footable-row-detail-inner > div:first-child {
	margin-bottom: 5px;
}

.interview section img {
	margin:0 0 20px 0;
	}
.interview .box3 .mainArea dl img {
	margin: 0;
	}


.area03 .component .note {
	width: 92vw;
	margin: 1em auto !important;
	padding: 1em !important;
	color: #333;
	font-size: .75em;
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
	background-color: #ebf5f8;
	border: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main h3.ConceptShoplistHeadline {
	color: #fff !important;
	font-weight: bold !important;
	text-align: center !important;
	background-color: #545454 !important;
}

/* --------------------------------------------------------------
メリット(SP)
-------------------------------------------------------------- */
.merit #main h2 {
	line-height: 1.2;
	font-weight: normal;
	color: #000;
	background: #EFEFEF !important;
	text-align: center !important;
}
.merit p {
	color: #000;
	line-height: 1.75;
	display: block;
}
.merit #main h2 {
	/*font-size: 18px;*/
	font-size: 1.95rem;
	padding-bottom: 25px;
}
.merit #main h2 img {
	margin-bottom: 25px;
}
.merit #main p.overviewTxt {
	margin: 20px 20px !important;
}
.merit p{
	margin: 0 0 15px 0 !important;
	padding:0 0 0 0 !important;
}
/*
.merit h3 {
	margin:0 0 15px 0 !important;
	line-height:1 !important;
	font-size: 18px !important;
}

.merit .area05 h3 {
	background:#eaeaea !important;
	font-size: 1.2rem !important;
	padding:15px !important;
	margin:0 0 30px 0 !important;
	}
*/

.merit .meritPoint li{
	width:96%;
	margin:0 auto 23px auto;
	border-radius: 10px;
	box-shadow: 0 0 3px 3px #d3d3d3;
	background:#ffffff;
	}
.area05{
	clear:both;
	margin-top: 30px;
	}
.merit .meritPoint .check{
	clear:both;
	}
.merit .meritPoint .inner{
	margin:12px 6px 15px 6px;
	padding:5px 8px 8px 8px;
	}
.merit .meritPoint h4{
	font-size:18px;
	margin:0 0 7px 0 !important;
	}
.merit .meritPoint img.point{
	margin:0 auto 12px auto;
	display:block;
	width:auto !important;
	max-width: 100% !important;height: auto;vertical-align:middle;border:0;

	}
.merit .meritPoint dt{
	font-size:12px;
	margin:0 0 6px 0 !important;
	}
.merit .meritPoint dd{
	font-size:12px;
	}
.merit .meritPoint dd img{
	margin:0 0 10px 0;
	}
.merit .meritPoint .check{
     background-color : #009ad8;
     border-radius: 6px;
     -webkit-border-radius : 6px;
     -moz-border-radius: 6px;
	 padding:5px 16px 16px 16px;
	 color:#FFFFFF !important;
	}
.merit .meritPoint .check h5{
	padding:8px 0 10px 45px;
	background:url(../images/fitting/merit/merit_icon_check.png) no-repeat;
	font-size:12px;
	}
.merit .meritPoint .check p{
	 color:#FFFFFF !important;
	 margin:0 0 0 0 !important;
	 font-size:12px;
	}
.merit .meritPoint .check p a {
	color: #fff;
	text-decoration: underline;
}
.footable caption {
	text-align: left;
}
.footable colgroup.co1 {
	width: 38%;
}
.footable colgroup.co2 {
	width: 62%;
}
.footable th {
	padding: 9px 7px;
}
.footable td {
	padding: 5px 6px;
}
.footable td.footable-row-detail-cell {
	background: #EBF1F3!important;
}
.footable td.expand {
	background: #ececec url(/images/demodays/arrow.gif) no-repeat 5px center;
	background-size: 15px 10px;
}
.footable tr.odd td.expand {
	background: #e7f3f7 url(/images/demodays/arrow.gif) no-repeat 5px center;
	background-size: 15px 10px;
}
.footable td.expand {
	padding-left: 26px!important;
}
.footable .footable-row-detail-inner > div:first-child {
	margin-bottom: 5px;
}


/* --------------------------------------------------------------
カラーコード(SP)
-------------------------------------------------------------- */

.fitting .hl2 {
	padding-bottom: 25px;
	line-height: 1.2;
	font-size: 1.95rem;
	font-weight: normal;
	color: #000;
	background: #EFEFEF !important;
	text-align: center !important;
}
.fitting .hl2 img {
	margin-bottom: 25px;
}
.merit p.overviewTxt {
	color: #000;
	margin: 20px 20px !important;
	line-height: 1.75;
}

.titleArea_color{
	position: relative;
	margin: 0 auto;
	max-width:1000px;
	width: 96%;
}

.titleArea_color h2{
	font-size: 4.3vw;
}

.titleArea_color h2 img{
	width: 20%;
  margin: 0 6px 0 0;
}
  
.lh_color {
  margin: 0 20px 10px;
}

.titleArea_color h3{
	margin:3% 0 3% 0;
	font-size: 2.6rem;
	font-weight: normal;
}

/*FAQ*/
.faq_color{
	position: relative;
	margin: 0 auto 10% auto;
	max-width:1000px;
	text-align: left;
}

.side-acdn-faq
{
	margin: 0 auto;
	width:95%;
	border-top:#dddddd 1px solid;
}


.faq_q{
/*	position: relative;
	font-weight: normal;
	font-size:2.4rem;*/
	/*background: url(../images/fitting/colorcode/q_icon.jpg) no-repeat left 10%;*/
}

.qinner{
	width:80%;
	margin:0 auto;
}

.ainner{
	width:90%;
	margin:0 0 0 auto;
}

.side-acdn-faq dl{
	border-top:#dddddd 1px solid;
}

.side-acdn-faq dl:last-child{
	border-bottom:#dddddd 1px solid;
}

.side-acdn-faq dt ,
.side-acdn-faq dd
{
	margin: 0 0 0 0 ;
	/*border-top:#dddddd 1px solid;*/
}

.side-acdn-faq dt:hover
{
	cursor: pointer ;
	color: #777 ;
}

.side-acdn-faq dt{
	position: relative;
	font-weight: normal;
	font-size:1.6rem;
	padding: 3.5% 0 3.5% 0 ;
}
.side-acdn-faq dd
{
	display: none ;
	padding: 2.6% 0 3.5% 0 ;
}

.side-acdn-faq dt::before {
    position: absolute;
/*    top: 50%;
    left: 10px;
	margin-top: -11px;*/
    content:"";
	background: url(../images/fitting/colorcode/q_icon.jpg) no-repeat 0 5px;
	/*background-size:23px 20px;*/
	width: 23px;
	height: 35px;
}

.side-acdn-faq dt::after {
    position: absolute;
    top: 18px;
    right: 10px;
/*	margin-top: -3%;*/
    content:"";
	background: url(../images/fitting/colorcode/open.jpg) no-repeat;
	background-size:14px 14px;
	width: 14px;
	height: 14px;
}

.side-acdn-faq dt.active::after{
    position: absolute;
    top: 18px;
    right: 10px;
/*	margin-top: -3%;*/
    content:"";
	background: url(../images/fitting/colorcode/close.jpg) no-repeat;
	background-size:14px 14px;
	width: 14px;
	height: 14px;
}

.side-acdn-faq dd::before {
    position: absolute;
    /*top: 50%;*/
    /*left: 10px;*/
	/*margin-top: -11px;*/
    content:"";
	background: url(../images/fitting/colorcode/a_icon.jpg) no-repeat;
	background-size:23px 20px;
	width: 23px;
	height: 20px;
}

.imgArea_color{
		position: relative;
	margin:0 auto 13% auto;
	max-width:1000px;
}

.mainimg{
	max-width:746px;
	width:95%;
	height:auto;
	margin: 0 auto;
}

.codeimg{
	max-width:995px;
	width:95%;
	height:auto;
	margin: 0 auto;
}

/*FAQ*/

h3.leadh3{
	color:#e60000;
	margin:0 auto 1% auto;
	font-weight: bold;
	font-size:1.8rem;
}

	}

@media screen and (max-width:320px){

	}



/* --------------------------------------------------------------
グリップカラーコード チャート
-------------------------------------------------------------- */
.modaal-wrapper {
  background: none !important;
  font-size: 1.8rem !important;
  z-index: 99999999 !important;
}

.modaal-content-container {
  padding: 0 !important;
}

.modaal-inner-wrapper {
  padding: 50px 15px !important;
}

.modaal-overlay {
  z-index: 9999999 !important;
}

.modaal-close:hover {
  background: none !important;
}
@media screen and (max-width: 640px) {
  .modaal-close {
    right: 0 !important;
    top: 0 !important;
  }
}
.modaal-close:after, .modaal-close:before {
  width: 2px !important;
  height: 40px !important;
}
@media screen and (max-width: 640px) {
  .modaal-close:after, .modaal-close:before {
    height: 30px !important;
  }
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #ccc !important;
}

.grip_chart {
  width: 900px;
  padding: 40px;
}
.grip_chart h2 {
  margin: 0 0 20px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.grip_chart .lead {
  max-width: 680px;
  margin: 0 auto;
}
.grip_chart .lead .green {
  color: #009944;
}
.grip_chart .lead .purple {
  color: #601986;
}
.grip_chart ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 0; 
}
.grip_chart ul li:first-child {
  width: 296px;
}
.grip_chart ul li:last-child {
  width: 485px;
}
.grip_chart ul li p {
  margin: 10px 0 0;
}
@media screen and (max-width: 640px) {
  .grip_chart {
    width: initial;
    padding: 20px;
    font-size: 1.3rem;
  }
  .grip_chart h2 {
    margin: 0 0 15px;
    font-size: 5vw;
  }
  .grip_chart ul {
    display: block;
    margin: 20px 0 0; 
    text-align: center;
  }
  .grip_chart ul li:first-child {
    width: 100%;
    margin: 0 0 25px;
  }
  .grip_chart ul li:last-child {
    width: 100%;
  }
  .grip_chart ul li:first-child img {
    width: 45%;
  }
  .grip_chart ul li:last-child img {
    width: 95%;
  }
  .grip_chart ul li p {
    margin: 5px 0 0;
    text-align: left;
  }
}


/* --------------------------------------------------------------
アンカーリンク
-------------------------------------------------------------- */
.anc {
  margin-top: -50px !important;
  padding-top: 50px;
}
@media screen and (max-width: 640px) {
  .anc {
    margin-top: -18vw !important;
    padding-top: 18vw;
  }
}