﻿@charset "UTF-8";
/* ------------------------------------------------------------
	Zeroing out the margins and paddings
------------------------------------------------------------ */
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
}
/* ------------------------------------------------------------
	HTML, Body, Anchor
------------------------------------------------------------ */
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	font-size: 16px;
	line-height: 1.2;
}
/* ------------------------------------------------------------
	Forms
------------------------------------------------------------ */
input, textarea, select {
	padding:8px 3px;
	font-size: 114%;
	border: 1px solid #999999;
	vertical-align: middle;
	border-radius: 5px;
	outline:0;
}

select {
	padding:2px 45px 2px 6px;
	font-size: 129%;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	background:url(/hikkoshi/m/smt/images/step/select_arrow.jpg) no-repeat;
	background-position: right center;
	background-size:34px 108px;
	background-color:#FFF;
}

label, button {cursor: pointer;}

textarea {
	padding: 8px;
	border: 1px solid #999999;
	overflow: auto;
	width: 90%;
	height: 3.5em;
}

input[type=number],
input[type=text]{
	margin-bottom:6px;
	width:85%;
}

input[type=radio]{
		margin:-4px 5px 0 0;
}
input#tel,
input#email {
	margin-bottom:5px;
	width:90%;
}

fieldset {border: none;}

/* --- checkbox --- */
input[type=checkbox]{
	/*border: 1px solid #555;*/
	border: none;
	padding: 0.5em;
	font-size: 92%;
	line-height: 1.2em;
	width: 80%;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	-webkit-appearance: none;
	-webkit-box-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 0.5em;
}
input[type=checkbox] {
	display: inline-block;
	font-size: 15px;
	line-height: 1em;
	margin: 0 0.25em 0 0;
	padding: 0;
	/*width: 1.25em;
	height: 1.25em;*/
	width: 25px;
	height: 25px;
	-webkit-border-radius: 0.25em;
	vertical-align: text-top;
	background-image: url(/hikkoshi/m/smt/images/step/checkbox.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	-webkit-background-size: 25px 50px;
}
input[type=checkbox]:checked {
	background-position: 0 0;
}
/* ------------------------------------------------------------
	other
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
img {border: none; vertical-align: middle;}
em, strong {font-weight: bold; font-style: normal;}
table {border-collapse:collapse;}
mark {font-weight: bold;}
object {vertical-align: middle; outline: none;}
p {margin-bottom:5px;}
ul,ol {list-style:none;}
a {color:#0066CC; -webkit-tap-highlight-color: rgba(00,33,99,0.1);}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.faceBold {font-weight:bold;}
.faceRed {color:#F00; font-weight:normal;}
.faceBoldRed {color:#F00; font-weight:bold;}
.faceBoldSiteColor {color:#1F661F; font-weight:bold;}
.note {
	margin-bottom:5px;
	color:#666666;
	font-size:77%;
	padding-left:1em;
	text-indent:-1em;
}

ul li.note {
	margin-bottom:0 !important;
}

ul li.note.faceRed {
	color:#F00;
}

ul li.note .note {
	font-size:100%;
}

ul li.note div {
	padding-left:0;
	text-indent:0;
	font-size:16px;
}

ul li.note div .note {
	font-size:77%;
	padding-left:1em;
	text-indent:-1em;
}



/* ##################### リセットここまで(*ここより上、基本編集不可) ##################### */

input[type="tel"],
input[type="text"],
input[type="email"],
select{
	margin:3px 0 5px;
}
#name_kanji_1,
#name_kanji_2,
#name_kana_1,
#name_kana_2{
	margin-left: 6px;
	width:83%;
}
#answer_Q_zip_A{
	margin-left: 4px;
}
/*---------------------------------------
.titleBlock h1
----------------------------------------*/
#contents .titleBlock {
	padding: 5px;
}
#contents .titleBlock div {
	margin: 0 0 10px;
	padding:0 0 0 5px;
	border-color:#CED1E6;
	border-style:solid;
	border-width:1px;
	background-color:#3D923F;
	border-radius:5px;
}
#contents .titleBlock h1 {
	padding:10px 10px 10px 5px;
	font-size:114%;
	font-weight:bold;
	border-radius:0 5px 5px 0;
	background: linear-gradient(center top , #FFFFFF, #EBEBEB) repeat scroll 0 0 transparent;
	/*webkit*/
	background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#FFFFFF), to(#EBEBEB));
}

/*---------------------------------------
h2
----------------------------------------*/
#contents h2 {
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color:#060;
	color:#FFF;
	font-size:114%;
	font-weight:bold;
}

/*---------------------------------------
h3
----------------------------------------*/
#contents h3 {
	margin-bottom: 5px;
	padding-left: 10px;
	background:#FFFFFF url(/hikkoshi/images/title_common_sub.gif) no-repeat scroll left bottom;
	font-weight: bold;
	font-size: 114%;
	height: auto !important;
	min-height: 26px;
}
#contents .contentBlock > h3 {margin-bottom:10px}

/*---------------------------------------
.tipped
----------------------------------------*/
#contents input.tipped,
#contents select.tipped,
#contents textarea.tipped {color: #999;}



/*---------------------------------------
#wrapper
----------------------------------------*/
#wrapper {
	padding-bottom:0px;
	width:auto;
	background-image: none;
}

/*---------------------------------------
#innerWrapper
----------------------------------------*/
#innerWrapper {background-image: none;}

/*---------------------------------------
#headerWrapper
----------------------------------------*/
#headerWrapper {
	margin-bottom:10px;
	padding-top: 10px;
	border-top:6px solid #3D923F;
}
#headerWrapper h1 {
	text-align:center;
	font-size:152%;
	font-weight:bold;
}
#headerWrapper h1 img.logo {
	width:300px;
}
/* otokunihikkoshi */
#headerWrapper.otokunihikkoshiHeader {
	padding-top:10px;
	border-top:none;
}
#headerWrapper.otokunihikkoshiHeader h1 {
	padding-left:10px;
	text-align:left;
}
/* hikkoshiomitsumori */
#headerWrapper.hikkoshiomitsumoriHeader {
	padding-top:10px;
	border-top:none;
}
#headerWrapper.hikkoshiomitsumoriHeader h1 {
	padding-left:10px;
	text-align:left;
}
/* livesense */
#headerWrapper.livesenseHeader {
	padding-top:10px;
	border-top:none;
	text-align:center
}
#headerWrapper.livesenseHeader h1 img {
	width:96.8%;
}
/* ieshilHeader */
#headerWrapper.ieshilHeader {
	padding-top:10px;
	border-top:none;
	text-align:center
}
#headerWrapper.ieshilHeader h1 img {
	width:96.8%;
}

/*---------------------------------------
#contents
----------------------------------------*/
#contents {}
#contents .contentBlock {padding:5px 10px;}

/*--------------------------------------- pageStep ----------------------------------------*/
/*--------------------
.indicatorBlock
--------------------*/
#contents .indicatorBlock {margin-bottom: 10px;}
#contents .indicatorBlock .stepIndicator3,
#contents .indicatorBlock .stepIndicator4 {
	border-top: 1px solid #399242;
	border-bottom: 1px solid #399242;
	overflow: hidden;
	clear: both;
}
#contents .indicatorBlock .stepIndicator3 li,
#contents .indicatorBlock .stepIndicator4 li {
	text-align: center;
	float: left;
	color: #999;
	font-weight: bold;
}
#contents .indicatorBlock .stepIndicator3 li span,
#contents .indicatorBlock .stepIndicator4 li span {
	padding:3px 0;
	display: block;
	font-weight: bold;
	font-size: 92%;
}
#contents .indicatorBlock .stepIndicator3 li.select span,
#contents .indicatorBlock .stepIndicator4 li.select span {
	margin:3px;
	padding:3px 8px 3px 0;
	color: white;
	background: #399242 url(/hikkoshi/m/smt/images/step/indicator_select_bg.gif) no-repeat right center;
}
#contents .indicatorBlock .stepIndicator3 li:last-child.select span,
#contents .indicatorBlock .stepIndicator4 li:last-child.select span {
	margin:3px;
	padding:3px;
	background-color: #399242;
	background-image:none;
	border-radius: 3px;
}
.stepIndicator3 li{
	width: 33%;
}
.stepIndicator3 li:last-child {
	width: 34%;
}
.stepIndicator3 li:last-child span {
	padding:3px 0 !important;
	background-image: none !important;
	border-right: none !important;
}
.stepIndicator4 li{
	width: 25%;
}

