@charset "shift_jis";
/**
 *
 *  お問い合わせ
 *
 */


/*--------------------------------------------------------------------------
   overwrite  - 上書き -
---------------------------------------------------------------------------*/
/*
.caution:first-letter,
.list-caution li:first-letter,
.form-top .notice li:first-letter{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
*/
._mt0{
	margin-top:0 !important;
}
.promoOn #crumbslist{
	margin-top: -25px;
}
#crumbslist{
	margin-bottom:0;
	margin-top: -40px;
}
@media all and (max-width: 767px){
	.promoOn #crumbslist{
		margin-top: calc(100vw/(750/266) - 70px);
	}
	#crumbslist{
		margin-top: calc(100vw/(750/206) - 70px);
	}
}
.sec-cont .form-base:first-child{
	padding-top:29px;
	border-top:1px solid #C2C2C2;
}
.sec-cont .ttl-form{
	width: 240px;
}
.sec-cont .lower{
	width:750px;
}
.sec-cont .caution span{
	display:block;
	color:#333;
	margin-top:10px;
	padding-left:0;
	text-indent:0;
}
.sec-cont .set-address02 .caution{
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.sec-high > label span{
	font-weight:normal;
}
.set-code .btn-address{
    float:left;
    margin-left:140px;
}
.block-next{
	margin: 15px 0 0;
	padding-top: 30px;
}
.block-next .listen{
	margin: 5px 0 25px;
}
.red{
	color:#F00;
}
.mt10{ margin-top:10px; }
.mb20{ margin-bottom:20px; }
#mainform h2{
    margin-bottom:0.8em;
    padding:0 0.5em;
	font-size:18px;
    font-weight:bold;
    border-left:5px solid #001489;
}

@media all and (max-width: 767px) {
	.block-next{
		margin-bottom:0;
		padding-top:20px;
	}
	.sec-cont .ttl-form{
		width:auto;
	}
	.sec-cont .lower{
		width:auto;
	}
	.set-code .btn-address{
		float:none;
		margin-left:0;
	}
    #mainform h2{
		font-size:109%;
    }
}

