@charset "UTF-8";
/* CSS Document */

/* 共通
--------------------------------------*/
/*-------ヘッダー--------*/
.header_wrap {
	width: 1200px;
	height: 320px;
	margin: 0 auto;
	padding: 0;
}
/*-------スライダー--------*/
.slider_wrap {
	width: 1200px;
	height: 360px;
	margin: 0 auto;
	padding: 0;
	
}
/*-------お知らせ--------*/
.info_wrap {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}
/*-------キャンペーン--------*/
.campaign_wrap{
	width:100%;
	height:0px;/*1個の時65px*/
}
/*-------特集--------*/
.feature_wrap{
	width:100%;
	height:140px;
}
/*-------楽天バナー--------*/
.rakutenbnr_wrap {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}
/*-------ランキング--------*/
.ranking_wrap {
	width: 620px;
	height: 320px;
	margin: 0 auto;
	padding: 0;
}
/*-------新商品--------*/
.newitem_wrap {
	width: 620px;
	height: 550px;
	margin: 0 auto;
	padding: 0;
}
/*-------レフトナビ--------*/
.leftnavi_wrap {
	width: 280px;
	height: 2950px;
	margin: 0 auto;
	padding: 0;
}
/*-------ライトナビ--------*/
.rightnavi_wrap {
	width: 240px;
	height: 3350px;
	margin: 0 auto;
	padding: 0;
}
/*-------フッター--------*/
.footer_wrap {
	width: 1200px;
	height: 800px;
	margin: 0 auto;
	padding: 0;
}
/* よみものページ
--------------------------------------*/
/*-------ヘッダー--------*/
.contents_head {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
}
/*-------もくじ--------*/
.yomimono_mokuji {
	width: 760px;
	height: 820px;
	margin: 0 auto;
	padding: 0;
}
/*-------フッター--------*/
.contetns_foot {
	width: 1000px;
	height: 700px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 480px){
/* スマホ用 */

/*-------ヘッダー--------*/
.header_wrap {
	width: 100%;
	height: 105px;
	margin: 0 auto;
	padding: 0;
}
/*-------スライダー--------*/
.slider_wrap {
	width: 100%;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	  display: block;
  width: 1px;
  min-width: 100%;
  *width: 100%;
}
/*-------お知らせ--------*/
.info_wrap {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}
/*-------キャンペーン--------*/
.campaign_wrap{
	display: block;
	width:90%;
	height:0px;/*1個の時90px*/
	margin:0 auto;
}
/*-------特集--------*/
.feature_wrap{
	display: block;
	width:90%;
	height:160px;
	margin:0 auto;
}
/*-------楽天バナー--------*/
.rakutenbnr_wrap {
	width: 90%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	display: block;
}
/*-------ランキング--------*/
.ranking_wrap {
	width: 100%;
	height: 245px;
	margin: 0 auto;
	padding: 0;
}
/*-------新商品--------*/
.newitem_wrap {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	padding: 0;
}
/*-------レフトナビ--------*/
.leftnavi_wrap {
	width: 100%;
	height: 3250px;
	margin: 0 auto;
	padding: 0;
}
/*-------ライトナビ--------*/
.rightnavi_wrap {
	width: 100%;
	height: 1750px;
	margin: 0 auto;
	padding: 0;
}
/*-------フッター--------*/
.footer_wrap {
	width: 100%;
	height: 2250px;
	margin: 0 auto;
	padding: 0;
}

.contents_head {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}
.contetns_foot {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	padding: 0;
}
.yomimono_mokuji {
	width: 96%;
	height: 850px;
	margin: 0 auto;
	padding: 0;
}
}

@media (max-width: 750px) and (orientation: landscape) {
/* スマホ横長の場合 */
#Slider iframe.slick_area,
#Slider iframe.item_slick {
    height: 300px;
}
#Footer iframe.footer,
#Footer iframe.item_footer {
    height: 1700px;
}
}


