@charset "utf-8";


/*
	* Copyright (C) 2016 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/


/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.フッター（footer）
	* 5.共通項目
	* 6.トップページ
	* 7.サブページ
	* 8.レスポンシブ対応
*/



/*******************************************************************************
**	1.基本レイアウト
*******************************************************************************/

body {
	line-height:1.6;
}

#container {
	width:100%;
}

#header {
	width:100%;
}

#headerInner {
	width:900px;
	height:100px;
	margin:0 auto;
	position:relative;
}

#footer {
	width:100%;
	margin:20px 0 0 0;
	padding:10px 0 10px 0;
}

#footerInner {
	width:900px;
	margin:0 auto;
}
a img:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
}

/*******************************************************************************
**	2.基本設定
*******************************************************************************/

/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section{
	display: inline-block;
}
* html .clearfix,
* html div.section{
	height: 1%;
}
.clearfix,
div.section{
	display: block;
}

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right;}
.floatLeft {float:left;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

/* image
----------------------------------------------------------------------------- */
img.imgLeft{
	float:left;
	padding:0 20px 0 0;
}
img.imgRight{
	float:right;
	padding:0 0 0 20px;
}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}

.paddingRight0 {padding-right:0 !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}

.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}

.paddingLeft0 {padding-left:0 !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}

.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}

.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}

.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize10 {font-size:10px !important;}
.fontSize11 {font-size:11px !important;}
.fontSize12 {font-size:12px !important;}
.fontSize13 {font-size:13px !important;}
.fontSize14 {font-size:14px !important;}
.fontSize15 {font-size:15px !important;}
.fontSize16 {font-size:16px !important;}
.fontSize18 {font-size:18px !important;}
.fontSize20 {font-size:20px !important;}
.fontSize25 {font-size:25px !important;}

/* link
----------------------------------------------------------------------------- */
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*******************************************************************************
**	3.ヘッダー
*******************************************************************************/
header,section,footer{
	width: 950px;
	margin:0 auto;
}
header{
	height: 30px;
	padding:10px 0;
}
#logo{
	width: 120px;
	height: 30px;
	float: left;
	padding-right:30px;
}
#logo img{
	width:100%;
}
#hTxt{
	float: left;
	width: 60%;
}
#sns{
	float: right;
	font-size: 10px;
	width: 20%;
	display: none;
}
/*******************************************************************************
**	4.フッター
*******************************************************************************/
footer{
	margin:60px auto 0 auto;
	text-align: center;
}
footer li{
	display: inline-block;
	padding: 20px 10px 0 10px;
}
#footerInner{
	padding: 20px;
	border-top: double #000;
	border-bottom: double #000;
	margin-bottom: 20px;
}
address{
	padding-bottom: 30px;
}
.privacy{
	margin:10px 0 0 0;
}
.privacy a{
	color:#000;
	text-decoration:underline;
}


/*******************************************************************************
**	5.共通項目
*******************************************************************************/
.sectionBar{
	text-align: center;
	padding: 20px;
	border-top: double #000;
	border-bottom: double #000;
	font-size: 2em;
	margin: 20px 0 40px 0;
}
.contactBox,.brandBox{
	text-align: center;
}
.contactBox img{
	margin-bottom: 5px;
}
.contactTxt{
	margin-bottom:10px;
}
.contactTxt a{
	color:#000;
	text-decoration:underline;
}

.brandBox{
	margin-bottom: 40px;
}
.brandBox p{
	padding-bottom: 20px;
}
.subBar{
	font-weight: bold;
	text-align: center;
	font-size: 2em;
	margin-bottom: 20px;
}
.tel-link{
	/* background:url(../img/img660_common_01.png) no-repeat;
	width:660px;
	height:140px; */
	background: url(../img/img_tel.png) no-repeat;
	width: 163px;
	height: 32px;
	display:block;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	float: right;
	margin-top: -30px;

}
.btnBrandList{
	width:290px;
}