/*--------------------------------------------------------------------------
   .form-top
---------------------------------------------------------------------------*/
.contact-tit{
    font-size:110%;
    font-weight: bold;
}
.contact-address{
	margin-top:25px;
}
.contact-box{
}
.contact-box.left{
	width:85%;
}
.contact-box.left li:first-child {
    margin: auto 0 auto 7px;
    border-right:none;
}
.contact-box.left li:last-child {
    margin-right:0px;
}
.contact-box.right{
	width:280px;
	float:right;
}
.contact-box li{
    width:20%;
	padding-top:10px;
}
.contact-box.left li{
	float:left;
}
.contact-box .btn a {
    display: inline-block;
    width: 75%;
    padding: 10px;
    text-align: center;
    background: #111;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
.contact-box .btn a span {
	display:inline-block;
	line-height:1.3;
}
.contact-box .btn a:hover{
	background-color:#4C4CB7;
	color:#FFFFFF;
}
.contact-box .btn._type02 a{
	background:#737E88;
}
.contact-box .btn._type02 a:hover{
	background-color:#9DA5AC;
}
.contact-box .txt{
	margin-top:11px;
}
.contact-box .txt a:hover{
	color:#333;
}
.contact-box.bottom{
	display:table;
	margin:0 auto;
	width:820px;
	padding:15px 10px;
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#F2F4F7;
	border:1px solid #D9DBDE;
}
.contact-box.bottom li{
	display:table-cell;
	width:400px;
	height:85px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}
.contact-box.bottom li:first-child{
	border-right:1px dashed #BABBBD;
}
.contact-box.bottom li .contact{
	font-weight:bold;
}

@media all and (max-width: 767px) {
	.contact-address{
		margin-top:15px;
	}
	.contact-box{
		padding: 10px 19px 20px;
	}
	.contact-box li{
		padding-top:0;
	}
    .contact-box.left{
        width:100%;
        height:100px;
    }
	.contact-box.left li:first-child{
        margin:auto 0 0;
		padding:7px;
		border-right:none;
		border-bottom:none;
	}
	.contact-box.left li {
    	margin-right: 0px;
    	padding: 7px;
    	box-sizing: border-box;
    	width: 50%;
	}
	.contact-box.right{
		width:auto;
		float:none;
		margin-top:10px;
	}
	.contact-box .btn a {
    	width: 100%;
    	padding: 6px;
	}
	.contact-box.bottom{
		display:block;
		width:100%;
	}
	.contact-box.bottom li{
		display:block;
		font-size:93%;
		width:auto;
		height:auto;
	}
	.contact-box.bottom li:first-child{
		border:none;
	}
}

/* .notice
----------------------------------------------------------------*/
.form-top{
	padding-bottom:20px;
	border-bottom:none;
}
.form-top .notice{
	margin:28px 0 26px;
}
.form-top .notice ul{
    border:1px solid #ccc;
    padding:10px;
    margin:5px 0 0 0;
}
.form-top .notice li{
	padding-left:1em;
	text-indent:-1em;
	font-size:86%;
}
.form-top .notice li .em{
	color:#E50012;
}
.form-top .notice li .em a{
	color:#E50012;
}
.form-top .notice li .bold{
	font-weight:bold;
}

.form-top .notice .tit{
    font-size:86%;
}
.form-top .notice li:last-child{
    text-indent:0;
}
.form-top .notice .for-pc{ display:inline-block; }

@media all and (max-width: 767px) {
	.form-top .notice{
		margin-top:10px;
		margin-bottom:15px;
	}
    .form-top .notice .for-pc{ display:none; }
    .form-top .notice .for-sp{ display:inline-block; }

}



/*--------------------------------------------------------------------------
   .sec-input-base
---------------------------------------------------------------------------*/
.sec-cont .caution a:link,
.sec-cont .caution a:hover,
.sec-cont .caution a:visited,
.sec-cont .caution a:active{
	color: #E50012;
}
.set-reply .sec-high label{
	float:left;
	margin-right:30px;
	margin-top:6px;
	margin-bottom:0;
	font-size:109%;
}
.set-reply .sec-high label:first-child{
	margin-top:6px;
}
.set-genre .sec-high label{
	margin:8px 0;
}
.set-genre .sec-high label:first-child{
	margin-top:8px;
}
.set-reply .sec-high label.reply01{
	width:65px;
}
.set-reply .sec-high label.reply02{
	width:98px;
}
.set-reply .sec-high label.reply03{
	width:75px;
}
.set-reply .sec-high label.reply04{
	width:50px;
}

.set-item .asset_input-base input{
	width:490px;
}
.set-item .asset_input-base textarea{
	width:100%;
	height:150px;
	padding:10px;
	border:1px solid #C3C3C3;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	resize: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.block-next p label {
    background: #111;
}
.block-next p label:hover{
	background:#4D5BAD;;
}

.set-name .asset_input-base.for-ie p{
	width: 211px;
	margin-right:4px;
}

@media all and (max-width: 767px) {
	.set-reply .sec-high label{
		width:50%;
		margin-right:0;
		margin-top:7px;
		margin-bottom:3px;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.set-reply .sec-high label:first-child{
		margin-top:7px;
	}
	.set-item .asset_input-base input{
		width:100%;
	}
	.set-item .asset_input-base textarea{
		height:135px;
		font-size: 86%;
	}
	.set-name .asset_input-base.for-ie p{
		width: 45%;
		margin-right:0;
	}
	.set-name .asset_input-base.for-ie p:first-child{
		margin-right:4%;
	}
	.set-reply .sec-high label.reply01,
	.set-reply .sec-high label.reply02,
	.set-reply .sec-high label.reply03,
	.set-reply .sec-high label.reply04{
		width:100%;
	}
}

/*--------------------------------------------------------------------------
   プレースホルダ用
---------------------------------------------------------------------------*/
.set-tel .asset_input-base.for-ie{
	margin:-7px 0 10px 0px;
}
.set-address02 .asset_input-base.for-ie{
	margin-top:3px;
}
.set-conf .asset_input-base.for-ie{
	margin-top:3px;
}
.set-id .asset_input-base.for-ie{
	margin-top:3px;
}
.asset_input-base.for-ie._type01{
	margin-top:3px;
}

@media all and (max-width: 767px) {
	.set-tel .asset_input-base.for-ie{
		margin:3px 0 10px 0;
	}
}



/*--------------------------------------------------------------------------
   確認画面
---------------------------------------------------------------------------*/
.confirm .conf-base.no-line{
	border:none;
	padding-bottom:0;
}
.confirm .sp-br{
	display:none;
}
@media all and (max-width: 767px) {
	.confirm .sp-br{
		display:block;
	}
}


/*--------------------------------------------------------------------------
   btn-func
---------------------------------------------------------------------------*/
.btn-func{
	text-align:center;
}
.btn-func li{
	display:inline-block;
	margin:0 10px;
}
.btn-func .btn-edit label {
    display: block;
    width: 130px;
    margin: 0 auto;
    padding: 16px 0;
    border: 2px solid #111;
    background-color: #FFF;
    cursor: pointer;
    text-align: center;
}
.btn-func .btn-edit label:hover{
	background-color:#E0E6FE;
}
.btn-func .btn-edit label input {
    padding-left: 27px;
    background: url(/static/mallDefault/images/v2/common/ico_pen_pc.png) no-repeat 0 10px;
    color: #111;
    font-size: 115%;
    border: none;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}
.btn-func .btn-input label {
    display: block;
    width: 310px;
    margin: 0 auto;
    padding: 18px 0;
    background-color: #111;
    cursor: pointer;
    text-align: center;
}

.btn-func .btn-input label:hover{
	background-color:#4D5BAD;
}
.btn-func .btn-input label input{
	padding-left:15px;
	background:url(/static/mallDefault/images/v2/common/ico_arw14.png) no-repeat 0 55%;
	color:#FFF;
	font-size:115%;
	border:none;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

@media all  and (max-width: 767px){
	.btn-func{
		overflow:hidden;
	}
	.btn-func li{
		float:left;
		display:block;
		width:65%;
		margin:0;
	}
	.btn-func li:first-child{
		width:30%;
		margin:0 5% 0 0;
	}
	.block-next .btn-func li label input{
	  font-size: 100%;
	}
	.btn-func .btn-edit label{
		width:100%;
		padding: 13px 0 12px 0;
	}
	.btn-func .btn-edit label:hover{
		background-color:#E0E6FE;
	}
	.btn-func .btn-edit label input{
		padding-left:20px;
		background:url(/static/mallDefault/images/v2/common/ico_pen_sp.png) no-repeat 0 49%;
		background-size:14px;
	}
	.btn-func .btn-input label{
		width:100%;
		padding: 15px 0px 14px 0;
	}
	.btn-func .btn-input label:hover{
		background-color:#4D5BAD;
	}
}


/*--------------------------------------------------------------------------
	完了画面
---------------------------------------------------------------------------*/
.complete .sec-input-base .txt{
  font-size:28px;
  font-weight:bold;
  text-align:center;
}
.complete .sec-input-base .desc{
	margin-top:15px;
    text-align:center;
}
.complete .sec-input-base .contact-box{
	width:420px;
	margin:0 auto;
	padding:30px 0 35px;
	text-align:center;
}
.complete .sec-input-base .contact-box li{
	display:block;
	width:auto;
	height:auto;
	padding-top:0;
}
.complete .sec-input-base .contact-box li:first-child{
	border:none;
}
.complete .sec-input-base .btn-back li a{
	display:block;
	width:290px;
	margin:40px auto 0;
	padding:16px 10px;
	text-align:center;
	border:2px solid #C6C6C6;
	font-size:108%;
	font-weight:bold;
	text-decoration:none;
}
.complete .sec-input-base .btn-back li a span{
	padding-left:25px;
	background:url(/static/mallDefault/images/v2/cart/ico_back_pc.png) no-repeat 0 50%;
}
.complete .sec-input-base .btn-back li a:hover{
	color:#333333;
	background-color:#E8E8E8;
}

@media (max-width: 767px){
    .complete .sec-input-base .desc {
    /*margin-top:5px;*/
    text-align: left;
    }
}

@media all and (max-width: 767px) {
	.complete .asset_ttl_cmn{
		margin-bottom:27px;
	}
	.complete .sec-input-base .txt{
    	font-size: 131%;
	}
	.complete .sec-input-base .contact-box{
		width:auto;
		padding:20px 0 15px;
	}
	.complete .sec-input-base .btn-back li a{
		width:auto;
		margin:20px auto 0;
		padding:10px 10px 9px;
	}
	.complete .sec-input-base .btn-back li a span{
    padding-left: 25px;
    background: url(/static/mallDefault/images/v2/cart/ico_back_sp.png) no-repeat 0 50%;
    background-size: 14px 10px;
	}
}