@charset "utf-8";


/************************************************************
*	pc小　tablet
 ************************************************************/
@media screen and (max-width: 1400px) { 
.recomendBox{
	width:220px;
	height:370px;
}
.recomendBox.rank{
	height:520px;	
}
.recomendBox .img img{
	width: 220px; 
	height: 220px;
	object-fit: contain;
	
}
.normalBox.twoSideBox{
	width:930px;
}


}



@media screen and (max-width: 1300px) { 


}
@media screen and (max-width: 1250px) { 


}
@media screen and (max-width: 1000px) { 

#topNews{
	margin:0px auto;
	width:auto;
}
#topNews dl{
	position:relative;
	padding:10px 0px;	
}
#topNews dl dt{
	padding:7px 15px 0px 15px;
	width:100%;
	line-height:23px;
	font-size:14px;		
	clear:both;
	letter-spacing:2px;
	text-align:center;
}
#topNews dl dd{
	padding:5px 15px 20px 15px;
	width:100%;
	line-height:23px;
	font-size:14px;	
	text-align:center;	
}

#footerExp{
	width:100%;
	padding:30px 10px;	
}
.footerExpBox{
	width:calc((100% - 50px) / 2);
	float:left;
	line-height:28px;
	padding: 0xp 10px 20px;
	margin:0px 10px;
}
.footerExpBox h2{
	letter-spacing:2px;
	font-size:16px;	
	text-align:center;
	line-height:40px;
	margin-bottom:14px;
	padding-left:15px;
}
#footer{
	width:auto;	
}
#footerMenu{
	margin:20px 0px 0px 50px;
}
#page-top {
    bottom: -80px;
    right: 30px;
    width: 50px;
    height: 50px;
}
#page-top i{
color:white;
font-size:20px;
margin-top:13px;
}
#cart-top {
    bottom: -80px;
    left: 30px;
    width: 50px;
    height: 50px;
	right: auto;
}
#cart-top img{
	width:50px;	
}

	
}
@media screen and (max-width: 900px) { 
/*#headerPC{
	display:none;	
}*/

#headerSP{
	display:block;
	width:100%;
	height:130px;
	/*background:rgba(255,255,255,0.95);*/
	float:left;
	left:0px;
	top:0px;
	z-index:5000;
	text-align: center;
}
#headerSP.bgWhite{
	background:rgba(255,255,255,0.9);
}
#headerLogo{
	
	/*float:left;
	position:relative;
	overflow:visible;
	left:50px;
	top:5px;
	line-height:60px;
	padding-right:15px;**/
}
#headerLogo img{
	width:190px;
}

#headerCart{
	float:right;
	width:60px;
	height:60px;
	/*position:absolute;*/
	position:relative;
	right:2px;
	top:4px;
}
#headerCart a{
	float:right;
	padding:0px 15px 0px 0px;
	background:url('../img/header_cart.png')  5px 14px no-repeat;
	background-size:40px auto;	
	width:60px;
	height:60px;
	font-family: 'Noto Serif JP', serif;
	line-height:70px;
	font-size:13px;	
	font-weight:700;
	letter-spacing:2px;;
}
#headerCart #num{
	float:left;
	position:absolute;
	left:8px;
	top:12px;
	font-size:16px;	
	line-height:16px;
	text-align:center;
	width:40px;
}
#headerAccount{
	/*position:absolute;*/
	position:relative;
	float:right;
	right:0px;
	height:60px;
	width:60px;
	top:0px;	
}
#headerAccount a{
	line-height:60px;
	padding:6px 0px 12px 11px;
}
#headerWhat{
	position:absolute;
	right:90px;
	width:72px;
	height:70px;	
}
#headerWhat a{
	line-height:70px;
	padding:9px 11px 12px 11px;	
	display:block;
}
.open{
	display:block;	
}
#topFeature{
	width:100%;
	padding:15px;	
}


}

@media screen and (max-width: 800px) { 
.detailWrapper .subR{
	float:left;
	width:100%;
	padding:0px 30px 10px;
}
.detailWrapper .subL{
	float:left;
	width:100%;
	clear:both;
	padding:20px;
}
}

/************************************************************
*	smartphone
 ************************************************************/
