/* エラー文非表示 */
/*#purchase_item_error { display: none;}*/


/* ----------------------------------------
基本事項
---------------------------------------- */
#moshikomi {
	margin: 0;
	-webkit-text-size-adjust: 100%;
}
.new_line { display: block;}

#moshikomi .wrap { overflow: hidden;}


/* ----------------------------------------
装飾
---------------------------------------- */
/* 必須表示 */
.app_qu.flex {
	margin-bottom: 1rem;
	align-items: baseline!important;
	}	
.app_qu + a { margin-top: -0.5rem;}
.app_sign {
	margin: 0.3rem 0.5rem 0 0 !important;
}
.app_sign span {
	padding: 3px 5px;
	border-radius: 3px;
	line-height: 1.2;
	text-align: center;
	display: block;
}
.required {
	background: #E23922;
	color: #fff;
}
.any {
	background:#FFEF04;
	color:#5A350C;
}
.app_sign + p { margin: 0; 
	-webkit-box-flex:1.0;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	line-height: 1.4;
	font-size: 120%;
}
.app_link:not(:last-child) { margin:0 0 1rem; display: inline-block; text-decoration: none;}
#kit_arrival .app_link {margin-bottom:0; }

.example { font-size: 0.9rem; margin-bottom: 0.2rem; color: #808080;}


/* ----------------------------------------
フォーム関連
---------------------------------------- */
input,
textarea,
select { font-size: 16px;}
#moshikomi form { margin-top: 1rem;}
/*#moshikomi input + p {font-size: 0.9rem; color: #888; margin-top: 0.25rem;}
*/
#moshikomi .check input[type="checkbox"] {
  display: none;
}
#moshikomi .check label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  margin-right: 0;
	font-weight: normal;
}
#moshikomi .check label:before,
#moshikomi .check label:after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
#moshikomi .check label:before {
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 0;
}
#moshikomi .check label:after {
  opacity: 0;
}

#moshikomi .btn_box input[type="radio"]:checked + label::before{
	background: none;
	border: none;
}

/* ----------------------------------------
選択ボタン
---------------------------------------- */
/* 基本 */
#moshikomi .btn_box input + label{
    display: inline-block;
	font-size: 120%;
    padding: 1rem 0.5rem;
    text-decoration: none;
    background: #FFF;
	border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 3px #ccc;
    border-radius: 4px;
	color: #000;
	width: 100%;
	margin: 0;
	-webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all  0.15s ease;	
}
#moshikomi .btn_box input:checked + label {
	background:#FFF100;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
	border-top: solid 1px #FFF100;
    border-right: solid 1px #FFF100;
	border-left: solid 1px #FFF100;
	border-bottom: solid 3px #CCC100;
}
/* 非選択 */
#moshikomi .btn_box .no_select input + label,
#moshikomi .btn_box .no_select input + label span {
	background: #eee;
	color: #bbb;
}
#moshikomi .btn_box label:before,
#moshikomi .btn_box label:after {
	width: 0;
	height: 0;
	margin:0;
	background: none;
	border:none;
}


#moshikomi .flex.all-center {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
}


#moshikomi #self_box .flex.all-center h4 {
margin: 0;
	text-align: left;	
}
#moshikomi #self_box .app_link {
	margin-bottom: 0.25rem;
}
#moshikomi #self_box .app_link:first-child {
	margin-bottom: 0.5rem;
}

#moshikomi #moshikomi1 h3 { background: none; padding-left: 0;margin-top: 0;}
/*#moshikomi #moshikomi1 h4
, #moshikomi #kit_arrival h4 + p{ margin-top: 1.75rem;margin-bottom: .5rem;}*/
#moshikomi .parts { 
	margin-bottom: 2rem;
	position: relative;
	}


.parts p { margin: 0;}
#moshikomi .parts h4 + p { margin-bottom:.5rem;}
#moshikomi .kit_box h4 { text-align: left;}

#moshikomi #app_kit [for="kit_deliver_not_request_kind"]:before{ display: none; }
#moshikomi #app_kit .app_box label { color: #0066AA; font-size: 1rem;padding: 0; margin-bottom: 0;}
#moshikomi #app_kit .app_box > input[type="radio"]:checked + label::after {
	opacity: 0;
}
#moshikomi .app_box.content { padding: 0.5rem 0 0.5rem;}


#moshikomi #app_kit .open-popup-link app_link { margin-bottom: 0;}

#moshikomi #app_kit .half-three.content {
	padding: 0 1rem;
}

#moshikomi #app_sign .accordion_area{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#app_sign .kit_box_kind {
	padding: 1.8rem 0.8rem;
}
#app_sign .kit_box_kind h4 {
	margin: 0;
}

#moshikomi .content { max-width: 700px; margin: 0 auto;}

#moshikomi footer { padding-bottom: 2rem;}
#moshikomi .kit_box_kind h4 { font-size: 1.1rem}
#moshikomi .kit_box_kind p { font-weight: normal; font-size: 0.9rem; margin-top: 0.5rem;}
#moshikomi .kit_box_kind .reference{ font-weight: normal; font-size: .9rem;}

/*#moshikomi .selectWrap.calendar:after {
			border: none;
			content:url(/asset/img/moshikomi/icon_select.svg);
			position: absolute;
			right: 35px;
			width: 17px;
			top: -15px
		}*/


#moshikomi .app_qu > p { margin-bottom: 1rem;}
#moshikomi .app_qu + p { margin-bottom: 1rem;}


dl.accordion dt { 
	background-color:#fff;
	position: relative;
}
#moshikomi #moshikomi1 h3.password_scroll_target { margin-top: 1rem;}

#moshikomi .app_kit_hope.content {padding: 1.5rem 1rem 0;}
#moshikomi .ex { color:#808080; }


/*新規・リピート切り替え*/
#moshikomi .only.new,
#moshikomi .only.repeat{ display: none;}

#moshikomi.new .only.new,
#moshikomi.repeate .only.repeat{ display: block;}
#app_conf .kit_box_kind { padding:1.2rem 0.8rem;}

/*20181109インラインに書かれてたCSS*/
		#address_selector_prefecture ul:after { content: "";display: block;clear:both; } 
		#address_selector_prefecture ul li { float:left;margin:0 1em 1em 0;list-style:none; } 
		#search_address { display:none; } 
		input.hidden { visibility:hidden;position:absolute;bottom:0;left:0; } 
		#moshikomi input[type="radio"]{ display:inline;}


