@charset "utf-8";
@import url("/css/pages.css");
/*--京base.css--*/
/*###############PC first###############*/
.bnr_img{
	margin-left:15px;
}
.bnr_img p{
	text-align:left;
}

.input_box01{
	background-color:#fff;
	margin-bottom:30px;
	border-radius:10px;
	padding:20px 0;
	overflow:hidden;
}
.input_box02{
	background-color:#fff;
	margin-bottom:30px;
	border-radius:10px;
	padding-bottom:20px;
	overflow:hidden;
}


body#pages #page_body .input_box01 h3,
body#pages #page_body .input_box02 h3{
	font-size:20px;
	font-weight:bold;
	padding:13px 15px;
	background:url(/shared/order/bg_01.gif);
	border-radius:5px;
	color:#FFF;
	margin:30px 15px 12px 15px;
	clear:both;
}
.input_box01 span.hyoushi{
	font-size:18px;
	font-weight:bold;
	color:#415564;
	background:url(/shared/order/icon_off_01.gif) no-repeat right;
	padding-right: 35px;
	margin:10px 15px 0px 15px;
}
.input_box01 span.honbun{
	font-size:18px;
	font-weight:bold;
	color:#415564;
	background:url(/shared/order/icon_off_02.gif) no-repeat right;
	padding-right: 35px;
	margin:10px 15px 0px 10px;
}

.input_box02 h3{
	font-size:20px;
	font-weight:bold;
	padding:10px 15px;
	background:url(/shared/order/bg_02.gif) repeat-x;
	border-radius:10px;
	color:#FFF;
	clear:both;
}

.input_box01 dl,
.input_box02 dl{
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
}

.input_box02 dl.option_box{
	margin-bottom:0;
}
.input_box01 dl dt,
.input_box02 dl dt{
	background:url(/shared/order/icon_01.gif) no-repeat 0 5px;
	padding:5px 0 0 32px;
	line-height:1.4em;
	margin:0 20px 6px 20px;
	font-size:18px;
	color:#415564;
	position:relative;
}

.input_box01 dl dt .goto_detail,
.input_box02 dl dt .goto_detail{
	font-weight:normal;
	font-size:0.8em;
	position:absolute;
	top:5px;
	right:0;
	background:url(/shared/order/icon_yazirushi2.gif) center right no-repeat;
	padding-right:16px;
}

.input_box01 dl dt .goto_detail a,
.input_box02 dl dt .goto_detail a{
	color:#111;
}

.input_box02 dl dt .goto_detail_op{
	font-weight:normal;
	font-size:0.8em;
	position:absolute;
	top:5px;
	right:0;
	background:url(/shared/order/icon_yazirushi2.gif) center right no-repeat;
	padding-right:16px;
}

.input_box02 dl dt .goto_detail_op a{
	color:#111;
}


.input_box01 dl dd,
.input_box02 dl dd{
	margin:0 50px;
	overflow: hidden;
}

.input_box01 dl dd input[type="radio"],
.input_box02 dl dd input[type="radio"]{
	margin:0 5px 0 0;
	vertical-align:-1px;
}

.input_box01 dl dt .pagesu{
	font-size:12px;
	color:#333;
}
.input_box01 dl dd input.text_box{
	height:35px;
	margin:0px 10px 10px 40px;
}
.input_box02 dl dd input.text_box_long{
	width:500px;
	height:35px;
	margin:0px 10px 10px 40px;
}
.input_box01 dl dd select.select_box{
	font-size:1.4em;
	margin-right:8px;
	/*margin:0px 10px 10px 40px;*/
	padding:5px 10px;
}
/*
.input_box01 dl.nyukou dd{
    height:240px;
}
.input_box01 dl.seihon dd{
    height:60px;
    }
.input_box01 dl.size dd{
    height:120px;
    }
.input_box01 dl.toji dd{
    height:120px;
    }
.input_box01 dl.hyoushi_color dd{
    height:80px;
    }
.input_box01 dl.hyoushi_youshi dd{
    height:80px;
    }
.input_box01 dl.honbun_color dd{
    height:80px;
    }
.input_box01 dl.honbun_youshi dd{
    height:80px;
    }
.input_box02 dl.pp dd,
.input_box02 dl.asobi dd{
    height:80px;
    }
.input_box02 dl.hakuoshi dd{
    height:80px;
}
*/


