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

	
		

/*安心安全の取組み*/



div.relief02 {
	width:70%;
	
	
}


div.relief02 span {

	margin-right: 0px;
margin-bottom: 10px;
}
div.relief02 span:nth-child(odd) {

	
	margin-right: 10px;
	
	

}


}

@media screen and (max-width: 1024px) {
	
	
	
	
	
	.slide{
   margin-top: 10%;
}
	
	


.mediamovie div{
	width: 100%;
display: block;

}

.mediamovie div:nth-child(2){

	background-position: right 0% top 40%;
	padding-top: 50%;
}

.mediamovie div:nth-child(2) span{


	font-size: 18px;
	line-height:28px;
	
	padding: 50px 0px;
	
	width: 95%;

}

/*フッター 左*/
footer .company_info{
	
	width: 25%;

	
}



footer .company_info img{
	width: 34%;

}


/*フッター 中央*/
footer .footer_navi{

	width: 38%;
	
	
	
	
}



/*フッター 右*/
footer .footer_info{

	width:30%;
	
	
}


	.copy{font-size:9px;
font-weight: 200;}	
	
	





.company{

	padding: 60px 0px 30px 0px;
}





.company table{
	width: 70%;



}

.company table th{

	letter-spacing: 3px;
}



.company table tr td{

	
}


.company table tr td p{
padding: 30px 0px;
}
.company table tr td span{

top: 90%;
  right: 8%;

}

	.company table tr td span{

	top: 12%;
  right: 0%;
		font-size: 16px;

}

/*沿革*/


.history table{
	width: 70%;


}

.history table th{

	width: 20%;

}



.history table tr td{
	
}

	
	
/*商品リスト */


.itempage div figure{
	
	width: 60%;

} 


	

/*各商品ページ */

.itemdetail{padding-bottom: 250px;
	padding-top: 100px;
	padding-left: 10%;
} 



.item_info{width: 49%;

}


.item_info table{
	text-align: left;
	width: 90%;
	font-size: 16px;
}




.item_info table th{
	width: 30%;
	
	
} 


.item_info table tr:first-child{
	border-bottom:none;
	line-height: 22px;
		font-size: 18px;
	
}

.item_info a span{

	width:80%;
top: 115%;
  left:40%;
  
}
	
		

/*安心安全の取組み*/



div.relief01 p {
	font-size: 2.2vw;
}


div.relief02 {
	width:75%;
	
	margin: 50px auto;
}


div.relief02 span {

	margin-right: 0px;
margin-bottom: 10px;
	
	
}
div.relief02 span:nth-child(odd) {

	
	margin-right: 10px;
	
	

}


div.relief02 p {
	
	font-size: 16px;

	padding:40px 20px 40px 20px;
width: 80%
	
}

	
	

.info_text{
	margin:30px auto 50px auto;
	width: 80%;
}

.info_text h2{
	margin:50px auto 50px auto;
	font-size:1.0rem;
	
}
	.info_text h2 br{
display: none;
}

.info_text p{
	line-height:240%;
	font-size:1.0rem;

}

.info_text span{

	font-size:1.0rem;
		
	
}


	
}