/*--------------------
.offerBnr
--------------------*/
.offerBnr {
	margin:3% auto;
	max-width:640px;
}

.offerBnr img {
	width:100%;
	height:auto;
	max-height:640px;
}

/*---------------------------------------#inputArea----------------------------------------*/
#contents #inputArea {}

#contents #inputArea .nextStep {
	margin:20px 10px 15px;
	padding:8px;
	border:2px solid #999;
}

/* 補足 */
#contents .example {font-size:77%;}
#contents .attention {font-size:77%; color:#F00; display:block;}
/* エラー */
#contents p.error {
	margin: 8px 0 0;
	padding: 8px 10px;
	background-color: #FFFFCC;
	border: 1px solid #FF0000;
	color: #FF0000;
	font-weight: bold;
	position: relative;
	z-index: 9999;
}
#contents p.error img {position: absolute; top: -8px; left: 8px;}

/*--------------------
#currentAddress,#newAddress,#scheduleMoving
--------------------*/
#startEstimate {
	margin-bottom:20px;
}

#currentAddress dt,
#newAddress dt,
#scheduleMoving dt,
#personalInformation dt {margin-bottom:5px; font-size:107%;}

#currentAddress dl,
#newAddress dl,
#scheduleMoving dl,
#personalInformation dl {}

.inputFields > li {margin-bottom:15px;}

.inputFields > li:last-child {margin-bottom:0px;}

#dispAddress {
	font-weight:bold;
	font-size:125%;
}
#startEstimate .selectPref,
#newAddress .selectPref,
#newAddress .selectCity{
	margin: 3px 0 5px;
	padding:8px 45px 8px 6px;
	border: 1px solid #999;
	font-size: 114%;
	width:263px;	background:url(/hikkoshi/m/smt/images/step/select_arrow.jpg) no-repeat;
	background-position: right center;
	background-size:34px 108px;
	background-color:#FFF;
    border-radius: 5px;
	box-sizing: border-box;
}
/*--------------------
selectPrefArea
--------------------*/
#selectPrefArea,
#selectCityArea{
	display: none;
	background: #fff;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 100000;
}
#selectPrefArea .modalClose,
#selectCityArea .modalClose{
	position: absolute;
	width:10.6%;
	padding:3.2%;
	top:0;
	right:0;
	box-sizing: border-box;
}
#selectPrefArea .modalClose img,
#selectCityArea .modalClose img{
	width:100%;
}
#selectPrefArea .prefBlock{
	margin:11.46% auto 0;
	width:85.33%;
	height:85%;
	border:1px solid #CCC;
	border-radius: 5px 5px 0 0;
	overflow:hidden;
}
#selectPrefArea .prefBlock h2{
	padding:2.8%;
	background: #D5EED6;
	font-weight: bold;
	font-size:87%;
	border-bottom:1px solid #3D923E;
}
#selectPrefArea .prefBlock ul{
	height:94.3%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#selectPrefArea .prefBlock li{
	display: block;
	border-bottom:1px solid #ccc;
	padding: 4.4% 3.7% ;
	font-size:119%;
}
#selectPrefArea .prefBlock li:last-child{
	border-bottom: none;
	padding-bottom: 5.5%;
}
#selectPrefArea .prefBlock li.selected{
	background: #D5EED6;
	color:#3D923E;
	font-weight: bold;
}
#selectCityArea .cityBox{
	margin:10% auto 0;
	width:85.33%;
	height:90%;
	border-radius: 5px 5px 0 0;
	/*overflow:hidden;*/
}
#selectCityArea .cityBox ol{
	height:100%;
}
#selectCityArea .cityBox h2{
	padding:2.8%;
	font-weight: bold;
	font-size:87%;
	border-radius: 5px 5px 0 0;
}
#selectCityArea .cityBlock01{
	margin-bottom:2%;
}
#selectCityArea .cityBlock01 ul{
	margin-top: 3.1%;
}
#selectCityArea .cityBlock01 h2{
	border-bottom: 1px solid #3D923E;
	background:#D5EED6;
}
#selectCityArea .cityBlock01 li{
	margin:0 3% 3.12% 0;
	padding-top:0.4em;
	border:1px solid #ccc;
	display:inline-block;
	width:14%;
	height:2em;
	font-size: 119%;
	text-align: center;
	box-sizing: border-box;
	border-radius:5px;
}
#selectCityArea .cityBlock01 li:nth-child(6){
	margin: 0;
}
#selectCityArea .cityBlock02{
    display: block;
	height: 66%;
}
@media screen and (max-width: 374px) {
	#selectCityArea .cityBlock02{
		height: 61%;
	}
	#selectCityArea .cityBlock02 li {
	    padding: 4.2% 3.7%;
	}
  }
#selectCityArea .cityBlock02 h2{
    border-bottom: 1px solid #3D923E;
	background:#D5EED6;
}
#selectCityArea .cityBlock02 ul{
	border:1px solid #ccc;
	border-top:0;
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
    height: 100%;
	box-sizing: border-box;
}
/*scrollbar*/

#selectPrefArea .prefBlock ul::-webkit-scrollbar,
#selectCityArea .cityBlock02 ul::-webkit-scrollbar{
  width: 3px;
  background-color: rgba(220, 220, 220, .5);
  border-radius: 10px;
}
#selectPrefArea .prefBlock ul::-webkit-scrollbar-thumb,
#selectCityArea .cityBlock02 ul::-webkit-scrollbar-thumb {
  background-color: rgba(100, 100, 100, .5);
  border-radius: 10px;
}
#selectCityArea .cityBlock02 li{
	display: block;
    border-bottom: 1px solid #ccc;
    padding: 4.4% 3.7%;
	font-size:119%;
}
#selectCityArea .cityBlock02 li:last-child{
    border-bottom: 0;
}
#selectCityArea .cityBlock01 li.selected{
	border: 1px solid #D5EED6;
	background:#D5EED6;
	color:#3D923E;
	font-weight: bold;
}
#selectCityArea .cityBlock01 li.disable{
	border: 1px solid #DDD;
	background:#DDD;
	color:#C3C3C3;
}
#selectCityArea .cityBlock02 li.selected{
	background:#D5EED6;
	color:#3D923E;
	font-weight: bold;
}
.offerAnimationArea.disable {
	opacity: 0 !important;
}
#selectCityArea .active{
	display:block;
}
#selectCityArea .inactive{
	display:none;
}
@media all and (orientation: landscape) {
#selectCityArea .modalClose,
#selectPrefArea .modalClose{
	width: 7%;
    padding: 1.5%;
}
#selectCityArea .cityBox h2{
    padding: 1.8% 2%;
}
#selectPrefArea .prefBlock,
#selectCityArea .cityBox{
	margin: 2% auto 0;
}
#selectCityArea .cityBlock01{
	margin-bottom: 1%;
}
#selectCityArea .cityBlock01 ul{
    margin-top: 2%;
}
#selectCityArea .cityBlock01 li{
    margin: 0 0.9% 2% 0;
	padding-top: .3em;
    width: 8%;
}
#selectCityArea .cityBlock01 li:nth-child(6){
    margin: 0 0.9% 2% 0;
}
#selectCityArea .cityBlock02{
	height: 60%;
}
#selectPrefArea .prefBlock li,
#selectCityArea .cityBlock02 li{
	border-right:1px solid #ccc;
	padding: 2.3% 3.7%;
	font-size: 100%;
    display:block;
	float:left;
    width: 50%;
	box-sizing: border-box;
}
#selectPrefArea .prefBlock li:nth-child(2n),
#selectCityArea .cityBlock02 li:nth-child(2n){
	border-right:0;
}
#selectCityArea .cityBlock02 li:last-child{
	border:0;
}
}
/*--------------------
#currentAddress
--------------------*/
.elevatorCheck {
	overflow:hidden;
}
.elevatorCheck li{
	margin:0 5px 5px 0;
	width:100px;
	float:left;
}
.elevatorCheck li label{
	padding:8px;
	display:block;
	font-size: 122%;
	border: 1px solid #CCC;
	border-radius: 0.5em;
	box-shadow: rgba(0, 0, 128, 0.246094) 1px 1px 2px;
}

