@charset "utf-8";
@import url("pages.css");
/*--京base.css--*/
/*###############PC first###############*/

.option_box{
	background:#FFF;
	border-radius:5px;
	padding:20px 20px 30px 20px;
}
/* #contents_title h1 {
	font-size: 20px;
	font-weight: bold;
	padding: 29px 34px;
	background-image: url(../../shared/order/bg_ttl_01.png);
} */
.fc_pink{
	color:#e3007f;
}
.option_box_inner{
	display: -webkit-flex;
	-js-display: flex;
	display: -ms-flexbox;
	display: flex;

	flex-wrap: wrap;
	justify-content: space-between;

	padding: 20px 0;
}
	.option_box_inner_left{
		margin-right:auto;
		margin-left:auto;
	}
		.option_box_inner_left p{
			font-size:11px;
			margin:0 auto;
			line-height: 1.4em !important;
			padding-top:10px;
		}
	.underbar_pink{
		border-bottom:10px solid #e3007f;
	}
	.arrows{
		margin-right:auto;
		margin-left:auto;
		width:70px;
		margin-bottom:10px;
	}
		.arrows_inner{
			margin-right:auto;
			margin-left:auto;
			width:30px;
		}
		.original_img{
			margin-right:auto;
			margin-left:auto;
			width:35px;
			height:auto;
		}
		.pink_description{
			margin-right:auto;
			margin-left:auto;
			width:200px;
			margin-bottom:10px;
		}
			.pink_description_inner{
				margin-right:auto;
				margin-left:auto;
				width:180px;
			}
		.font_12{
			font-size:13px;
		}	
			

	.option_box_inner_right{
		width: 65%;
	}
		.print_color_img{
			margin:15px 0 30px 0;
		}
		.right_text{
			margin-left:20px;
		}
			.right_text h4{
				font-weight:bold;
				color:#e3007f;
				font-size:18px;
				border-bottom:3px solid #f4bad3;
				padding-bottom:2px;
			}
				.right_text .p_left_padding{
					margin-left:60px;
					padding:8px 0 10px;
				}
				.right_text .p_left_padding2{
					margin-left:60px;
					padding:8px 0 30px;
				}

				.right_text dl{
					padding:8px 0 0;
					display: flex;
				}
				.right_text dl dt{
					width:70px;
				}
				.genkou_date{
					margin:40px 0 10px 0;
				}
		.color_img img{
			margin:10px 0 10px;
		}
		.color_description_img{
			margin:0 auto;
		}
		.color_description_img_inner{
			width:366px;
			margin:0 auto;
		}
			
			.option_box_inner_right ul.five_print li{
				font-size: 20px;
				box-sizing: border-box;
			}
			.option_box_inner_right ul.five_print_color li:nth-child(1),
			.option_box_inner_right ul.five_print li:nth-child(1){
				width: 30%;
			}
			.option_box_inner_right ul.five_print_color li:nth-child(2),
			.option_box_inner_right ul.five_print li:nth-child(2){
				width: 40%;
			}
			.option_box_inner_right ul.five_print_color li:nth-child(3),
			.option_box_inner_right ul.five_print li:nth-child(3){
				width: 30%;
			}
			.option_box_inner_right ul.five_print li:nth-child(3)::before{
				content: "＋";
			}
			.option_box_inner_right ul.five_print li h4{
				font-size: 30px;
				font-weight: bold;
			}
			.option_box_inner_right ul.five_print_color li{

			}
			.option_box_inner_right ul.five_print_color li:nth-child(1){

			}
			.option_box_inner_right ul.five_print_color li:nth-child(2){

			}
			.option_box_inner_right ul.five_print_color li:nth-child(3){

			}
				.option_box_inner_right > ul.five_print_color > li > ul{
					display: -webkit-flex;
					-js-display: flex;
					display: -ms-flexbox;
					display: flex;

					flex-wrap: wrap;
				}
					.option_box_inner_right > ul.five_print_color > li > ul > li{
						box-sizing: border-box;
					}
					.option_box_inner_right > ul.five_print_color > li > ul > li.circle{
						background: #cccccc;
					    height: 45px;
					    width: 45px;
					    border-radius: 50%;
					    -moz-border-radius: 50%;
					    -webkit-border-radius: 50%;
						font-size: 9px;
						line-height: 1.0;
						text-align: center;
						padding: 18px 0;
						color: #fff;
					}
					.option_box_inner_right > ul.five_print_color > li > ul > li.cyan{
						background: #009fe8;
					}
					.option_box_inner_right > ul.five_print_color > li > ul > li.magenta{
						background: #e3007f;
					}
					.option_box_inner_right > ul.five_print_color > li > ul > li.yellow{
						background: #fff000;
						color: #222;
					}
					.option_box_inner_right > ul.five_print_color > li > ul > li.black{
						background: #221815;
					}
					.option_box_inner_right > ul.five_print_color > li > ul > li.pink{
						background: #ec79ac;
					}