body#pages #page_body .input_box01 p,
body#pages #page_body .input_box02 p{
	/*margin-left:10px;*/
	margin-bottom:0.5em;
}
.input_box01 dl dd ul li label{
	padding: 0.5em 0 0.5em 1em;
	margin: 8px 16px 8px 0;
	font-weight: bold;
	border: solid 3px #9F9F9F;
	width:290px;
}
.input_box02 dl dd ul li label,
.input_box02 dl dd ul li label.asobi_01,
.input_box02 dl dd ul li label.asobi_02,
.input_box02 dl dd ul li label.asobi_03{
	padding: 0.5em 1em;
	margin: 10px 16px;
	font-weight: bold;
	border: solid 3px #9F9F9F;
	width:230px;
}
.input_box01 dl dd ul li label:hover,
.input_box02 dl dd ul li label:hover{
	border: solid 3px #00BE82;
}
.input_box01 dl dd ul.toji_list li label.toji_01{
	background:url(/shared/order/icon_righttoji.gif) 120px center no-repeat;
	width:155px;
	height:60px;
	line-height:60px;
}
.input_box01 dl dd ul.toji_list li label.toji_02{
	background:url(/shared/order/icon_lefttoji.gif) 120px center no-repeat;
	width:155px;
	height:60px;
	line-height:60px;
}
.input_box01 dl dd ul.toji_list li label.toji_03{
	background:url(/shared/order/icon_toptoji.gif) 120px center no-repeat;
	width:155px;
	height:60px;
	line-height:60px;
}



.input_box01 dl dd ul.toji_list li label:hover{
	border: solid 3px #00BE82;
}
.input_box01 dl dd ul.toji_list li label{
	padding: 0.5em 1em;
	margin: 10px 16px 10px 0;
	font-weight: bold;
	border: solid 3px #9F9F9F;
}

#inputForm ul.seihon_list{
	overflow: hidden;
}

.input_box01 dl dd ul.seihon_list li{
	float:left;
}
.input_box01 .hyoushi_youshi_type,
.input_box02 .text_align_right {
	text-align:right;
	margin-right:15px;
	clear:both;
}
.input_box01 .hyoushi_youshi_type a,
.input_box02 .text_align_right a{
	color:#111;
	background:url(/shared/order/icon_yazirushi2.gif) center right no-repeat;
	padding-right: 17px;

}

#inputForm ul.pp_list{
	overflow: hidden;
}
#inputForm > div.input_box02 > dl > dd > ul.pp_list > li > label{
	padding: 0.5em 0 0.5em 1em;
	margin: 8px 16px 8px 0;
	font-weight: bold;
	border: solid 3px #9F9F9F;
	width: 290px;
}
#inputForm > div.input_box02 > dl > dd > ul.pp_list > li > label:hover{
	border: solid 3px #00BE82;
}

.input_box01 dl dd ul.size_list li,
.input_box01 dl dd ul.toji_list li,
.input_box01 dl.hyoushi_color dd ul.hyoushi_youshi_list li,
.input_box01 dl dd ul.honbun_youshi_list li,
.input_box01 dl dd ul.pp_list li,
.input_box02 dl dd ul.pp_list li,
.input_box02 dl dd ul.asobi_list li,
.input_box02 dl dd ul.hakuoshi_list li{
	float:left;
}

.input_box01 dl.hyoushi_youshi dd ul.hyoushi_youshi_list{
	width:350px;
	float:left;
}

.input_box01 dl.hyoushi_youshi dd .c_color{
	float:left;
}

