/* Example 3 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

body{
	background-color:#eee;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
}
.contentsContainerModel, .wrap{
	width:960px;
	background-color:#fff;
	margin:0 auto;
	padding:20px;
}
h1.blandtitle{
	margin:0;
	padding:0;
}
h1.blandtitle img{
	width:100%;
	height:auto;
}
p.blandconcept{
	margin:10px;
}
h2.detail{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background-color:#000;
	padding:5px 10px;
	margin-bottom:20px;
}

.slider-pro p.sp-layer{
	font-size:14px;
	text-align:center;
	background:rgba(0,0,0,0.4);
	color:#FFFFFF;
	line-height:1;
	margin-bottom:10px;
	padding:5px 15px;
	border-radius:15px;
}

<!--商品画像-->
.slider{
	width:360px;
	float:left;
}
.slider-pro p.sp-layer{
	display:none;
}
#example3{
	float:left;
	margin-right:20px;
}
#example3 .sp-selected-thumbnail {
	border: 4px solid #000;
}
.sp-thumbnails{
	width:360px !important;
	transform:none !important;
}
.sp-thumbnails-container{
	overflow:visible;
}
.sp-bottom-thumbnails .sp-thumbnail-container{
	margin:2px;
}
#example3 .sp-selected-thumbnail{
	border:3px solid #000;
}
	
<!--商品名-->
#productData{
	width:580px;
	float:right;
}
.productFormat01 {
	font-size:15px;
	font-weight:bold;
}
.productName01{
	margin-bottom:10px;
	font-size:17px;
	font-weight:bold;
}
.customerSectionLine02{
	font-size:12px;
	line-height:1.6;
	width:580px;
	float:right;
}
.productBenefitsList02{
	margin-bottom:10px;
	font-size:12px;
	list-style:disc;
	padding-left:1.5em;
}
.customerSectionLine02{
	padding: 0 0 10px;
	border-bottom: 1px dotted #bdb9b8;
	margin-bottom: 10px;
}
.customerSectionLine02 .fwB{
	font-weight:bold;
}
.customerSectionLine02 .textColorGray01{
	color: #808080;
}

<!--価格-->
.productprice .price{
	font-size:15px;
	margin-right:5px;
}
.productprice .price p{
	line-height: 220%;
}
.productprice .price p.red{
	color: #ff0000;
}
.productprice .price span.font30{
	font-size:30px;
}
.productprice .price span.font20{
	font-size:20px;
}
.productprice .price span.line{
	text-decoration: line-through;
}
.productprice .point{
	margin-bottom:10px;
	font-size:16px;
}
.productprice .point span{
	margin-right:5px;
	font-size:12px;
}


<!--カートに入れる-->
.productCartSec01{
	width:580px;
	float:right;
}
.productAboutLink01{
	font-size:12px;
	padding:10px 0;
	width:580px;
	float:right;
}
.productCartSec01{
	padding:10px;
	background-color: #eee;
	float:right;
	width:580px;
	box-sizing:border-box;
}

.productCartSec01 .cart_thumbnails{
	margin-right:25px;
	float:left;
}
.productCartSec01 ul.cart_btnlist{
	float:right;
	width:470px;
}

.cart_thumbnails img{
	width:60px;
	height:auto;
	margin:5px 0;
}
.cart_btnlist li{
	font-size:12px;
	border-bottom:#000000 1px dotted;
	padding:10px 0 12px;
}
.cart_btnlist li:last-child{
	border-bottom:none;
}
.productcart .productitem{
	border-top:#999999 1px solid;
	padding-top:10px;
	margin-top:10px;
}
.productCartSec01 div:first-child{
	border-top:none;
	padding-top:0;
	margin-top:0;
}
.cart_btnlist span.cart_btn{
	display:inline-block;
	background-color:#000000;
	padding:5px 15px;
	margin-top:-5px;
	color:#FFFFFF;
	border-radius:3px;
	font-size:14px;
	text-align:right;
	float:right;
	display:inline-block;
	
}
.cart_btnlist span.cart_btn a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}
.productcart_color{
	font-size:10px;
	text-align:center;
}
.popup-block{
	padding:40px 20px 20px !important;
}
.popup-block img{
	width:100%
}
.popup-link{
	color:#000;
}
.homebtn{
	margin: 0 auto 30px auto;
	width: 400px;
	text-align:center;
	font-size:14px;
}
.homebtn a{
	padding: 8px;
	background-color: #000000;
	color:#FFFFFF;
	display: block;
	border-radius: 5px;
	text-decoration:none;
}
/*header*/
.header{
	margin-bottom:10px;
	position:relative;
}
#logo{
	float:left;
}
.catch{
	display:none;
}
#nav{
	float:right;
}
/*footer*/
.footer{
	text-align:center;
	font-size:12px;
	padding:10px 0;
	border-top:1px solid #000;
}
.privacy{
	margin-bottom:20px;
}
p.productname {
    font-size: 25px;
    line-height: 1.2;
    padding: 10px 0;
}

/* square用 ---------------- */
#productData_sq{
	width:490px;
	float:right;
}
#productData_sq .customerSectionLine02{
	width:490px;
}
#productData_sq .productCartSec01{
	margin-bottom:30px;
	width:490px;
}
#productData_sq .productCartSec01 ul.cart_btnlist{
	width:360px;
}
#productData_sq .cart_thumbnails img{
	width:80px;
	height:80px;
}
#example3_sq{
	float:left;
	margin-right:20px;
}
#example3_sq .sp-selected-thumbnail {
	border: 4px solid #000;
}
#example3_sq .sp-selected-thumbnail{
	border:3px solid #000;
}
#example3_sq .sp-thumbnails{
	width:450px !important;
}

