@charset "UTF-8";

/******************************************************************************/
/*店舗トップ　スライダー*/
/******************************************************************************/
.slider_frame{width:100%;max-width:1040px;margin: 50px 0 0 0;}
@media screen and (min-width:768px) { 
		.slider_frame {height:450px;display:block;}
		.slider_framesp{display:none;}}
@media screen and (max-width:768px) { 
		.slider_frame {display:none;}
		.slider_framesp{width: 100%;margin:165px 0 0 0;padding: 0 15px 0 15px;height:490px;display:block;}}
@media screen and (max-width:450px) { 
		.slider_framesp{auto;height:260px;margin:150px 0 0 0;}}


/******************************************************************************/
/*店舗トップ　配送遅延用バナー*/
/******************************************************************************/
.haiso_top_pc{width:100%;max-width:1040px;height: 55px;margin: 10px 0 10px 0;display:none;}
@media screen and (max-width:740px) { 
		.haiso_top_pc{position: relative;top: 110px;height: 114px;padding: 20px;position: relative;top: 145px;}}

@media screen and (max-width:450px) { 
		.haiso_top_pc{position: relative;top: 130px;height: 114px;padding: 20px 40px 0 30px;}}


/******************************************************************************/
/*店舗トップ　Sale用バナー*/
/******************************************************************************/

.sale_top {width: 100%;max-width: 1040px;margin: 0 auto;display:block;}/*height: 240px;*/
@media screen and (max-width:450px) { 
		.sale_top{width:100%;margin:0 0 0 0;padding:0;}}/*height: 80px;*/
@media screen and (max-width:450px) { 
		.sale_top{height: 100px;margin:20px 0 20px 0;padding:0;}}/*height: 80px;*/