@media screen and (max-width: 480px) { 
.pcHidden{
	display:block;
}
.spHidden,.ec-cartRow__img.spHidden{
	display:none;	
}
#headerLogo{
	top:8px;
	left:67px;
	/*transform: translate(-50%, 0%);*/
	transform:none;
	position:absolute;
}
#headerLogo img{
	width:75px;
}
#headerTxt{
	float:left;
	left:50%;
	transform: translate(-50px, 0%);
	top:23px;
}
#headerTxt img{
	height:29px;
}
#headerMenu a{
	display:block;
	width:70px;
	height:70px;	
	text-align:center;
	padding:20px 0px 0px;
}
#headerMenu img{
	width:30px;
}
#headerPC{
	height:76px;	
	border-bottom:3px solid #42210b;
	right:0px;
	left:0px;
	width:auto;
}
#headerPCMenu{
	width:100%;	
	display: flex;
	justify-content: center;
}
#headerPCMenu li {
	width:50%;
	height:46px;
	float:left;	
	bottom:0px;
	margin-left:0px;
}
#headerPCMenu li a{
	height:46px;
	width:100%;
	line-height:46px;	
	float:left;
	text-align:center;
	padding-top:7px;
	margin:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
#headerPCMenu img{
	height:30px;
}
#headerPC{
	border-bottom:2px;
}
#headerPC #headerPCMenu li a:hover{
	/*background:#c1b35c;*/	
	background-position:bottom;
}
#headerPCMenu li a#assortList{
	background:#eee7d0;
}
#headerPCMenu li a#assortList:hover{
	background:#e4daba;
}
#headerPCMenu li a#itemList{
	background:#e0d4cb;
}
#headerPCMenu li a#itemList:hover{
	background:#d6c7bc;
}

#headerPCWrapperTop{
	width:100%;	
	height:76px;
}
#headerPCTop{
	width:100%;
	height:76px;
	margin:0px auto;	
}
#headerPCWrapperBottom{
	width:100%;
	height:50px;
	float:left;
	background:rgba(255,255,255,0.9);
	border-bottom: 3px solid #b7ab55;
	bottom:0px;
	display: block;
}
#headerSearchSP{
	padding-top:8px;
	margin:auto;
	width:92%;
}
.headerSearchInput{
	width: calc(100% - 42px);
}
#headerPCBottom{
	width:100%;
	height:50px;
	margin:0px auto;
	bottom:0px;
}

.menuSlideBox{
	width:100%;
}

#main{
	top:120px;
}

.hTop1.pTs1 {
    padding: 10px 0px 10px;
}

.h2taste img{
	width:290px;
}
.h7reasonL p img{
	width:200px;
}
.h7reasonTop img{
	width:220px;
}
.hBack img{
	width:270px;
}
.hCook img{
	width:290px;
}
.hFreezer img{
	width:280px;
}
.hGift img{
	width:270px;
}
.hKiseki img{
	width:260px;
}
.hLaw img{
	width:270px;
}
.hMainItem img{
	width:300px;
}
.hMedia img{
	width:300px;
}
.hNaming img{
	width:290px;
}
.hPayment img{
	width:220px;
}
.hPickup img{
	width:170px;
}
.hPostage img{
	width:220px;
}
.hPrivacy img{
	width:270px;
}
.hRanking img{
	width:270px;
}
.hSafety img{
	width:250px;
}
.hSns img{
	width:220px;
}
.hScene img{
	width:280px;
}
.hSchedule img{
	width:220px;
}
.hShop img{
	width:260px;
}
.hSign img{
	width:280px;
}
.hTabekurabe img{
	width:300px;
}
.hVoice img{
	width:170px;
}
.hWrapping img{
	width:270px;
}


#topSlideWrapper{
	width:100%;
	height:auto;
	position:relative;
}
#topSlideWrapper #topSlide{
	display:none;	
}
#topSlideWrapper #topSlideSP{	
	
	display:block;
}
#topSlideSP .slideImg{
	width:100%;
	position:relative;
	/*overflow:hidden;*/
}
#topSlideSP .slideImg img,#topSlideSP .slideImg video {
    /*position: absolute;
	  top: 0;
	  left: 50%;*/
	  width:100%;
	  /*-webkit-transform: translate(-50%, 0);
	  -ms-transform: translate(-50%,0);
	  transform: translate(-50%, 0);*/
	  height: auto;
	 /* min-height:540px;*/
}
.slideImg .thum{
	position:absolute;
	right:20px;
	bottom:20px;	
	width:170px;
	/*left: 50%;
	-webkit-transform: translate(-50%, 0);
	  -ms-transform: translate(-50%,0);
	  transform: translate(-50%, 0);*/
	  
	background:rgba(255,255,255,0.8);
	/*background:none;*/
	text-align:center;
	padding:10px;
}
#topSlideSP .slick-dots{
	left:15px;
	bottom:15px;	
}
#topSlideSP .slick-dots li button::before{
	font-size:10px;
}
#topSlideWrapper #topSlideSP .slideImg .thum img{
	width:150px;
	min-height:auto;
	position:relative;
}
.slideImg .thum .title{
	clear:both;
	width:150px;
	font-size:13px;	
	padding-top:8px;
	line-height:18px;
}