/*20181112時間選択ボタン*/
.btn_time {
	margin-bottom: 0.25rem;
}

/*20181128タブ移動対策*/
#scroll_overflow {
	overflow: auto;
	/*height: 900px;*/
}


/* IE対策 */
@media all and (-ms-high-contrast: none){
.kit_box input[type="checkbox"] {
	display: none;
}	
/*#moshikomi .half-all.btn_box .kit_box {
	height: 57px;
}*/
}
#moshikomi .btn_box select { width: 100%; background: #fff;}
#moshikomi .btn_box > div { text-align: center; /*margin-bottom: 0.25rem;*/}
#moshikomi .btn_box.half > div { width: 49%;}
#moshikomi .btn_box.three > div { width: 49%;}
#moshikomi .btn_box.half-three > div { width: 100%;}
#moshikomi .btn_box.half-all > div { width: 100%;}
#moshikomi .btn_box.all > div { width: 100%;}

/* 次へボタン */
.btn_move .btn { display: block;}
.btn_move { margin:1rem auto 3rem; text-align: center;}
.btn_move button,.btn_move .btn { font-size: 120%}

/* 戻るボタン */
.btn_move .btn_back:after {
	content:'\f104';
	right: inherit;
	left: 1rem;
}

/* ポップアップ閉じるボタン */
.closeButton, .okButton, .clearButton {
    text-decoration: none;
    background: #FFF100;
    border-bottom: solid 3px #DDB700;
    border-radius: 5px;
	/*width: 50%;*/
	width: 45%;
	margin: 1rem auto 0;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}
.closeButton:hover,.closeButton:active, .okButton:hover, .okButton:active, .clearButton:hover, .clearButton:active {
	background: #DDB700;
}

/* 箱選択用ボタン */
#boxnum_pop .okButton {
	background: #E9300E;
	border-bottom-color: #C3280C;
	color: #fff;
	flex-basis: 60%;
}
#boxnum_pop .clearButton {
	background: #E9300E;
	border-bottom-color: #C3280C;
	color: #fff;
	flex-basis: 25%;
}
/* 20181210 自分で箱を用意モーダル */
.self_box_summary p {
	margin-bottom: 0.5rem;
}
.self_box_summary ul li {
	margin-bottom: 0.5rem;
}

/* 20181210 すべての箱数をリセットするボタン */
.all_clearButton {
	display: block;
	background: #E9300E;
    color: #fff;
	width: 35%;
	text-decoration: none;
    border-bottom: solid 3px  #C3280C;
    border-radius: 5px;
    margin: 0.5rem auto;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
	padding: 0.5rem;
}
@media screen and (max-width:767px){
	.all_clearButton {
		width: 50%;
		min-width: 210px;
	}
}

/*20181213 箱モーダル内改行対策*/
@media screen and (min-width:370px){
	br.pc_br{display:none;}
	br.sp_br{display:block;}
}


/* ----------------------------------------
カラム
---------------------------------------- */
#moshikomi .maincontent { margin: 0}
#moshikomi .coloum { border: none;}

#moshikomi .coloum {
}
#moshikomi .coloum:last-child {
	margin-bottom: 0;
	border-bottom: 1px solid #DFDFDF;
}
#moshikomi .content {
	padding:1.5rem 1rem;
	margin: 0 auto;
}
#moshikomi .maincontent div.coloum:last-child {
	margin-bottom: 0;
}
#moshikomi .hr {
	border-top: 1px solid #DFDFDF;
}
#moshikomi .content div.box:last-child {
	margin-bottom: 0;
}
#moshikomi .btn_box {
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	/*margin: 0 0 -2%;*/
	margin: 0;
}

#moshikomi .btn_box.all { margin: 0 ;}
#moshikomi #app_commodity .btn_box,
#moshikomi .app_kit_num .btn_box {
	margin: 0;
}
.btn_box .box {
	margin:0.25rem 0 1rem 0 !important;
	}


/* カラム下の矢印 */
.hr {
position:relative;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
/*.hr:before {
border:10px solid transparent;
border-top-color:#fff;
border-bottom-width:0;
bottom:-9px;
margin-left: -10px;
content:"";
display:block;
left:50%;
position:absolute;
width:0;
z-index:1;
}
.hr:after {
border:10px solid transparent;
border-top-color:#DFDFDF;
border-bottom-width:0;
margin-left: -10px;
bottom:-10px;
content:"";
display:block;
left:50%;
position:absolute;
width:0;
}*/

/* ポップアップ表示 */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 700px;
  margin: 0 auto;
}
.white-popup h3 {
	font-size: 1.8rem;
	width: calc(100% - 45px);
}
.white-popup.middle {
}
.white-popup.small {
	max-width: 450px;
}
#size-popup.white-popup, #passcheck_pop.white-popup, #qu-pop.white-popup {
	  height: auto;
	  max-height: 500px;
	  overflow-y: scroll;
}


/* ----------------------------------------
ヘッダー
---------------------------------------- */
#moshikomi header {
    background: #FFF100;	
}
#moshikomi header {
	line-height: 44px;
	height: 44px;
}
#moshikomi header h1 {
width: 118px;
	margin: 3px 0px 0 10px;
}
.btn_head {
	background: #E9300E;
	color: #fff;
	text-decoration: none;
	height: 100%;
	padding: 0 15px;
}
.btn_head:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* ----------------------------------------
見出し
---------------------------------------- */

#moshikomi #main h1 {
	background: #FFF;
	color: #000;
	margin: 0 0 1rem;
	border: none;
	padding:0.7rem;
	text-align: center;
	font-size: 1.2rem;
	border-bottom: solid 1px #ccc;
}
#moshikomi .coloum h2{
	background: #FFF100;
	color: #000;
	padding: 1rem 0.75rem;
	margin: 3rem 0 0 0;
	text-align:left;
	font-size: 140%;
	border-radius:0;
	border-bottom: none;
}
#moshikomi .coloum h3{
	background:none;
	padding:0;
	flex:1;
	margin:0;
}

@media screen and (max-width:414px) {
	#moshikomi .coloum h2 {
		margin-top: 1rem;
	}
}

