@charset "UTF-8";
/* ------------------- Break point memo------------------- 
Letina(min-width:1230px) 最大横幅1190+40px
Desktop(min-width:1140px) 最大横幅980+40px
PC, Tablet(min-width:768px)
mobile(min-width:480px)
*/

/* ******************************
 授与物ご注文フォーム
********************************* */
/* 入力エラーメッセージ */
.ERR{
	background-color: #fff799 !important;
}
.ERR_set-cart {
	margin:10px auto;
	padding:0px;
	color:#cc0000;
	font-weight:bold;
	background-color:#fff799;
	padding-left:5px;
}
.ERR_set-cart:empty {
	padding:0px;
	background-color:transparent;
	border: none;
	margin:0px 0px;
}

/* 冒頭 */
.itemform .f-hosoku{
	font-size:0.95rem;
}
.itemform .delivery{

}

.itemform .formIntro h2{
	font-size:1.125rem;
}
.itemform .formIntro:after{
	content:"";
	display:table;
	clear:both;
}
.itemform .formIntro .itemform-illust01{
	width:25%;
}
/* フロー */
.itemform .formFlow{
	display:table;
	width:100%;
	margin-bottom:20px;
	padding:0 2%;
	text-align: center;
	font-weight: bold;
}
.itemform.confirm .formFlow,
.itemform.finish .formFlow{ /* 確認、完了画面 */
	margin-bottom:20px;
}
.itemform .formFlow span{
	display:table-cell;
	padding: 0.5rem;
	color:#bd757d;
	border:1px solid #bd757d;
	border-radius: 2px;
	white-space: nowrap;
}
.itemform .formFlow span.current{
	background-color:#bd757d;
	border-color:#bd757d;
	color:#fff;
}
.itemform .formFlow i{
	display:table-cell;
	color:#bd757d;
	font-size: 1.3rem;
	vertical-align:middle;
}

/* フォームテーブル */
.itemform .formWrap{
	padding-left:10px;
}
.itemform .formTable{
	margin:0;
}
.itemform .formTable a{
	color: #006699;
	text-decoration:none;
}
.itemform .formTable a:hover{
	color:#eb4b4b;
	text-decoration:underline;
}
.itemform .tb-note{
	padding-left:10px;
	padding-bottom:3px;
	text-align:right;
}
.itemform .formTable.resp{
	margin-bottom:20px;
}
.itemform .formTable.resp th{
	width:15%;
	background-color:#f5ebeb;
	border:1px solid #e5cac9;
	font-weight:bold;
}
.itemform.confirm .formTable.resp th{ /* 確認画面 */
	width:25%;
}
.itemform.confirm .formTable.resp th.th-item{ /* 確認画面 授与物 */
	background-color:#f7e3e3;
	background-color:#f3dedd;
}
.itemform.confirm .formTable.resp th.th-option{ /* 確認画面 オプション */
	background-color:#f1f1f1;
}
.itemform.confirm .formTable.resp td:after{
	content:"";
	display:table;
	clear:both;
}
.itemform.confirm .formTable.resp td span.num,
.itemform.confirm .formTable.resp td span.subtotal{ /* 確認画面 数量、合計 */
	float:left;
	width:55%;
}
.itemform.confirm .formTable.resp td span.subtotal{ /* 確認画面 合計 */
	width:45%;
	text-align:right;
}
.itemform .formTable.resp td{
	padding:15px 10px 10px 10px;
	border:1px solid #e5cac9;
}

.itemform .formTable input,
.itemform .formTable select,
.itemform .formTable textarea{
	color: #000;
	border-radius:3px;
	border:1px solid #a5a5a5;
	padding:2px;
	margin-bottom:5px;
}
.itemform .formTable input::placeholder,
.itemform .formTable textarea::placeholder{
	color: #888;
}
.itemform .formTable input[type="text"],
.itemform .formTable input[type="number"]{
	height:2rem;
}
/* 数量入力のスピンボタンを消す */
.itemform .formTable input[type="number"]{
	-moz-appearance: textfield; /* Firefox */
}
.itemform .formTable input[type="number"]::-webkit-outer-spin-button,
.itemform .formTable input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
}
.itemform .formTable textarea{
	line-height:1.4;
	width:100%;
}
.itemform .formTable select{
	height:2em;
}
.itemform .formTable .hissu{
	color:#ff0000;
	font-size:90%;
	font-weight:bold;
}
.itemform .formTable th .hissu{
	display:block;
}
.itemform .formTable td label{
	font-weight:bold;
}
.itemform .formTable ul.carrier li{
	display:inline-block;
	padding-right:1em;
}
.itemform .formTable ul.carrier a{
	font-size:0.875em;
	font-weight:normal;
}


