@charset "utf-8";
/* メインの入力フォーム　共通 */
/* .error { display: none !important; } */

input, textarea, .check-list label::before {
	background: #fff;
	outline: none;
	box-shadow: none;
	padding: 5px 8px;
}
input.min-input { width: 93px; }
input.middle-input {
	width: 190px;
	display: inline-block;
}
.pass-input { width: 23em !important; }
.no-input { width: 31.7em !important; }
input, select { vertical-align: middle; }
input { height: 4.4rem; }
input[type="radio"] { height: 3.8rem; }
input:hover, input:focus, .easy-select-box:hover, textarea:hover, textarea:focus, .design-radio label:hover::before,.design-radio label:focus::before, .check-list li:hover label::before, .check-list li:focus label::before {
    outline: none;
}
.check-list label::before { padding: 0; }
.selectmenu select {
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    padding: 11px 10px;
    border: 0;
    background-size: 10px 9px;
    font-family: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
	font-weight: 500;
}
option { font-weight: 500; }
.check-parent { padding: 2rem 0; }
.multi-input .td { vertical-align: middle; }
.multi-input  input {
	float: left;
	display: inline-block;
}
.multi-input .symbol {
	padding: 0 5px;
	float: left;
}
.form h3 {
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.7;
	letter-spacing: 0.5rem;
}
.form dl { width: 100%; }
.again {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	display: block;
	margin: 2rem 0 0.8rem !important;
}
.form > div { margin-bottom: 8rem; }
.form > form > div { margin-bottom: 8rem; }
.form dl {
	margin-bottom: 2rem;
	border-bottom: 1px dotted #d2d2d2;
    padding-bottom: 2rem;
}
.form dl dt {
	font-weight: bold;
	box-sizing: content-box;
	padding-top: 0.7rem;
}
.form div dl dd br { display: none; }
.form dt.td {
	font-weight: bold;
	width: 21em;
	padding-top: 0;
}

/* フォームの中のボタン */
.form .form-btn a {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0.5rem 1rem;
	display: block;
}
.form .form-btn p {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 2 !important;
	float: none !important;
}

/* 日 */
/*.day { margin-top: 1.2rem; }
.day input[type="text"] { width: 100%; }
.day .td {
	width: 6em;
}
.day .txt {
	width: 1em;
	vertical-align: middle;
	padding: 0 20px 0 5px;
}*/

/* 郵便番号から自動入力 */
.yuubin .multi-input .btn {
	display: inline-block;
	margin-left: 10px;
}
.form .yuubin .multi-input .btn { margin-top: 0.2rem; }