/* ----------------------------------------
footer
---------------------------------------- */
footer {
	padding: 2rem 0;
	text-align: center;
}

/* ----------------------------------------
BOX
---------------------------------------- */
.message {
	padding:0 1rem;
	}
.message .col-2-1 {
	margin-bottom:0.3rem;
	}

/* ----------------------------------------
ステップバー
---------------------------------------- */
#nav_step { margin: 1rem 0; }
#breadcrumbs-two{
  margin: 0 ;
  padding: 0;
  list-style: none;
  align-items: center;
}
 
#breadcrumbs-two li{
	width: 29.5%;
	height: 66px;
  margin: 0;
  padding: 0;
  font-size:10px;
  line-height: 1.4;
  color:#5a350c
}
.no-login #breadcrumbs-two li {
	width: 47%;
}

#breadcrumbs-two span {
	width: 100%;
	height: 100%;
	padding: 5px 10px 0 10px;
	display: block;
  background: #ddd;
  position: relative;
}

#breadcrumbs-two span b {
	background:#FFFFFF;
	border-radius:3px;
	padding:3px 5px 2px;
	color:#E23922;
	font-size:10px;
	line-height:250%
	}

#breadcrumbs-two .visited span{
	background: #FFF100;
}
#breadcrumbs-two .visited span::after {
	border-left-color: #FFF100!important;
}
 
#breadcrumbs-two span::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -33px;
  border-width: 33px 0 33px 1.5em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1.5em;
}
#breadcrumbs-two span::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -33px;
  border-top: 33px solid transparent;
  border-bottom: 33px solid transparent;
  border-left: 1.5em solid #ddd;
  right: -1.5em;
}

.step2 ul#breadcrumbs-two li:nth-child(2) span::before
	{
	border-color: #FFF100 #FFF100 #FFF100 transparent;
	}
.step3 ul#breadcrumbs-two li:nth-child(3) span::before
	{
	border-color: #FFF100 #FFF100 #FFF100 transparent;
	}


#breadcrumbs-two li:first-child span::before,
#breadcrumbs-two li:last-child span::after{
	border: none;
}
 
#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
  font-weight: bold;
  background: none;
}
 
#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
  content: normal;
}
/* 推奨用メッセージ */
.recommend_message { 
	list-style: none;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 1rem!important;
	position: relative;
	display: inline-block;
	min-width: 120px;
	width: 100%;
	background: #DAF0B7;
	padding: 0.5rem 0.75rem;
	border-radius: 0.25rem;
}
.recommend_message:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 2rem;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #DAF0B7;	
}

/*20181109即時チェックのボタン*/
.input_wrapping {
	position: relative;
	background: #F9F9F9;
}
.input_wrapping.input_ng:after {
	content: url(/asset/img/moshikomi/icon_form_ng.svg);
    position: absolute;
    right: 15px;
    width: 17px;
    top: 12px;
    z-index: 10;
}
#moshikomi input.input_ng {
    border: 2px solid #E9300E;
    border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.input_wrapping.input_ok:after {
	content: url(/asset/img/moshikomi/icon_form_ok.svg);
    position: absolute;
    right: 15px;
    width: 17px;
    top: 12px;
    z-index: 10;
}

/*20181109　カレンダーアイコン*/
.input_calendar {
	background: url(/asset/img/moshikomi/icon_select.svg), #f6f6f6;
    background-repeat: no-repeat;
    background-position: 93%;
    background-size: 1.5rem auto;
}
/*スマフォ用カレンダーアイコン位置調整*/
@media screen and (max-width:414px){
.input_calendar {
	background-position:90%;
	}
/*.input_wrapping.input_ng:after, .input_wrapping.input_ok:after {
	top: 10px;
}*/
}
@media screen and (max-width:360px){
.input_calendar {
	background-position:86%;
	}

}


/*　固定ゲージ　*/
.gauge_wrap {
		background-color: #000;
		color: #fff;
		padding: 0.5rem;
		position: fixed;
		width: 100%;
		text-align: center;
		bottom: 0;
		z-index: 99;
		height: 48px;
		line-height: 1.4;
	}
	.gauge_wrap .comment {
		margin-bottom: 0;
		text-align: center;
		font-weight: normal;
		font-size: 0.9rem;
	}
	.gauge_box {
		max-width: 230px;
		margin: 0 auto;
	}
@media screen and (max-width:414px){
	.gauge_wrap {
		height:50px ;
	}
	.gauge_box {
		max-width: 200px;
	}
}


/*------------------------------------------
ボタンのチェックアイコン
------------------------------------------*/
#moshikomi .btn_box .check input[type="checkbox"] + label::after {
    opacity: 0;
    left: 15px;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
#app_conf .kit_box_check p {
	width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 10px;
    margin-top: -0.75rem;
}

		
/*チェック判定*/
#moshikomi .btn_box .check input[type="checkbox"]:checked + label::after {
    opacity: 1;

    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
		
#moshikomi .btn_box .check input[type="checkbox"]:checked + label .kit_box_check, #app_conf .check input[type="radio"]:checked + label .kit_box_check {
    background: #f0e300;
	    -webkit-transition: all .2s;
    transition: all .2s;
}

#moshikomi .btn_box .check input[type="checkbox"]:checked + label, #app_conf .check input[type="radio"]:checked + label {
    background-color: #FFF100;
    border-bottom-color: #CCC100;
	    -webkit-transition: all .2s;
    transition: all .2s;
}

/*チェック判定　買取金額*/
#app_conf .check input[type="radio"]:checked + label .kit_box_check p {
	background: #333;
    border: 5px solid #FFF;
}

#moshikomi #app_conf input[type="radio"]:checked + label::after, #moshikomi.step1 #app_conf .check label::after{
	display: none;
   
}
/* IE対策 */
@media all and (-ms-high-contrast: none){
.app_kit_num .kit_num { line-height: 2.1;}
.kit_box.checked .kit_num { line-height: 2;}
}
#moshikomi #kitnum_pop .btn_box { margin: 0 0 -2%;}

/*---20181105 カレンダースタイル---*/
.cloudcalendarbg { 
	background:#000;
	opacity:0.7;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%; 
}
.cloudcalendar { 
	position: absolute;
    background-color: #fff;
    z-index:20000;
    padding: 1.2rem;
    width: 100%;
    box-shadow: 0.1rem 0.2rem 0.5rem 0.1rem rgba(0,0,0,0.1); 
}