.toji_nav{
	margin-bottom:20px;
}

	.toji_nav ul{
		letter-spacing:-0.4em;
		text-align:center;
	}

	.toji_nav ul li{
		letter-spacing:0;
		display:inline-block;
		width:200px;
		margin-right:20px;
	}

	.toji_nav ul li:last-child{
		margin-right:0;
	}

	.toji_nav ul li a{
		display:block;
		height:46px;
		text-decoration:none;
		font-size: 16px;
		font-weight:bold;
		line-height:46px;
		color: #058c96;
		background: #ffffff;
		border: 2px solid #058c96;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		position:relative;
	}

	.toji_nav ul li.active a{
		color: #ffffff;
		background: #058c96;
	}

	.toji_nav ul li a:after{
		content: "＞";
		position: absolute;
		top: 16px;
		right: 10px;
		line-height:1em;
	}

	.toji_nav ul li.active a:after{
		transform:rotate(90deg);
	}

	.color_nav{
		border-top:1px dotted #aaa;
		border-bottom:1px dotted #aaa;
		padding:5px 0;
		margin:0 20px;
	}

	.color_nav ul{
		text-align:center;
		letter-spacing:-0.4em;
	}

	.color_nav ul li{
		letter-spacing:0;
		display:inline-block;
		background:url(/shared/icon_arr1.gif) no-repeat left center;
		padding-left:14px;
		margin-right:40px;
	}

	.color_nav ul li:last-child{
		margin-right:0;
	}
	.color_nav ul li a{
		font-weight:bold;
		color:#333;
	}



body#pages #page_body h3#book_mono{
	margin-top:80px;
}

body#pages #page_body .spec_info p:last-child{
	background:#f9ffd6;
	margin:0 10px 25px 10px;
	padding:10px;
}

.price_table_header{
	position:relative;
}

.price_table_header h4{
	color: #007d7d;
	font-weight: bold;
	font-size:1.2em;
	margin-bottom:10px;
	position:relative;
}

	.price_table_header h4:before{
		font-family: FontAwesome;
		content:"\f016";
		margin-right:4px;
	}

	.price_table_header h4 .size_mm{
		font-size:0.8em;
	}

	.price_table_header .price_tani{
		font-size:0.9em;
		text-align:right;
	}

	.price_table_header .price_tani{
		position:absolute;
		right:0;
		bottom:0;
		line-height:1em;
	}

.price_list_table{
	margin:0 auto 40px auto;
	width:680px;
}

.price_list_tbl th,
.price_list_tbl td{
    padding: 6px;
	line-height:1.4em;
}

.price_list_tbl th{
    text-align: center;
	background:#fafafa;
}

	.price_list_tbl th.c_sassu_pagesu{
		padding:3px 6px;
	}

	.c_sassu_pagesu .th_sassu{
		width:70px;
		text-align:right;
		font-size:0.9em;
	}

	.c_sassu_pagesu .th_pagesu{
		width:70px;
		text-align:left;
		font-size:0.8em;
		line-height:1em;
		padding-top:5px;
	}

	.price_list_tbl th.c_sassu_pagesu:before{
		content:"";
		position:absolute;
		display:block;
		width:80px;
		border-top:1px solid #ccc;
		transform:rotate(24deg);
		transform-origin:0 0;
	}

.price_list_tbl td{
	background-color: #fff;
	text-align: center;
}

body#pages #page_body .order_box h3{
	text-align: center;
	color: #058C96;
	font-size: 1.5em;
	font-weight: bold;
	margin:0 0 20px 0;
	padding:0;
	background:none;
}

	.order_box h3:before{
		content:"─";
		margin-right:10px;
	}

	.order_box h3:after{
		content:"─";
		margin-left:10px;
	}

	.order_box ul{
		display:flex;
		justify-content:center;
		margin-bottom:20px;
	}

		.order_box ul li{
			margin-right:30px;
		}

		.order_box ul li:last-child{
			margin-right:0;
		}

	.order_box p{
		text-align:center;
	}


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

.option_box{
	background:#FFF;
	border-radius:5px;
	padding:2px 20px 30px 20px;
	}
	.option_box_inner{
		display: flex;
	}
		.option_box_inner_left{
			order:2;
		}
		.option_box_inner_right{
			order:1;
		}
	.option_box_inner_right{
		width: 100%;
	}
	
	.right_text{
		margin-left:0;
	}
	.pink_description_inner{
		margin-right:auto;
		margin-left:auto;
		width:225px;
	}
	.original_img{
		margin-right:auto;
		margin-left:auto;
		width:45px;
		height:auto;
	}
	.color_description_img_inner{
		width:100%;
		margin:0 auto;
	}
	.right_text dt{
		white-space:nowrap;
	}
	.right_text .p_left_padding{
		margin-left:0;
		padding:8px 0 10px;
	}
	.right_text .p_left_padding2{
		margin-left:0;
		padding:8px 0 10px;
	}
	.font_12{
		font-size:14px;
	}
	.original_before{
		margin-top:25px;
	}
	h4{
		margin: 1.5em 0 0.3em;
	}
}