@charset "utf-8";

#recomcontents {
	 /*font-family:"Verdana", "メイリオ", "Meiryo", "ＭＳ Ｐ ゴシック", "MS P Gothic", sans-serif;*/
	}

	
	
#recomcontents div.item_link{
  line-height : 1.5 ;
}
#recomcontents div.item_link div{
  line-height : 1.5 ;
}
#recomcontents div.item_link a{
  line-height : 1.5 ;
}


.clear::after {
	clear:both;
  content:'';
  display:block;
}
#recomcontents a {
	color: #333333;
}
#recomcontents a:link {
	color: #333333;
	text-decoration: underline;
}
#recomcontents a:visited {
	color: #333333;
	text-decoration: underline;
}
#recomcontents a:hover {
	text-decoration: none;
}


/*============================*/	
a.disabled{
    pointer-events: none;
}
/*============================*/	

	
.p_left{text-align: left;}	
.p_right{text-align: right;}	
	
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}






.flexcontainer{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
/*justify-content: center;*/
/*align-items :  flex-start;*/
align-items:center;	
}

 

.flexitem2{
	width: 55%;
	margin-top:0px;
	margin-bottom: 30px;
  
}
.flexitem2 img{  width: 100%;}
	
.flexitem3{
	vertical-align: middle;
	width: 40%;
	margin-left:  20px;
}	
	


	
.line {
    border: none;
    border-bottom: 1px solid #333;
}
	
.productitem {
	line-height: 1.7;
	margin: 20px 0;
	padding: 0 5px;
}
	
.item1 { /*font-weight: bold;line-height: 1.5;*/}
.item2 { font-size: 12px; }
.item3 { font-size: 9px; }	
	
.youtube_info{margin: 3px 0 0; line-height:1.5;  font-size: 10px;}

@media screen and (min-width: 641px){
	.flexitem2 iframe {width: 420px; height: 747px;}

}
@media screen and (max-width: 640px) {
	/* スマホ用のCSS */
.flexcontainer{
	justify-content: center;
}
	
.flexitem2{
	width: 100%;
	margin:0px auto 20px;
	text-align: center;
}
.flexitem2 img{  width: 100%;}
.flexitem2 iframe {width: 320px; height: 569px;}
	
	
.flexitem3{
	width: 80%;
	margin: 5px 5px 30px;
}
	
.productitem {
	line-height: 1.5;
	margin: 5px 0;
	padding: 0 5px;
}
	
.item1 { font-size: 12px;line-height: 1.5; /*font-weight: bold;*/}
.item2 { font-size: 12px; }
.item3 { font-size: 9px; }	
		
.youtube_info{margin: 5px 0 0;padding: 0 5px;text-align: left; line-height:1.5;  font-size: 10px;}

}