@charset "UTF-8";

/* 商品詳細 */

.item_wrap {
	float:left;
	margin: 0 0 10px; 
	width:100%;
}

.item_img {
	width: 50%;
	height: auto;
	float: left;
}

.swap {
	width:100%;
}

div.swap {
	margin: 0 auto;
	overflow: hidden;
}

div.swap p {}

div.swap p img {display:block;margin:0 18px 5px 0;}

div.swap li {float:left;margin:0 5px 1% 0;
width: 20%;}

div.swap li a {display:block;padding: 4px;border: solid 1px #CCC;}

div.swap li a.selected {background:#97D6FF;}

.item_info {width: 50%;height: auto;float: left;}

.item_catch {
	width:100%;
	float:left;
	font-size:16px;
	line-height:30px;
	padding:5px;
	border-bottom:1px solid #CDCDCD;

}

.item {
	width: 100%;
	float:left;
	padding: 10px;
	background-position: 100% 0 no-repeat;
    -webkit-box-shadow: px px 0px;
	box-shadow: px px 0px;

}

.otoiawase {
    float:left;
	margin: 0 1%;
	width: 48%;

}

.review {
    float:left;
	margin: 0 1%;
	width: 48%;

}

.mitsumori {
    float:left;
	margin: 5px 0;
	width: 100%;

}

/* 1day */

.nadeshikoitem{
	width:100%;
	margin:10px 0;
	font-size:14px;
}

.nadeshikotr{
	border-bottom:1px solid #999;
}

.nadeshikoth,nadeshikotd{
	height:120px;
	margin:20px 5px;
}

.nadeshikolist ul {
	width:90%;
	background:#FDF5F9;
	padding:1em;
	margin:1em;
}

.nadeshikolist li {
	padding:3px;
}


}

@media screen and (max-width: 480px) {
	
.swap {
	width: 100%;
}

.item_wrap {
	max-width:100%;
	clear:both;
}

.item_img {
	width: 100%;
	
}

div.swap p img {
	margin:0 5px;
	width: 100%;
}

div.swap li {
	width: 15%;
}

.item_info {
	width: 100%;

}

.otoiawase {
	width: 48%;
	margin: 0 1%;

}

.review {
    width: 48%;
	margin: 0 1%;

}

}

/* SNS */

.sns_wrap {width:100%;height: auto;float: left;
margin: 10px 0;padding: 20px 0 10px 10px;border: 1px solid #d2cdcd;}

.fb-like iframe {max-width: none!important;}

.twitter,.facebook,.fb-like,.mixi,.google {width: 50%;height: 30px;float: left;}

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

.sns_wrap {
	width: auto;
	display: none;
}
	
}

/* 商品内容テーブル */

.item_dtl {
	width:100%;	
	float:left;
}

.item_dtl table {
	width:100%;
	margin:20px 0;
    float:left;
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
     
}

.item_dtl th {
    width:30%;
    padding:4px;
    text-align: left;
    vertical-align: top;
    color: #444;
    background-color: #f0f8ff;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
     
}

.item_dtl  td {
    width:70%;
    padding:4px;
    background-color: #fafafa;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.item_dtl p img {
	float: left;
	margin: -2px 0 0;

}


.item_voice {
	width: 100%;
	height: 240px;
	float:left;
	margin:0 0 20px 0;
	padding: 10px;
	border: 1px solid #CDCDCD;
	overflow-y: scroll;
}



@media screen and (max-width: 480px) {
	
.item_dtl table {
	width: 100%;

}
	
.item_dtl p img {
	float: left;
	margin: -2px 0 0;
	width: 10%;

}

.item_voice {
	width: auto;

}

.movie_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
}

/* 使用方法 */

.howto {
	width:100%;
	height:auto;
	float:left;
}

.howto li {
	width:26%;
	height:auto;
	float:left;
}

.howto li.next {
	width:11%;
	text-align:center;

}

.howto li.next img {
	margin:40% auto;

}

.howto_img {
	width:100%;
	height:160px;
	text-align:center;
}

.howto_img img {
	margin:auto;
}

.tejun {
	margin:10px 0 5px;
	padding:5px 5px 5px 10px;
	font-size: 13px;
	color: #fff;
	background: #0089a1;
}

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

/* 使用方法 */

.howto {
	height: auto;
	float: left;
	width: 95%;
}

.howto li {
	width:26%;
	height:auto;
	float:left;
}

.howto li.next {
	width:11%;
	text-align:center;

}

.howto li.next img {
	margin:40% auto;

}

.howto_img {
	height:auto;
	text-align:center;
	width:100%;
}

.howto_img img {
	margin: auto;
	width: 50%;
}

.tejun {
	margin:10px 0 5px;
	padding:5px 5px 5px 10px;
	font-size: 13px;
	color: #fff;
	background: #0089a1;
}	

}


/* ショッピングインフォ */

.shpinfo_wrap {width: 100%;height: auto;float: left;}

.shpinfo_left,.shpinfo_right {width: 48%;height: auto;float: left;}

.delivery_wrap,.delivery_txt,.postage_wrap,.postage_txt,.pay_wrap,.pay_txt,.return_wrap,.return_txt,.contact_wrap,.contact_txt {width: 100%;height: auto;float: left;}

.delivery_ttl,.postage_ttl,.pay_ttl,.return_ttl,.contact_ttl {width: 100%;height: auto;float: left;}

.shpinfo_wrap {margin: 20px 0 0;}

.shpinfo_wrap a {color: #a0a0a0;text-decoration:none;}

.shpinfo_wrap a:hover {color: #4682b4;}

.shpinfo_left {margin: 0 2% 0 0;}

.shpinfo_right {margin: 0 0 0 2%;}

.delivery_ttl,.postage_ttl,.pay_ttl,.return_ttl,.contact_ttl {padding: 10px 0 10px 10px;color: #a0a0a0;background-color: #f0f8ff;}

.delivery_txt,.postage_txt,.pay_txt,.return_txt,.contact_txt {margin: 10px 0;color: #a0a0a0;}

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

.shpinfo_left,.shpinfo_right,.delivery_wrap,.delivery_txt,.postage_wrap,.postage_txt,.pay_wrap,.pay_txt,.return_wrap,.return_txt,.contact_wrap,.contact_txt {
	width: 100%;
}

.shpinfo_left {
	width: 100%;
	margin: 0;
}

.shpinfo_right {
	margin: 0;
}

.delivery_ttl,.postage_ttl,.pay_ttl,.return_ttl,.contact_ttl {
	width: 100%;
}
	
}