/*--------------------
#scheduleMoving
--------------------*/
#currentAddress .houseTypeSelect,
#scheduleMoving .scheduleSelect{
	overflow:hidden;
}
#currentAddress .houseTypeSelect label,
#scheduleMoving .scheduleSelect label{
	margin:0 5px 5px 0;
	display:block;
	font-size: 122%;
	border: 1px solid #CCC;
	float:left;
	border-radius: 0.5em;
	box-shadow: rgba(0, 0, 128, 0.246094) 1px 1px 2px;
}
#currentAddress .houseTypeSelect label{
	padding:6px;
	width:43%;
}
#scheduleMoving .scheduleSelect label{
	padding:8px;
	width:40%;
}
#scheduleMoving .scheduleDate .week{
		clear:both;
		overflow:hidden;
}
#scheduleMoving .scheduleDate select{
	margin:0 5px 5px 0;
}
#scheduleMoving .scheduleDate label{
	margin:0 5px 5px 0;
	padding:8px;
	display:block;
	font-size: 122%;
	border: 1px solid #CCC;
	width:40%;
	float:left;
	border-radius: 0.5em;
	box-shadow: rgba(0, 0, 128, 0.246094) 1px 1px 2px;
}

#scheduleMoving .scheduleDateSelect {
	margin-bottom:10px;
}

/*--------------------
.autoInput
--------------------*/
.contentBlock .noteAutoInput {
	font-size:77%;
}

.autoInput {
	margin:10px 0;
}

.autoInput label input {
	display:none;
}

.personSelect {
	border-radius:7px;
		-webkit-border-radius:7px;
	box-shadow:#AAA 0px 0px 6px;
		-webkit-box-shadow:#AAA 0px 0px 6px;
	overflow:hidden;
}

.personSelect label {
	padding:15px 0;
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#BBB;
	background:-moz-linear-gradient(top,#FFF 0%,#DDD 100%);
		background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DDD));
	float:left;
	width:25%;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	box-align:center;
		-webkit-box-align:center;
		-moz-box-align:center;
	box-pack:center;
		-webkit-box-pack:center;
		-moz-box-pack:center;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
}

.personSelect label span {
	font-size:77%;
}

.personSelect label:first-child {
	border-radius:7px 0 0 7px;
	border-left:1px solid #BBB;
}

.personSelect label:last-child {
	border-radius:0 7px 7px 0;
}

.personSelect label.active {
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#5AA55C;
	box-shadow:#FFF 0px 0px 0px 1px inset;
		-webkit-box-shadow:#FFF 0px 0px 0px 1px inset;
	background:-moz-linear-gradient(top,#AAD5AB 0%,#5AA55A 100%);
		background:-webkit-gradient(linear,left top,left bottom,from(#AAD5AB),to(#5AA55A));
	color:#FFF;

}

.personSelect label.active:first-child {
	border-left:1px solid #5AA55C;
}

.autoInput .reset {
	margin:10px 0 0;
	padding:10px;
	float:right;
	border-radius:7px;
	border:1px solid #999;
	box-shadow:#AAA 0px 0px 6px;
		-webkit-box-shadow:#AAA 0px 0px 6px;
	background:-moz-linear-gradient(top,#EEE 0%,#C3C3C3 100%);
		background:-webkit-gradient(linear,left top,left bottom,from(#EEE),to(#C3C3C3));
	font-size:77%;
}

/*--------------------
#householdItems
--------------------*/
#householdItems .workRequest {overflow:hidden}
#householdItems .workRequest li {
	margin-bottom:8px;
	padding:1%;
	width:46%;
	border:1px solid #CCC;
}
#householdItems .workRequest li:nth-child(2n-1) {float: left;}
#householdItems .workRequest li:nth-child(2n) {float: right;}
#householdItems .workRequest li label {
	display: table;
	height: 38px;
	width: 100%;
}
#householdItems .workRequest li label input {margin-top:5px;}
#householdItems .workRequest li span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
#householdItems h4 {
	margin-bottom:3px;
	padding:3px 0;
	text-align:center;
}
#householdItems .items01 {background-color:#B7E6DD;}
#householdItems .items02 {background-color:#E8C0A4;}
#householdItems .items03 {background-color:#F2B9F1;}
#householdItems .items04 {background-color:#F8F3A9;}
#householdItems .items05 {background-color:#C1FFC1;}

#householdItems .items {overflow:hidden}
#householdItems .items li {
	margin-bottom:8px;
	padding:1%;
	width:46%;
	border:1px solid #CCC;
	font-size:70%;
	text-align:center;
	vertical-align: bottom;
}
#householdItems .items li div {
	margin-bottom:3px;
	padding:8px 0 8px 30px;
	background-color:#E7E7E7;
	background-position:2px center;
	background-repeat:no-repeat;
	background-size:27px 27px;
	text-align:left;
}

#householdItems .items li .kazai02 {
	background-image:url(/hikkoshi/images/step/icon_dresser.png);
}
#householdItems .items li .kazai04 {
	background-image:url(/hikkoshi/images/step/icon_futon.png);
}
#householdItems .items li .kazai05 {
	background-image:url(/hikkoshi/images/step/icon_clothes_chest.png);
}
#householdItems .items li .kazai07 {
	background-image:url(/hikkoshi/images/step/icon_sofatable.png);
}
#householdItems .items li .kazai08 {
	background-image:url(/hikkoshi/images/step/icon_tvboard.png);
}
#householdItems .items li .kazai12 {
	background-image:url(/hikkoshi/images/step/icon_pc.png);
}
#householdItems .items li .kazai13 {
	background-image:url(/hikkoshi/images/step/icon_air_conditioner.png);
}
#householdItems .items li .kazai15 {
	background-image:url(/hikkoshi/images/step/icon_light.png);
}
#householdItems .items li .kazai18 {
	background-image:url(/hikkoshi/images/step/icon_tableset.png);
}
#householdItems .items li .kazai20 {
	background-image:url(/hikkoshi/images/step/icon_drier.png);
}
#householdItems .items li .kazai23 {
	background-image:url(/hikkoshi/images/step/icon_heater.png);
}
#householdItems .items li .kazai24 {
	background-image:url(/hikkoshi/images/step/icon_fan.png);
}
#householdItems .items li .kazai25 {
	background-image:url(/hikkoshi/images/step/icon_kotatsu.png);
}
#householdItems .items li .kazai26 {
	background-image:url(/hikkoshi/images/step/icon_butsudan.png);
}
#householdItems .items li .kazai27 {
	background-image:url(/hikkoshi/images/step/icon_golfset.png);
}
#householdItems .items li .kazai28 {
	background-image:url(/hikkoshi/images/step/icon_skiset.png);
}
#householdItems .items li .kazai29 {
	background-image:url(/hikkoshi/images/step/icon_plant.png);
}
#householdItems .items li .kazai30 {
	background-image:url(/hikkoshi/images/step/icon_bicycle.png);
}
#householdItems .items li .kazai31 {
	background-image:url(/hikkoshi/images/step/icon_motorbike.png);
}
#householdItems .items li .kazai40 {
	background-image:url(/hikkoshi/images/step/icon_sofa01.png);
}
#householdItems .items li .kazai41 {
	background-image:url(/hikkoshi/images/step/icon_sofa02.png);
}
#householdItems .items li .kazai42 {
	background-image:url(/hikkoshi/images/step/icon_sofa03.png);
}
#householdItems .items li .kazai43 {
	background-image:url(/hikkoshi/images/step/icon_tv01.png);
}
#householdItems .items li .kazai44 {
	background-image:url(/hikkoshi/images/step/icon_tv02.png);
}
#householdItems .items li .kazai45 {
	background-image:url(/hikkoshi/images/step/icon_sideboard02.png);
}
#householdItems .items li .kazai46 {
	background-image:url(/hikkoshi/images/step/icon_sideboard01.png);
}
#householdItems .items li .kazai47 {
	background-image:url(/hikkoshi/images/step/icon_audio01.png);
}
#householdItems .items li .kazai48 {
	background-image:url(/hikkoshi/images/step/icon_carpet01.png);
}
#householdItems .items li .kazai49 {
	background-image:url(/hikkoshi/images/step/icon_carpet02.png);
}
#householdItems .items li .kazai50 {
	background-image:url(/hikkoshi/images/step/icon_refrigerator01.png);
}
#householdItems .items li .kazai51 {
	background-image:url(/hikkoshi/images/step/icon_refrigerator02.png);
}
#householdItems .items li .kazai52 {
	background-image:url(/hikkoshi/images/step/icon_cupboard02.png);
}
#householdItems .items li .kazai53 {
	background-image:url(/hikkoshi/images/step/icon_cupboard01.png);
}
#householdItems .items li .kazai54 {
	background-image:url(/hikkoshi/images/step/icon_oven.png);
}
#householdItems .items li .kazai55 {
	background-image:url(/hikkoshi/images/step/icon_washer01.png);
}
#householdItems .items li .kazai56 {
	background-image:url(/hikkoshi/images/step/icon_washer02.png);
}
#householdItems .items li .kazai57 {
	background-image:url(/hikkoshi/images/step/icon_bed01.png);
}
#householdItems .items li .kazai58 {
	background-image:url(/hikkoshi/images/step/icon_bed02.png);
}
#householdItems .items li .kazai59 {
	background-image:url(/hikkoshi/images/step/icon_bed03.png);
}
#householdItems .items li .kazai60 {
	background-image:url(/hikkoshi/images/step/icon_chest01.png);
}
#householdItems .items li .kazai61 {
	background-image:url(/hikkoshi/images/step/icon_chest02.png);
}
#householdItems .items li .kazai62 {
	background-image:url(/hikkoshi/images/step/icon_bookshelf01.png);
}
#householdItems .items li .kazai63 {
	background-image:url(/hikkoshi/images/step/icon_bookshelf02.png);
}
#householdItems .items li .kazai64 {
	background-image:url(/hikkoshi/images/step/icon_desk.png);
}
#householdItems .items li .kazai65 {
	background-image:url(/hikkoshi/images/step/icon_chair.png);
}
#householdItems .items li .kazai66 {
	background-image:url(/hikkoshi/images/step/icon_car.png);
}
#householdItems .items li .kazai67 {
	background-image:url(/hikkoshi/images/step/icon_pole.png);
}
#householdItems .items li .kazai68 {
	background-image:url(/hikkoshi/images/step/icon_piano01.png);
}
#householdItems .items li .kazai69 {
	background-image:url(/hikkoshi/images/step/icon_piano02.png);
}
#householdItems .items li .kazai70 {
	background-image:url(/hikkoshi/images/step/icon_audio02.png);
}
#householdItems .items li .cardboardBox {
	background-image:url(/hikkoshi/images/step/icon_cardboard_box.png);
}

