@charset "utf-8";
@import url("popup.css");
/*--京base.css--*/
/*###############PC first###############*/
body{
	min-width:initial;
	min-width:auto;
}

#contents_title h1{
	font-size:20px;
	font-weight:bold;
	padding:29px 34px;
	background-image:url(/shared/order/bg_ttl_01.png);

}

.shosetsu_box{
	background:#FFF;
	border-radius:5px;
	padding:20px 0;
}

.shosetsu_box .shosetsu_top_img h2{
	text-align:center
}

.shosetsu_box .shosetsu_top_img h2 img{
	display:inline-block;
}

/*表紙*/
.hyoshi{
	clear:both;
	margin-top:40px;
}

	.text-blue{
		color:#003d84;
	}
	.shosetsu_description{
		margin:24px 20px;
		display:flex;
	}
	
		.shosetsu_description p{
			width:450px;
		}
		
		.shosetsu_description .hyoshi_image{
			width:290px;
		}
	
	.hyoshi ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 25px;
	}
		.hyoshi ul li{
			margin-bottom:20px;
		}
		
		.hyoshi ul li a,
		.hyoshi ul li .shosetsu_hyoshi_img,
		.hyoshi ul li .shosetsu_hyoshi_text{
			display:block;
		}
		
		.hyoshi ul li a{
			color:#111;
		}
		
		.hyoshi ul li a .shosetsu_hyoshi_img{
			opacity:1;
			transition:.5s all ease;
		}
		
		.hyoshi ul li a .shosetsu_hyoshi_img img{
			border:1px solid #ccc;
		}
		
		.hyoshi ul li a:hover .shosetsu_hyoshi_img{
			opacity:0.8;
		}
		
		.caution_area{
			background-color:#fff28f;
			color:#c40026;
			padding:7px;
			margin:10px 26px 20px;
			display: flex;
			border-radius:5px;
		}
		
			.caution_area h4{
				color:#fff;
				background:#c40026;
				padding:7px;
				border-radius:5px;
				line-height:1.4em;
				margin-right:10px;
			}
			
			.caution_area p{
			}
			
/*書体*/
.syotai ul{
	margin: 0 30px;
}

	.syotai ul li{
		display: flex;
		border-bottom:1px dotted #aaa;
		padding:15px;
	}

	.shosetsu_syotai_text{
		width:200px;
		font-weight:bold;
	}
	
	.shosetsu_syotai_img{
	}
	
/*成人向け表記*/
.r18 ul{
	margin: 0 30px;
	display: flex;
}

	.r18 ul li{
		text-align:center;
		padding:0 10px;
	}
	.r18 ul li span.shosetsu_r18_text{
		display:block;
		font-weight:bold;
	}
	
	.r18 ul li .shosetsu_r18_img{
		display:block;
	}
	
	.r18 ul li .shosetsu_r18_img img{
		width:90%;
		margin:0 auto;
	}


/*ご注文方法*/
.order{}

	.order p,
	.order ul{
		margin:10px 20px;
	}

	.text-red{
		color:#ff0000;
	}

	.shosetsu_box h3{
		font-size:20px;
		font-weight:bold;
		padding:13px 15px;
		margin:30px 15px 12px 15px;
		background:url(/shared/order/bg_01.gif);
		border-radius:5px;
		color:#fff;
		clear:both;
	}

	.shosetsu_syotai{
		margin:10px 20px;
	}
	.shosetsu_hyoki{
		margin:10px 20px;
	}




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

	.hyoshi ul li{
		width:50%;
		padding:0 10px;
	}
	
.caution_area{
	display:block;
	margin:0 10px 0 10px;
}

	.caution_area h4{
		text-align:center;
		margin-bottom:10px;
		margin-right:0;
	}
	
	.caution_area h4 br{
		display:none;
	}
	
.syotai ul {
	margin: 0 10px;
}

.r18 ul {
	margin: 0 10px;
}

}