.topVideo{
	  /*天地中央配置*/
	position: relative;
	z-index: -1;
	left: 50%;
	transform: translate(-50%, 0);
	/*縦横幅指定*/
	 /*width: 177.77777778vh; 16:9 の幅→16 ÷ 9＝ 177.77% */
	 /*height: 56.25vw; 16:9の幅 → 9 ÷ 16 = 56.25% */
	width:auto;
	height:100%;
	overflow:hidden;
}
#topMain{
	clear:both;
	top:auto;
	position:relative;
	float:left;
	width:100%;
}
#Main{
	top:70px;
}
.topRecomendWrapper{
	float:left;
	width:100%;	
	padding:0px 0px;
	position:relative;
}
.topRecomendWrapper .topRecomend{
	padding:0px
}
.topRecomendWrapper .recomendBox{
	border-top:0px;
	width:40vw;
}
.topRecomendWrapper .recomendBox .img img{
	height:195px;
}
.topRecomendWrapper .recomendBox .hot img{
	height:15px;
}
.topRecomendWrapper .hTop1{
	padding: 10px 0px 0px;
}
.topRecomendWrapper .hTop1 h2{
	padding: 0px 9px 0px;
	height:70px;
}
.topRecomendWrapper .slidePrev{
	position:absolute;
	float:left;
	left:10px;
	top:235px;
	width:25px;
	height:50px;
	z-index:9998;	
}
.topRecomendWrapper .slidePrev img{
	width:24px;
	
}
.topRecomendWrapper .slideNext{
	position:absolute;
	float:left;
	right:10px;
	top:235px;
	width:24px;
	z-index:9998;	
}
.topRecomendWrapper .slideNext img{
	width:24px;
}
.topRecomend{
	width:auto;
	padding:20px 0px;
	height:355px;
	/*overflow:hidden;	*/
	overflow:visible;
}
.topRecomend2{
	width:auto;
	padding:20px 0px;
	height:auto;
	/*overflow:hidden;	*/
	overflow:visible;
}
.recomendBox{
	margin:0px auto 25px;
	width:48.5vw;
	padding:20px 3px 15px;
	height:90vw;
	float:left;
	position:relative;
	text-align:center;
	color: #070c46;
	border-top:2px solid #CCC;
}
.recomendBox .img{
	width:100%;	
	vertical-align: middle;	
	text-align:left;
	background-color: #F4F4F4;
}
.topRecomend2 .recomendBox .img img{
	width:100%; 
	height: auto;
	max-height:183px;
	object-fit: contain;
	
}
.recomendBox .title{
	text-align:left;
	font-size:12px;
	line-height:18px;
	padding:7px 5px 3px;	
}
.recomendBox .detail{
	text-align:center;
	font-size:12px;
	line-height:20px;	
	padding:0px 0px 3px;
}
.recomendBox .price{
	text-align:center;
	font-size:13px;
	line-height:20px;	
	padding:3px 0px 0px;
}
.selectListDelBtn{
	width:38%;
}
.selectListDelBtn a{	
	border:2px solid #CACACA;
	border-radius:3px;
	color:white;
	background:#CACACA;
	width:100%;
	line-height:35px;
	text-align:center;
	letter-spacing:1px;
	font-size:12px;
	font-color:#CACACA;
}
.selectListAddBtn{
	float:right;
	right:0px;
	bottom:0px;
	width:58%;
	position:absolute;
}
.selectListAddBtn a{	
	border:2px solid #EA5703;
	background:#EA5703;
	color:white;
	border-radius:3px;
	width:100%;
	line-height:35px;
	text-align:center;
	letter-spacing:0px;
	font-size:12px;
}
.featherlightContents{	
	padding:0px;
}
.featherlight .featherlight-content{
	max-width:100%;	
}
.featherlightContents table th{
	width:77px;
	padding:0px 2px;
}
.featherlight .featherlight-close.featherlight-close-icon{
	position:fixed;
	top:7px;
}
.openfeather.btnGold3{
	font-size:12px;
	padding:9px 10px;
}

