@charset "UTF-8";

/*======================================PC用======================================*/

/*サイトトップ画像*/
.event_top {
	background-image:url(/kpi/img/event/img_main.jpg);
	width:960px;
	height:235px;
	margin:0 auto;
}





/*一押し商品*/
.ichioshi_background {
	/*width:920px;
	height:190px;
	height:1350px;
	margin:0 auto;
	padding:0;*/
	background:#ece6cf;/**/
}

.ichioshi_area {
	width:920px;
	/*height:190px;*/
	height:1600px;
	margin:0 auto;
	text-align:left;
	/*background:#FF33CC;*/
}

.ichioshi_area_d1 {
	padding-top:20px;
	width:auto;
	font-size:xx-large;
}


.ichioshi_area_d2 {
	margin:20px 0 0 0;
	width:100%;
	float:left;
}

.ichioshi_area_d2-1 {
	background-image:url(../img/ichioshi/book_point2.png);
	background-size:auto;
	background-repeat:no-repeat;
	width:538px; 
	height:385px;
	float:left;
}

.ichioshi_area_d2-2 {
	background-image:url(../img/ichioshi/price.png);
	background-size:auto;
	background-repeat:no-repeat;
	width:374px; 
	height:379px;
	float:left;
}

.ichioshi_area_d3 {
	margin:20px 0 20px 0;
	text-align:center;
	width:100%;
	float:left;
}

.ichioshi_area_d3-1 {
	/* background-image:url(../img/ichioshi/book_inside.png); */
	background-size:contain;
	background-repeat:no-repeat;
	width:433px; 
	height:400px;
	float:left;
	text-align: left;
	color: red;
}