#householdItems .items li a {
	padding:5px;
	display:inline-block;
	width:15%;
	border-radius:4px;
		-webkit-border-radius:4px;
	border:1px solid #85BA86;
	background:-moz-linear-gradient(top,#F2F8ED 0%,#E7F1DE 100%);
		background:-webkit-gradient(linear,left top,left bottom,from(#F2F8ED),to(#E7F1DE));
	font-family:Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	vertical-align:bottom;
	color:#3E8840;
}
#householdItems .items li input[type='tel'] {
	margin:0 3px;
	padding:8px 3px;
	border:1px solid #999;
	border-radius:5px;
	display:inline-block;
	width:25%;
	font-size:14px;
	vertical-align:middle;
	text-align:center;
}
#householdItems .items li .suffixType {
	padding-top:3px;
	display:block;
	text-align:center;
}
#householdItems .items li span {font-size:70%;}
#householdItems .items li select {margin:0 3px 0 25%; width:58px; font-size:200%;}
#householdItems .items li:nth-child(2n-1) {float: left;clear:both;}
#householdItems .items li:nth-child(2n) {float: right;}

#householdItems .items li select#cardboard_box {
	margin:0 auto;
	width:100px;
	text-align:center;
}

/*--------------------
.switch
--------------------*/
#inputArea #switch {
	margin:0 auto;
	padding:5px 0 20px 10px;
	display:none;

}
#inputArea #switch a {
	padding:5px 0 5px 20px;
	background:url(/hikkoshi/m/smt/images/step/icon_open_02.png) no-repeat 0 0.5em;
	background-size:15px 15px;
	display:block;

}
#inputArea .hide {
	display:none;
}

/*--------------------
#airConditioner #houseCleaning
--------------------*/
#airConditioner,
#houseCleaning{
	margin:0 10px 10px;
}
#airConditioner h3,
#houseCleaning h3{
	margin-bottom: 3px;
    padding: 5px;
    background: #C1FFB5;
	font-weight: normal;
    font-size: 85%;
	min-height: 0;
}
#airConditioner ul li label,
#houseCleaning ul li label{
    padding: 3%;
    overflow: hidden;
    display: block;
	font-size: 85%;
}
#airConditioner ul li label{
	margin: 0 auto 1%;
	width: 89%;
}
#airConditioner ul li label{
	border: 1px solid #CCC;
}
#airConditioner ul li input {
	margin-top:-0.4em;
	margin-right:0.2em;
}
#airConditioner .airConditionerNote {
	padding-left:1em;
	font-size: 85%;
	text-indent:-1em;
}
#airConditioner ul + .airConditionerNote {
	color:#F00;
	margin-bottom:5px;
}
.houseCleaningBox .hCleaning-appeal + ul li > span {
	margin-bottom:8px;
	display: block;
}
.houseCleaningBox .hCleaning-appeal + ul li > span label {
	padding: 5px 0 0 0;
	display: inline-block;
	width: 80%;
	font-size: 85%;
	vertical-align: top;
}
.houseCleaningBox .hCleaning-appeal > ul > li {
	border: 1px solid #CCC;
    margin: 0 auto 1%;
    width: 96%;
}
.houseCleaningBox .hCleaning-appeal p {
	margin:0 0 10px 1em;
	font-size: 77%;
	color:#666;
}
.houseCleaningBox .hCleaning-appeal em {
	color:#F00;
}
.houseCleaningBox .hCleaning-appeal span.cbArea {
	display: block;
	color:#333;
	font-weight: normal;
}
.houseCleaningBox .hCleaning-appeal span.attention {
	margin-bottom: 10px;
	font-size:72% !important;
	text-indent:-1em;
	padding-left: 1em;
}
.houseCleaningBox .hCleaning-appeal span.houseCleaningNote {
	display: block;
    margin-bottom: 10px;
    text-indent: -1em;
    margin-left: 1em;
}
.houseCleaningBox .hCleaning-appeal span.houseCleaningNote em {
	color:#F00;
	font-weight: normal;
}
.houseCleaningBox .hCleaning-typeNow,
.houseCleaningBox .hCleaning-typeNew{
	margin:0 1%;
}
.houseCleaningBox .hCleaning-typeNow-input,
.houseCleaningBox .hCleaning-typeNew-input{
	display:none;
}
.houseCleaningBox .hCleaning-typeNow-input-title,
.houseCleaningBox .hCleaning-typeNew-input-title{
	margin:0 0 2.5%;
	padding: .5em 6px;
	background:#D5EED6;
	font-size:85%;
	font-weight: bold;
}
.houseCleaningBox .hCleaning-appeal span.cbLabel{
	display: inline-block;
	vertical-align: text-top;
}
.hCleaning-typeNow-input ul,
.hCleaning-typeNew-input ul{
	margin: 0;
	padding: 0;
}
.carSatei-form ul li,
.hCleaning-typeNow-input ul li,
.hCleaning-typeNew-input ul li {
	padding:0 0 5%;
}
.hCleaning-typeNow-input ul li:last-child {
	padding:0 0 5%;
}
.carSatei-form ul li .itemName,
.hCleaning-typeNow-input ul li .itemName,
.hCleaning-typeNew-input ul li .itemName{
	margin: 0 0 7px;
	padding:4px 0 0 40px;
	min-height:26px;
	box-sizing: border-box;
	font-size:107%;
}
.carSatei-form ul li .itemName span,
.hCleaning-typeNow-input ul li .itemName span,
.hCleaning-typeNew-input ul li .itemName span {
	padding: 0 0 0 .5em;
	color:#666;
	font-size:70%;
}
.carSatei-form ul li .itemName.must,
.hCleaning-typeNow-input ul li .itemName.must,
.hCleaning-typeNew-input ul li .itemName.must {
	background:url(/hikkoshi/m/smt/images/step/icon_must.png) no-repeat left center;
	background-size: 36px 26px;
}
.carSatei-form ul li .itemName.ok,
.hCleaning-typeNow-input ul li .itemName.ok,
.hCleaning-typeNew-input ul li .itemName.ok {
	background:url(/hikkoshi/m/smt/images/step/icon_ok.png) no-repeat left center;
	background-size: 36px 26px;
}