.topBanner1.normalBox{
	padding-top:15px;	
	padding-bottom:0px;
	position:relative;
	clear:both;
}

.tab-label {
	font-size:12px;	
}
.assortBox{
	margin:0px;
	padding:10px;	
}
.assortBox .title{
	text-align:left;
	font-size:19px;
	line-height:26px;
	font-weight:700;
	letter-spacing:1px;
padding:15px 10px 3px;
	float:left;
	clear:both;	
	width:100%;
}
.assortBox .detail{
	text-align:left;
	font-size:12px;
	line-height:20px;	
	padding:3px 10px 10px;
	float:left;
	clear:both;	
}
.assortBox .price{
	text-align:right;
	font-size:14px;
	line-height:20px;	
	padding:8px 10px 0px;
	font-weight:700;
	float:right;
	width:100%;
	clear:both;
}
.searchBox .fl{
	float:none;
	width:240px;	
	padding:20px 0px 10px;
	margin:0px auto;
}

.assortSelect{
	width:100%;
	float:left;
	aspect-ratio:32/52;
	background:url('../img/top_assort_bg_sp.jpg?3') no-repeat;
	background-size:cover;
	min-height:520px;
	height:auto;
}
.assortSelect #set5{
	position:absolute;
	float:left;
	left:10%;
	bottom:42%;
}
.assortSelect #set10{
	position:absolute;
	float:left;
	left:10%;
	bottom:24%;
}
.assortSelect #set20{
	position:absolute;
	float:left;
	left:10%;
	bottom:6%;
}
.assortSelect img{
	width:89%;	
}
.assortSelect a:hover img{
	opacity:0.7;	
}



.cart_num{
	right:-6px;
	top:-8px;
}
#fixFooter .assort.comp{
	font-size:18px;
	background:#c30d22;
	padding:0px 0px 0px 10px;
	text-align:center;
}



#sideLeft{
	display:none;
	width:100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	z-index:10000;
	background:rgba(237,237,237,0.95);
	
}
#sideLeft .title{
	/*display:table;
	margin:auto;
	background:none;*/
}
#sideLeft .checkDl label{
	width:50%;
	padding-bottom:10px;
}
.acOpen{
	padding: 10px 10px 15px;
}
.acOpen2{
	padding: 8px 0px 8px;
}

#sideRight{
	display:none;	
	/*width:300px;*/
	width:100%;
	border-left:0px;
}
#cart_items{
	padding-top:60px;	
}
.detailLeft{
	float:left;
	width:100%;
	position:relative;
	clear:both;	
}
.detailLeft .mainImg img{
	width:100%;	
}
.detailRight{
	float:left;
	width:100%;
	position:relative;
	padding:10px;
	clear:both;
}
.sideLeftBg{
	background:none;	
}
#sideLeft .checkDl{	
	margin:8px auto 0px;
}
#sideLeft .checkDl dt{
	text-align:left;
	float:left;
	width:35%;
	min-width:130px;
	padding-left:10px;
		
}
#sideLeft .checkDl.w2 dd{
	width:40%;	
	text-align:left;
}
.checkDl dd{
	text-align:left;
	float:left;
	width:10%;
}

.detailRight .title{
	font-size:16px;	
}
.detailRight .code{
	font-size:12px;
	padding:8px 0px;	
}
.detailRight .exp{
	font-size:14px;
}
.detailRight .price{
	font-size:12px;
	padding:20px 0px;
}
#fixFooter{
	display:block;	
	width:100%;
	height:50px;
	position:fixed;
	bottom:0px;
	float:left;
	z-index:3000;
	
}
#fixFooter > div{
	width:50%;
	height:50px;
	background:#a7984f;
	float:left;
}
#fixFooter .search{
	background:	url('../img/icon_search.png') no-repeat 10px 15px;
	padding:0px 0px 0px 40px;
	background-size:20px auto;
	color:white;
	font-size:13px;
	line-height:50px;
	text-decoration:none;
	display:block;
}
#fixFooter .assort{
	background:	url('../img/sidebar_template.png') no-repeat 10px 13px;
	padding:0px 0px 0px 40px;
	background-size:28px auto;
	color:white;
	font-size:13px;
	line-height:50px;
	text-decoration:none;
	display:block;
	transition:all 1s;
}