/*******************************************************************************
**	6.トップページ
*******************************************************************************/
#mainImg{
	margin-bottom: 40px;
}
.brandList img{
	width: 100%;
}
.brandList.ladies{
	width: 48%;
	float: left;
	margin-bottom: 20px;
}
.brandList.mens{
	width: 48%;
	float: right;
	margin-bottom: 20px;

}
.brandList h3{
	margin-bottom: 10px;
}
.brandList ul{
		/* background: url(../img/ico40_arrow_01.png) no-repeat; */
		background:#fff8b4 ;
	width: 100%;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.brandList li{
	width: 50%;
	float: left;
	min-height: 30px;
}
.sectionChoice{
	text-align: center;
	margin-bottom: 40px;
}
.sectionChoice li{
	width: 20%;
	margin:0 2%;
	display: inline-block;
}
.sectionChoice img{
	width: 100%;
}
.sectionTrouble ul{
	overflow: hidden;
	padding-bottom: 90px;
	margin-bottom: 30px;
	background: url(../img/ico70_top_01.png) bottom center no-repeat;
}
.sectionTrouble li{
	position: relative;
	font-size: 1.3em;
	margin:0 2.5% 2% 2.5%;
	padding-bottom: 1%;
	width: 45%;
	float: left;
	text-align: center;
}
.sectionTrouble .emphasis{
	color: #ff4e91;
}
.sectionTrouble li:after{
	content:"";
	position: absolute;
	height: 1px;
	width: 100%;
	background-image: linear-gradient(90deg, #000, #000 20%, transparent 20%, transparent 100%);
	background-size: 10px 1px;
	border: none;
	bottom: 0;
	left: 0;
}
/*******************************************************************************
**	7.サブページ
*******************************************************************************/
#mainBar{
	color: #000;
	font-size: 2.6em;
	/*font-weight: bold;*/
	padding: 40px 0;
	text-align: center;
	margin:20px 0 40px 0;
	width: 100%;
	letter-spacing: 0.5em;
	background: url(../img/bg_slash_01.png) repeat;

}
ul#brandChoice {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	background:#CCC;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
}
#brandChoice a{
	display: block;
	padding:16px 10px;
	background:#FFF;
	border:1px solid #CCC;
	line-height: 0;
	color:#000;
	text-decoration: underline;
	margin: 5px 0;
}
#brandChoice a:hover{
	background:yellow;
}
.brandList.sub{
	line-height: 1.6;
	margin-bottom: 40px;
}
.brandList.sub h3{
	font-size: 3em;
	font-weight: bold;
	color: #FF4D92;
	margin-top: 10px;
	margin-bottom: 0;
}
/* 20171005 お問い合わせ追記 */