.carSatei-form ul li .itemEntry select,
.hCleaning-typeNow-input ul li .itemEntry select,
.hCleaning-typeNew-input ul li .itemEntry select{
	margin: 0 0 0 1%;
}

.hCleaning-typeNow-input ul li:first-child .itemEntry select,
.hCleaning-typeNew-input ul li:first-child .itemEntry select,
.hCleaning-typeNew-input ul li:nth-child(2) .itemEntry select{
	width:65%;
}
.hCleaning-typeNow-input ul li:nth-child(2) .itemEntry select,
.hCleaning-typeNew-input ul li:nth-child(3) .itemEntry select{
	width:98%;
}

.houseCleaningNote {
	color: #666;
	font-size:77%;
	margin-left:1em;
}


/*--------------------
#personalInformation
--------------------*/
#personalInformation li {margin-bottom:5px;}

/*--------------------
#pointArea
--------------------*/
#pointArea .pointList .pointTitle {
	margin-bottom:3px;
	padding:5px;
	background-color: #C1FFB5;
	font-size: 85%;
}
#pointArea dt {margin-bottom:5px; font-size:107%;}

/*--------------------
#adArea
--------------------*/
#adArea .adList .adTitle {
	margin-bottom:3px;
	padding:5px;
	background-color: #C1FFB5;
	font-size: 85%;
}
#adArea .adList .adBox {
	margin-bottom:10px;
}
#adArea .adList .adBox label {
	margin:0 2% 3px;
	padding:3%;
	overflow: hidden;
	border:1px solid #CCC;
	display:block;
	width:90%;
	clear:both;
}
#adArea .adList .adBox label input {margin-top:-3px; float: left;}
#adArea .adList .adBox label span {
	margin:0 0 0 28px;
	display: block;
	font-size: 85%;
}
#adArea .adList .adBox label span.catch {
	color:#666;
}

/* houseCleaningBox */
#adArea .adList .adBox .houseCleaningBox {
	margin: 0 2%;
}
#adArea .adList .adBox .houseCleaningBox label {
	margin-bottom: 0;
	padding: 0;
	border: none;
	width: 100%;
	box-sizing: border-box;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNew-input,
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNow-input {
	margin-top:3%;
}

#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNow,
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNew {
	padding:3% 1%;
	border:1px solid #CCC;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNow {
	margin: 0 0 1%;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNew {
	margin: 0 0 1.5%;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNow-input ul li:last-child,
#adArea .adList .adBox .houseCleaningBox .hCleaning-typeNew-input ul li:last-child{
	padding:0;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-appeal {
	color:#666;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-appeal span {
	font-size:77%;
}
#adArea .adList .adBox .houseCleaningBox .hCleaning-appeal span.attention {
	font-size:77% !important;
}
#adArea .adList .adBox .houseCleaningBox .houseCleaningNote {
	text-align:left;
}

/* questionnaires */
#adArea .questionnaires {
	overflow:hidden;
}
#adArea .questionnaires ul {
		margin-bottom:15px;
		overflow:hidden;
}
#adArea .questionnaires li {
	margin-bottom:8px;
	padding:1%;
	width:46%;
	float: left;
	border:1px solid #CCC;
	border-radius: 0.5em;
	box-shadow: rgba(0, 0, 128, 0.246094) 1px 1px 2px;
}
#adArea .questionnaires li:nth-child(2n-1) {margin-right:2%;}
#adArea .questionnaires li:nth-child(2n) {}
#adArea .questionnaires li label {
	padding:3px;
	height: 40px;
	display:table;
}
#adArea .questionnaires li label input {margin-top:5px;/* float:left;*/}
#adArea .questionnaires li span {
	display:table-cell;
	vertical-align:middle;
	width: 100%;
	font-size: 77%;
}
#adArea .questionnaires li.ancerOther{
	width:96%;
	float:left;
}
#adArea .questionnaires li.ancerOther label {
	width:35%;
	float:left;
}
#adArea .questionnaires li.ancerOther input[type=text]{
	margin: 5px;
	width:55%;
}

/* #modalBox */
#modalBox h4 { padding:5px 0; color: #FFF; border-radius: 5px 5px 0 0; background:#999; font-size:114%;font-weight: bold; text-align:center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#modalBox .modalClose { position: absolute; top: -12px; right: -10px; display: block; width: 30px; height: 30px; background: url(/hikkoshi/m/smt/images/step/close_button.png); z-index: 2; background-size:30px 30px;}
#modalText { padding:10px;}

#modalText p {
	line-height:1.5em;
}

#modalText p em {
	color:#F00;
	font-weight:bold;
}
#helpAssessment {
	width: 300px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
}

