@charset "shift_jis";
/* CSS Document */

@import url('/css/swiper.min.css');
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');

#leftnavi{display:none !important;}
#wrapper,#middle_body{min-width: 1010px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{width:1010px !important;margin:0 auto !important;float:none !important;}
.inner_content{width:auto;}

iframe.ul-widget-main-window{display:none;}
br.smp{display:none;}
#wrapper{
	/*
	background-image:url(/image/190510natumono/bg.jpg);
	*/
	background-repeat:no-repeat,no-repeat;
	background-position:center top,center top;
}
#wrapper{
	/*
	background-image: url("/IMAGE/190510natumono/190726/sango.png")
						,linear-gradient(-180deg, #2b87ee 0,#FFF057 15%,#FFF057,#FF50C9 90%);
	*/
	background-image: url("/IMAGE/190510natumono/190726/sango.png")
						,linear-gradient(-180deg, #2b87ee 0,#FFF057 21%,#FFF057,#FF50C9 90%);
	background-position:center bottom,center 700px;
	background-repeat:repeat-x,no-repeat;
	background-color:#2b87ee;
}
#natumono{
	font-size:14px;
	width: 1000px;
	margin: 0 auto;
	text-align:left;
	letter-spacing:0;
	position:relative;
	
	padding-bottom:440px;
}
#natumono *{
	font-family: 'Noto Sans JP', sans-serif,"Meiryo UI" , "ƒƒCƒŠƒI" , Meiryo , "‚l‚r ‚oƒSƒVƒbƒN" , "MS PGothic";
	z-index:10;
	}

#natumono a{text-decoration:none;color:#000;display:block;}
#natumono a img:hover{opacity:0.8;}
#natumono li{list-style:none;}
#natumono h2 .kanban{
	left:-350px;
	top:0;
	position:absolute;
	width:1700px;
	text-align:center;
	z-index:5;

	}
#natumono h2 .kanban img{
		position:relative;
		top:-2px;
	
}


#natumono div.thanks1{
	width:95%;
	padding:5% 2.5%;
	color:#FFFFFF;
	text-align:center;
	background-size:100%;
	position:relative;
	font-size:150%;
	line-height:1.6em;
}



/*ƒLƒƒƒ‰ƒNƒ^[*/
#natumono .list{
	list-style-type: none;
	overflow: hidden;
	height:450px;
}
#natumono .list li{
	position: absolute;
	transition: .8s;
}

#natumono .list li:nth-child(1){
	top: 47px;
	left: 100px;
	z-index: 100;
}


/* ‘‘‘‘‘ ŠΕ”@€•i ‘‘‘‘‘ */
#natumono .pad{
	position: absolute;
	top:141px;
	left:675px;
}

#natumono .drink{
	position: absolute;
	top:36px;
	left:-216px;

}


#natumono .aircon{
	position: absolute;
	top:8px;
	left:734px;

}


#natumono .airy{

	position: absolute;
	top:325px;
	left:58px;
}

#natumono .circu{
	position: absolute;
	top:330px;
	left:760px;
	z-index:101;
}

#natumono .senpuuki{
	position: absolute;
	top:237px;
	left:809px;
	z-index:101;
}

/* ‘‘‘‘‘ ”g”g ‘‘‘‘‘ */

#natumono #sineCanvas{
    position: absolute;
    left:-350px;
    top:150px;
}


/* ‘‘‘‘‘ ŠϊŠΤ‰„’· ‘‘‘‘‘ */
#natumono span.entyo{
	background-color: #ff1972;
	color: #FDEF0E;
	padding: 10px 10px 10px 15px;
	letter-spacing:2px;
}



/* ‘‘‘‘‘ €•islider	 ‘‘‘‘‘ */
#natumono .item_box{

}
#natumono .item_box>ul{
	width:1010px;
	margin:0 auto;
}
#natumono .item_box dl{
	position:relative;
}
#natumono .item_box .info{
	width:1010px;
	margin:0 auto;
	text-align:right;
}
#natumono .item_box .info ul{
	display:inline-block;
}
#natumono .item_box .info li{
	width:495px;
	text-align:center;
	float:left;
	margin:50px 0;
}
#natumono .item_box .info li:nth-child(2n){
	margin-left:20px;
}