.input_box01 dl.hyoushi_youshi dd .c_color .box_header{
	font-weight:bold;
	margin-bottom:4px;
}

.input_box02 .asobi_sentaku{
	width:800px;
	height:150px;
}
.input_box02 .asobi_txt_box{
	width:310px;
	float:left;
}
.input_box02 .asobi_select_box{
	width:300px;
	float:right;
}
.input_box02 dl.asobi_mae{
	float:right;
}
.input_box02 .asobi_sentaku .asobi_select_box dl dt{
	width:440px;
	float:right;
	background:none;
}
.input_box02 .asobi_sentaku .asobi_select_box dl dd{
	float:right;
	margin:-70px 50px;
}
.input_box02 dl.hakuoshi_color dt{
	background:none;
	margin-right:150px;
}
.input_box02 dl dd select{
	padding: 0.5em 1em;
	margin: 10px 4px;
	font-weight: bold;
	border: solid 3px #9F9F9F;
	width:180px;
}
.input_box02 .hakuoshi_box{
	width:800px;
}
.input_box02 dl.hakuoshi{
	float:left;
}
.input_box02 dl.hakuoshi_color{
	float:right;
}

.input_box02 .asobi_text{
	font-size:18px;
	font-weight:bold;
	margin:10px 16px;
}
.input_box02 .kakusyu_option{
	width:740px;
	padding:20px;
	overflow:hidden;
	margin-bottom:30px;
}
.input_box02 .kakusyu_option p{
	font-size:16px;
	padding:0 10px 10px;
}
.input_box02 .kakusyu_option .text_align_right{
	font-size:13px;
	text-align:right;
}

.input_box02 .kakusyu_option .kaku_option{
	font-size:18px;
	font-weight:bold;
	margin:10px 16px;
	padding:5px;
	border-top:1px solid #ccc;
}

.input_box01 hr,
.input_box02 hr{
	border:none;
	border-top:1px solid #bbb;
	margin:20px;
}

.four_print_input{
	float:left;
}
.four_print{
	float:left;
}

.page_busuu{
	position:relative;
}

.page_busuu dl dt{
	margin-bottom:8px;
}

.page_busuu_other_order{
	width:320px;
	position:absolute;
	bottom:0;
	right:90px;
	padding:10px;
	border-radius:5px;
	border:1px dotted #066D79;
}

/*カート上の印刷部数価格入力*/
.busuu_kakaku{
	text-align:center;
	height:120px;
	padding-top:15px;
	margin-left:20px;
	position:relative;
	z-index:1;
}

.busuu_kakaku dl{
	width:720px;
	height:100px;
	border:2px solid #058C96;
	border-radius:5px;
	background:#FFF;
}
.busuu_kakaku dt{
	font-weight:bold;
	color:#fff;
	background:#099;
	width:100px;
	height:60px;
	line-height:60px;
	float:left;
	margin:20px 10px;
}
.busuu_kakaku dd{
	float:left;
	margin:20px 0px 0px -10px;
	position:relative;
}

.busuu_kakaku dd input[type="text"]{
	font-size:1.4em;
	line-height:1em;
}

.busuu_kakaku dl dd input.text_box{
	padding: 7px 1em;
	font-weight: bold;
	border: solid 3px #058C96;
	width:90px;
	height:40px;
	text-align: right;
}

.busuu_kakaku dl dd.busuu_dd{
	margin-right:20px;
}

.busuu_kakaku dl dd input.text_box.tb_quantity{
	width:60px;
}

.busuu_kakaku dl dd input.text_box.tb_price{
	width:110px;
}

#discount_set{
	position:absolute;
	bottom:3px;
	right:90px;
	font-size:0.9em;
}

#discount_amount{
	position:relative;
}

#discount_amount:before{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	border-top:1px solid #c40026;
	top:50%;
	right:0;
}

.busuu_kakaku .busuu_img{
	position:relative;
	z-index:2;
}

.busuu_kakaku .busuu_dog{
	position:absolute;
	z-index:3;
	top:0;
	right:20px;
}