.normalBox.twoSideBox{
	width:100%;
}
	
.normalBox{
	width:100%;
	max-width:480px;
	font-size:14px;
}

.saftyBox{
	float:left;
	width:50%;
	padding:0px;
	
}
.saftyBox .img{
	width:100%;
	height:95px;
	text-align:center;
	padding:20px 0px 0px;
}
.saftyBox .img img{
	width:50px;	
}
.saftyBox .txt{
	font-size:12px;
	height:120px;
	padding:0px 5px 5px 5px;
	border-bottom:3px solid #efecd4;
	line-height:20px;
	margin-bottom:10px;
}
.saftyBox .fs22{
	font-size:19px;	
}

.topReasonBox{
	width:50%;
}

.topReasonBox{
	float:left;
	width:50%;
	
}
.topReasonBox .img{
	width:100%;
}
.topReasonBox .img img{
	width:100%;	
}
.topReasonBox .txt{
	font-size:12px;
	min-height:90px;
	height:auto;
	padding:9px 7px 12px 7px;
	border-bottom:3px solid #efecd4;
	line-height:15px;
}
.topReasonBox:nth-child(even){
	background:	#fffde8;
}
.topReasonBox#no1{
	width:100%;	
}
.topReasonBox#no1 .txt{
	height:auto;
	font-size:13px;
	line-height:17px;
}
.topReasonBox#no2, .topReasonBox#no3{
	width:50%;
	
}
.topReasonBox#no1 .img img, .topReasonBox#no2 .img img, .topReasonBox#no3 .img img{
	width:100%;	
}
.topReasonBox:nth-child(even){
	clear:both;
}

.btnGold1{
	font-size:15px;
	letter-spacing:2px;
	padding:12px 35px 12px 45px;
	line-height:35px;
	background-position: 19px 13px;
}
.btnGold2{
	font-size:15px;
	letter-spacing:0px;
	padding:12px 25px 12px 30px;
	line-height:35px;
	background-position: 9px 13px;
}
.btnGold3{
	font-size:15px;
	letter-spacing:0px;
	padding:10px 15px 10px 15px;
	line-height:35px;
	background-position: 9px 13px;
}

.mainItemBox{
	width:50%;	
}
.mainItemBox .img{
	width:100%;
}
.mainItemBox .img img{
	width:100%;	
}


.sceneBox{
	width:100%;
}


.mediaBox{
	width:50%;
	float:left;	
}
.mediaBox .img{
	width:100%;
	height:auto;
	min-height:90px;
}
.mediaBox .txt{
	width:auto;
	height:100px;
	padding:10px;
	font-size:9px;
	line-height:16px;
}
.mediaBox .txt span{
	font-size:11px;	
}


.mediaBox  img{
	width:80%;	
}
.mediaBox .mediaBranch img{
	width:80%;	
	margin:30px 0px 30px;
}
.mediaBox .mediaShu1 img{
	width:80%;
}
.mediaBox .mediaEvery img{
	width:80%;
	margin:30px 0px 30px;
}
.mediaBox .mediaMezamashi img{
	width:80%;	
}


.voiceWrapper{
	padding:10px;
}
.voice{
	width:100%;
	margin:0px auto;	
}
.voiceBox{
	width:100%;
	margin:20px auto 30px;
}
.voiceBox .img{
	right:5px;
	top:-30px;
}
.voiceBox .img img{
	width:130px;	
}
.voiceBox .name{
	width:150px;
	line-height:70px;
	margin:15px 10px 0px 10px;
}
.voiceBox .txt{
	margin:15px 10px 0px 10px;
	font-size:14px;
	padding-bottom:25px;
}
.voiceBox .title{
	font-size:17px;	
}


.giftBox{
	width:50%;
	padding:5px;
	
}
.giftBox .img{
	width:100%;
	height:auto;
}
.giftBox .img img{
	width:100%;	
}
.giftBox .img.wrapping{
	width:100%;
	height:auto;
}
.giftBox .txt{
	font-size:10px;
	line-height:18px;
	height:130px;
	padding:10px 2px 10px 2px;
}
.giftBox .txt .title{
	font-size:13px;
	line-height:22px;
}