/*‰ΏŠiƒvƒ*/
#natumono li.price,
#natumono .intax,
#natumono .price .prices *{
	vertical-align: baseline;
	display:inline-block;
	font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif;
	font-weight:bold;
}
#natumono .motoprice{display:none;}
#natumono li.price{font-size:28px;}
#natumono .buy_price ol{font-size:20px;}
#natumono .intax{font-size:11px;margin-left:5px;font-weight:normal;}
#natumono .spesicalprice{font-size:12px;color:#626262;display:block;line-height:1;position:relative;text-align:left;}

/*ƒAƒCƒRƒ“*/
#natumono .item_box .icon{
	padding:5px 0;
}
#natumono .item_box .icon span{
	border:1px solid #000;
	border-radius:3px;
	padding:1px 3px;
	margin-right:2px;
	margin-bottom:2px;
	display:inline-block;
	font-size:11px;
}

#natumono .item_box a:hover img{
	opacity:0.8;
}
#natumono .item_box .img{
	position:relative;
}
#natumono .item_box .no{
	position:absolute;
	top:5px;
	left:5px;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	background-color:#000;
	color:#fff;
}
#natumono .item_box a{
	display:block;
}
#natumono .item_box .img img{
	width:100%;
}

#natumono #pickup_item .item_box dd.btn{
	box-sizing: border-box;
	height:30px;
	border:2px solid #2c88ed;
	border-radius:15px;
	text-align:center;
	margin:5px auto;
	line-height:26px;

}
#natumono .item_box dd.btn a{
	color:#2c88ed;
	position:relative;
	display:block;
	font-weight:500;

}
#natumono .item_box dd.btn a,
#natumono .item_box dd.btn{
	 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition: all 0.3s;
	
}
#natumono .item_box dd.btn:hover a{
	color:#fff;
}
#natumono .item_box dd.btn:hover {
	background-color:#2c88ed;
}

/*5ƒJƒ‰ƒ€*/
#natumono #pickup_item .pickup_item_slider{
	overflow:visible;
}
#natumono #pickup_item .swiper-wrapper{
	overflow:hidden;
}

#natumono #pickup_item .swiper-pagination-bullet-active:before,
#natumono #pickup_item .swiper-pagination-bullet-active:after {
 background: #fff;
}


#natumono #pickup_item{
	background-color:rgba(255,255,255,0);
	position:relative;
	
	left:-10px;
}
#natumono #pickup_item .item-slider{
	width:1000px;
	margin:0 auto;
	margin-bottom:50px;
}

#natumono .item_box li.c5{
	padding:3px;
	background-color:#fff;
	width:192px;
	float:left;
	margin-right:10px;
	position:relative;
	box-sizing: border-box;
	min-height:500px;
	text-align:left;
}
#natumono .item_box li.c5:nth-child(5n){
	margin-right:0;
}
#natumono .item_box li.c5:nth-child(n + 6) {margin-top:20px;}
#natumono .item_box li.c5 dd{
	width:180px;
}
#natumono .item_box li.c5 .name{
	font-size:16px;
	font-weight:500;
	padding:5px 0;
}
#natumono .item_box li.c5 .txt{
	padding:1em 0;
}
#natumono .item_box .c5 .size {
    font-size: 10px;
}
#natumono .item_box li.c5 dd.price *{
}
#natumono .item_box li.c5 dd.price{
	margin-top:10px;
	text-align:center;
	min-height:36px;
}
#natumono .item_box li.c5 dd.price ul{
	padding-left:3px;
	text-align:center;
}

#natumono .item_box .c5 dd.icon2{
	position:absolute;
	top:-14px;
	left:-14px;
	display: inline;
	width: auto;
}



