@media print, screen and (max-width:767px){
	/*===========================================

 → BASIC
  
===========================================*/
	* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

body{
	background: #fff;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	color:#292929;
	}
	
body, #wrapper {position: relative;}

#wrapper {width: 100%;	margin: 0 auto;}

a {color:#eb1a00 !important;}
a:hover {color:#920002 !important;}
	
/*===========================================

 → Header
  
===========================================*/
#header {background: #fff; width: 100%; height: auto;}

		
/*===========================================

 → Header  → Head Info Bloc
  
===========================================*/
#head_infoBloc { background: #000000; width: 100%; height: auto;}
.head_infoInner {width: 100%; margin: 0 auto; padding: 25px 0 50px; position: relative;}

#top_headline {
text-align:center;
font-family: Futura, Futura-Medium, "Futura Medium", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;
margin-bottom: 25px;
border-top: #ffffff 3px solid;
border-bottom: #ffffff 3px solid;
}
#top_headline h2 {
	font-size: 46px;
	font-weight:normal;
padding-top:12px;
color:#FFFFFF;
line-height: 90%;
}
#top_headline h3 {
	font-size: 40px;
	font-weight:normal;
color:#eb1a00;
padding-bottom:5px;
}

#top_headline br {display: none;}


#head_info_txt h4 {
	display:block;
	margin:auto;
font-size:18px;
text-align:center;
background-color:#eb1a00;
padding:10px;
}
#head_info_txt {color: #fff; }
#head_info_txt p {
	padding-top:22px;
	color: #fff;
	padding:20px;
	margin:auto; 
	font-size: 13px;
	line-height: 180%;
}
#arrow_anchor a {
position:absolute;
	bottom:18px;
	left: 48.7%;
	width:30px;
	height: 30px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	display: block;

	-webkit-text-shadow: 0px 1px 2px rgba(2,121,173,.8);
-moz-text-shadow: 0px 1px 2px rgba(2,121,173,.8);
text-shadow: 0px 1px 2px rgba(2,121,173,.8);
}

#arrow_anchor a:hover {
	bottom:15px;
	border-top-color:  #087bab;
	border-right-color: #087bab;
}


/*===========================================

 → GOODS →  Goods main Contents → GOODS detail
  
============================================*/	

#goods_column {margin-bottom: 10px; position: relative;  padding:20px;}

.goodstitle {
	color:#eb1a00;
	padding-top:30px;
	font-size:18px;
	text-align:center;
font-family: Futura, Futura-Medium, "Futura Medium", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;
margin-bottom: 8px;
}

ul#goods_list {
list-style-type: none;
 display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul#goods_list li {
width: 46%;
height: auto;
margin: 0 4% 15px 0;
display:block;
 border: 1px solid #ccc;
 background: #fff;
}

ul#goods_list li:nth-child(2n) {margin-right: 0;}

#product_boxx {padding: 10px;}

ul#goods_list li a {
width: 100%;
height: auto;
display: block;
text-decoration: none;
}
#product_pics {overflow: hidden; position: relative;}
#product_pics, #product_pics a {display: block; width: 100%; height: auto;}
#product_pics a {position: relative; }
#product_pics a img {border: 1px solid #ccc;}
#product_pics img, #product_pics a, #product_pics a img {
	width:100%;
	height:auto;	
}

#product_pics img.min, #product_pics a img.min {
	
	width:70px;
	height:auto;	
}


#product_pics {display: block; width: 100%; height: auto;}

p#product_name { margin-bottom: 10px; font-size: 12px;}
p#product_name span {font-size: 11px !important; padding-left: 2%;}
p#price {font-size: 15px; font-weight: 700;}

p#new_icon {
position: absolute;
left: -35%;
top: 5px;
background: #f20;
font-size: 14px;
color: #fff;
text-align: center;
transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
z-index: 5;
width: 100%;
height: auto;
padding: 0px 15px;
line-height: 120%;
}






/*===========================================

 → Section 02 ★ Place Info BLOC 
  
===========================================*/	

#place {
	padding-top:20px;
	margin:auto;
	color:#000000;
	font-size:12px;
	}
#place .place1 { 
width:90%;
margin:auto;
padding:1.5%;
background-color:#FFFFFF;
margin-bottom:4%;
	}
#place .place2 { 
width:90%;
margin:auto;
padding:1.5%;
background-color:#FFFFFF;
margin-bottom:4%;
	}
#place h5 {
	padding:4px;
	color:#FFFFFF;
	background-color:#eb1a00;
	font-size:16px;
	margin-bottom:10px;}



/*===========================================

 → Section 02 ★ Disc Info BLOC  →  Order Information
  
===========================================*/	
#order_infoBloc {background:url(../img/bg_info.jpg); background-repeat: repeat; margin: 0 auto;}
.order_infoInner {padding: 20px}
#info_headline {color: #000; font-weight: 700; font-size: 15px; line-height: 120%; margin-bottom: 15px;}

#infoTxt {font-size: 13px; line-height: 160%; margin-bottom: 20px;}

#order_infoBloc #infoTxt:last-child {margin-bottom: 0;}

#infoTxt a {color: #00b4ff; text-decoration: underline; font-weight: 400; letter-spacing: 1.5px;}
#infoTxt a:hover {color: #dd2b27; }

#infoTxt p span {font-size: 11px;}

#infoTxt.box_transfer { background: #fff; padding: 10px;}
.box_transfer dt, .box_transfer dd { height: auto; vertical-align: top; font-size:13px;}
.box_transfer dt {
font-size: 13px;
background: #eb1a00;
padding: 3px 0;
color: #fff;
text-align: center;
margin-bottom: 5px;
line-height: 140%;

}

.box_transfer dd {color: #656565; line-height: 160%;}


/*===========================================

 → FOOTER
  
===========================================*/	
#footer {width: 100%; height: auto; margin: 0 auto; text-align: center; padding-bottom: 50px;}
#copy {width: 94%; margin: 0 auto; font-size: 11px; color: #5a5656;}


/*===========================================

 → PAGE TOP
  
===========================================*/	

#page-top a {
width: 50px;
height: auto;
padding: 15px 0;
line-height: 120%;
font-size: 14px;
}




	


}