.featureSign img{
	width:150px;
}


.shopMap{
	float:left;
	width:100%;
	height:auto;
}
.shopMap img{
	width:100%;
	margin-bottom:15px;		
}
.shopTxt{
	float:left;
	width:100%;
	height:auto;
	line-height:30px;
	padding:0px 0px 0px 0px;
	letter-spacing:0px;
	text-align:center;
}
.shopTxt img{
	width:290px;
	margin:auto;	
}



.snsLeft{
	width:100%;
	text-align:center;
}
.snsLeft a{
	margin:0px 0px 20px 20px;
	float:none;	
}
.snsLeft a img{
	width:280px;	
}
.snsRight{
	width:100%;
	padding:0px 0px 0px 10px	;
	text-align:center;
}
.snsRight a{
	margin:20px 50px 0px 0px;
	float:none;	
}
.snsRight a img{
	width:50px;	
}


.hTop1{ 
	text-align:center;
	padding:20px 0px 3px;
	clear:both;
}
.hTop1 h2{
	padding:15px 9px 8px;
	letter-spacing:4px;
	font-size:17px;	
	display:block;
	height:90px;
}
.hTop1 h2.small{
	letter-spacing:0px;
	font-size:16px;	
}
.hTop2{ 
	text-align:center;
	padding:25px 0px 15px;
}
.hTop2 h2{
	padding:15px 6px 13px;
	letter-spacing:2px;
	font-size:17px;	
	display:block;
}
.hTopSelect{ 
	text-align:center;
	padding:0px 0px 0px;
}
.hTopSelect h2{
	/*border-bottom:2px solid	#a39b23;*/
	width:100%;
	line-height:50px;
	padding:0px 10px 5px;
	/*font-family: 'Noto Serif JP', serif;*/
	letter-spacing:0px;
	font-size:19px;	
	font-weight:700;
	color:#333333;
	text-align:center;
	display:block;
	min-width:230px;
	background-position: bottom center;
	border-bottom: 2px solid #b7ab55;
}

.topSelectBtn{
	top:-225px;
}
.topSelectBtn img{
	width:98%;	
}
.topSelectBtn a:hover img{
	opacity:0.8;
}
.topSelectH{
	width:100%;
	text-align:center;
	padding-top:0px;
}
.topSelectH img{
		max-width:320px;
}
.selectNumBtn{
	margin: 10px 0px 10px;
	text-align:center;
	width:100%;
	float:none;
	text-align:center;
}
.selectNumBtn a:hover img{
	opacity:0.8;
}
.selectNumBtn img{
	width:300px;	
}



.sellWrapper{
	padding:0px;	
}
.sell{
	width:100%;
	margin:0px auto;	
}
.sell .img img{
	width:100%;	
}
.sellBox{
	margin:10px 0px;	
}
.sellFl{
	margin:0px auto;	
		clear:both;
		float:none;
}





.youtubeBox{
	height:auto;
	min-heght:230px;
}
.youtubeBox iframe{
	width:100%;
	height:auto;
	min-height:220px;	
}



.lpReasonWrapper{
	padding:10px 15px;
}
.lpReason{
	widdth:100%;
	margin:auto;
	padding:0px 0px;	
}
.lpReasonBox{
	width:auto;
	margin:20px auto 30px;
	background:white;
	position:relative;	
	box-shadow: 3px 3px 16px -6px rgba(0,0,0,0.6);
}
.lpReasonBox .label{
	float:right;
	position:absolute;
	right:-10px;
	top:15px;
}
.lpReasonBox .label img{
	width:160px;	
}
.lpReasonBox .img{
	float:right;
	position:absolute;
	right:12px;
	top:54px;
	width:68%;
}
.lpReasonBox .img img{
	/*width:190px;	*/
	width:100%;
}
.lpReasonBox .title{
	float:left;
	position:absolute;
	left:5%;
	top:20px;
	width:24%;
}
.lpReasonBox .title img{
	width:100%;	
}
.lpReasonBox .txt{
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
	padding:92% 15px 20px;
	clear:both;
}

.pointBanner{
	height:16vw;
	width:100%;
	background-size:contain;
	background-repeat:;
}


.rankingTbl{
	width:100%;
}
.rankingTbl th{
	vertical-align:middle;	
	width:120px;
}
.rankingTbl th img{
	width:115px;
}
.rankingTbl td{
	vertical-align:middle;	
}
.rankingTbl td img{
	width:170px;
}

