@charset "utf-8";
/* CSS Document */


.main-visual{
	width:1000px;
	margin:0 auto;
	padding: 0 0 40px;
	display: flex;
	justify-content: space-between;
	position: relative;
	}


.main-visual h2{
	position: absolute;
    font-size: 25px;
    background: #aa0000;
    color: #fff;
    padding: 0 0 0 200px;
    width: 685px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	
	}


.mainslider{
	width:685px;
	height: 335px;
	margin: 50px 0 0;
	}

.fs-pt-carousel__slide img{
	max-width:685px;
	
}

.rank-box{
	
	width:280px;
	font-size:14px;
	}

.rank-box .rank-heading span{
	font-size: 80%;
	}
.rank-box .rank-heading span.new{
	color: #b8000c;
	/*background-color: #b8000c;*/
	font-size: 10px;
	margin: 0 3px 3px 5px;
	padding: 2px  3px;
	}

.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
	
.rank-box .i-rank img{
	width:24px;
	}
	
	
	
.rank-box ul li{
	border-bottom:1px dashed #ccc;
	padding:5px 10px 5px 0;
    font-size: 12px;
	}	
	.rank-box ul li a{
		color:#000;	
	}
	
.rank-box ul li p{
	padding:7px 0 0 0;
	}
.rank-box ul li span{
	display:block;
	float:left;
	padding:8px 8px 0 0;
	}	
	
.rank-box ul li span img{
	width:50px;
	height:50px;
	}	


.pickup-bnr{
	margin:0 0 20px;
	}

.pickup-bnr img{
	/*width:1000px;*/
	}



#index .btn{
	text-align:center;
	margin:10px 0 0;
	}


#index .btn a{
	border:1px solid #ccc;
    display:inline-block;
    background:#FFF url(https://matsusho.itembox.design/item/images/common/i-arr.png) no-repeat 95% 50%;
	padding:10px 40px 10px 30px;
	font-size:15px;
}

#index h2 {
	display:inline-block;
    font-size: 25px;
    padding:0 20px 10px 20px;
    border-bottom: 5px solid #383036;
	margin:0 0 30px;
    text-align: center;
}

#index h2.t-heading {
	display:block;
    font-size: 25px;
    padding:0;
	margin:0 0 20px;
    text-align: center;
	color: #fff;
	background: #aa0000;
	border-bottom: none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}


#index .title {
    text-align: center;
}


#index .item-box{
	margin: 0 0 25px;
}

#index .item-box ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}


#index .item-box ul li img{
	width:375px;
}

#index .item-box ul li { 
	width:370px;
	margin: 0 0 20px;
}

#index .item-box ul li a { 
	text-decoration: none;
}
	

#index .item-box ul li.full{ 
	width: 100%;
	
}


#index .item-box ul li.full img{ 
	width: 100%;
}


#index .item-box ul .txt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}

#index .item-box ul .txt h4{
	font-size: 38px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}



#index .item-box ul .thum{
	margin: 0 0 1em;

}



#index .item-box ul .btn-more{
	background: #f29311;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 0.5em 1em;
	margin: 0.7em auto ;
	width: 310px;
	font-size: 16px;
}






#index .yoto-box { 
	margin:0 0 40px;
}


#index .yoto-box ul li { 
	width:182px;
	float:left;
	margin:0 10px 0 0;
}

#index .yoto-box ul li:last-child{
	float:right;
	margin:0;
}

#index .yoto-box ul li img { 
	width:182px;
}

/*#index .reason{
	margin: 0 0 25px;
	
}


#index .reason h3{
	font-size:25px;
	text-align:center;
	padding:0 0 20px;
}


#index .reason ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 750px;
	
}
*/

#index .reason ul li{
	margin: 0 0 15px;
}


.reason ul li{
	margin: 0 0 1em;
}
.reason ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}


.reason ul li .thum{
	width: 260px;

}

.reason ul li .txt{
	width: 440px;
	padding: 0 1em 0 0;
}

.reason ul li .txt h4{
	color: #aa0000;
	padding: 0 0 0.2em;
	border-bottom: 1px dashed #000;
	font-size: 24px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

}

.reason ul li .txt p{
	padding: 0.5em 0;
	font-size: 12px;
	

}



.reason ul li .arr{
	padding: 0 1em 0 0;

}





#index .cooking{
	margin:0 0 40px;
}

#index .voice{
	width:368px;
	float:left;
}


#index .blog{
	width:368px;
	float:right;
}


#index .blog-inner{
	height:330px;
	/*overflow-y:scroll;*/
	padding:0;
	}

#index .blog-inner::-webkit-scrollbar{
  width: 12px;
}

#index .blog-inner::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  box-shadow: inset 0 0 0px #777; 
}

#index .blog-inner::-webkit-scrollbar-thumb{
  background: #b48b43;
  box-shadow: none;
}	


#index .blog-inner .blog-title{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
}


#index .blog-inner .blog-date{
	margin:0 0 10px;
	font-size: 14px;
}

#index .blog-inner .blog-desc{
	margin:0 0 35px;
	font-size: 14px;
}








#index .voice-inner{
	height:330px;
	/*overflow-y:scroll;*/
	padding:0 0 0 0;
	}

#index .voice-inner::-webkit-scrollbar{
  width: 12px;
}

#index .voice-inner::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  box-shadow: inset 0 0 0px #777; 
}

#index .voice-inner::-webkit-scrollbar-thumb{
  background: #b48b43;
  box-shadow: none;
}	



#index .voice .blog-title{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
}


#index .voice .blog-date{
	margin:0 0 10px;
}

#index .blog .blog-desc{
	margin:0 0 35px;
}







#index .info-box{
	margin:0 0 40px;
}

#index .info-box h2{
	width:368px;
	padding: 0 0 15px;
}



#index iframe{
	width: 368px;
	height:330px;
	border: 0;
	overflow-x:hidden;
	
	
	}



#index .promise{
	padding:50px 40px;
	margin:0 0 40px;
	background:#fff;
}


#index .promise .heading{
	margin:0 0 40px;
}



#index .promise h4{
	font-size:25px;
	color:#b48b43;
	margin:0 0 5px;
}

#index .promise p{
	margin:0 0 20px;
	font-size:14px;
}

.pickbnr{
	width: 100%;
}

.pickbnr ul{
	width: 1000px;
	margin: 0 auto;
}

.pickbnr ul li{
	width: 490px;
	padding: 0 0 20px;
	float: left;
}
.pickbnr ul li:nth-child(2){
	padding: 0 0 20px 20px;
	float: left;
}

.pickbnr ul li img{
	max-width: 100%;
}