@charset "utf-8";

/* --------------------
	pre-order
-------------------- */
.korotan_wrap h2 { background: transparent;}
html[data-browse-mode="P"] .block-topic-path {
	top: 0;
	margin-top: 0;
}

/* Section */
.korotan_wrap #section01 {
	margin-top: 40px;
	padding: 580px 0 0 0;
	background: url(../img/pre_order_contents_head.png) left top no-repeat;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.korotan_wrap #section01 h1               { width: 398px; height: 188px; position:absolute; top: 45px; left:253px;}
.korotan_wrap #section01 .danmen_         { width: 219px; height: 201px; position:absolute; top:274px; left: 53px;}
.korotan_wrap #section01 .main_img_       { width: 580px; height: 325px; position:absolute; top:255px; left:230px;}
.korotan_wrap #section01 .korota_         { width: 230px; height: 219px; position:absolute; top:252px; left:633px;}
.korotan_wrap #section01 .pre_title_      { width: 900px; height:  60px; position:absolute; top:-40px; left:  0px;}

.korotan_wrap #section02 .section_inner_ .section_body_ article span { font-size: 18px;}
.korotan_wrap #section03 .section03_txt_ .txt_ { font-size: 18px;}

.block-event-page--accessory .korotan_wrap .kanren_link_h3 { margin: 0 0 40px;}
.block-event-page--accessory .korotan_wrap #pre_order_link { margin: 0 0 20px;}

/* pre_order */
.korotan_wrap .pre_order {
	margin: 0 0 40px;
	padding: 40px 40px 30px;
	background: url(../img/pre_order_bg.jpg) repeat;
	border-radius: 20px;
	position: relative;
}
.korotan_wrap .pre_order::before,
.korotan_wrap .pre_order::after {
	content: '';
	width: 140px;
	height: 72px;
	position: absolute;
	top: -8px;
}
.korotan_wrap .pre_order::before {
	background: url(../img/pre_order_deco_l.png) center no-repeat;
	background-size: 140px 72px;
	left: 0;
}
.korotan_wrap .pre_order::after {
	background: url(../img/pre_order_deco_r.png) center no-repeat;
	background-size: 140px 72px;
	right: 0;
}
.korotan_wrap .pre_order div { text-align: center;}
.korotan_wrap .pre_order .text02 { margin: 10px 0 0;}
.korotan_wrap .pre_order .text03 { margin: 10px 0 0;}
.korotan_wrap .pre_order .text05 { margin: 20px 0;}
.korotan_wrap .pre_order p { font-size: 18px; text-align: center;}
.korotan_wrap .pre_order p.notes { font-size: 16px; text-align: left; line-height: 1.6;}

/* PC */
@media only screen and (min-width: 897px) {
}

/* SP */
@media only screen and (max-width: 896px) {
	/* Section */
	.korotan_wrap #section01 {
		width: auto; padding: 0; position:relative;
		background: url(../img/sp_bg_content.png) left top;
		-webkit-background-size: 120% auto;
		background-size: 120% auto;
		margin-top: 0;
	}
	.korotan_wrap #section01 h1               { width: auto; height: auto; position: relative; top: 0; left: 0;}
	.korotan_wrap #section01 h1 img           { width: 100%; vertical-align: top;}
	.korotan_wrap #section02 .section02_desc_ span { font-size: 16px;}
	.korotan_wrap #section02 .section_inner_ .section_body_ article span { font-size: 16px;}
	.korotan_wrap #section03 .section03_txt_ .txt_ { font-size: 16px;}
	.korotan_wrap #section03 #mykoro p span { font-size: 16px;}
	.korotan_wrap h2#kanren_link { margin: 0 10px;}
	
	.korotan_wrap .common_main_pic_normal_ p { bottom: 30%;}
	.block-event-page--accessory .korotan_wrap #pre_order_link { margin: 0 10px 20px;}
	
	/* pre_order */
	.korotan_wrap .pre_order {
		margin: 0 0 20px;
		padding: 20px 10px;
		border-radius: 0;
	}
	.korotan_wrap .pre_order::before,
	.korotan_wrap .pre_order::after {
		content: '';
		width: 70px;
		height: 36px;
		top: -4px;
		background-size: 70px 36px;
	}
	.korotan_wrap .pre_order .text01 img { width: 60%;}
	.korotan_wrap .pre_order .text03 img { width: 90%;}
	.korotan_wrap .pre_order .text02 { margin: 5px 0 0;}
	.korotan_wrap .pre_order .text05 { margin: 0 0 20px;}
	.korotan_wrap .pre_order p.notes { text-indent: -1em; margin-left: 1em;}
}