p.text_align_right{
	text-align:right;
	margin-right:40px;
}
p.text_align_center{
	text-align:center;
}
span.txt_bold{
	font-weight:bold;
	font-size:18px;
}

.cart_btn_box{
	text-align:center;
}
.cart_btn_01{
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#fff;
}
input.button_cart{
	width:200px;
	font-size:16px;
	padding:10px 30px;
	background:#FF824B;
	border-radius:5px;
	border-style:none;
	position:relative;
	display:inline-block;
	text-decoration:none;
}

body#pages #page_body .order_title h3,
body#pages #page_body .sonota_yobo h3{
	margin-bottom:15px;
}

.order_title > .box_inner,
.sonota_yobo > .box_inner,
.select_sub_cp > .box_inner{
	padding:0 20px 0 20px;
}

.order_title .require{
	font-weight:bold;
	color:#c40026;
}

.order_title > .box_inner input[type="text"]{
	width:720px;
	padding:5px;
	margin:0 auto;
}

.select_sub_cp .sub_cp_list{
	margin:10px 0 0 30px;
}

.select_sub_cp .sub_cp_list li{
	margin-bottom:10px;
	overflow:hidden;
	clear:both;
}

.select_sub_cp .sub_cp_list li label{
	padding: 0.5em 0 0.5em 1em;
	margin:0 20px 0 0;
	font-weight: bold;
	border: solid 3px #9F9F9F;
	width:260px;
	float:left;
}

.select_sub_cp .sub_cp_list li label:hover{
	border: solid 3px #00BE82;
}

.select_sub_cp .sub_cp_list li label input[type="radio"]{
	margin-right:5px;
}

.select_sub_cp .sub_cp_list li .campaign_sub_txt{
	display:inline-block;
	line-height:1.6em;
}



.sonota_yobo > .box_inner textarea{
	width:720px;
	padding:5px;
	height: 150px;
}

.other_order{
	text-align:center;
	margin-bottom:20px;
}

body#pages #page_body .other_order p{
	text-align:center;
	/*font-weight:bold;*/
	margin-bottom:0.7em;
	font-size:1.2em;
	line-height:1.8em;
}

body#pages #page_body .other_order .btn_dl a{
	display:inline-block;
	border:1px solid #00be82;
	border-radius:4px;
	background:#fff;
	color:#111;
	padding:5px 20px;
	text-decoration:none;
}

body#pages #page_body .other_order .btn_dl a:hover{
	background:#00be82;
	color:#fff;
}

/*#####キャンペーンの書き物#####*/
/*かたつむりフェア*/
.msg_cp2{
	background:#e3e4f1;
	padding:10px;
	margin:10px 20px 10px 10px;
	font-weight:bold;
	border-radius:5px;
}

.msg_cp2_2{
	padding:10px;
	margin:10px 20px 10px 10px;
	font-weight:bold;
	border-radius:5px;
}

/*まだまだ熱いよ！キャンペーン*/
.cp6 strong{
	font-weight:bold;
	color:#c40026;
}

.cp6 .underline{
	border-bottom:1px dashed #c40026;
	font-weight:bold;
}

.cp6 .shiori_shiyo{
	margin-top:1em;
}

.cp6 .shiori_shiyo > li{
	padding-left:1.5em;
	position:relative;
	line-height:1.6em;
	margin-bottom:0.3em;
}

.cp6 .shiori_shiyo > li:last-child{
	margin-bottom:0;
}

.cp6 .shiori_shiyo > li:before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}

.cp6 .shiori_tmpl_dl{
	letter-spacing:-0.4em;
	margin-top:0.5em;
}

.cp6 .shiori_tmpl_dl li{
	letter-spacing:0;
	margin-right:2em;
	display:inline-block;
}

.cp6 .shiori_tmpl_dl li:last-child{
	margin-right:0;
}

.cp6 .shiori_tmpl_dl li:before{
	font-family: FontAwesome;
	content:"\f1c1";
	margin-right:0.4em;
	color:#800019;
}