#contactTitWap{ text-align: center; }
.contactOn, .contactOff{
	margin: 30px 0 80px 0;
	padding: 40px;
}
.contactOn { background-color: #fff8b4; }
.contactOff { background-color: #f6f6f6; }
#contactTit{
	border-top: double #000;
	line-height: 1em;
	padding: 80px 0 40px 0;
	font-size: 4.1em;
	font-weight: bold;
	letter-spacing: 0.5em;
}
#contactTitDisc{
	margin-bottom: 40px;
	padding: 1.2%;
	border: solid 1px #000;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.contactCaution{
	margin-top: 80px;
	padding: 3.5%;
	background-color: #fde308;
	position: relative;
}
.contactCaution::after{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fde308;
	content: '';
}
.contactCaution p{
	font-size: 1.4em;
	font-weight: bold;
	background: url(../img/ico_caution.png) no-repeat;
	background-position: 6%;
	text-align: center;
}
.contactRequired{
	margin: 0 20px;
	padding: 0.5% 1.5%;
	background-color: #ff4e92;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.contactBrand p,.contactKit p,.contactSatei dt,.contactCourse dt,.contactDoui dt{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.titBlack{
	padding: 2%;
	background-color: #333333;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
.contactBrand.contactOn ul{
	width: 47%;
	padding: 4% 3% 5% 0%;
	float: left;
}
.contactConsentBtn01{
	text-align: center;
	font-size: 1.3em;
}
.contactConsentBtn01 label{
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 1.5% 0;
	border: solid 1px #b5b5b5;
	border-radius: 3px;
	background-color: #FFFFFF;
}
.contactConsentBtn01 input{
	position: relative;
	right: 10px;
}
.contactKit.contactOn ul,.contactDoui dl{
	overflow:hidden;
}
.contactKit.contactOn ul li{
	float: left;
	margin-right: 30px;
}
.contactKit.contactOn ul li:nth-child(even){
	margin-right: 0;
}
.contactKit.contactOn dl{
	padding: 5% 0;
}
.contactKit.contactOn dl dt span{
	margin-left: 5px;
	font-size: 1.3em;
	font-weight: bold;
}
input[type="radio"]{
	width: 17px;
	height: 17px;
	margin: 0px 5px;
}
.userDate dl{
	width: 100%;
	border-top: 1px solid #DADADA;
}
.userDate dl:first-child{
	border-top: none;
}
.userDate dl:last-child{
	border-bottom: none;
}
.userDate dl dt{
	display: inline-block;
	width: 40%;
	padding: 2% 0;
	font-size: 1.2em;
}
.userDate dl dd{
	display: inline-block;
	margin: 1% 0;
	padding: 1% 2%;
	border-left: 1px dotted #DADADA;
}
.userDate input[type="text"]{
	width: 350px;
	padding: 4%;
	border: 1px solid #b5b5b5;
	border-radius: 5px;
}
.contactItem input[type="text"] {
    width: auto;
	margin-right: 10px;
	padding:2%;
}
.contactItem dl dd{
	display: block;
	padding: 0;
	border: none;
}
.userDate textarea{
	width: 835px;
	height: 125px;
	padding: 2%;
	border: 1px solid #b5b5b5;
	border-radius: 5px;
	resize: vertical;
	overflow: auto;
}
.contactCustomer label,
.contactSatei label,
.contactMaruchi label,
.contactCourse label span {
    font-size: 1.2em;
}
.contactMaruchi dl dt{
	display: block;
	width: auto;
}
.contactMaruchi dl dd{
	border-left:none;
}
.contactKaitori dl,.contactItem dl{
	border:none;
	border-top:none;
}
.contactKaitori p:nth-child(2){
	font-size: 0.85em;
	margin-top: 5px;
}
.contactCourse label span {
	 font-weight: bold;
}
.policyTit{
	padding:2% 0;
}
.leftIndent{
	padding-left: 3.2%;
}
.contactSatei {
	text-align: center;
}
.contactSatei p{
	margin-top: 30px;
}
.contactDoui p{
	width: 71%;
	float: left;
	padding-bottom: 30px;
}
.contactDoui label {
	display: block;
	padding: 1.5% 0;
	float: right;
	width: 215px;
	text-align: center;
	border: solid 1px #b5b5b5;
	border-radius: 3px;
	background-color: #FFFFFF;
}
.contactDoui input {
	position: relative;
	right: 10px;
}
.contactKiyaku p:first-child{
	font-size: 1.5em;
	text-align: center;
	margin: 20px 0;
	}
.contactKiyaku {
	display: block;
	overflow: auto;
	height: 215px;
	padding: 10px;
	border: 1px solid #DADADA;
	margin: 20px 0;
	background-color: #fff;
}
.contactKiyaku dt{
    text-align: center;
    font-size: 17px;
}
.policyTit span{
	font-size: 1.3em;
	border-bottom: solid 1px;
}
.contactAttention{
	color: red;
	margin-bottom: 10px;
	font-size: 1em!important;
	font-weight: bold!important;
}
.contactBtnWap { overflow: hidden; }
.contactBtnInner {
	margin: 0 auto;

}
.contactBtnInner a {
	margin: 0 auto;
	width: 300px;
}
.contactBtnInner.two { width: 640px; }
.contactBtn{
	width: 300px;
	display: block;
	height: 80px;
	line-height: 80px;
	border-radius: 4px;
	color: #fff;
	background-color: #333;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
.contactAgreement{
	margin-top: 40px;
}
.contactCourse .contactAttention { text-align: center; }
.contactBtnNext {
	background-color: #ff4e92;
}
.contactEndtxt {
	font-size: 1.6em;
	line-height: 2em;
	font-weight: bold;
	text-align: center;
	margin: 80px 0 40px 0;
}
.red{
	font-weight: bold;
	margin-bottom: 30px;
}

.contactSatei .contactAttention,.contactAgreement .contactAttention,.contactBrand .contactAttention{
	text-align: center;
	clear: both;
}
/* クーポンページ */
#coupon{
	padding: 20px;
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
}
#couponBox {
	min-width:543px;
}
#couponBox img{
	width:543px;
	height:457px;
	margin:20px auto;
}
#timelimit{
	margin-bottom: 20px;
	font-weight: bold;
}
#print{
	background: #FF4D92 !important;;
	color: #ffffff !important;;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 3px;
	display: block;
	width: 150px;
	margin: auto;
}

/*タップで表示される青枠線削除用*/
*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: none;
	box-shadow: none;   
	outline: none;
}




