@charset "UTF-8";

/*----------------------------------------------------------
	ORDER 2024 PHP入れ替え後
------------------------------------------------------------*/

	/*repair.htmlにも読み込まれてるので注意すること*/

@media only screen and (max-width: 639px) {
#footer	{padding: 0;}/*修理実績のみ追記*/
}
a{color:#666}


/*order.html*/

/*相談と申し込み　ブロック*/

#soudan,#moushikomi	{padding: 20px 25px;border: 1px solid #ccc;}
#soudan	.ordersubtitle,#moushikomi	.ordersubtitle	{padding: 0 5px 20px 5px;border-bottom: 1px solid #ccc;}
#soudan	.ordersubtitle	span,#moushikomi	.ordersubtitle	span	{margin-left: 1px;color: #A41518;font-size: 110%}
#soudan	{margin: 50px 0;}
#soudan	.line{width: 100%;height: auto;}
#moushikomi	{margin-bottom: 50px}

/*相談*/
.lead	{margin:0 0 20px;padding: 25px 0 0 0;}
.lead	p{margin: 0;}
.lead .strong{margin-bottom: 1.5em;font-size: 140%;font-family: serif;text-align: center}


/*電話とネットの選択*/
#selectcontact	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 20px 0;box-sizing: border-box;}
#selectcontact,#selectcontact	a	{color: #fff;text-decoration: none}
.fortelephone,.forinternet	{-ms-flex-preferred-size: 48.5%;flex-basis: 48.5%;height: 85px;text-align: center}
#selectcontact	.icon	img{width: 100%;height: auto;}
.fortelephone	.icon{display: inline-block;width: 20px;margin-right: 5px;}
.forinternet	.icon{display: inline-block;width: 15px;margin-right: 8px;}

.forinternet	.fa-chevron-right{margin-left: 10px;}
.forinternet	.fa-angle-right{margin-left: 10px;}
.fortelephone	{background: #757784;}

.fortelephone		ul	li{line-height: 130%;text-align: center}
.fortelephone		ul	li:first-child{font-size: 25px;letter-spacing: 1px}

.fortelephone	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.forinternet	{}
.forinternet	p	{display:block;height: 100%;margin: 0;font-size: 19px;box-sizing: border-box}
.forinternet	a	{display:block;height: 100%;padding-top: 6%;background: #393f67;color: #fff;transition: all 0.5s;box-sizing: border-box}
.forinternet	a:hover	{background: #333;opacity: 1;}

@media only screen and (max-width: 640px) {
.forinternet	a	{padding-top: 6%;}/*追記*/
}

@media only screen and (max-width: 480px) {
.forinternet	a	{padding-top: 7%;}/*追記*/
}
@media only screen and (max-width: 414px) {
.forinternet	a	{padding-top: 8%;}/*追記*/
}


@media only screen and (max-width: 360px) {
.forinternet	a	{padding-top: 8.5%;}/*追記*/
}



/*修理の申し込み・無料見積り依頼*/
.ordersubtitle	{font-size: 21px;}

/*来店と配送*/
#selectshopordelivery	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 50px 0 0 0;}
#selectshopordelivery	img{width: 100%;height: auto;}
.raiten,.delivery	{-ms-flex-preferred-size: 48%;flex-basis: 48%;position: relative;min-height: 530px;}
.raiten	{}
.delivery	{}

#selectshopordelivery	h3{margin-bottom: 1em}
#selectshopordelivery	p	{margin: 0;}
#selectshopordelivery	div.linkbutton	{position:absolute;bottom: 0;width: 100%;margin-top: auto;display:block;}

.gonextpage	{padding-bottom: 25px;}
.gonextpage	a{position:relative;display: block;padding: 20px 20px;background: #393f67;color: #fff;font-size: 18px;text-decoration: none;line-height: 1em;transition: all 0.5s;}
.gonextpage	a	.fa-angle-right{position:absolute;top: 30%;right: 20px;}
.gonextpage	a:hover{background: #333;color: #fff}






@media only screen and (max-width: 768px) {
#soudan,#moushikomi	{padding: 15px;}
#soudan	{margin: 20px 0;}
#soudan	.ordersubtitle,#moushikomi	.ordersubtitle	{padding: 0 0 15px 0;font-size: 19px;}


.lead	p:last-child{margin: -10px 0 0 0;}

#moushikomi	{margin-bottom: 30px}

.forinternet	p	{margin: 0;font-size: 16px;}

#selectcontact,#selectshopordelivery	{display: block;}
#selectcontact	{margin: 20px 0 10px 0;}
#selectshopordelivery	{margin: 30px 0 0 0;}
.fortelephone,.raiten	{margin-bottom: 20px;}
.raiten,.delivery	{min-height: auto}
.raiten	{padding-bottom: 20px;border-bottom: 1px solid #ccc;}
#selectshopordelivery	div.linkbutton	{position:relative;margin-top: 20px;}
.gonextpage	{padding-bottom: 20px;}
.gonextpage	a{padding: 20px 10px;}
.gonextpage	a	.fa-angle-right{top: 35%;right: 10px;}
}

/*orderform.html / contactus.html*/

.orderformttle	{border: none}



.itemselect	{padding: 15px;background: url("../image/order_select.png");font-size: 120%;}

.blkmargin	{margin-bottom: 40px;}

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

.hissu{margin-right: .7em;padding: 3px;border-radius: 3px;color:white;background: #7481ac;font-size: 80%;}

.inputblockwrap	{border-bottom: 1px solid #ccc;}
.inputblockwrap.top	{border-top: 1px solid #ccc;}
.inputblock	{ display: flex;padding: 25px 10px;}

.inputblock.multibleblock	{ padding: 0 10px 20px 10px;}
.inputblock	dt	{width: 25%;}
.inputblock	dd	{width: 75%;}

.inputblock.otherselect	{ display: block;}
.inputblock.otherselect	dt	{width: 100%;margin-bottom: 15px;}
.inputblock.otherselect	dd	{margin-left: 25%}


select	{font-size: 90%;}
input,textarea	{font-size: 110%;}

.namae	{margin-left: 1em}
.banchi	{display: inline-block;padding-top: .5em;}

.packingkit	strong	{font-weight: bold;}
.packingkit	label	{margin:　0 1em 1em 0;font-size: 120%;}
.packingkit	label	p{margin-bottom: 0}

.ordertitle	{margin-bottom: 20px;padding: 10px 20px;font-size: 150%;font-weight: normal; border-left: 1px solid #000;}

		/*TEXT*/
	input[type="text"] ,input[type="email"] ,textarea{max-width: 30em;width:100%;padding:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #ccc;border-radius: 4px;}

input[type="text"]:focus,input[type="email"]:focus,
textarea:focus {box-shadow: 0 0 2px #aab3d2;border: 1px solid #aab3d2;}

input[type=text].simei1,	input[type=text].simei2	{max-width: 15em;margin-left: 15px;}
input[type=text].zip	{max-width: 15em;margin-left: 15px;}

input[type=radio],input[type=checkbox]{margin-right: 15px;}
input[type="radio"]:checked + span,input[type="radio"]:checked,input[type="checkbox"]:checked + span,input[type="checkbox"]:checked { padding-bottom: 2px;border-bottom: 1px solid #21adba;}

input[type="text"].othermaterial	{max-width: 250px;}

.naiyo	{with: 100%;min-height: 10em}
textarea	{line-height: 170%;}

	/*SELECT*/
	.select-wrap{position:relative;width:100%;max-width:250px;}
	.select-wrap:before{position:absolute;right:15px;top:50%;transform:translateY(-50%) translateX(0);content:'';width:15px;height:15px;background:url(../image/select.png)no-repeat;background-size:contain}
	.select-wrap select{width:100%;outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:40px;padding:5px;border:1px solid #ccc;background-color:#fff;border-radius:5px}
	.select-wrap select::-ms-expand{display:none}
	

.bottomattention	{margin-bottom: 100px;padding: 25px 35px 10px 35px; border-top: 1px solid rgba(0,0,0,.1);border-left: 1px solid rgba(0,0,0,.1);box-shadow: 2px 2px 4px rgba(0,0,0,.2);font-size: 90%;}
.bottomattention	p{ display: block;padding: 5px;border-bottom: 1px dotted #9ea1b6;}
	
	/*ボタンリセット*/
	input[type=button],input[type=submit],input[type=reset]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:0;box-sizing:border-box;cursor:pointer}
	input[type="button"]::-webkit-search-decoration,input[type="submit"]::-webkit-search-decoration,input[type="reset"]::-webkit-search-decoration{display:none}
	input[type="button"]::focus,input[type="submit"]::focus,input[type="reset"]::focus{outline-offset:-2px}
	
.submitbuttonarea	{display: flex;justify-content: space-evenly;margin: 50px 0;}
input[type="submit"],input[type="reset"],input[type="button"]{width: 35%;height: 50px;line-height: 50px;border: none;background: #7481ac;color: #fff;border-radius: 4px;text-align: center;text-decoration: none;}
	input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{opacity: .5;}

/*サンクスページ　トップへ戻るボタン*/
.submitbuttonarea	a{width: 35%;height: 50px;line-height: 50px;font-size: 17px;border: none;background: #7481ac;color: #fff;border-radius: 4px;text-align: center;text-decoration: none;}
.submitbuttonarea	a:hover{opacity: .5;}

.sponly	{display: none;}

.octtle	{margin: 0 0 20px 0}

.form {border:1px solid #ccc; border-collapse:collapse; margin-top:1em;}
.form th,.form td { text-align:left; border:1px solid #ccc;padding:8px; font-weight:normal;line-height: 1.5em;}
.form th { background:#efefef; }
.form td {width:500px; }

p.msg { color:#dd0000; margin:2em;line-height: 170%; }

.to-orderlaw	{padding: 40px 10px;text-align: center}
.to-orderlaw	span{display: inline-block;text-align: left}
.to-orderlaw	a	{color: #0a5c7a}

@media only screen and (max-width: 1023px) {
#orderarea	{width: 96%;margin: 0 2%;}
.lead	img	{width: 100%;height: auto;}
.lead .strong,.towebform	{text-align:left}
.inputblock	{ display: block;}
.inputblock	dt	{width: calc(100% - 20px);margin-bottom: 15px;padding: 10px;background: #f5f5f5;}
.inputblock	dd	{width: 100%;}
.inputblock.otherselect	dd	{margin-left: 0}
}


@media only screen and (max-width: 768px) {
#orderarea	{width: 94%;margin: 0 3%;}
}

@media only screen and (max-width: 640px) {
.sponly	{display: inline;}

.lead .strong	{font-size: 110%;}
.namae	{display: block;margin-top: 15px;margin-left: 0}
.itemselect	{font-size: 100%;}
.bottomattention	{margin-bottom: 50px;padding: 15px 20px 10px 20px;}
input[type="text"].othermaterial	{margin-top: 10px;}
input[type="text"],input[type="email"],.naiyo	{width: 96%;}

.form { width: 100%;border:none;border-top: 1px solid #ccc; }
.form th,.form td {display: block;width: auto;border:none;}
.form td { border-bottom: 1px solid #ccc;}
}

@media only screen and (max-width: 480px) {
input[type="submit"],input[type="reset"],input[type="button"]	{width: 48%;}
.inputblockwrap	label {display: inline-block;padding: 7px 0;}
}


/*メールの注意書き*/
.contactus-attention	{margin: 30px 0 20px;padding: 10px 15px;border: 1px solid #173d82;color: #173d82;font-size: 0.8rem}
.contactus-attention	a{padding: 0 0.45em;color: #173d82;font-size: 0.9rem;font-weight: bold;letter-spacing: 0.05em;}
.contactus-attention	.line{background: linear-gradient(transparent 70%, #e5edfa 0%);font-weight: bold}

.contactus-attention-02	{margin: 30px 0 20px;padding: 10px 15px;border: 1px solid #990066;color: #990066;font-size: 0.8rem}
.contactus-attention-02	strong{display: block;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid #990066;font-size: 0.9rem;font-weight: bold;}
.contactus-attention-02	a{padding: 0 0.45em;color: #990066;font-size: 0.9rem;font-weight: bold;letter-spacing: 0.05em;}
.contactus-attention-02	.line{background: linear-gradient(transparent 70%, #e5edfa 0%);font-weight: bold}

/*エラーページ PHP*/

.form-error	{color: #333}
.form-error	h4{margin-bottom: 1em;color: #8f1f42}

.formWrap,.formWrap	textarea,table.formTable td, table.formTable th {line-height: 1.3em;}
table.formTable {width:100%;margin:0 auto;border-collapse:collapse;}
table.formTable td, table.formTable th {padding:10px;border:1px solid #ccc;}
table.formTable th {width:30%;font-weight:normal;background:#efefef;text-align:left;}

@media screen and (max-width:768px) {
table.formTable th, table.formTable td {display:block;width:auto;padding:10px;}
table.formTable th {margin-top:15px;	border-bottom:0;}
}