.calendar_top_area> a {
	display: none;
}
.cloudcalendar .main_area {
    display:flex;
    justify-content: space-around;
}
.cloudcalendar table { 
	width: 45%;
	display: table;
}
.cloudcalendar table caption { 
	font-weight:bold;
	text-align:center;
	font-size:1.1em; 
}
.cloudcalendar table caption .spanyear { }
.cloudcalendar table caption .spanmonth { 
	vertical-align:baseline;
	font-size:1.1em; 
}
.cloudcalendar table caption .kongetsu { 
	display:inline-block;
	font-size:1.0em;
	background:#cc0000;
	color:#fff;
	margin-left:3px;
	padding:2px 5px;
	vertical-align:2px;
	line-height:1.2;
	zoom:1; 
}
.cloudcalendar table thead { } 
.cloudcalendar table thead th { 
	text-align:center;
	width:calc(100% - 1px);
	background:#fff;
	border:none;
	height:31px;
	line-height:31px;
	padding:0;
	font-weight:normal; 
} 
.cloudcalendar tbody td { 
	padding:0;
	text-align:center;
	background:#fff;
	width:calc(100% - 1px);
	border: 0.1rem solid #fff;
}
.cloudcalendar tbody td.off { 
	color:#aaa; 
}
.cloudcalendar tbody td a { 
	display:block;
	text-decoration:none;
	height:31px;
	text-align:center;
	line-height:31px;
	color:#333;
	background-color: #FFF100;
}
.cloudcalendar tbody td a:hover { 
	text-decoration:none;
	color:#333;
	background-color: #E6D900;
	cursor: pointer;
} 
.cloudcalendar tbody td .past { 
	color:#c1c1c1;
	display:block;
	height:31px;
	text-align:center;
	line-height:31px; 
}
.cloudcalendar tbody span {
	background-color:#e6e6e6;
}
.calendarcloser { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:0; } 





/*スマフォ用カレンダー*/
@media screen and (max-width:767px){
.cloudcalendar{
	display:block;
	}
.cloudcalendar table {
	width: 100%;
	}
.cloudcalendar table:last-of-type {
	margin-bottom: 0;
}
.cloudcalendar tbody td, .cloudcalendar table thead th {
	display: table-cell;
	}
.cloudcalendar tr:last-child td {
	border-bottom: none;
	}
.calendarcloser { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:0; } 
.cloudcalendar .nextcalendar { display:none; } 

.lastcalendar .lastbutton {display:none;}
.lastcalendar .nextbutton {display:block; text-align: right;}
.nextcalendar .lastbutton {display:block;}
.nextcalendar .nextbutton {display:none;}
.lastcalendar table.lastcalendar{display:table;}
.lastcalendar table.nextcalendar{display:none;}
.nextcalendar table.lastcalendar{display:none;}
.nextcalendar table.nextcalendar{display:table;}
}




/*--20181108エラーメッセージ（jQuery）--*/
#moshikomi .formError {
	z-index: 0;
}
#moshikomi .address01_error .formErrorContent {
	width: 100%;
    background: #fce0de;
    position: relative;
    color: #ee0101;
    min-width: 120px;
    font-size: 14px;
	line-height: 1.6;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
	padding: 0.5rem 0.75rem;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}
#moshikomi .formError .formErrorContent {
    font-size: 0.9rem;
	line-height: 1.6;
	padding: 0.5rem 0.75rem;
	background-color: #fce0de;
	color: #ee0101;
	margin-top: 0.5rem;
}
input[name="collect_request_time_kind"],input[name="kit_deliver_request_time_kind"],input[name="job_kind"],input[name="contact_kind"] {
	position: absolute;
}
/*20181207　買取箱のエラーメッセージ*/
.kit_box {
	position: relative;
}
#moshikomi #error_msg_kaitorikit .formError .formErrorContent {
	position: absolute;
	bottom: 0;
    width: 100%;
    right: 0;
	margin-bottom: 0;
}

/*カレンダー内にメッセージ表示｜START*/
#moshikomi .cloudcalendar.disableCalendar {
	position: initial;
	background: none;
	margin-top: 0;
	padding: 0;
	box-shadow: none;
}
#moshikomi .cloudcalendar.disableCalendar .formError{
	position: initial;
}

#moshikomi .cloudcalendar.disableCalendar .formErrorContent {	
	width: 100%;
	box-shadow:none;
	border-radius: 0;
	border: none;
	min-width: auto;
}
/*カレンダー内にメッセージ表示｜END*/

/*---------------------------
別住所に送る｜START
---------------------------*/


.user-info .user-info__contents .flex {
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1.25rem;
}
.user-info .user-info__contents .flex.user-info__contents--mail {
	margin-bottom: 0;
}
.user-info .user-info__contents .user-info__contents__heading {
	width: 100%;
	max-width: 200px;
	flex: 1;
}
.user-info .user-info__contents .flex .user-info__contents__text {
	width: 100%;
}

.delivery-address--address__post--wrap,
.pick-up-address--address__post--wrap {
	width: 100%;
	max-width: inherit;
}
#moshikomi .pick-up-address--choice__choice {
	margin-bottom: 0;
}

/*---------------------------
別住所に送る｜END
---------------------------*/


@media screen and (max-width:360px){
#moshikomi .formError .formErrorContent, .address01_error .formErrorContent {
    font-size: 12px;
	}
}
/* ----------------------------------------
20181109エラーメッセージ（クラウドで設定して出力するもの）
---------------------------------------- */
#moshikomi .error_message {
	list-style: none;
	color: #ee0101;
    font-size: 0.9rem;
	margin-top: 0.5rem;
	margin-bottom: 1rem!important;
	position: relative;
	display: inline-block;
	min-width: 120px;
	width: 100%;
	background-color: #fce0de;
	padding: 0.5rem 0.75rem;
	text-align: left;
}

/*----------------------------------------
20181114 disabled状態のスタイル（お届け希望日）
----------------------------------------*/
#moshikomi .input_calendar input[type="text"]:disabled {
	background-color:#bbb ;
	cursor: not-allowed;
	opacity: 0.8;
}