.ichioshi_area_d3-2 {
	background-image:url(../img/ichioshi/book_cover.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:433px; 
	height:400px;
	float:left;
}


.ichioshi_area_d4-1 {
	width:100%;
	font-size:xx-large;
	float:left;
}

.ichioshi_area_d4-2 {
	width:100%;
	font-size:45px;
	font-weight:700;
	color: red;
	margin: 0 0 10px 0;
	float:left;
}

.ichioshi_area_d5-1 {
	float:left;
}

.ichioshi_area_d5-1-2 {
	color:blue;
	font-size: 20px;
	font-weight: 900;
	float:left;
}

.ichioshi_area_d5-1-3 {
	float:left;
	font-weight:bold;
}

.ichioshi_area_d5-2 {
	float:left;
}

.ichioshi_area_d5-2-2 {
	color:blue;
	font-size: 20px;
	font-weight: 900;
	float:left;
}

.ichioshi_area_d5-2-3 {
	float:left;
	font-weight:bold;
}

.ichioshi_area_d5-3 {
	float:left;
}

.ichioshi_area_d5-3-2 {
	color:blue;
	font-size: 20px;
	font-weight: 900;
	float:left;
}

.ichioshi_area_d5-3-3 {
	float:left;
	font-weight:bold;
}

.ichioshi_area_d6 {
	width:100%;
	text-align:center;
	float:left;
}

.ichioshi_area_d6 img{
	margin:10px 10px;
}














/*商品種別*/
.event_area {
	width:920px;
	/*height:190px;*/
	height:180px;
	margin:0 auto;
	padding:20px 0 0 0;
	/*background:#FFCC33;*/
}

.event_area2 {
	width:920px;
	/*height:190px;*/
	height:180px;
	margin:0 auto;
	/*background:#FFCC33;*/
}

.event_area3 {
	width:920px;
	/*height:190px;*/
	height:180px;
	margin:0 auto;
	/*background:#FFCC33;*/
}

.event_area4 {
	width:920px;
	/*height:190px;*/
	height:180px;
	margin:0 auto;
	/*background:#FFCC33;*/
}

.link_area_priate {
	width:959px;
	/*height:190px;*/
	height:400px;
	margin:0 auto;
	/*background:#FFCC33;*/
}

.event_area0 {
	width:960px;
	height:190px;
	margin:0 auto;
	/*background:#FFCC33;*/
}

.event_contactbook {
	background-image:url(/kpi/img/btn_contactbook.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:920px;
	height:140px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

.link_priate {
	background-image:url(/img/portal/site_priate_hdoffset.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:960px;
	height:400px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

.event_calendar {
	background-image:url(/kpi/img/event/btn_rings_calendar0.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:920px;
	height:160px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

.event_coupon {
	background-image:url(/kpi/product/img/ring_l/coupon_ticket_2_top.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:920px;
	height:191px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

.product_rings_calendar {
	background-image:url(/kpi/img/event/btn_rings_calendar.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:920px;
	height:160px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

.event_calendar0 {
	background-image:url(/kpi/img/event/btn_rings_calendar0.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:956px;
	height:170px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

.event_carthelp {
	background-image:url(/kpi/img/btn_cart_hrlppdf_top.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:960px;
	height:98px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:none;
}

.event_christmas {
	background-image:url(/kpi/img/event/2015christmascampaign_s.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:320px;
	height:320px;
	/*background:#F90;*/
	/*text-align:center;*/
	float:left;
}

.event_40off {
	/*background-image:url(/kpi/img/event/campaign_2016_200x200musen12p_summer_s2.png);*/
	background-image:url(/kpi/img/event/campaign_2016_200x200musen12p_summer_s1_0430.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto;
	width:446px;
	height:223px;
	/*background:#06C;*/
	/*text-align:right;*/
	float:left;
}

/*
.event_10off {
	background-image:url(/kpi/img/event/campaign_2016_hardcover10off_long_s.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:920px;
	height:120px;
	float:left;
}
*/
.event_10off {
	background-image:url(/kpi/img/event/campaign_2016_hardcover10off_s_0430.png);
	/* background-image:url(/kpi/img/event/campaign_2016_hardcover10off_s_0831.png); */
	/*background-image:url(/kpi/img/event/campaign_2016_hardcover10off_summer_s.png);*/
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:446px;
	height:223px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

/*365追加*/
.event_booksan {
	background-image:url(/kpi/img/btn_book365.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	width:920px;
	height:140px;
	/*background:#0C3;*/
	/*text-align:left;*/
	float:left;
}

/*======================================PC用（エンド）======================================*/
/*======================================スマホ用======================================*/
/*スマホ対応 */
@media screen and (max-width: 768px) {
	
	/*サイトトップ画像*/
	.event_top {
		background-image:url(/kpi/img/event/img_main.jpg);
		width:300px;
		height:0px;
		margin:0 auto;
	}
	
	
	/*一押し商品*/
	
	.ichioshi_background {
		/*width:920px;
		height:190px;
		height:2100px;
		margin:0 auto;
		padding:0;*/
		background:#ece6cf;/**/
	}
	
	.ichioshi_area {
		width:300px;
		/*height:190px;*/
		height:3240px;
		margin:0 auto;
		padding:20px 0 0 0;
		text-align:left;
		/*background:#FF33CC;*/
	}
	
	.ichioshi_area_d1 {
		font-size:x-large;
	}
	
	.ichioshi_area_d1b {
		font-size:smaller;
		text-align:left;
		margin-bottom:10px;
	}
	
	.ichioshi_area_d2 {
		width:300px;
		float:left;
	}

	.ichioshi_area_d2 img {
		width:100%;
		height:auto;
		float:left;
	}
	
	.ichioshi_area_d2-1 {
		line-height:1em;
		font-size:larger;
	}
	
	.ichioshi_area_d2-2 {
		margin-top:20px;
	}
	
	.ichioshi_area_d2-3 {
		font-size:x-large;
		font-weight:normal;
	}
	
	.ichioshi_area_d2-4 {
		font-size:small;
		font-weight:normal;
	}
	
	.ichioshi_area_d2-5 {
		background-image:url(/kpi/img/ichioshi/ichioshi_contactbook_kakaku_sp.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		width:300px;
		height:195px;
	}

	.ichioshi_area_d2-1 {
		background-image:url(../img/ichioshi/book_point2_sp.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:300px; 
		height:215px;
		float:left;
	}
	
	.ichioshi_area_d2-2 {
		background-image:url(../img/ichioshi/price_sp.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:300px; 
		height:304px;
		float:left;
	}
	
	.ichioshi_area_d3-1 {
		/* background-image:url(../img/ichioshi/book_inside_sp.png); */
		background-size:contain;
		background-repeat:no-repeat;
		width:300px; 
		/* height:225px; */
		height:540px;
		float:left;
	}
	
	.ichioshi_area_d3-2 {
		background-image:url(../img/ichioshi/book_cover_sp.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:300px; 
		height:213px;
		float:left;
	}

	.ichioshi_area_d3 {
		width:300px;
		text-align:center;
		float:left;
	}

	.ichioshi_area_d3 img {
		width:100%;
		height:auto;
		float:left;
	}
	
	.ichioshi_area_d3-3 {
		background-image:url(/kpi/img/ichioshi/ichioshi_contactbook_appeal_sp.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		width:300px;
		height:219px;
		margin:0 auto;
	}

	.ichioshi_area_d4-2 {
		width:100%;
		font-size:42px;
		font-weight:700;
		color: red;
		margin: 0 0 10px 0;
		float:left;
	}

	.ichioshi_area_d6 img {
		width:100%;
		height:auto;
		float:left;
	}

	
	
	
	
	
	/*商品種別*/
	.event_area {
		width:300px;
		height:280px;
		margin:0 auto;
		/*background:#FFCC33;*/
	}
	
	.event_area2 {
		width:300px;
		height:400px;
		margin:0 auto;
		/*background:#FFCC33;*/
	}
	
	.event_area3 {
		width:300px;
		height:80px;
		margin:0 auto;
		/*background:#FF0000;*/
	}
	
	.event_area4 {
		width:300px;
		height:200px;
		margin:0 auto;
		/*background:#FFCC33;*/
	}
	
	.link_area_priate {
		width:300px;
		height:140px;
		margin:0 auto;
		/*background:#FFCC33;*/
	}
	
	.event_area0 {
		width:300px;
		height:170px;
		margin:0 auto;
		/*background:#FFCC33;*/
	}
	
	.event_contactbook {
		background-image:url(/kpi/img/btn_contactbook_sp.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		/*height:160px;*/
		height:280px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
	
	.link_priate {
		background-image:url(/img/portal/site_priate_hdoffset_sp.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		width:300px;
		/*height:160px;*/
		height:400px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
	
	.event_calendar {
		background-image:url(/kpi/img/event/btn_rings_calendar0_sp.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		/*height:160px;*/
		height:240px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
	
	.event_coupon {
		background-image:url(/kpi/product/img/ring_l/coupon_ticket_2_top_sp.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		width:300px;
		height:60px;
		/*height:160px;*/
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
	
	.product_rings_calendar {
		background-image:url(/kpi/img/event/btn_rings_calendar_sp.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		/*height:160px;*/
		height:280px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
	
	.event_calendar0 {
		background-image:url(/kpi/img/event/btn_rings_calendar0_sp.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		height:160px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
	
	.event_carthelp {
		background-image:url(/kpi/img/btn_cart_hrlppdf_top_sp.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		width:300px;
		height:30px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:none;
	}

	.event_christmas {
		background-image:url(/kpi/img/event/2015christmascampaign_s.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		height:300px;
		/*background:#F90;*/
		/*text-align:center;*/
		float:left;
	}
	
	.event_40off {
		/*background-image:url(/kpi/img/event/campaign_2016_200x200musen12p_summer_s_sp2.png);*/
		background-image:url(/kpi/img/event/campaign_2016_200x200musen12p_summer_s2_0430.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		height:150px;
		/*background:#06C;*/
		/*text-align:right;*/
		float:left;
	}
	
	.event_10off {
		/*background-image:url(/kpi/img/event/campaign_2016_hardcover10off_summer_s_sp.png);*/
		/*background-image:url(/kpi/img/event/campaign_2016_hardcover10off_s_0831_sp.png);*/
		background-image:url(/kpi/img/event/campaign_2016_hardcover10off_summer_s_sp_0430.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		height:170px;
		/*background:#06C;*/
		/*text-align:right;*/
		float:left;
	}
	
	/*365追加*/
	.event_booksan {
		background-image:url(/kpi/img/btn_book365_sp.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:auto;
		width:300px;
		/*height:160px;*/
		height:280px;
		/*background:#0C3;*/
		/*text-align:left;*/
		float:left;
	}
}
/*======================================スマホ用（エンド）======================================*/