/* 授与物選択テーブル */
.itemform .formTable td#itemNum{
	padding:0;
}
.itemform .formTable .tb-items{
	margin:0;
}
.itemform .formTable.resp tbody .tb-items td{
	border:0;
	border-right:1px solid #e5cac9;
	vertical-align:top;
	width:50%;
}
.itemform .formTable.resp tbody .tb-items td:last-child{
	border-right:0;
}
.itemform .formTable.resp tbody .tb-items tr{
	border-bottom:1px solid #e5cac9;
}
.itemform .formTable.resp tbody .tb-items tr:last-child{
	border-bottom:0;
}
.itemform .formTable.resp tbody .tb-items td{
	padding:10px;
}
.itemform .formTable .tb-items td:after{
	content:"";
	display:table;
	clear:both;
}
.itemform .formTable .tb-items img{
	float:left;
	width:33%;
	padding-right:2%;
	padding-bottom:1%;
}
.itemform .formTable .tb-items .item-txt{
	padding-top:3px;
	font-size:0.875rem;
}
.itemform .formTable .tb-items .item-num{
	padding-top:3px;
	text-align:right;
}
.itemform .formTable .tb-items input[type="number"]{
	width:60px;
}
/* 交通安全剣札（item10） */
.itemform .formTable .tb-items td#tdItem10 .item-num p{
	clear:both;
	text-align:left;
}
.itemform .formTable .tb-items td#tdItem10 input.item10-shimei{
	display:block;
	width:100%;
	max-width:280px;
	margin-bottom:8px;
	height:2rem;
}
.itemform .formTable .tb-items td#tdItem10 .item-num select{
	display:block;
	max-width:228px;
	margin-bottom:8px;
	height:2rem;
}
.itemform .formTable .tb-items td#tdItem10 .item-txt{
	text-align:left;
}
.itemform .formTable .tb-items td#tdItem10 .item-num .item10-ymd{
	text-align:left;
}
.itemform .formTable .tb-items td#tdItem10 .item-num .item10-ymd input{
	width:50px;
	height:2rem;
}
.itemform .formTable .tb-items td#tdItem10 #ymd02{/* 二躰目 */
	display:none;
	padding-top:10px;
}


/* 色確認モーダル（fancybox内） */
.fancybox-content{
	padding:20px 15px;
}
.fancybox-content h2{
	font-weight:bold;
	font-size:1.25rem;
	margin-bottom:15px;
}
/* お支払い方法 詳細 */
.orderGuideSection-wrap{
	padding-top:40px;
	padding-bottom:40px;
	margin-bottom:40px;
	background-color:#f5f5f5;
}
.orderGuideSection{
	margin-bottom:0;
}
.orderGuideSection:after{
	content:"";
	display:table;
	clear:both;
}
.orderGuideSection .order-col{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:1em;
}
.orderGuideSection .order-col:last-child{
	margin-bottom:0;
}
.orderGuideSection h2{
	font-size:1rem;
	border-bottom:1px solid #000;
	margin-bottom:5px;
}
/*////////////////////////////////////////////*/
/* Table under 769px(768px and up) スマホ用テーブルのCSS */
@media only screen and (max-width:767px){
	/* フォームテーブル */
	.itemform .formWrap{
		padding-left:0;
	}
	.itemform .formTable.resp{
		border-bottom:none
	}
	.itemform .formTable.resp tbody th{
		margin-bottom:10px;
		border:0;
		text-align:left;
		width:auto;
	}
	.itemform.confirm .formTable.resp th{ /* 確認画面 */
		width:auto;
	}
	.itemform .formTable.resp tbody td{
		border:0;
	}

	.itemform .formTable input[type="text"]{
		width:100%;
	}
	.itemform .formTable textarea{
		width:100%;
	}
	/* 授与物選択テーブル */
	.itemform .formTable.resp tbody .tb-items td{
		border:0;
		border-bottom:1px dotted #ddd;
		width:auto;
	}
	.itemform .formTable.resp tbody .tb-items td.no-data{
		display:none;
	}
	.itemform .formTable.resp tbody .tb-items tr{
		border:0;
	}
	.itemform .formTable th .hissu{
		display:inline-block;
	}

}/*END media query*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/* PC, Tablet(768px and up) */
@media print, screen and (min-width:768px){
	.itemform .btn-pink.btn-submit{
		width:260px;
	}
	/* 冒頭 */
	.itemform .formIntro .itemform-illust01{
		width:14%;
	}

	/* お支払い方法 詳細 */
	.orderGuideSection-wrap{
		margin-bottom:0;
	}
	.snsSection{
		margin-bottom:0;
	}
	.snsSection-wrap{
		padding-bottom:40px;
		background-color:#f5f5f5;
	}
	.orderGuideSection .order-col{
		float:left;
		width:47%;
		margin-right:3%;
	}
	.orderGuideSection .order-col:last-child{
		width:50%;
		margin-right:0;
	}
}/*END media query*/
/*////////////////////////////////////////////*/
/*////////////////////////////////////////////*/
/* Desktop(1140px and up) */
@media print, screen and (min-width:1140px){

}/*END media query*/
/*////////////////////////////////////////////*/