/*******************************************************************************
**	8.レスポンシブ
*******************************************************************************/
@media screen and (max-width: 1024px) {
	header,section,footer,img{
		width: 100%;
	}
	header{
		height: 80px;
	}
	#logo{
		float: none;
		text-align: center;
		width: 30%;
		max-width:130px;
		padding: 0px;
		margin: 0 auto 10px auto;
	}
	#hTxt{
		float: none;
		text-align: center;
		width: 100%;
		padding: 0px;
	}
	.contactBox{
		width:95%;
		padding:0 2.5%;
	}
	#mainImg,.contactBox img{
		margin-bottom: 10px;
	}
	.brandBox{
		margin-bottom: 20px;
	}
	.brandBox a{
		display: block;
		width: 70%;
		margin: 0 auto 10px auto;
	}
	.brandBox p {
		padding-bottom: 10px;
	}
	.sectionBar{
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	.brandList h3{
		margin-bottom: 0;
	}
	.brandList.ladies,.brandList.mens{
		width: 95%;
		margin:0 2.5% 5% 2.5%;
		float: none;
	}
	.brandList ul{
		height: 200px;
		overflow: scroll;
		position: relative;
	}
	.brandList ul:before{
		content:"";
		position: absolute;;
		/* background: url(../img/ico40_arrow_01.png) no-repeat; */
		background:#fff8b4 ;
		background-size: contain;
		width: 30px;
		height: 30px;
		bottom: 10px;
		right: 10px;
		opacity:0.5;
	}
	.brandList li{
		width: 100%;
		text-align: center;
	}
	.sectionChoice li{
		width: 40%;
		margin: 2%;
	}
	.sectionTrouble li{
		width: 95%;
		font-size: 1.0em;
		padding-bottom: 4%;
		float: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sectionTrouble li:after{
		background-image: linear-gradient(90deg, #666, #666 50%, transparent 50%, transparent 100%);
    background-size: 10px 1px;
	}
	.sectionTrouble ul{
		padding-bottom: 40px;
		background-size:5%;
		margin-bottom: 10px;
	}
	.subBar{
		font-size: 1.2em;
	}
	footer{
		margin-top: 20px;
	}
	#footerInner{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#footerInner h4{
		font-weight: bold;
	}
	.brandList.sub h3{
		text-align: center;
	}
	.brandList.sub ul{
		width: 95%;
		margin:0 2.5%;
	}
	.tel-link{
		/* background:url(../img/img660_common_01.png) no-repeat; */
		/* background-size:contain;
		width:100%;
		height:1px;
		padding-top:21.21%;
		position:relative; */
		background: url(../img/img_tel.png) no-repeat;
		margin:10px auto;
		float: none;
	}
	.tel-link a{
		display:block;
		width:100%;
		height:100%;
		/* position:absolute;
		top:0; */
	}
	.btnBrandList{
		width:100%;
	}
	#contactTitWap{
		width: 95%;
		padding: 0 2.5%;
	}
	#contactTit{
		font-size: 1.3em;
		padding: 6% 0;
	}
	#contactTitDisc{
		font-size: 1em;
		margin-bottom: 6%;
	}
	.contactCaution{
		margin-top: 6%;
    }
    .contactCaution p{
		font-size: 1em;
		background: none;
	}
	.contactOn, .contactOff {
		margin: 8% 0 8% 0;
		padding: 2.5%;
    }
	.contactBrand p, .contactKit p, .contactSatei dt, .contactCourse dt, .contactDoui dt{
		font-size: 1em;
	}
	.marginBottom40 {
		margin-bottom: 4% !important;
	}
	.contactRequired{
	    margin: 0;
		position: relative;
		right: 5px
	}
	.contactKit.contactOn ul li{
		margin-right: 4%;
		width: 48%;
    }
    .contactBrand.contactOn ul {
		margin-bottom: 4%;
		padding: 4% 3% 5% 0%;
		float: left;
		height: 200px;
		overflow: scroll;
		position: relative;
	}
	.contactKit.contactOn dl dt span{
		margin-left: 0;
		font-size: 1.1em;
	}
	.userDate input[type="text"]{
		width: 91%;
		padding: 4%;
	}
	.userDate dl dt{
		display: block;
		width: 94%;
		padding: 2% 2%;
		font-size: 1em;
	}
	.userDate dl dd {
		display: block;
		margin: 3% 0;
		padding: 0;
		border-left: none;
	}
	.userDate dl{
	}
	.contactCustomer label, .contactSatei label, .contactMaruchi label, .contactCourse label span{
		font-size: 1em;
	}
	.contactItem input[type="text"]{
		width: 83%;
	}
	.userDate textarea{
		width: 95%;
	 }
	.contactSatei p{
	    text-align: left;
	}
	.contactDoui p{
	 	width: 100%;
	 	padding: 3% 0;
	 }
	 .contactKiyaku{
		text-align: left;
		padding: 5px;
		margin: 2% 0;
	}
	 .contactKiyaku dt {
		text-align: left;
		font-size: 1em;
    }
    .contactDoui label{
		width: 99%;
	}
	.contactConsentBtn01 {
		font-size: 1em;
    }
    .contactConsentBtn01 label{
		width: 100%;
		padding: 4% 0;
    }
    .contactBtnInner a{
    	width: 100%;
		padding: 0;
    }
	.contactBtnInner{
		padding: 2.5%;
    }
    .contactBtnInner.two{
		width: 95%;
    }
	.contactBtnInner.two a{
		width: 100%;
	}
    .contactEndtxt{
		font-size: 1.1em;
    }
}