.modalBox h4 { padding:5px 20px; color: #FFF; border-radius: 5px 5px 0 0; background:#999; font-size:114%;font-weight: bold; text-align:center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.modalBox .modalClose { position: absolute; top: -12px; right: -10px; display: block; width: 30px; height: 30px; background: url(/hikkoshi/m/smt/images/step/close_button.png); z-index: 2; background-size:30px 30px;}
.modalText { padding:10px !important;}

.modalText p {
	line-height:1.5em;
}

.modalText p em {
	color:#F00;
	font-weight:bold;
}

.modalBox {
	width: 300px;
	padding-bottom: 2px;
	display:none;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
}
/*--------------------------------------- pageConfirm ----------------------------------------*/
/*.accordion {
		margin-bottom:15px;
}
.accordion li h2 {
		padding: 0 !important;
}
.accordion li > .confirmList a {
	padding:10px 30px 10px 5px;;
	color:#FFF;
	display:block;
	line-height: 1.2;
	text-decoration:none;
	background-image: url(/hikkoshi/m/smt/images/step/icon_pic_02.png);
	background-repeat:no-repeat;
	background-size: 320px 100px;
	background-position: right -4px;
	border-radius: 8px;
}
.accordion li > .confirmList a.active {
	background-position: right -54px;
}*/
/* Functionality */
/*.accordion li > .sub-menu {display: none;}
.accordion li > .sub-menu li {margin:0 10px 15px;}
.accordion li > .sub-menu li:nth-last-of-type(1)  {margin:0 10px;}
.accordion li > .sub-menu li.listTitle {
		margin:0 0 5px 0;
		padding:5px 10px;
		background-color:#C1FFB5;
}*/




/*------------------------------ .buttonArea ------------------------------*/
#contents .buttonArea{
	margin:10px 0 30px;
	overflow:hidden;
}
#contents .buttonArea p {
	color:#666;
}
#contents .buttonArea .center {
	font-size:85%;
}
#contents .buttonArea .backBlock,
#contents .buttonArea .nextBlock {
	margin:15px auto 0;
}
#contents .buttonArea .backBlock {
	text-align:center;
}
#contents .buttonArea .nextBlock {
	width:95%;
}
#contents .buttonArea .buttonBack,
#contents .buttonArea .buttonMoveOn,
#contents .buttonArea .buttonMoveOn02 {
	font-weight:bold;
	border: none;
	border-radius:20px;
}
#contents .buttonArea .buttonBack {
	padding:6px 20px;
	font-size: 85%;
	background: linear-gradient(rgb(217, 217, 217) 0%, rgb(161, 161, 161) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999), color-stop(0.46, #CCC));
}
#contents .buttonArea .buttonMoveOn {
	padding:6px 20px 6px 0;
	width:100%;
	color:#FFF;
	font-size: 144%;
	box-shadow: rgba(0, 0, 128, 0.246094) 2px 2px 2px;
	text-shadow: 0 -1px 2px #ED5E00, -1px 0 2px #ED5E00, 1px 0 2px #ED5E00, 0 1px 2px #ED5E00;
	background: url(/hikkoshi/m/smt/images/step/button_bg.png) no-repeat right center,linear-gradient(rgb(254, 189, 130) 0%, rgb(255, 155, 68) 37%, rgb(255, 115, 3) 66%, rgb(248, 107, 0) 98%, rgb(237, 148, 89) 100%);
	background-size: 30px 50px,auto auto;
	/*webkit*/
	background: url(/hikkoshi/m/smt/images/step/button_bg.png) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DF4701), color-stop(0.46, #FE9D25));
}
#contents .buttonArea .buttonMoveOn02 {
	padding:12px 20px 12px 0;
	width:100%;
	color:#FFF;
	/*font-size: 144%;*/
	box-shadow: rgba(0, 0, 128, 0.246094) 2px 2px 2px;
	text-shadow: 0 -1px 2px #ED5E00, -1px 0 2px #ED5E00, 1px 0 2px #ED5E00, 0 1px 2px #ED5E00;
	background: url(/hikkoshi/m/smt/images/step/button_bg.png) no-repeat right center,linear-gradient(rgb(254, 189, 130) 0%, rgb(255, 155, 68) 37%, rgb(255, 115, 3) 66%, rgb(248, 107, 0) 98%, rgb(237, 148, 89) 100%);
	background-size: 30px 50px,auto auto;
	/*webkit*/
	background: url(/hikkoshi/m/smt/images/step/button_bg.png) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DF4701), color-stop(0.46, #FE9D25));
}

/*--------------------------------------- pageThanks ----------------------------------------*/
#contents .commentArea {
	margin:0 10px 20px;
}
#contents .errorCommentArea {
	margin:0 10px 20px;
	padding:5px;
	border:2px solid #CCC;
}
#contents .estimateComsArea {
	margin:0 0 20px;
}
#contents .estimateComsArea .estimateComsTitle {
	margin-bottom: 5px;
	padding: 4px 10px;
	font-weight: bold;
	color: #479205;
	background-color: #EAF4E3;
	border-left: 5px solid #57B901;
}
#contents .estimateComsArea p {
	margin:0 10px;
}
#contents .mypageButton {
	margin:5px auto;
}
#contents .rakurakuArea {
	margin:0 5px 20px;
	padding: 10px 0;
	text-align: center;
	border: 2px solid #FFD0B0;
	border-radius: 10px;
}



#contents .siteTop {
	text-align: center;
	font-size: 107%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#contents .portalTop {
	text-align: right;
	font-size: 107%;
	border-bottom: 1px solid #CCC;
	background: url(/hikkoshi/m/smt/images/icon_arrow.png) left no-repeat;
	background-size: 21px 19px;
}
#contents .portalTop a[href*="otokunihikkoshi.net"] {
	border-top: 1px solid #CCC;
}
#contents .portalTop a img {
		margin:-0.5em 5px 0 0;
}
#contents .siteTop a,
#contents .portalTop a {
	padding: 15px 10px;
	display: block;
	color: #06C;
	text-decoration: none;
}

/*---------------------- .accordion ----------------------*/
.accordion {
	margin:20px 0 30px;
}
.accordion .button {
	padding:12px 50px 12px 36px;
	position:relative;
	border-radius:0.5em;
	border:1px solid #DDD;
    box-shadow:0px 2px 2px rgba(153,153,153,0.65);
	background:url(/hikkoshi/m/smt/images/step/icon_open.png),linear-gradient(top,#FEFEFE 0%,#EDEDED 100%);
	background:url(/hikkoshi/m/smt/images/step/icon_open.png),-moz-linear-gradient(top,#FEFEFE 0%,#EDEDED 100%);
	background:url(/hikkoshi/m/smt/images/step/icon_open.png),-webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#EDEDED));
	background-size:18px 18px,auto;
	background-position:10px center,0 0;
	background-repeat:no-repeat,repeat;
}
.accordion .button.opened {
	border-radius:0.5em 0.5em 0 0;
    box-shadow:inset 0px 4px 4px rgba(153,153,153,0.65);
	background-color:#DDD;
	background-image:url(/hikkoshi/m/smt/images/step/icon_close.png);
	background-size:18px 18px;
	background-position:10px center;
	background-repeat:no-repeat;
}
.accordion .button div {
	position:absolute;
	right:15px;
	top:25%;
}


/*---------------------- #footer ----------------------*/
#footer {
    background: url(/hikkoshi/images/footer_bg.jpg) repeat-x scroll left top #FFFFFF;
    clear: both;
    font-size: 85%;
    padding-top: 30px;
    text-align: center;
    color: #999999;
}
#footer div {
}

/*---------------------------------------

	LEAN MODAL

-----------------------------------------*/

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

/* タブレット対応 */
@media screen and (min-width:768px){
	input,
	textarea {
		padding:12px 3px;
	}

	#contents h2 {
		margin:0 auto 15px;
		width:630px;
	}

	#contents .contentBlock {
		margin:0 auto 15px;
		padding:0;
		width:650px;
	}

	#personalInformation li {
		margin-bottom:20px;
	}

	#personalInformation li.name dl dd ul li:first-child {
		margin-bottom:5px;
	}

	/* #householdItems */
	#householdItems .items li {
		font-size:100%;
	}

	#householdItems .items li div {
		padding:20px 0 20px 65px;
		background-size:50px 50px;
		font-weight:bold;
	}

	#householdItems .items li a {
		font-size:182%;
	}

	#householdItems .items li input[type='tel'] {
		padding:11px 3px;
		font-size:114%;
	}

	#householdItems .items li .suffixType {
		font-size:85%;
	}

	/* #adArea */
	#adArea .adList .adBox label {
		margin:0 0 3px;
		padding:20px;
		width:608px;
	}

	/* .buttonArea */
	#contents .buttonArea {
		text-align:center;
	}

	#contents .buttonArea input {
		max-width:650px;
	}

	#contents .buttonArea .buttonMoveOn {
		padding:12px 20px 12px 0;
		border-radius:30px;
		background-size:36px 60px,auto auto;
	}

	/* .thanksBox */
	#contents .thanksBox {
		margin:0 auto;
		width:650px;
	}
}