.sale_midashi{
background: url(https://mikan.itembox.design/item/images/top/bg_dl01_sale.jpg) no-repeat center;
background-size: auto;
background-size: auto;
background-size: cover;
text-align: center;
padding: 20px;
margin: 20px 0 0 0;
display: block;}/*sale開催時のみ:block;*/

.sale_midashi > h2{font-size: 2.4rem;font-weight: bold;color:#fff;}

/******************************************************************************/
/*スマホヘッダーのカテゴリ*/
/******************************************************************************/

.lanking_sp{display:none;}
@media screen and (max-width:750px) { 
		.lanking_sp {display:block;width: 100%;overflow-x: scroll;height: 320px;margin: 0 0 15px 0;padding: 15px;}}

.ranking{display:block;}
@media screen and (max-width:750px) { 
		.ranking {display:none;}}


.lanking_pc{display:block;height:920px;width: 100%;}
@media screen and (max-width:750px) { 
		.lanking_pc {display:none;}}/*戻しheight:730px;*/









/******************************************************************************/
/*ご利用案内バナー*/
/******************************************************************************/

.riyouannai{width: 100%;display: block;padding: 0 5% 0 5%;height:480px;}/*会員sale時height:480px; 非SALE時height:340px;*/
@media screen and (max-width:400px) {
		.riyouannai {height:315px;}}/*会員sale時height:315px;　非SALE時height:220px;*/

/*TOP上送料無料バナー*/
.annaibana_top_pc{width: 100%;height:100px;display:block;margin:-29px 0 25px 0;}
@media screen and (max-width:750px) { 
		.annaibana_top_pc {display:none;}}

/******************************************************************************/
/*ノシバナー*/
/******************************************************************************/
.hukuro {
	width: 100%;
	height: 720px;
	display: block;
	margin:10px 0 10px 0;
	height: 80px;
}


/******************************************************************************/
/* 右固定バナー*/
/******************************************************************************/
.migikotei {
	width: 57px;
	height:151px;
	position: fixed;
	top: 87px;
	right: 0;
	z-index: 999999;
	display: block;
}
@media screen and (max-width:750px) { 
		.migikotei {width: 50px;height:126px;}}

.migi_01 {
	width: 60px;
	height:152px;
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 999;
	display: block;
	border-radius: 10px;
}
@media screen and (max-width:750px) { 
		.migi_01 {width: 35px;height:91px !important;top: 347px;display: block;}}


.migi_02 {
	width:137px;
	height:60px !important;
	position: fixed;
	top: 535px;
	left: -80px;
	z-index: 998;
	border-radius: 10px;
	display: none;
}
.migi_02:hover{left:-10px;transition: 1.0s;}
@media screen and (max-width:750px) { 
		.migi_02 {width: 108px;height:45px !important;top: 440px;left: -70px;display: block;}}

.migi_04 {
	width:137px;
	height:60px !important;
	position: fixed;
	top: 245px;
	left: -80px;
	z-index: 998;
	border-radius: 10px;
	display: block;
}
.migi_04:hover{left:-10px;transition: 1.0s;}
@media screen and (max-width:750px) { 
		.migi_04 {width: 130px;height:59px !important;top: 441px;display: none;}}


.migi_03 {
	width:137px;
	height:70px !important;
	position: fixed;
	top: 320px;
	left: -80px;
	z-index: 998;
	border-radius: 10px;
	display: block;
}
.migi_03:hover{left:-10px;transition: 1.0s;}
@media screen and (max-width:750px) { 
		.migi_03 {width: 100px;height:52px !important;top: 485px;left: -62px;}}


.migi_sale {
	width: 120px;
	height: 630px;/* 3個の場合495px*/
	position: fixed;
	top: 160px;
	left: 0;
	z-index: 9999;
	display: block;
}
@media screen and (max-width:1280px) { 
		.migi_sale {display: none;}}







/* ページ内カート用*/
#migi_page {background-color:#ff7f00;padding: 7px 21px 8px 10px;position:fixed;bottom: 96px;right: 0;font-weight: bold;opacity: 0.9;z-index: 99;width: 182px;font-size: 20px;height: 193px;border-radius: 10px;display:none;}
@media screen and (max-width:750px) { 
		#migi_page {bottom: 67px;}}

#migi_page2 {background-color:#ff7f00;padding: 7px 21px 8px 10px;position:fixed;bottom: 67px;right: 0;font-weight: bold;opacity: 0.9;z-index: 99;width: 182px;font-size: 20px;height: 110px;border-radius: 10px;display:none;}
@media screen and (max-width:750px) { 
		#migi_page {bottom: 67px;}}





/******************************************************************************/
/* 返品規約*/
/******************************************************************************/

.henpin{display:none;width:100%;}

/******************************************************************************/
/* 下固定バナー*/
/******************************************************************************/
.shitakotei {
	width: 100%;
	height:44px;
	position: fixed;
	bottom: 0px;
	z-index: 99999;
	display: none;
}
@media screen and (max-width:750px) { 
		.shitakotei {display:block;}}



/******************************************************************************/
/* カートバナー画像調整*/
/******************************************************************************/

img[src$="https://www.ito-noen.com/shop/item/mikan/design/template02/btn/InquiryButton.gif"] {
    width: 100%;
    }

img[src$="https://www.ito-noen.com/shop/item/mikan/design/template02/btn/FixedPeriodEntryButton.gif"] {
   margin:0 0 20px 0;}



/******************************************************************************/
/* カートバナー画像調整*/
/******************************************************************************/

.sp_txt{display:none;position:relative;top:138px;text-align: center;}
@media screen and (max-width:750px) { 
		.sp_txt {display:block;}}

.sptittle{font-size: 3vw;line-height: 5vw;letter-spacing: 1vw;color: #251e1c;font-weight: bold;text-align: center; margin-top: 20px !important;}
.spsetumei{font-size:4vw;line-height: 5vw;letter-spacing: 1vw;color: #251e1c;text-align: center;margin: 0 0 30px 0;}


/******************************************************************************/
/* 美味しさの秘密インライン調整*/
/******************************************************************************/

.oishisa_reason {width: 100%;max-width: 1040px;height: 850px;margin: 0 auto;display:block;}
@media screen and (max-width:450px) { 
		.oishisa_reason{width:100%;height:981px;margin:0 0 0 0;padding:0;}}
@media screen and (max-width:380px) { 
		.oishisa_reason{height: 1020px;margin:20px 0 20px 0;padding:0;}}




/******************************************************************************/
/* みかんの図鑑インライン調整*/
/******************************************************************************/

.page_mikan{width:740px;height:1900px;margin-top:10px;margin-bottom:20px;display:block;}
@media screen and (max-width:400px) {
		.page_mikan {width:100%;height: 2450px;}}
.zukan_mikan{width:90%;height:1000px;margin:10px 0 20px 5%;display:block;}
@media screen and (max-width:400px) {
		.zukan_mikan {width:100%;height: 600px;margin:10px 0 10px 0;}}

.page_jabara{width:740px;height:1900px;margin-top:10px;margin-bottom:10px;display:block;}
@media screen and (max-width:400px) {
		.page_jabara {width:100%;height: 2450px;}}
.page_jabara{width:90%;height:1930px;margin:20px 0 20px 5%;display:block;}
@media screen and (max-width:400px) {
		.page_jabara {width:100%;height: 2200px;margin:20px 0 20px 0;}}

.page_mama{width:90%;height:630px;margin:20px 0 20px 5%;display:block;}
@media screen and (max-width:400px) {
		.page_mama {width:100%;height:610px;margin:20px 0 20px 0;}}

.page_kwi{width:90%;height:785px;margin:20px 0 20px 0;display:block;}
@media screen and (max-width:400px) {
		.page_kwi {width:100%;height:610px;margin:20px 0 20px 0;}}
		
a:hover{opacity:0.8;}
.cmlink{max-width:810px;}

/******************************************************************************/
/*自社ページ内リンク*/
/******************************************************************************/
.page_mathersday{
    width: 740px;
    height: 1150px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
@media screen and (max-width:400px) {
		.page_mathersday {width:100%;height: 1470px;margin:20px 0 20px 0;}}
.cate_mathersday{
    width: 740px;
    height: 1440px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
@media screen and (max-width:400px) {
		.cate_mathersday {width:100%;height: 1950px;margin:20px 0 20px 0;}}


/******************************************************************************/
/*カテゴリ一覧*/
/******************************************************************************/
.spcate{width: 100%;margin:10px 0 0 0;height:1000px;display:block;}
@media screen and (max-width:270px) {
.spcate {height:1865px;}}


/******************************************************************************/
/*自社ページ内スライダー*/
/******************************************************************************/

.slider_p_hp8 {width: 100%;margin: 20px 0 0 0;padding: 0 15px 0 15px;height: 535px;display:block;}
@media screen and (max-width:768px) { 
		.slider_p_hp8{width: 380px;margin:165px 0 0 0;padding: 0 15px 0 15px;height:270px;display:block;}}


/******************************************************************************/
/*自社ページSALE*/
/******************************************************************************/

.salepage {width: 100%;margin: 20px 0 20px 0;padding: 0 15px 0 15px;height: 290px;display:block;}/*通常height: 280px;　sale時height: 570px;*/
@media screen and (max-width:500px) { 
		.salepage{width:100%;margin:0 0 0 0;padding: 0 15px 0 15px;height:280px;display:block;}}/*通常height: 270px;　sale時height: 300px;*/
@media screen and (max-width:450px) { 
		.salepage{width:100%;margin:0 0 0 0;padding: 0 0 0 0;height:140px;display:block;}}/*height: 150px;　sale時height: 320px;*/


/*タイマー制御*/
.timer{width:100%;height:40px;}


/******************************************************************************/
/*pageカート　Sale用バナー*/
/******************************************************************************/
.cart_sale {width: 100%;margin: 20px 0 20px 0;height: 146px;display:none;}/*通常height: 280px;　sale時height: 570px;*/
@media screen and (max-width:500px) { 
		.cart_sale{width:100%;margin:0 0 0 0;padding: 0 0 0 0;height:340px;display:none;}}/*通常height: 270px;　sale時height: 300px;*/
@media screen and (max-width:450px) { 
		.cart_sale{width:100%;margin:0 0 0 0;padding: 0 0 0 0;height:200px;display:none;}}/*height: 150px;　sale時height: 320px;*/





/******************************************************************************/
/*関連キーワード制御*/
/******************************************************************************/
.kanren {
  display: block;
  width: 100%;
  max-height: 81px;
  border: 1px solid #999;
  margin-top: 15px;
  padding: 3px 5px;
  font-size: 11px;
  color: #666;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff;
}


/******************************************************************************/
/*新商品　値引きアピール*/
/******************************************************************************/
.new_frame{width:100%;height:435px;margin: 10px 0 10px 0;display:block;}


/******************************************************************************/
/*商品ページ*/
/******************************************************************************/

.apbana {margin: 10px auto;display: flex;}




/******************************************************************************/
/* ■消えていないかチェック■ */
/******************************************************************************/