#natumono h3,
#natumono p.main{
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	position:relative;
}
#natumono h3{
	font-size:75px;
	font-weight:900;
	margin-top:150px;
}
#natumono .h3-line{
	text-align:center;
		position:relative;
}
#natumono p.main{
	padding:20px 0;
	margin-bottom:30px;
}
#natumono .yellow{
	color:#FEEF0E;
	margin-top:0px;
	}
#natumono .red{color:#F42925;}
#natumono .white{color:#FFF;}


#natumono .sales dl{
	box-sizing: border-box;
	border:12px solid #F42925;
	padding:35px;
	background-color:#fff;
	color:#FF2728;
	
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
}
#natumono .sales dl dt img{
	width:400px;
	height:580px;
	float:left;
	clear:left;
	margin-right:35px;
}
#natumono .sales .name{
	font-size:72px;
	font-weight:900;
	line-height:1.05;
}
#natumono .sales .name .min{
	font-size:42px;
}
#natumono .sales .line{
	display:block;
	width:470px;
	height:20px;
	background-image:repeating-linear-gradient(-45deg, #F42925 0, #F42925 12px, #fff 12px, #fff 20px);
	margin:0 auto;
	margin-right:0;
}
#natumono .sales .date{
	position: relative;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	/*padding:1em 0;*/
	padding:0.5em 0;
}
#natumono .sales .text{
	padding-top:20px;
	font-size:26px;
	line-height:2;
	
}
#natumono .sales .btn{
	width:470px;
	height:88px;
	margin:0 auto;
	margin-right:0;
	
	position:absolute;
	bottom:35px;
	right:35px;
	line-height:77px;
	
}
#natumono .sales .btn a{
	box-sizing: border-box;
	border:6px solid #F42925;
	border-radius: 44px;
	display:block;
	width:100%;
	text-align:center;
	font-size:26px;
	color:#F42925;
	transition: .3s;

}

#natumono .sales .btn:hover a{
  background-color: #F42925;
  color:#fff;
}


#natumono .reccomend dl{
	box-sizing: border-box;
	border:12px solid #fff;
	padding:35px;
	color:#fff;
	
	font-weight:bold;
	position:relative;
	margin-bottom:30px;
	width:485px;
	margin-right:30px;
	float:left;
}


#natumono .reccomend dl:nth-child(2n){
	margin-right:0;
}
#natumono .reccomend dt{position:relative;}
#natumono .reccomend dt img{width:100%;}

#natumono .reccomend dt img:hover{
	opacity:1;
}
#natumono .reccomend dt:hover::after{
	content:"";
	display:block;
	background-color:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0.2;
}

	
#natumono .reccomend dd{
	padding:10px 0;
	font-size:24px;
	line-height:1.6;
	font-weight: 400;
}
#natumono .reccomend a{color:#fff;}






#natumono .item_box:after,
#natumono .sales dl:after,
#natumono .clear
{content:"";width:100%;display:block;clear:both;}








/*‚ ‚ν*/
[id^="dot"]{
	z-index:1 !important;
	mix-blend-mode: screen;
}

@media all and (-ms-high-contrast: none){
	[id^="dot"]{
		opacity:0.4;
	}
}
#header,
#headnews,
#k_header,
#plus100,
.head_cgobi {
    background: #fff;
    position: relative;
    z-index: 3;
	margin-top:-1px !important;
}
#headnews{
	margin-top:0 !important;
}
#hdovi{
	position:relative;
	z-index:2;
	}
#wrapper,
#middle_body{
	margin-top:-2px !important;
	
}
#header:before{
	content:"";
	width:100%;
	background:#fff;
	height:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	display:block;
	
}






#natumono .coupon{
	margin:50px auto;
	text-align:center;
	z-index:100;
	position:relative;
	
}
#natumono .coupon a{
	display:block;
}
#natumono .coupon a:hover img{
	opacity:1;
}
#natumono .coupon a:hover::after{
	content:"";
	display:block;
	background-color:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	opacity:0.2;
}


#natumono .icon_day{
	position: relative;
	margin-bottom: -121px;
	text-align: right;
	top: -209px;
	right: 84px;
}