/*----------------------------
入力項目に赤枠
----------------------------*/
.borderRed {
	border-color:rgba(255,17,34,1);
	box-shadow:0px 0px 0px 2px rgba(255,17,34,1);
	-webkit-box-shadow:0px 0px 0px 2px rgba(255,17,34,1);
}
input[type="text"].borderRed,
input[type="tel"].borderRed,
input[type="email"].borderRed {
	-webkit-appearance:none;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
	-webkit-appearance:none;
	background-color:#fff!important;
	border-color:#3D923F;
	box-shadow:0px 0px 0px 2px rgba(61,146,63,1);
	-webkit-box-shadow:0px 0px 0px 2px rgba(61,146,63,1);
}
/*--------------------
animation
--------------------*/
.borderRed{
	position: relative;
	z-index: 100;
	animation-name: focusWave;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-name: focusWave;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
}
@keyframes focusWave {
	0% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 1px rgba(255,255,255,1), 0px 0px 0px 2px #FF5E28;}
	/*90% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,.8), 0px 0px 0px 10px rgba(100,37,16,.1);}*/
	100% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,0), 0px 0px 0px 10px rgba(100,37,16,0);}
}
@-webkit-keyframes focusWave {
	0% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 1px rgba(255,255,255,1), 0px 0px 0px 2px #FF5E28;}
	/*90% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,.8), 0px 0px 0px 10px rgba(100,37,16,.1);}*/
	100% {box-shadow:0px 0px 0px 1px rgba(255,17,34,1),0px 0px 0px 8px rgba(255,255,255,0), 0px 0px 0px 10px rgba(100,37,16,0);}
}
.borderRed:focus{
	animation-name:none;
}
@keyframes selectFadeIn{
	0% {opacity: 0;}
	100%{opacity: 1;}
}

#contents span.necessary {
	display:inline-block;
	position:relative;
	top:-9px;
	width:40px;
}

#contents span.necessary span {
	position:relative;
}
#contents span.necessary span::before,
#contents span.necessary span::after {
	display:block;
	width:36px;
	height:26px;
	line-height:1;
	position:absolute;
	left:0;
	top:-11px;
}
#contents span.necessary.must span::before {
	content:"";
	width:36px;
	height:26px;
	background:url(/hikkoshi/m/smt/images/step/icon_must.png) no-repeat center;
	background-size:contain;
	z-index:3;
}
#contents span.necessary.must span::after {
	content:"";
	width:36px;
	height:26px;
	background:url(/hikkoshi/m/smt/images/step/icon_ok.png) no-repeat center;
	background-size:contain;
	z-index:2;
}
#contents span.necessary.ok span::before {
	content:"";
	width:36px;
	height:26px;
	background:url(/hikkoshi/m/smt/images/step/icon_must.png) no-repeat center;
	background-size:contain;
	z-index:2;
}
#contents span.necessary.ok span::after {
	content:"";
	width:36px;
	height:26px;
	background:url(/hikkoshi/m/smt/images/step/icon_ok.png) no-repeat center;
	background-size:contain;
	z-index:2;
}
#contents span.optional {
	margin-left:10px;
}
#contents span.optional img {
	width:36px;
	height:auto;
}

.indicatorBlock + p {
	margin: 0 0 1em !important;
	padding:0 2.5% !important;
	line-height: 1.6em;
	font-size:100%;
}

/*--------------------
present - .pickup
--------------------*/
body.present  #wrapper {
	padding-bottom: 23%;
}
.pickup {
	padding: 8.5% 0 0;
	position: relative;
}
.pickup:before {
	content:"";
	display: block;
	width:100%;
	height:2em;
	background: url(/hikkoshi/m/smt/images/step/pickup_title_arrow.png) no-repeat center top;
	background-size: 100% auto;
	position: absolute;
	top:0;
	left: 0;
}
.pickup h2 {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	background:#399242 !important;

}
.pickup h2 img {
	width: 100%;
	height: auto;
}
.item-list {
	padding:3.5% 2.5%;
	background:#E9F3EA;
}
.item-list h3 {
	margin: 0 !important;
	padding:1.5% 2.5% .5% !important;
	border: none;
	line-height: 1.6em;
	color:#FFF;
	background:#6DBC75 !important;
	font-size:86% !important;
	font-weight: bold;
}
.item-about {
	margin: 0 0 3.5%;
	padding: 5% 0;
	background: #FFF;
}
.item-about:last-child {
	margin: 0;
}
.item-pictuer {
	margin: 0 auto 5%;
	width: 65%;
}
.item-pictuer img {
	width: 100%;
	height: auto;
}
.item-guide {
	margin:0 auto;
	width: 93%;
}
.item-guide > div {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px dotted #CCC;
	color:#F00;
	font-size:86%;
	font-weight: bold;
	text-align: center;
}
.item-guide > p {
	margin: 0 0 .5em;
	line-height: 1.5em;
	font-size:79%;
}
.item-guide > p > span {
	padding:0 0 0 1em;
	display: block;
	color:#666;
	font-size: 86%;
	text-indent: -1em;
}
.item-guide > span {
	padding:1.2% 0 1% 4%;
	display: inline-block;
	float:right;
	background:url(/hikkoshi/m/smt/images/step/icon_blue_arrow.png) no-repeat left center;
	background-size: 12px auto;
	color:#07C;
	font-size:79%;
}
.item-check {
	padding: 5% 0 0;
	clear: both;
}

.item-check > li {
	margin: 0 auto 5%;
	border-radius: 5px;
	width:100%;
	display: block;
	font-weight: bold;
	line-height: 1.3em;
}
.item-check > li:last-child {
	margin: 0 auto;
}
.item-check > li input[type=checkbox] {
	display:none;
}
.item-check > li input[type=checkbox]+label {
	padding:4% 5.5% 4% 17%;
	border-radius: 5px;
	border: 1px solid #399242;
	width: 100%;
	min-height: 4.5em;
	box-sizing: border-box;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	color:#399242;
	background:#EEF9EF;
	box-shadow:rgba(57, 146, 66, 1) 0 5px 0 0;
		-webkit-box-shadow:rgba(57, 146, 66, 1) 0 5px 0 0;
		-moz-box-shadow:rgba(57, 146, 66, 1) 0 5px 0 0;
	background: url(/hikkoshi/m/smt/images/step/checkbox_off.png) #EEF9EF no-repeat 5.5% center!important;
	background-size: 10% auto !important;
	font-size:86%;
}
.item-check > li input[type=checkbox]:checked+label {
	color:#FFF;
	background:#399242;
	box-shadow:none;


	box-shadow:rgba(57, 146, 66, 1) 0 5px 0 0;
		-webkit-box-shadow:rgba(57, 146, 66, 1) 0 5px 0 0;
		-moz-box-shadow:rgba(57, 146, 66, 1) 0 5px 0 0;

	background: url(/hikkoshi/m/smt/images/step/checkbox_on.png) #399242 no-repeat 5.5% center !important;
	background-size: 10% auto !important;
}
.item-check.carSatei > li input[type=checkbox]:checked+label,
.item-check.hCleaning > li input[type=checkbox]:checked+label {
	border-radius: 5px 5px 0 0;
}
.item-check > li input[type=checkbox]+label > span {
	font-size:82%;
}