/* テーブルのform */
table.form th {
	padding: 10px 15px;
    line-height: 2.6rem;
/*    background: #E3E3E3;
*/    /*border-right: 1px solid #fff;*/
	/*border-top: 1px solid #fff;*/
	border-bottom: 1px solid #fff;
	font-size: 14px;
	font-size: 1.4rem;
	white-space: normal;
}
table.form tr:first-child th { border-top: none; }
table.form td {
    padding: 15px 20px;
    background: #fff;
    border-bottom: 1px dotted #ccc;
}
table.form td > span {
    margin: 1rem 0;
    display: block;
}
table.form tr:first-child td { border-top: none; }
.bg-bl table.form, .bg-ye table.form { border: 1px solid #fff; }
.form .multi-input p, table.form td.day p {
	display: inline-block;
    margin: 0 5px;
    font-family: inherit;
    line-height: 4.6rem;
    padding: 0;
	float: left;
}
table.form td p.btn-bl {
	display: inline-block;
	margin-left: 10px;
}
table.form td p.btn-bl a {
	padding: 6px 12px;
	font-family: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
	font-weight: 500;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px;
	line-height: 1.3;
}
.form .todoufuken .selectmenu,
.form .busuu .selectmenu { width: 27.6%; }
table.form td.day .selectmenu {
	width: 7em;
    float: left;
}
table.form td.day li { float: left; }
table.form td.day li:last-child { padding-right: 0; }
table.form td.day li:last-child .selectmenu { width: 100%; }
table.form .check-list li,
table.form .radio-list li {
	float: left;
	padding-right: 24px;
}
table.form .check-list input[type="checkbox"]:checked + label::after, table.form .check-list input[type="checkbox"]:checked + p::after, table.form .check-list input[type="checkbox"]:checked + span::after { top: 9px; }

/* 備考 */
table.form.bikou { border-top: none; }

/* チェックボックス */
.check-list input[type="checkbox"] {
	display: none;
}
.check-list label, .check-list p, .check-list label {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	cursor: pointer;
	width: auto;
}
.check-list label::before, .check-list p::before, .check-list label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 15px;
	height: 15px;
	margin-top: -6px;
	background: #fff;
	border: 1px solid #ccc;
}
.check-list input[type="checkbox"]:checked + label::after,
.check-list input[type="checkbox"]:checked + p::after,
.check-list input[type="checkbox"]:checked + span::after {
	position: absolute;
	content: '';
	top: 10px;
	left: 3px;
	width: 8px;
	height: 4px;
	border-left: 2px solid #141414;
	border-bottom: 2px solid #141414;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* validate */
.error {
	color: #bf1919;
	margin-top: 0.5rem !important;
	display: block;
	clear: both;
	overflow: hidden;
	text-align: left;
}
.caution:before { text-indent: 0; }

/* 入力ページ */
.full-form {
	margin-bottom: 3rem;
	border: 1px solid #d9d9d9;
}

/* 数量選択 */
.add_wrap {
	padding: 2rem;
	margin-top: 2rem;
}
.add_wrap li { vertical-align: middle !important; }
.add_wrap li:first-of-type { width: 13em; }
.kosuu dt {
	display: inline-block;
    margin: 1rem 5px 1rem 0;
    float: left;
}
.kosuu dd {
	width: calc(100% - 37px);
	display: inline-block;
	float: left;
}
.kosuu select {
	font-size: 18px;
	font-size: 1.8rem;
}

/* 日付 */
table.form .date .day .selectmenu {
    width: 6em;
    float: left;
}
.form .day {
	/*width: 50%;*/
	margin-top: 1rem;
}
.form .day .selectmenu {
	width: 6em;
    float: left;
}
.form .day li {
	margin-left: 10px;
    float: left;
    display: inline-block;
	width: calc(33.333% - 7px);
}
.form .day li:first-of-type{ margin-left: 0; }
.form .day li:last-child .selectmenu { width: 100%; }
.form .day li input {
	float: left;
	width: calc(100% - 26px);
}
.form .multi-input p, .form .day p {
    display: inline-block;
    margin: 0 5px;
    font-family: inherit;
    line-height: 4.6rem;
    padding: 0;
}
table.form .date .day .selectmenu {
	width: calc(100% - 26px) !important;
    float: left;
}
table.form .date .day li {
	margin-left: 10px;
	float: left;
}
table.form .date .day li:first-of-type { margin-left: 0; }
table.form .date .day li:last-child { margin-right: 0; }
table.form .date .day li:last-child .selectmenu { width: 100%; }
table.form .date .day li input { float: left; }

/* 熨斗 */
table.form .kanninoshi .selectmenu {
    width: 11rem !important;
    float: left;
    margin-right: 10px;
}
table.form .kanninoshi input { width: calc(100% - 120px); }

/* 確認ページ */
.form-check dt, .form-check dd{ vertical-align: inherit; }
.form-check { margin-bottom: 5rem; }
.form-check div dl dt { padding-top: 0; }

/* ボタンの矢印 */
.btn_wrap .circle-arrow:before {
	width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    top: 2rem;
}
.btn_wrap .circle-arrow:after {
	width: 0;
    height: 0;
    border: 4px solid transparent;
    top: 2.6rem;
}
.btn_wrap .circle-arrow_r:before {
	right: 30px;
    left: inherit;
}
.btn_wrap .circle-arrow_r:after {
	left: inherit;
	right: 32px;
	border-left: 6px solid #65C7EB;
}
.btn_wrap .circle-arrow_l:before {
	left: 30px;
    right: inherit;
}
.btn_wrap .circle-arrow_l:after {
	right: inherit;
	left: 32px;
	border-right: 6px solid #C7C7C3;
}

@media screen and (min-width: 1000px) {
	/* テーブルのform */
	table.form {
		border-spacing: 0;
	}

	table.form .date .day li { width: calc(25% - 135px); }
	table.form td.day li:last-child .selectmenu { width: 15em !important; }
}

@media screen and (max-width: 999px) {
	input { height: 4.4rem; }
	.check-parent { padding: 0 0 2rem; }
	.check-list label::before, .check-list p::before, .check-list label::before {
		width: 18px;
		height: 18px;
	}
	.check-list input[type="checkbox"]:checked + label::after, .check-list input[type="checkbox"]:checked + p::after, .check-list input[type="checkbox"]:checked + span::after {
		top: 7px;
		left: 5px;
	}
	table.form .week-td .check-list input[type="checkbox"]:checked + label::after, table.form .week-td .check-list input[type="checkbox"]:checked + p::after, table.form .week-td .check-list input[type="checkbox"]:checked + span::after {
		top: 5px;
	}
	.check-list label, .check-list p, .check-list label { padding-left: 25px; }
	.check-list label::before, .check-list p::before, .check-list label::before  { margin-top: -10px; }

	/* テーブルのform */
	table.default td {
		font-size: 14px;
		font-size: 1.4rem;
	}
	table.form td.todoufuken .selectmenu,
	table.form td.busuu .selectmenu { width: 70%; }
	table.form .selectmenu { width: 100% !important; }
	table.form td.day { width: 6em !important; }
	/*table.form td.day li:nth-child(3) {
		clear: both;
		overflow: hidden;
	}*/
/*	table.form td.day li:last-child .selectmenu { width: 10em !important; }
*/	table.form .check-list li { margin-bottom: 1.4rem; }
	#item_wrap .kanninoshi .selectmenu { width: 11em !important; }
	.form .todoufuken .selectmenu, .form .busuu .selectmenu { width: 190px; }
	.form div dl dt { margin-bottom: 0.5rem; }
	.form dt.td { width: 11em; }

	/* 日付 */
	.form .day { width: 70%; }

	/* iPhone ラジオボタンバグ対処 */
	#onestop .design-radio,
	#onestop .design-radio li {
		display: block !important;
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
	}
	#onestop .design-radio {
		margin: 0 0 1rem 0 !important;
	}
	#onestop .design-radio li {
		margin: 0 !important;
	}
	#onestop .design-radio li label {
		width: 100% !important;
		padding: 1.5rem 3px 1.5rem 20px !important;
	}
}