/*----------------------------------------
20181120 「箱をご用意できない方はこちら」のバー
----------------------------------------*/
#moshikomi label.label_deliver_not {
    display: block;
    text-align:center;
    margin: 0 auto;
    width: 100%;
	font-size: 0.9rem;
	color: #999;
	padding-left: 0;
}
#moshikomi label.label_deliver_not.close {
	background-color: #F2F2F2;
}
#moshikomi label.label_deliver_not::before {
	content: none;
}


/*----------------------------------------
20181121 各項目下に出す注意書き
----------------------------------------*/
#moshikomi aside.box.box_yellow {
	margin-top: 0.5rem;
}
#moshikomi #self_box aside.box.box_yellow {
	margin: 1.5rem 1rem 1.5rem;
}
.br_sp_display {
	display: none;
}
@media screen and (max-width:360px){
.br_sp_display {
	display: block;
}
}


/*----------------------------------------
20181129 予期せぬエラー発生ページ
----------------------------------------*/
.unexpected_error .maincontent {
	padding:0 1rem;
}

.unexpected_error h3 {
	padding-top: 1.5rem; 
}
.unexpected_error a.btn_red {
	width: 45%;
	margin-top: 1rem;
}
@media screen and (max-width:360px){
.unexpected_error a.btn_red {
	width: 60%;
}
}
@media screen and (min-width: 920px){
.unexpected_error .maincontent {
	padding:0 1rem;
}

}
/*----------------------------------------
20181207 郵便番号入力欄
----------------------------------------*/
#zip_area .input_wrapping {
	width: 250px;
} 

/*----------------------------------------
20181210 プレースホールダー
----------------------------------------*/
	#moshikomi input::-webkit-input-placeholder {
		color: #bbb;
	}
	#moshikomi input:-moz-placeholder {
		color: #bbb;
	}
	#moshikomi input::-moz-placeholder {
		color: #bbb;
	}
	#moshikomi input:-ms-input-placeholder {
		color: #bbb;
	}

@media screen and (max-width: 460px){
	#moshikomi input::-webkit-input-placeholder {
		font-size: 12px;
	}
	#moshikomi input:-moz-placeholder {
		font-size: 12px;
	}
	#moshikomi input::-moz-placeholder {
		font-size: 12px;
	}
	#moshikomi input:-ms-input-placeholder {
		font-size: 12px;
	}
	#moshikomi input:focus::-webkit-input-placeholder {
		color: transparent;
	}
	#moshikomi input:focus:-moz-placeholder {
		color: transparent;
	}
	#moshikomi input:focus::-moz-placeholder {
		color: transparent;
	}
	#moshikomi input:focus:-ms-input-placeholder {
		color: transparent;
	}


}@media screen and (max-width: 360px){
	#moshikomi input::-webkit-input-placeholder {
		font-size: 10px;
	}
	#moshikomi input:-moz-placeholder {
		font-size: 10px;
	}
	#moshikomi input::-moz-placeholder {
		font-size: 10px;
	}
	#moshikomi input:-ms-input-placeholder {
		font-size: 10px;
	}
	#moshikomi input:focus::-webkit-input-placeholder {
		color: transparent;
	}
	#moshikomi input:focus:-moz-placeholder {
		color: transparent;
	}
	#moshikomi input:focus::-moz-placeholder {
		color: transparent;
	}
	#moshikomi input:focus:-ms-input-placeholder {
		color: transparent;
	}

}
/*----------------------------------------
inputタグ内カーソル位置の対策
--------------------------------------*/
#moshikomi .input_wrapping input {
	padding-right: 2.8rem;
}

/*----------------------------------------
買取箱の内容　モーダル
--------------------------------------*/
#size-popup #SV_aboutkit .col-2-2 {
    flex-basis: 50%;
}

/* ----------------------------------------
STEP1
---------------------------------------- */
/* ページポップアップ */
.app_info_first img { width: 90%; margin: 1rem auto;}

/* app_commodity */
#app_commodity .btn_box div {
	width: 49%;	
	position: relative;
	margin-bottom: 0.5rem;
}
#app_commodity .btn_box input{
	position: absolute;
	top: 0;
	width: 100%;
}

#app_commodity .btn_box input + label {
	text-align: center;
	width: 100%;
	margin: 0;
	height: auto;
	padding: 0;
	display: inline-block;
}
#app_commodity .btn_box input + label > img {
	padding: 0.5rem 0.5rem 0;
}
#app_commodity .btn_box input + label > p { margin-bottom: 0.5rem;}

/* app_kit */
#moshikomi .btn_box_large .btn_box input + label {
	 padding: 0;
	 height:100%;
	border: none;
	background-color:#F2F2F2;
	border-radius: 0;
	min-height: 5.5rem;
	border-bottom: 3px solid #CCCCCC;
}
.app_kit_hope img { width: 70%; margin: 0 auto 1rem;}

.btn_box_large .btn_box .kit_box {
	position: relative;
	margin-bottom: 0.25rem!important;
}
.btn_box_large .btn_box .kit_box > a { color: inherit;}
.btn_box_large .btn_box input[type="checkbox"] {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.btn_box_large .flex {
	/*-webkit-align-items: center; 
	align-items: center;*/
	height: 100%;
	justify-content: flex-start;
}
.flex.between {justify-content: space-between;}
.flex.start{justify-content: flex-start;}
.btn_box_large ,.app_kit_num .icon_box { 
	-webkit-box-flex:1.0;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	margin: 0 0 0.25rem;
	text-align: left;
}

#app_kit .btn_box_large .kit_title {flex: none;margin: 0 ;}

#moshikomi #app_kit h2 { margin-top: 0;}

.btn_box_large label img { width: 50px;}
.btn_box_large .kit_arrow {
	height: 5px;
    margin: 0 5px 0 10px;
    border-color: #6A4924;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
}
.btn_box_large .kit_num {
	height: 30px;
    width: 30px;
    line-height: 30px;
    background:#fff;
    margin: 0;
    text-align: center;
    border-radius: 50%;
	bottom: -3px;
	right: -12px;
	font-size: 16px;
	position: absolute;
}
.kit_box.checked .kit_num { font-weight: bold; background: #fff;}

.kit_box_check {
	width: 3rem;
	height: 100%;
	background: #E0E0E0;
}
.checked .kit_box_check {
	background: #f0e300;
}
.kit_box_check p {
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #ccc;
	background-color: #fff;
	/*margin: 2.15rem auto 0;*/
	/*position: relative; */
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 10px;
	margin-top: -0.75rem;
}

.checked .kit_box_check p:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 2px;
  width: 13px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#moshikomi .btn_box_large .btn_box .checked input + label,
#moshikomi .btn_box_large .btn_box.checked input + label {
	background-color: #FFF100;
	border-bottom-color: #CCC100;
	
}
.kit_box_kind {
	padding: 1.8rem 0.8rem;
}
.kit_box_num {
	position: absolute;
	right: 1.6rem;
	top: 15px;
}
#moshikomi #self_box .btn_box.half-all > div {
	min-height: 7rem;
}
#self_box .kit_box_num {
	top: 20px;
}