.namingBox{
	padding:0px 8px;	
}

.tasteBox{
	padding:0px 8px;	
}


.commentImg img{
	max-width:100%;	
}

.foodExpTbl th{
	min-width:100px;	
}

#topNewsWrapper{
	float:left;
	width:100%;	
	background:white;
	padding:0px 10px 40px;
}
#topNews{
	margin:0px auto;
	width:auto;
}
#topNews dl{
	position:relative;
	padding:10px 0px;	
}
#topNews dl dt{
	float:left;
	padding:7px 15px 0px 15px;
	width:100px;
	line-height:23px;
	font-size:14px;		
	clear:both;
	letter-spacing:2px;
	text-align:left;
}
#topNews dl dd{
	float:left;
	padding:5px 15px 20px 15px;
	width:100%;
	line-height:23px;
	font-size:14px;	
	text-align:left;	
}
#topFeature{
	width:100%;
	padding:17px 15px 30px;	
	letter-spacing:0px;
	font-size:13px;
}
#topFeatureBtn{
	width:270px;
	height:50px;
}
#topFeatureBtn a{
	padding:16px 30px;	
}
#topFeatureBtn a img{
	width:210px;	
}
#checkWrapper{
	padding:0px 0px;	
}
#check{
	height:290px;
	padding:30px 0px;	
	overflow:hidden;
}
#check .recomendBox{
	float:left;
}
#topSnsWrapper{
	float:left;
	width:100%;	
	min-height:370px;
	background:none;
}
#topSns{
	width:280px;
	margin:auto;
	padding:0px 0px 30px;
}
.topSnsCard{
	float:left;
	width:140px;
	height:200px;
	margin:0px 0px 0px 0px;	
}
.topSnsCard .img{
	padding-top:40px;	
	text-align:center;
	width:140px;
	float:left;
}
.topSnsCard .img img{
	width:80px;	
}
.topSnsCard .text{
	padding-top:18px;	
	text-align:center;
	line-height:21px;
	font-size:10px;
	width:140px;
	float:left;
}
#footerExpWrapper{
}
#footerExp{
	width:100%;
	padding:30px 10px;	
}
.footerExpBox{
	width:auto;
	min-width:93%;
	float:left;
	clear:both;
	line-height:28px;
	padding: 0xp 10px 20px;
}
.footerExpBox h2{
	letter-spacing:2px;
	font-size:16px;	
	text-align:center;
	line-height:40px;
	margin-bottom:14px;
	padding-left:15px;
}

#footer{
	width:100%;
}
#footerLogo{
	width:95%;
	height:95px;
	float:left;
	clear:both;
	text-align:center;
	position:relative;
	top:10px;
	left:0px;
	
}
#footerLogo img{
	width:130px;
	margin-top:15px;	
}

#footerMenu{
	margin:0px auto 0px;
	width:250px;
	float:none;
	clear:both;
}
#footerMenu .sub{
	float:left;	
	margin:0px 0px 10px;
	color:#666666;
	line-height:25px;
	min-height:auto;
	font-size:13px;
}
#footerMenu .sub .h1{
	width:240px;
	letter-spacing:2px;
	font-size:14px;
	padding-left:5px;
	margin-bottom:4px;
	line-height:33px;
}	
#footerMenu .sub .line{
	padding:5px 0px 5px 24px;	
}
#footerMenu a{
	padding-left:20px;
	font-size:13px;
	text-decoration:none;
	line-height:33px;
}
#footerSns{
	padding:40px 0px 15px;
	float:none;
	width:100%;
	text-align:center;
	position:relative;
	right:auto;
	left:auto;
	top:auto;
	clear:both;
}
#footerSns a{
	padding:30px 30px;
	display:inline;
	float:none;
}
#footerCopy{
	width:100%;
	text-align:center;
	padding:10px 0px 20px;
	letter-spacing:1px;
	font-size:10px;	
}

/*group*/
.groupList{
	margin:auto;
	width:250px;
		
}
.groupList .recomendBox{
	margin:10px auto;
	width:48%;
	height:auto;
	float:left;
	position:relative;
	text-align:center;
	color: #070c46;
}
.recomendBox .img{
	width:100%	
	vertical-align: middle;	
}
.recomendBox .img img{
	width:auto;
	
}
.recomendBox .title{
	text-align:center;
	font-size:14px;
	line-height:26px;	
}
.recomendBox .detail{
	text-align:center;
	font-size:12px;
	line-height:20px;	
	padding:3px 10px 3px;
}
.recomendBox .price{
	text-align:center;
	font-size:13px;
	line-height:20px;	
	padding:0px 0px 0px;
}