@media screen and (max-width: 999px) and (min-width: 481px) {
	/* テーブルのform */
	table.form th, table.form td { display: table-cell; }
	table.form .kanninoshi .selectmenu { width: 11em !important; }
	table.form .date .day li { width: calc(25% - 8px); }
	table.form .date .day li:last-of-type .selectmenu { width: 100% !important; }
}

 @media screen and (min-width: 481px) {
	/*table.form th { width: 230px; }*/
	.form div dl dt {
		width: 11em;
		text-align: right;
		padding-right: 10px;
	}
	.form dt.td.ver-top { padding-top: 1rem; }
	.form dt.td {
		text-align: right !important;
		padding-right: 10px;
	}
	.form .use .selectmenu { width: 50%; }

	 /* 数量選択 */
	.add_wrap li:first-of-type {
		padding-right: 35px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 480px) {
	/* テーブルのform */
	table.form th {
		width: 100%;
		border-right: none;
		margin-bottom: 0;
		padding: 10px;
	}
	table.form td {
		padding: 15px 10px 20px;
		width: 100%;
	}
	table.form tr p.btn-bl {
		display: block;
		margin: 0;
		margin-top: 1rem;
		width: 190px;
	}

	.full-form .td {
		display: block;
		width: 100%;
	}
	.full-form dt {
		border-right: none;
		margin-bottom: 0;
		padding: 10px;
	}
	.full-form dd { padding: 15px 10px 20px; }
	.full-form dl .btn-bl {
		display: inline-block;
		margin: 0;
		margin-top: 1rem;
	}
	input, .selectmenu select { height: 4.4rem; }
	input#address1, input#address2 { width: 100%; }
	input.pass-input { width: 70% !important; }
	table.form td.day ul li:first-of-type, table.form td.day ul li:nth-of-type(2) { margin-bottom: 1.4rem; }
	input[type="text"] { width: 100%; }
	input.middle-input { width: 6em; }
	.yuubin input { width: 5em; }
	table.form tbody tr td .btn {
		margin-left: 0 !important;
		display: block;
		width: auto;
		padding: 0.5rem;
	}
	.form dt,
	.form dd { display: block; }
	.form dt.td {
		margin-bottom: 0.5rem;
		width: 100%;
	}
	/*.yuubin .btn { margin-top: 0 !important; }*/
	table.form .yuubin .multi-input .btn { margin-top: 1rem; }
	.no-input { width: 100% !important; }
	#maincontent .yuubin .btn a { padding: 1.6rem 0.5rem; }

	/* 数量選択 */
	.add_wrap ul { text-align: center; }
	.add_wrap li:first-of-type {
		margin-bottom: 1.5rem;
		display: inline-block;
		width: 11em;
	}

	/* 日付 */
	.form .day { width: 100%; }

	/* ログインID、パスワード */
	#login input { width: 100% !important; }
}

/*=========================================
		cssハック
=========================================*/
/* IE9〜11 */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	.check-list label span { margin-top: 0.8rem; }
	.check-list input[type='checkbox']:checked + label::after, .check-list input[type='checkbox']:checked + p::after, .check-list input[type='checkbox']:checked + span::after {
		top: 14px;
		left: 4px;
	}
	.design-radio label { padding: 1.6rem 3px 1rem 20px; }
}
/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	.check-list label span { margin-top: 0.8rem; }
	.check-list input[type='checkbox']:checked + label::after, .check-list input[type='checkbox']:checked + p::after, .check-list input[type='checkbox']:checked + span::after {
		top: 14px;
		left: 4px;
	}
	.design-radio label { padding: 1.6rem 3px 1rem 20px; }
}