/*20210914 小型商品用段ボールリニューアル　申し込みフォーム*/
@media screen and (min-width:768px) {
	#moshikomi .kogata .text_bold {
		font-size: 1.1rem;
		margin-top: 1.5rem;
		margin-bottom: 1.2rem;
	}
	#moshikomi .kogata .kit_box_kind {
		width: 90%;
	}
	#moshikomi .kogata .kit_box_num {
		width: 35%;
		margin-top: -3rem;
	}
	#moshikomi .kogata img {
		width: 90%;
	}
	#moshikomi .kogata .kogata_box {
		padding: 1.2rem 0.8rem 1.5rem 0rem;
	}
	.kogata .text_bold {
		line-height: 1.6rem;
	}
	.kogata_box p {
		width: 60%;
	}
}

#moshikomi .kogata_title {
	display: flex;
	align-items: center;
}
#moshikomi .kogata h4 {
	font-size: 1.4rem;
}

#moshikomi .kogata_small {
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.kogata .tip_red {
	font-size: 1.1rem;
	padding: 0.3rem 0.5rem;
	margin-left: 1rem;
}
p.kogata_text {
	color: #ee0101;
	margin-bottom: 1rem;
}

@media screen and (max-width:767px){
	#moshikomi .btn_box_large .btn_box input + label {
		 height:auto;
	}
	.kit_box_num {
		top: 5px;
	}
	.kogata .text_bold {
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
}


/* 買取箱のサイズと容量の目安はこちらポップアップ */
.white-popup .size_kit li {
	display: inline-block;
}

.box_pop_num input[type="button"] {
	display: none;
}
#moshikomi .box_pop_num label::before,
#moshikomi .box_pop_num label::after {
	display: none;
}
#moshikomi .box_pop_num label {
			background: #FFF100;
			line-height: 50px;
			width: 50px;
			flex-basis: 50px;
			border-radius: 5px;
			border-bottom: 3px solid #CCC100;
			padding: 0;
			margin: 0;
			z-index: 9999;
			height: 50px;
			position: relative;
		}
#moshikomi .box_pop_num label > img {
			position: absolute;
			width: 25px;
			left: 50%;
			margin-left: -12px;
			top: 50%;
			margin-top: -12px;
		}
#moshikomi .box_pop_num label.btn_disabled {
			background: #E6E6E6;
			border-bottom: 3px solid #808080;
}



.iden_address {
			font-size:1.1rem;
			margin-bottom:2rem;
		}

.box_pop_num {
	position: relative;
	margin: 1.5rem 0 0.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #ccc;
}
.box_pop_num .flex{
	text-align: center;
	align-items: center;
	max-width: 240px;
	margin: 0 auto;
}
.box_pop_num .box_pop_num_result {
	z-index: 999;
	margin: 0 -5px -3px;
	flex: 1;
	background: #eee;
	line-height: 50px;
	font-size: 20px;
}
.box_pop_info {
	align-items: flex-start;
}
/*.box_pop_info img {
	flex-basis: 60px;
	margin-left: 10px;
}*/
.box_pop_info > div {
	/*flex: 1;*/
	flex-basis: 70%;
}
.box_pop_info div:nth-of-type(2){
	flex-basis: 30%;
}
.box_pop_ok {
	background: #FFF100;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
	padding: 3px 20px 15px 20px ;
	display: flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
	 justify-content: space-between;
}
.box_pop_total {
	margin: 1.2rem 0;
}
.box_pop_total span {
	background: #eee;
	padding: 2px 4px;
	margin: 0 6px;
}
.box_pop_error {
    font-size: 0.9rem;
    line-height: 1.6;
    padding: 0.5rem 0.75rem;
    background-color: #fff9d8;
    color: #CC4420;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


/*20180122箱サイズ選択ボタン修正*/
.app_kit_num .kit_box > label > .flex .kit_box_kind > p { 
	text-align: left;
	font-size:11px;
	line-height: 140%;
	margin: .2rem 0 .4rem 0;
}
.app_kit_num .kit_box > label > .flex .kit_box_kind p:last-of-type { margin:0;}

.app_kit_num .kit_box > label > .flex .kit_box_kind{
	/*width:65%;*/
	width: 79%;
	line-height: 145%;
}


/* 2回目以降ログイン */
.step1 .message .btn_green { display: block!important;}

/* 宅配キット */
#moshikomi .white-popup h2 { margin-top: 1rem; font-weight:bold}
.step1 #SV_aboutkit .coloum:first-child { border-top: #CCC 1px solid; margin-top: 1rem; padding-top: 1rem;}
.step1 #SV_aboutkit .coloum { margin: 0 0 1.5rem; padding: 0 0 1.5rem; border-bottom: #CCC 1px solid;}
.step1 #SV_aboutkit .size_kit li { padding-bottom: 0.25rem;}
.step1 #SV_aboutkit h3 { font-size: 1.4rem; margin-bottom: 0.5rem;}

/* 宅配キットお届け日ポップアップ */
#kit_shortest-popup td {
	border: 1px solid #ccc;
}
#kit_shortest-popup table {
    width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}