.pager01{
	padding:10px 0px 10px;
		
}
.pager01 ul{
	position: relative;
 	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
 	float: left;
	margin:0px;
	padding:0px;
}
.pager01 li{
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
}
.pager01 li a, .pager01 li span{
	display:block;
	padding:15px 10px;	
}
.pager01 li a:hover{
	background:rgba(0,0,0,0.05);	
}
.pagingBox1{
	padding:14px 5px 25px;
}

/*** detail ***/
#detailSlideWrapper{
	width:100%;
	overflow:hidden;	
}
#detailSlideWrapper img {
    height:250px;
}

#detailSlideWrapper #detailSlide{	
	height:250px;
}
#detailSlideOne{
	padding-top:20px;
	margin:20px 0px 0px 4% ;
	width:92%;
	clear:both;

}
#detailSlide .slideImg{
	height:250px;
	position:relative;
	float:left;
}
#detailSlide .slideImg img {
  height:250px;
}
#detailSlide .slidePrev{
	left:10px;
	top:80px;
	width:25px;
	height:50px;	
}
#detailSlide .slidePrev img{
	width:24px;
	height:84px;
}
#detailSlide .slideNext{
	right:10px;
	top:80px;
	width:25px;
	height:50px;
}
#detailSlide .slideNext img{
	width:24px;
	height:84px;
	transform:rotate(180deg);
}
#detailSlideOne .slidePrev, #detailSlideOne .slideNext{
	top:210px;
}
#detailSlideNav{
	margin:auto;
}
#detailSlideNav .slideImg{
	height:60px;
	position:relative;
	float:left;
}
#detailSlideNav .slideImg img {
  height:60px;
}
.detailWrapper .subR{
	float:left;
	width:100%;
	padding:0px 20px 10px;
}
.detailWrapper .subL{
	float:left;
	width:100%;
	clear:both;
	padding:15px;
}

.hExp1{ 
	text-align:center;
	padding:35px 0px 25px;
}
.hExp1 h2{
	padding:15px 11px 8px;
	letter-spacing:1px;
	font-size:19px;	
}
.expBox1{
	padding:0px 0px 0px 0px;	
}
.expBox1 ol li{
}

.accessBox1{
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:15px;	
}
.accessBox1 img{
	width:100%;	
}

.accessBox2{
	float:none;
	margin:0px 0px 0px 0px;
	width:100%;	
	line-height:28px;
}



/********  feature  ********/
.expWrapper .feature{
	max-width:1000px;
	margin:auto;
	padding:0px 0px;	
}
.hFeature1{ 
	text-align:center;
	padding:35px 0px 30px;
	clear:both;
}
.hFeature1 h2{
	border-bottom:1px solid	#070c46;
	padding:15px 11px 8px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:1px;
	font-size:16px;	
	font-weight:700;
	color:#070c46;
	text-align:center;
	display:inline;
}
.featureBox1{
	float:none;
	max-width:300;	
	margin:auto;
}
.featureBox1 img{
	width:100%;	
}

.featureBox2{
	float:none;
	margin:0px auto;
	padding:15px 15px 0px;	
	line-height:28px;
	width:auto;
}
.featureBox3{
	float:none;	
	clear:both;
	padding:0px 15px 10px;
	line-height:28px;
	width:auto;
}
.featureImg1{
	float:none;
	margin:20px 0px 0px;
	width:100%;
	text-align:center;	
}
.featureBox4{
	float:none;	
	padding:10px 0px;
	clear:both;
	width:auto;
}
.featureBox4 .img{
	float:left;	
	width:100%;
	padding:0px 0px 0px 0px;
	text-align:center;	
}
.featureBox4 .img img{
	width:250px;	
}
.featureBox4 .txt{
	float:left;	
	padding:10px 15px 20px;
	line-height:28px;
	width:auto;
}
.featureBox4 h3{
	font-weight:700;
	font-size:18px;
	letter-spacing:3px;	
	line-height:40px;
	text-align:center;
}
.ec-cartRole{
	padding-left:0px;
	padding-right:0px;	
}







}