@media screen and (max-width: 768px) {
	
	.slide{
   margin-top: 14%;
}
		main {

padding-top: 0%;

}
	
/*トップページ　セクション1 */	
	.maininfo{padding-bottom:100px;

height: 600px;


} 
	.maininfo div{
width: 90%;
}
	
/*トップページ　セクション2 */	
.itemlist div figure{
	
	width: 40%;
	margin-left: 0px;
	margin-bottom: 30px;

	

} 
	
.itemlist div figure:nth-child(even){
	margin-left: 10px;
} 

	

/*トップページ　セクション3 */


.topics div{width: 100%;
text-align: center;
margin: 20px auto;}


.topics h2{
	color:#4075D3;
	font-weight:500;
	border-bottom: 2px #717171 solid;
	font-size: 18px;
	padding-bottom: 3px;
	margin-bottom: 0px;
	
} 

.topics div div{
	width:90%;
	margin-top: 30px;
} 




.topics div span{
	display: block;
	vertical-align: top;
	width: 90%;
	padding: 0px 0px 0px 0px;
	color: #5C5C5C;
	font-size: 12px;
	line-height: 20px;
	text-align:left;
	margin: auto;
	
} 

	
	
/*トップページ　セクション4 */	
	
.info div{width: 80%;
	
	
}

	

.info span{display:block;
	font-weight: 400;
	
margin-bottom: 10px;
margin-right: 0px;}
	
	
	.copy{font-size:8px;
font-weight: 200;}
	
	
.mediamovie div:nth-child(2) span{

	position: absolute;
	font-size: 10px;
	line-height:20px;
	background-color:rgba(0,0,0,0.73);
	padding: 10px 0px;
	
	width: 95%;
	top: 50%;
  left:50%;
 
}
	
/*フッター 左*/
footer .company_info{
	
	width: 100%;

	
}



footer .company_info img{
	width:30%;

}


/*フッター 中央*/
footer .footer_navi{
display: block;
	width: 100%;
	margin-top: 30px;
}
	


/*フッター 右*/
footer .footer_info{

	width:100%;
	margin-top: 50px;
	text-align: center;
	
	
}


/*会社概要*/





.company table{
	width: 90%;



}

.company table th{
width:25%;
	letter-spacing: 1px;
		font-size: 13px;
}



.company table tr td{
	font-size: 13px;
}


.company table tr td p{
padding: 30px 0px;
}
.company table tr td span{

	top: 40%;
  right: 0%;
		font-size: 16px;

}


/*沿革*/


.history table{
	width:90%;


}

.history table th{
	border-right: none;
	width: 100%;
	display: block;
	font-size: 13px;
	padding: 0px 0px 5px 2px;
}



.history table tr td{
	font-size: 12px;
	width: 100%;
	display: block;
	padding: 0px 0px 5px 2px; 
			border-bottom:1px solid #fff;
	margin-bottom: 20px;
}

	

/*商品リスト */
.itempage{padding:50px 0px 0px 0px;

} 

.itempage div figure{
	
	width: 85%;

} 

.itempage div figure img{
width: 100%;
} 

.itempage div figcaption{
	padding: 0px;
	margin: 0;
	width:100%;
	
}

.itempage div figcaption h3{
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 20px;
}

.itempage div figcaption p{
	
	width: 100%;
	line-height: 20px;
	font-size: 12px;
	height: auto;
}




.itempage div figcaption span{

	width: 100%;
	font-size: 14px;
	padding: 10px 20px;
	margin-top:20px;
}
	


/*各商品ページ */

	
.itemdetail{padding-bottom: 50px;
	padding-left: 0%;
		padding-top: 100px;
} 

	.itemdetail h1{

	font-size: 20px;

	width: 80%;
	
	padding: 50px 0px 5px 0px;
	
	border-bottom: 4px #fff solid;
	
	margin: 0px auto 40px auto;
		
		line-height: 26px;

}

	.itemdetail_br{
		display: block;
	}

.item_info{width: 100%;

}


.item_info table{

	width: 90%;
	font-size: 14px;
	margin: auto;
	display: block;
}




.item_info table th{
	width: 30%;
	
	
} 


.item_info table tr:first-child{
	border-bottom:none;
	line-height: 22px;
		font-size: 18px;
	
}

.item_info a span{

	width:80%;
margin:30px auto 0px auto;
  
}
	
	
		

/*安心安全の取組み*/


div.relief01 span {
	width: 80%;
}


div.relief01 p {
	font-size: 3.2vw;
	width: 80%;
	
	text-align: center;
	padding-top: 20px;
}


div.relief02 {
	width:100%;
	
	margin: 50px auto;
	
}



div.relief02 p {
	
	font-size: 16px;

	padding:40px 20px 40px 20px;
width: 80%;
	
}
	
	
	.obira_photo{
		width: 85%;

	
}


div.obira_photo div{
	
		width: 45%;

	
	
}

	

.koutei table{
	width: 80%;
	
	
	
}
	
	.koutei div.rumoimovie{
	width: 80%;

	
	
}
	
	.koutei div.rumoimovie div:nth-child(2) span{


	font-size: 16px;
	
		letter-spacing: 1px;
		width: 100%;

}
	
	
.info_text{
	margin:30px auto 50px auto;
	width: 80%;
}

.info_text h2{
	margin:50px auto 50px auto;
	font-size:0.9rem;
	
}


.info_text p{
	line-height:240%;
	font-size:0.9rem;

}

.info_text span{

	font-size:0.9rem;
		
	
}

}