#kit_shortest-popup th {
    background: #FFF100 none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-weight: 700;
    line-height: 1.5;
    padding: 1em;
    text-align: left;
	width: 50%;
	vertical-align: top;
}
#kit_shortest-popup td {
    border: 1px solid #ccc;
    padding: 1em;
	background: #fff;
	line-height: 1.5;
}
/* ダンボールを自分で用意する */
.self_kit {
	text-align: center;
	margin: 1.5rem 0 0;
}
.self_kit a{
	color: inherit;
	text-decoration: none;
	border: 2px dotted #ccc;
	padding: 1rem;
	display:block;
	width: 100%;
	border-radius: 0.25rem;
}
.self_kit a:hover {
	background: #eee ;
}
#moshikomi .btn_box input + label .new_line { font-size: 80%;}
.self_box_summary select { margin-bottom: 1rem;}
.self_box_summary .flex { margin-bottom: 1rem;}
.self_box_summary .flex > div { width: 48%;}
.self_box_summary .flex img { width: 160px; display: block; margin: 0 auto;}
.self_box_summary ul { margin-top: 0;}
.self_box_summary { margin-bottom: 1rem;}


/* ----------------------------------------
STEP2
---------------------------------------- */
.app_info_name img { width: 90%; margin: 0 auto 1.5rem;}
.app_info_add .add_box {margin: 0 0 1.5rem;}
.app_info_add .add_box:last-child { margin: 0;}
.app_info_add .add_item { margin-bottom: 0.25rem; font-size:1.2rem}
.app_info_pass h4 { font-size: 1rem; margin: 1rem 0 0.25rem!important;}

.app_info_add .add_box .selectWrap:after {
	left: 205px!important;
}	

.conf_add {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

#passcheck_pop ul {
	padding-left: 1.75rem;
}

/* ----------------------------------------
STEP3
---------------------------------------- */
#moshikomi.step3 input + label span { font-size: 80%;}
#moshikomi.step3 .accordion_area dt { }
#moshikomi.step3 .ContentArea {
	margin-bottom:0;
	}
#moshikomi.step3 .ContentArea:first-child {
	margin-top:0;
	}
#moshikomi.step3 #ng_category .content {
	padding:0;
	border:none;
	box-shadow:none;
	}
#moshikomi.step3 #ng_category .content h3 {
	display:none;
	}
#moshikomi.step3 #ng_category .content .coloum {
	border:none;
	padding:0;
	}
#moshikomi .app_promise dl.accordion h1 {
	color:#E23922;
	text-align:left;
	border-top:none;
	padding-left:0;
	margin:1rem 0 0.7rem
	}
#moshikomi .app_promise dl.accordion h2 {
	background:none;
	color:#59330C;
	text-align:left;
	border:none;
	padding:0;
	font-size:1.1rem;
	margin:1rem 0 0.7rem
	}
#moshikomi.step3 dl.accordion p,
#moshikomi.step3 dl.accordion ol {
	margin-bottom:0.25rem;
	}
.mail_magazine { margin-top: 1rem;}	

.app_agree { text-align:center; font-size: 120%;}
.app_mailmaga { margin: 3rem 0; text-align: center;}
.app_promise { margin-bottom: 1rem;}

#app_conf .kit_box_kind {
	flex: 1;
	text-align: left;
}

#moshikomi #app_conf .btn_box.all > div {
	/*min-height: 15rem;*/
}
#app_conf .check {
	margin-bottom: 0.25rem;
}

/* 受取方法の種類ポップアップ */
#qu-pop h3 { margin: 1.5rem 0 0.6rem;}
#qu-pop h3:first-child { margin-top: 0;}
#qu-pop h3 span {
	background: #FFEF04;
	font-size: 60%;
	padding: 0.5rem;
	margin-left: 0.25rem;
	border-radius: 0.25rem;
	display: inline-block;
	line-height: 1;
	vertical-align: text-bottom;
}

/* 銀行振込ページ - 共通 - */
.list_organ {
	list-style: none;
	padding: 0;
}
.list_organ li {
	border-bottom: 1px dotted;
	padding: 0;
}
.list_organ li:first-child {border-top: 1px solid;}
.list_organ li:last-child {border-bottom: 1px solid;}
.bank_card .accordion_area {
	margin-top: 1rem;
}
.bank_card img { width: 70%; margin: 0 auto;}
.bank_card dl.accordion dd img { width: 85%;}
.bank_card dl.accordion dt { background: #fff; color: #0066AA;}
.bank_card dl.accordion dt.open { background: #eee;}
.bank_card dl.accordion dd { padding: 1rem 0;}
#moshikomi .bank_search {
	width: 74%!important;
	}
#moshikomi .bt_kensaku {
	width: 22%;
	box-sizing: border-box;
	margin-left: 0.75rem;	
	background: #FFDE3D;
}
#moshikomi .list_organ label {
	width: 100%;
	margin: 0;
	background: #FFFCEB;
	padding: 1rem 3rem;
}
#moshikomi .list_organ label:before,
#moshikomi .list_organ label:after { margin-left: 1rem;}
#moshikomi .list_organ input:checked + label { background: #FFDE3D;}

.bank .box.box_yellow { margin-top: 0;}
.bank .box.box_yellow p { margin-bottom: 0.25rem;}
.bank .box.box_yellow p span { font-size: 120%; font-weight: bold;}

.btn.no_click { opacity: 0.5;}

/* 銀行振込ページ - ゆうちょ - */
.auto_jp .flex > div { width: 49.5%; background:#fff9d8; text-align: center;}
.auto_jp .flex:first-child { margin-bottom: 1rem;}
.auto_jp > div p { padding: 0.5rem; margin: 0; font-weight: bold;}
.auto_jp .jp_title { background: #FFDE3D;margin: 0;}
.auto_jp .jp_title + p { font-size: 120%;}
#app_jp_account .reference,
#app_bank_account .reference { margin-top: 1rem;}

/* ----------------------------------------
STEP4
---------------------------------------- */
.form_num {
	margin: 2rem 0 1rem;
	font-size: 120%;
	background: #fff;
	border-radius: 0.25rem;
	padding: 1rem;
}
#app_complete .box { margin: 2.5rem 0 0;}
#app_complete .content > p { font-size: 1.5rem; line-height: 1.4; text-align:center;}
#app_complete h3 {
	background: none;
	padding: 0;
	font-size: 120%;
	text-align: center;
}
#moshikomi.step4 #main h1 { margin-bottom: 0;}


.cv-area .btn_move {
	width: 80%;
}


.arrow_complete {
	width: 3rem;
	margin: 0 auto;
}	
#app_complete .box {
	padding: 1.5rem 1rem;
}
#app_complete .box .hr {
	margin-bottom: 0;
	padding-bottom: 0;
}



/* iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
/* ----------------------------------------
STEP1
---------------------------------------- */
/* app_commodity */
#app_commodity .btn_box div { width: 32%;}

/* ダンボールを自分で用意する */
#self_size .flex > div {
	-webkit-box-flex:1.0;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
}
#self_size .flex img { width: 160px; margin: 0 auto;}

br.pc_br{display:none;}
br.sp_br{display:none;}

/* ----------------------------------------
STEP3
---------------------------------------- */
/* 銀行振込ページ - 共通 - */
#moshikomi .bank_search {
	-webkit-box-flex:1.0;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	width: inherit!important;
	}
#moshikomi .bt_kensaku {
	width: 60px;
}

/*---------------------------
別住所に送る｜START
---------------------------*/

.user-info .user-info__contents .flex {
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.user-info .user-info__contents .user-info__contents__heading {
	width: 30%;
	max-width: 200px;
	flex: 1;
}
.user-info .user-info__contents .flex .user-info__contents__text {
	width: 70%;
}
.delivery-address--address__post--wrap,
.pick-up-address--address__post--wrap {
	width: 50%;
	max-width: 300px;
}

/*---------------------------
別住所に送る｜END
---------------------------*/
	
}



/* PC（デスクトップ/タブレット横） */
@media screen and (min-width: 768px) {
	.header_wrap { width: 700px ; margin: 0 auto;}
	#moshikomi header h1 { margin: 0;}
	.form_wrap { border: 1px solid  #DFDFDF;}
	.new_line { display: inline-block;}
#moshikomi .content {
	padding: 2.5rem 3rem 3rem;
	}
#moshikomi .coloum h2{
	text-align:center;
}	
#moshikomi .coloum {
/*	border-top: 1px solid #C1C1C1;*/
}
#moshikomi .maincontent {
	width: 700px;
	margin: 0 auto;
}
#moshikomi .btn_box input + label {
	font-size: 100%;
}
.btn_box_large .btn_box .kit_box { margin: 0 0 -2%;}

.app_kit_num  .btn_box_large { padding: 0 3rem 3rem; margin-top: -1.5rem;}
#moshikomi .app_kit_num .kit_box { margin-bottom:0.75rem!important }
	
	.form_wrap { margin-bottom: 3rem;}	
	
/* ----------------------------------------
BOX
---------------------------------------- */
.message {
	margin-bottom:2rem;
	padding:0;
	margin: 2rem;
	}

/* ----------------------------------------
ステップバー
---------------------------------------- */
#breadcrumbs-two li {
	width:31%;
	font-size:14px;
	}
.no-login #breadcrumbs-two li {
	width: 48%;
}

/* ----------------------------------------
STEP1
---------------------------------------- */
/* app_commodity */
#app_commodity .btn_box div { width: 23.875%;}

/* app_kit */
.app_kit_hope img { width: 40%;}

	
/* 宅配キット */
.step1 #SV_aboutkit .coloum:first-child {  margin-top: 0; padding-top: 1.5rem;}
.step1 #SV_aboutkit .coloum { margin: 0 0 1.5rem 0 ; padding: 1.5rem; border: #CCC 1px solid;}	
.step1 #SV_aboutkit .coloum .col-2-2 { width: 100%; }	
	.step1 #SV_aboutkit .coloum .col-2-2 img { width: 80%; margin: 0 auto;}
/* 宅配キットお届け日ポップアップ */
#kit_shortest-popup th {
	width: 25%;
}

/* マージン調整 */
#moshikomi .app_kit_hope.content {
	padding: 2.5rem 3rem 0;
}
	
#moshikomi #app_kit .half-three.content {
	padding: 0 3rem;
}
/*#moshikomi .app_box.content	 {
		padding: 0.5rem 0 3rem;
}*/

	.kit_box_kind {padding: 1.2rem 0.8rem;}	
	#self_box .kit_box_num {
		top: 37px;
	}
/*買い取り箱内改行*/
br.pc_br{display:block;}
br.sp_br{display:none;}

	
/* ----------------------------------------
STEP2
---------------------------------------- */
.app_info_name img { width: 60%;}
.app_info_add .add_box {
	-js-display: flex;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
	-ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
.app_info_add .add_item { width: 115px; padding-top: 13px;}
.app_info_add .add_con {
	-webkit-box-flex:1.0;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
}

/* ----------------------------------------
STEP3
---------------------------------------- */
.mail_magazine { text-align: center;}	

/* 銀行振込ページ - 共通 - */
.bank_card img { width: 50%; }
.bank_card dl.accordion dd img { width: 65%;}

/* ----------------------------------------
STEP4
---------------------------------------- */
#moshikomi #app_conf .btn_box.all > div {
	min-height: 11rem;
}
#app_complete .box {
	padding: 1.5rem;
}
#moshikomi .complete_mypage {
	padding-top: 0;
}
.complete_mypage p,
.arrow_complete{
	margin-bottom: 1.5rem;		
}	
	
/* ----------------------------------------
選択ボタン
---------------------------------------- */
#moshikomi .btn_box.half-all > div { width: 49%;}
/*#moshikomi .btn_box.all > div { }*/
#moshikomi .btn_box.half-three > div { width: 32%;}
#moshikomi .btn_box.three > div { width: 32%;}
	/*#moshikomi .btn_box > div { margin-bottom: 0.5rem }*/
	
/* ----------------------------------------
カラム
---------------------------------------- */
.btn_box .box {
	margin:0.25rem 0 0 0 !important;
	}

	#moshikomi #self_box .btn_box.half-all > div {
		min-height: 9rem;
	}
	
}

/* 920以上：PC（デスクトップ） */
@media screen and (min-width: 920px) {
/* ----------------------------------------
見出し
---------------------------------------- */

}

/* 1020以上：PC（デスクトップ） */
@media screen and (min-width: 1020px) {

}



#moshikomi .flex.all-center {
			position:absolute;
		}
		.kit_box_check p {
			width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 10px;
    margin-top: -0.75rem;
		}
		
		.checked .kit_box_check p:before {
		content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    width: 13px;
    height: 8px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
		}
		
		#app_conf .kit_box_kind,
		#app_sign .kit_box_kind,
		.kit_box_kind {
    padding: 1.8rem 0.8rem 1.8rem 50px;
		}

#moshikomi h3.no-margin-b{
	margin: 0;
}