/* square 2個目用 ---------------- */
#example4_sq{
float:left;
margin-right:20px;
}
#example4_sq .sp-selected-thumbnail {
border: 4px solid #000;
}
#example4_sq .sp-selected-thumbnail{
border:3px solid #000;
}
#example4_sq .sp-thumbnails{
width:450px !important;
}

/* square 3個目用 ---------------- */
#example5_sq{
float:left;
margin-right:20px;
}
#example5_sq .sp-selected-thumbnail {
border: 4px solid #000;
}
#example5_sq .sp-selected-thumbnail{
border:3px solid #000;
}
#example5_sq .sp-thumbnails{
width:450px !important;
}

/* square 4個目用 ---------------- */
#example6_sq{
float:left;
margin-right:20px;
}
#example6_sq .sp-selected-thumbnail {
border: 4px solid #000;
}
#example6_sq .sp-selected-thumbnail{
border:3px solid #000;
}
#example6_sq .sp-thumbnails{
width:450px !important;
}

/* square 5個目用 ---------------- */
#example7_sq{
float:left;
margin-right:20px;
}
#example7_sq .sp-selected-thumbnail {
border: 4px solid #000;
}
#example7_sq .sp-selected-thumbnail{
border:3px solid #000;
}
#example7_sq .sp-thumbnails{
width:450px !important;
}

/* square 6個目用 ---------------- */
#example8_sq{
float:left;
margin-right:20px;
}
#example8_sq .sp-selected-thumbnail {
border: 4px solid #000;
}
#example8_sq .sp-selected-thumbnail{
border:3px solid #000;
}
#example8_sq .sp-thumbnails{
width:450px !important;
}


/* 3:4用 ---------------- */
#example3_34{
	float:left !important;
	width:360px !important;
}
@media screen and (max-width: 768px) {
#example3_34{
	float:none !important;
	width:100% !important;
}
}

/* ナビゲーション用 ---------------- */
.nav_wrap{
	position: absolute;
	top:0;
	right:0;
}
.nav{
	width:44px;
	margin-left:156px;
	cursor: pointer;
}
.nav img{
vertical-align:bottom;
}
.menu ul,
.menu li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu { display: block; margin: 0; padding: 0; position: relative; }
.menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.menu a { display: block; }
* html .menu ul { line-height: 0; } /* IE6 "fix" */
.menu ul a { zoom: 1; } /* IE6/7 fix */
.menu ul li { float: none; }
.menu ul ul { top: 0; }
.menu ul { width: 200px; }
.menu ul ul { left: 199px; }
.menu *:hover { background-color: none; }
.menu a { color: white; font-size: 15px; padding:0; line-height: 1; }
.menu ul { top: 44px; }
.menu ul li a { display:block; padding:5px 0; color:#FFFFFF; text-decoration:none; background-color: #333; padding: 15px; }
.menu ul a.has-subnav { background-color: #333; }
.menu ul a:hover { background-color: #666; }
.menu li { border-bottom: 1px solid #fff; border-right: none; opacity: 1; filter: alpha(opacity=100); }
a{text-decoration:none;}
.menu li:last-child { border-bottom:none;}

.header{
	z-index:1;
}
.contents{
	z-index:2;
}

/* Clear Fix ---------------- */

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


@media screen and (max-width: 768px) {
.contentsContainerModel, .wrap{
	width:100%;
	background-color:#fff;
	margin:0 auto;
	padding:0px;
}
.slider{
	margin-bottom:15px;
}
.slider-pro p.sp-layer{
	display:block;
}
.sp-bottom-thumbnails{
	display:none;
}
.customerSectionLine02{
	padding:0 10px 10px;
	box-sizing:border-box;
}
.productcart{
	padding:0 10px;
}
.productAboutLink01{
	padding:10px 0;
}
.slider{
	width:100%;
	float:none;
}
#example3{
	float:none;
	margin:0 auto 15px;
}
#productData, .productCartSec01, .customerSectionLine02, .productAboutLink01, .productCartSec01{
	float:none;
	width:100%;
}
.productCartSec01 ul.cart_btnlist{
	float:none;
	width:100%;
}
.productCartSec01 .cart_thumbnails{
	float:none;
	text-align:center;
	overflow:hidden;
	background-color:#ddd;
	margin-right:0;
	margin-bottom:5px;
}
.productcart .productitem{
	border-top:none;
	padding-top:0;
}
.cart_thumbnails img{
	width:auto;
	height:80px;
	margin-top:0;
	vertical-align: bottom;
}
.productcart_color{
	float:left;
	font-size:14px;
	margin:32px 10px 10px;
}
.popup-block{
	padding:30px 10px 10px !important;
}
.mfp-close{
	width:30px !important;
	height:30px !important;
	line-height:30px !important;
}
.popup-link{
	display:block !important;
}
.popup-link img{
	float:left;
	margin:0;
}
.header{
	padding:10px 10px 0;
}
#logo img{
	max-width:100%;
	vertical-align: middle;
}
#logo{
	width:100%;
	height:44px;
	margin-right: -50px;
	padding-right: 50px;
	box-sizing: border-box;
	display:table;
}
#logo > div{
    display:table-cell;
    vertical-align: middle;
}
.nav_wrap{
	top:10px;
	right:10px;
}
#nav{
	width: 44px;
}
.homebtn{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.footer{
	margin:0 10px;
}

/* square用 ---------------- */
#productData_sq, #productData_sq .productCartSec01, #productData_sq .customerSectionLine02, #productData_sq .productCartSec01 ul.cart_btnlist{
	float:none;
	width:100%;
}
#example3_sq{
	float:none;
	margin:0 auto 15px;
}
}

/* iOS用 ---------------- */
body{
-webkit-text-size-adjust: 100%;
}