/*--------PCここまで--------*/
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	/*--------SPここから--------*/


	#page_main #page_body .input_box01 .bnr_img{
		padding:10px;
		margin-left:auto;
	}
	body#pages #page_body h3{
		font-size:13px;
	}

	.input_box01 dl dd,
	.input_box02 dl dd {
		margin: 0 30px;
	}

	.input_box01 dl dd ul li label{
		width:100%;
	}

	#inputForm > div.input_box02 > dl > dd > ul.pp_list > li > label{
		width:100%;
	}

	.input_box01 dl dd ul.seihon_list li,
	.input_box01 dl dd ul.size_list li,
	.input_box01 dl dd ul.toji_list li,
	.input_box01 dl.hyoushi_color dd ul.hyoushi_youshi_list li,
	.input_box01 dl dd ul.honbun_youshi_list li,
	.input_box01 dl dd ul.pp_list li,
	.input_box02 dl dd ul.pp_list li,
	.input_box02 dl dd ul.asobi_list li,
	.input_box02 dl dd ul.hakuoshi_list li {
		float:none;
	}

	.input_box01 dl dd ul.toji_list li label.toji_01,
	.input_box01 dl dd ul.toji_list li label.toji_02,
	.input_box01 dl dd ul.toji_list li label.toji_03{
		width:100%;
	}

	.input_box01 dl.hyoushi_youshi dd ul.hyoushi_youshi_list{
		width:100%;
		float:none;
	}

	.order_title > .box_inner input[type="text"]{
		width:100%;
	}

	.input_box02 dl dd input.text_box_long{
		width:90%;
		height:40px;
		margin:0px 10px 10px 20px
	}

	#discount_set{
		position: unset;
		font-size:0.9em;
		text-align: left;
	}


	.select_sub_cp .sub_cp_list{
		margin:10px 0 0 0;
	}

	.select_sub_cp .sub_cp_list li label{
		margin:0;
		width:100%;
		float:none;
	}

	.select_sub_cp .sub_cp_list li .campaign_sub_txt{
		display:block;
		margin:5px 5px 0 5px;
	}

	.select_sub_cp .sub_cp_list li .campaign_sub_txt br{
		display:none;
	}


	.sonota_yobo > .box_inner textarea{
		width:95%;
	}

	.busuu_kakaku{
		margin-left: 10px;
	}

	.busuu_kakaku dl{
		width:95%;
		height:140px;
	}
	.busuu_kakaku dt{
		height:40px;
		line-height:40px;
		margin: 20px 0px 0px 12px;
		padding-right:15px;
		clear: both;
		width: 90px;
	}
	.busuu_kakaku dd{
		margin:20px 0px 0px -22px;
	}

	.busuu_kakaku dl dd input.text_box{
		padding:7px 0.3em;
	}

	.busuu_kakaku dl dd input.text_box.tb_quantity{
		width:75px;
	}

	.busuu_kakaku dl dd input.text_box.tb_price{
		padding:7px 0.3em;
		width:105px;
	}

	.busuu_kakaku .busuu_dog{
		right:-9px;
		width: 90px;
	}
	p.text_align_right{
		margin-right:none;
		margin-top:3em;

	}

	.page_busuu_other_order{
		width:auto;
		position:relative;
		bottom:0;
		right:0;
		margin:0 20px;
	}
	.four_print_input{
		float:none;
	}
	.four_print{
		float:none;
	}
	.input_box02 dl dt .goto_detail_op{
		font-weight:normal;
		font-size:0.8em;
		position:unset;
		top:5px;
		right:0;
		background:url(/shared/order/icon_yazirushi2.gif) center right no-repeat;
		padding-right:16px;
		text-align:right;
		display:block;
	}
	.input_box02 dl dt .goto_detail_op a{
		color:#111;
	}

}

.input_box01 dl dd .hyoushi_youshi_color li label{
	width: 500px;
}