@media screen and (max-width: 414px) {
	
	h1{
		font-size: 15px;
	}
	
	.slide{
   margin-top: 21%;
}
		main {

padding-top:0px;

}
	
	.maininfo span{
position: absolute;
width:60%;
bottom:5%;
right:10%;	
	z-index: 1;
}

	
	

.maininfo div{

	font-size: 12px;
line-height: 20px;
}
	
	/*トップページ　セクション2 */	
.itemlist div figure{
	vertical-align: top;
	}
	
.itemlist div figcaption{
	
	font-size: 10px;
	vertical-align: top;

}

.mmart span{
font-size: 0.8rem;
	padding: 15px 0px 0px 0px;
}
	
	
	
/*会社概要*/


.company table{
	width:70%;



}

.company table tr th{
	display: block;
width:100%;
	letter-spacing: 1px;
		font-size: 12px;
	padding: 10px 0px;
	border-bottom: none;
}
.company table tr {
 
	border-bottom: none;

}


.company table  tr td{
		display: block;
	font-size: 13px;
	width: 100%;


}


.company table tr td span{

	top: 65%;
	width: 100%;
  right: 0%;
	text-align: left;
		font-size: 16px;

}
	

	
	

/*各商品ページ */

	
.itemdetail{padding-bottom: 50px;
	padding-left: 0%;
		padding-top: 50px;
} 



.item_info{width: 100%;

}


.item_info table{

	width: 90%;
	font-size: 16px;
	margin: auto;
	display: block;
}




.item_info table th{
	width: 30%;
	
	
} 


.item_info table tr:first-child{
	border-bottom:none;
	line-height: 22px;
		font-size: 18px;
	
}

.item_info a span{

	width:80%;
top: 115%;
  left:48%;
  
}
	
	

.item_info a span b.amazon::before{
display: none;
	
}

.item_info a span b.yahoo::before{
display: none;
}

.item_info a span b.yodobashi::before{
display: none;
}
		
	.item_info a span b.rakuten::before{
display: none;
}
		

/*安心安全の取組み*/

	
	
.relief h1{
	
	width: 90%;
}

div.relief01 span {
	width: 80%;
}


div.relief01 p {
	font-size: 14px;
	width: 90%;
	
	text-align: center;
	padding-top: 20px;
}
	
	div.relief01 b {
	color: #E12A2D;
	border-bottom: 2px solid #E12A2D;
	padding-bottom: 2px;
	
}



div.relief02 {
	width:100%;
	
	margin: 50px auto;
	
}


div.relief02 span {
	width:150px;

	

	
}

	
	
div.relief02 p {
	
	font-size: 14px;

	padding:20px 20px 20px 20px;
width: 90%;
	line-height: 25px;
	
}

	
.koutei div.rumoimovie div{
	width: 100%;

}

.koutei div.rumoimovie div:nth-child(2){
	background: url("../img/rumoi05.jpg");
	background-size:cover;
	background-position: top;
	position: relative;
	padding-top: 28.2%;
}




.info_text{
	margin:30px auto 50px auto;
	width: 90%;
}

.info_text h2{
	margin:50px auto 50px auto;
	font-size:0.8rem;
	
}


	
.info_text p{
	line-height:240%;
	font-size:0.7rem;

}

.info_text span{

font-size:0.8rem;
		
	
}



	
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}