.pickup .carSatei-about,
.pickup .hCleaning-typeNow-input,
.pickup .hCleaning-typeNew-input{
	padding: 3.5%;
	border: 1px solid #399242;
	display:none;
	box-sizing: border-box;
	background:#FFF;
}
.pickup .hCleaning-typeNow-input-title,
.pickup .hCleaning-typeNew-input-title{
	margin:0 0 2.5%;
	padding:0;
	color:#777;
	font-size:84%;
}
.pickup .carSatei-form ul li .itemName,
.pickup .hCleaning-typeNew-input ul li .itemName,
.pickup .hCleaning-typeNow-input ul li .itemName {
	font-size:100%;
	font-weight: normal;
}
.pickup .carSatei-form ul li .itemName span,
.pickup .hCleaning-typeNew-input ul li .itemName span,
.pickup .hCleaning-typeNow-input ul li .itemName span {
	font-size:72%;
	font-weight: normal;
}
.pickup .carSatei-form ul li:last-child,
.pickup .hCleaning-typeNew-input ul li:last-child,
.pickup .hCleaning-typeNow-input ul li:last-child {
	padding: 0;
}
.pickup .carSatei-form ul li .itemEntry select,
.pickup .hCleaning-typeNew-input ul li .itemEntry select,
.pickup .hCleaning-typeNow-input ul li .itemEntry select {
	padding:7px 45px 5px 6px;
	font-size: 100%;
}

.pickupList-noList-button {
	margin: 0 0 5%
}

.pickupList-noList-button input[type=image] {
	margin: 0 auto .5%;
	padding: 0;
	border: none;
	display: block;
	width: 84.5%;
}

.pickup .carSatei-form {
	padding: 0 0 5%;
}
.pickup .carSatei-form ul li:first-child .itemEntry select,
.pickup .carSatei-form ul li:nth-child(3) .itemEntry select{
	width: 72%;
}

.pickup .carSatei-form ul li:nth-child(2) .itemEntry select,
.pickup .carSatei-form ul li:nth-child(4) .itemEntry select{
	width: 92%;
}

.pickup .carSatei-com {
    padding: 0 0 1em;
    clear: both
}

.pickup .carSatei-com p {
    margin: 0;
    padding:.8em;
    background: #FFFFCE;
	font-size: 85%;
	font-weight: normal;
}

.pickup .carSatei-flow img {
	width:100%;
	height: auto;
}
.pickup .carSatei-flow ul {
	padding:.5em 0 0 0;
	color:#666;
	font-size: 72%;
	font-weight: normal;
}
.pickup .carSatei-flow ul li {
	padding:0 0 0 1em;
	line-height: 1.5em;
	text-indent:-1em;
}

/*---------------------------------------
 present - .pickupFloting
----------------------------------------*/
.pickupFloting {
	padding: 2.5% 0 1%;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	z-index: 10000;
	transition: 1s;
	background-color: rgba(63, 63, 63, .7);
}
.pickupFloting.fadeIn {
	opacity:0;
}

.pickup-button {
	padding: 5% 0;
	opacity:1 !important;
}

.pickup-button input[type=image],
.pickupFloting input[type=image] {
	margin: 0 auto .5%;
	padding: 0;
	border: none;
	display: block;
	width: 84.5%;
}
.pickup-button span,
.pickupFloting span {
	display: block;
	text-align: center;
	font-size: 72%;
}

.pickupFloting span {
	color:#FFF;
}


/*---------------------------------------
 present - .leanModal
----------------------------------------*/
.noScroll {
	position:fixed;
	width:100%;
	left:0;
	top:0;
}

#overlay {
	display:none;
	position:fixed;
	z-index:10001;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#000;
	opacity:.6;
	cursor:pointer;
}
.item-detail {
	display:none;
	border-radius:3.5px;
	background:#FFF;
	width:95%;
	height:92%;
	/*max-height:92%;*/
	position:fixed;
	top:2.5%;
	left:2.5%;
	z-index:10002;
	box-sizing:border-box;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	line-height:1.4;
}
.item-detail-name {
	margin: 0;
	padding:0 4.2%;
	border-radius:3.5px 3.5px 0 0;
	width:100%;
	height:12%;
	display:flex;
	align-items: center;
	color:#FFF;
	background:#399242;
	box-sizing:border-box;
	font-size: 115%;
}
.item-detail-guide {
	padding:3.5% 4.2% 0;
	box-sizing:border-box;
	height:75%;
	/*max-height:calc(100vh - 200px);*/
	overflow:auto;
}
.item-detail-guide.allScroll {
	height:75% !important;
}
.item-detail-guide::-webkit-scrollbar {
	width:5px;
}
.item-detail-guide::-webkit-scrollbar-thumb {
	background:rgba(200,200,200,.8);
	border-radius:3px;
}
.item-detail-guide .guide-pictuer {
	margin:0 0 3%;
	text-align:center;
}
.item-detail-guide .guide-pictuer img {
	width:100%;
	height:auto;
}

.item-detail-guide .guide-lead-title,
.item-detail-guide .guide-flow-title,
.item-detail-guide .guide-attention-title {
	margin: 0 0 .5em;
	padding: 0 0 .3em;
	border-bottom: 1px dotted #CCC;
	color:#333;
	font-weight: bold;
}
.item-detail-guide .guide-lead {
	margin:0 0 3%;
}
.item-detail-guide .guide-lead p {
	color: #F00;
	font-size:107%;
}
.item-detail-guide .guide-flow ol {
	counter-reset: my-counter;
	margin: 0 0 2em;
	padding: 0;
	list-style: none;
}
.item-detail-guide .guide-flow ol li,
.item-detail-guide .guide-attention ul li {
	font-size:79%;
	line-height: 1.5em;
}
.item-detail-guide .guide-flow ol li {
	padding:0 0 0 1.8em;
}
.item-detail-guide .guide-attention ul li {
	padding:0 0 0 1em;
	text-indent: -1em;
}

.item-detail-guide .guide-flow ol li {
	margin: 0 0 .8em;
}
.item-detail-guide .guide-attention ul li {
	margin: 0 0 .5em;
}
.item-detail-guide .guide-flow ol li:last-child,
.item-detail-guide .guide-attention ul li:last-child {
	margin: 0;
}
.item-detail-guide .guide-flow ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	margin: -.1em 0 0 -1.8em;
	border-radius: 1em;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 1.5em;
	height: 1.5em;
	background-color: #AAA;
	line-height: 1em;
	text-align: center;
}
.item-detail-guide .guide-attention ul li:before {
	content: "・";
	color: #FFF;
	width: 1em;
	height: 1em;
	color:#525252;
}
.item-detail-close {
	/*padding: 5% 0;*/
	width:100%;
	height: 13%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.item-detail-close div {
	margin: 0 auto;
	border-radius: 2.5px;
	width: 24%;
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow:0 2px 2px 0 rgba(0,0,0,.4);
	background-image:linear-gradient(90deg,rgb(221,221,221) 0%,rgb(238,238,238) 100%);
	background-image:-webkit-gradient(linear,36% 98%,36% 4%,color-stop(0, rgb(221,221,221)),color-stop(1, rgb(238,238,238)));
	background-image:-webkit-linear-gradient(90deg,rgb(221,221,221) 0%,rgb(238,238,238) 100%);
	font-size:79%;
	font-weight: bold;
}

/*jquery alert------------------------------------------------*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	border-radius: 5px;
	top:40% !important;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(/hikkoshi/images/step/alert_title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}
#popup_content.alert {
	background: url(/hikkoshi/images/step/alert_important.gif) 16px 16px no-repeat;
    padding: 1em 1.75em;
    margin: 0
}
#popup_content.confirm {
	background-image: url(/hikkoshi/images/step/alert_important.gif);
}
#popup_message {
	padding-left: 48px;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}
#popup_prompt {
	margin: .5em 0em;
}
#popup_content #popup_ok {
	margin: 0 auto;
	border: 1px solid #AFAFAF;
	border-radius: 4px;
	width: 62%;
	height: auto;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(1,#EBEBEB),color-stop(.3,#fff));
	background: -webkit-linear-gradient(top,#fff 30%,#EBEBEB 100%);
	background: -moz-linear-gradient(top,#fff 30%,#EBEBEB 100%);
	background: -o-linear-gradient(top,#fff 30%,#EBEBEB 100%);
	background: -ms-linear-gradient(top,#fff 30%,#EBEBEB 100%);
	background: linear-gradient(to bottom,#fff 30%,#EBEBEB 100%)
}
