div#main {
	width: -webkit-calc(98% - 250px);
	width: -moz-calc(98% - 250px);
	width: calc(98% - 250px);
}
div#main img{
width:auto;
max-width:100%;
height:auto;
margin:0 auto;
}
#main div#top-title-block{
	width: 100%;
	min-height:100px;
	margin:0 auto 10px auto;
	background:#eee;
	border:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
#main h2#top-title{
	width:calc(100% - 120px);
	margin:10px auto 10px 10px;
	text-align:left;
	font-size:16px;
	line-height:1.4;
	color:#333;
	background:none;
	border:none;
	display:block;
}
#main p#top-img{
	width:80px;
	height:80px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	right:10px;
	border:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
}
#main p#top-img img{
	width:100%;
	height:auto;
	display:block;
}

/* ------------------------------------- 
 *	タイトル / パンくず
 * ------------------------------------- */
#main h2{
        width:100%;
        padding:15px;
        margin:100px auto 30px auto;
        font-size:18px;
        text-align:center;
        background:#fff;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
  	box-sizing:border-box;
}
#main h2 span.h2En{
	width:100%;
	padding:10px 0 0 0;
	font-size: 28px;
	font-weight:normal;
	  font-family: 'Questrial','meiryo','メイリオ', serif;
	display:block;
}
#pankuzu{
  width:98%;
  padding:0 0 5px 0;
  margin:0 auto 10px auto;
  line-height:1.6;
  border-bottom:1px solid #ccc;
}
/* ------------------------------------- 
 *	メイン画像　mainImg
 * ------------------------------------- */
div#mainImg{
	width:98%;
	max-width:600px;
	padding:0;
	margin:60px auto 0 auto;
	float:left;
}
/*スライダー無し*/
#shohinitem_pic{
  width:100%;
  	max-width:600px;
  	margin:0 auto 60px;
    display:block;
}
/*スライダー*/
div#sliderBlock{
	width:100%;
	padding:0;
	margin:0 auto 120px auto;
	position:relative;
}
/* ------------------------------------- 
 *	タイトル部
 * ------------------------------------- */
div#cartInBlock{
        width: 280px;
        margin:0 auto 20px auto;
        overflow:hidden;
        float:right;
}
/* productTitle
=============== */
div#productTitle{
        width: 100％;
        margin:0 auto 20px auto;
}
div#productTitle p.productName{
        width:100%;
        padding:15px 0;
        margin:0 auto 80px auto;
        font-size:12px;
        font-weight:bold;
        text-align:left;
        line-height:1.4;
        border-bottom:1px solid #ccc;
        display:block;
}
div#productTitle p.productNo{
        width:100%;
        height:auto;
        margin:0 auto 10px auto;
        text-align:center;
        font-size: 14px;
        font-weight:bold;
}
div#productTitle p.price{
	width:100%;
	margin:0 auto 80px auto;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	display:block;
}
/* cartIn
=============== */
div#cartIn{
	width: 100%;
	margin:0 auto 20px auto;
  position:relative;
}
div#cartIn table{
	width:200px;
	margin:0 auto 80px auto;

}
div#cartIn table th{
	width:40px;
	padding:0 0 10px 0;
	vertical-align:middle;
}
div#cartIn table td{
	padding:0!important;
	position:relative;
}
div#cartIn table tr.cartjs_option td:before{
	content:
	"〉";
	position:
	absolute;
	top: 13px;
	right: 10px;
	transform: rotate(90deg);
	font-size: 15px;
	font-weight: bold;
}
/*select / input*/
div#cartIn input[name=product_num],
div#cartIn select[name=option1],
div#cartIn select[name=option2]{
	width:100%!important;
	height:36px;
	padding: 0  0 0 10px;
	margin:0 auto 10px auto;
	text-align:left;
	border:1px solid #999;
	cursor:pointer;
	position:relative;
	box-sizing: border-box;
}
/*購入ボタン*/
div#cartIn div.cartjs_cart_in{
	width:100%;
	max-width:260px;
	margin:50px auto 10px auto;
}
div.cartjs_cart_in input[name=cartBt]{
	width:100%;
	padding:20px 0 18px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	border:1px solid #000;
	background:#000;
	border-radius:60px;
	transition: all 0.5s linear;
}
div.cartjs_cart_in input[name=cartBt].no-active{
	border:1px solid #ccc;
	background:#ccc;  
}
div.cartjs_cart_in input[name=cartBt]:hover{
	color:#000;
	background:#fff;
	cursor:pointer;
}
/* checkbox
=============== */
p#stockCheckbox{
	width:228px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	position:relative
}
p#stockCheckbox span{
	width:100%;
	padding:5px 0 0 0;
	font-size:12px;
	display:block
}
input#checkbox{
	width: 20px;
	height: 20px;
	position: absolute;
	top: -3px;
	left: 50%;
  margin-left:-90px;
}
div#buttonCover{
	width: 100%;
	height: 76px;
	position: absolute;
	left: 0;
  margin-top:-86px;
	background:none;
  display:block;
}
div#buttonCover.no-cover{
	display:none;
}
/* stockcheck
=============== */
p#stockcheck{
	width:100%;
	max-width:260px;
	height:auto;
	margin:10px auto;
	border-radius:100px;
	border:1px solid #000;
	overflow:hidden;
}
p#stockcheck a{
	width:100%;
	height:76px;
	font-weight: bold;
	text-align:center;
	font-size: 14px;
	color:#000;
	background:#ccc;
	transition: all 0.5s linear;
  	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
}
p#stockcheck a:hover{
	color:#fff;
	background:#000;
}
/* cartInNotice
=============== */
p#cartInNoticeTitle{
	text-align:center;
	margin:10px auto 5px auto;
	font-weight: bold;
	display:block;
}
ul#cartInNotice{
	width:100%;
  	max-width:240px;
	margin:0 auto;
	font-size:11px;
	display:block;
}
ul#cartInNotice li{
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	position:relative;
	display:block;
  	line-height:1.6;
	text-align: justify;
}
ul#cartInNotice li:after{
	content:"※";
	top:0;
	left:0;
	position:absolute;
	display:block;
}
ul#cartInNotice li a{
  color:#f36;
	border-bottom:1px dotted #000;
	display:inline-block;
  line-height:1.1;
}
ul#cartInNotice li a:hover{
	border-bottom:1px dotted #f36;
}
/* ------------------------------------- 
 *	skiplink
 * ------------------------------------- */
ul#skiplink{
	width:100%;
  	margin:0 auto 30px auto;
	overflow:hidden;
	text-align:center;
}

ul#skiplink li{
	width:49%;
	height:auto;
	margin:0 0.5%;
	display:block;
	float:left;
	position:relative;
	border: 1px solid #ccc;
    	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

ul#skiplink li a{
	width:100%;
	padding:20px 0;
	display:block;
	font-size:16px;
	background:#f2f2f2;
      	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
ul#skiplink li a:hover{
	background:#ccc;
}
ul#skiplink li a:hover{
	background:#ccc;
}
ul#skiplink li:after{
	content:"▼";
	font-size: 24px;
	color:#aaa;
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:10px;
}
ul#skiplink li.outerLink:after{
  	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
ul#skiplink li a br{
	display:none;
}
/* ------------------------------------- 
 *	colorPics / Simple Light Box
 * ------------------------------------- */
div#colorBlock{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 100px auto;
}
#main div#colorBlock h2{
        margin:50px auto;
        border-top:none;
}
ul#colorPics{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	text-align:center;
	overflow:hidden;
}
ul#colorPics li{
	width:12.3%;
	height:auto;
	margin:0 0.1% 10px 0.1%;
	display:inline-block;
}
ul#colorPics li a{
	width:100%;
	height:100%;
	padding:10px;
	display:block;
	border:1px solid #eee;
  overflow:hidden;
  	box-sizing:border-box;
}
ul#colorPics li img{
	width:70px;
	height:70px;
	margin:0 auto;
	display:block;
}
span.colorTitle{
	width:100%;
	display:block;
	margin:5px 0 0 0;
	font-size:10px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
/* ------------------------------------- 
 *	sizeChart
 * ------------------------------------- */
div#sizeChartBlock{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 50px auto;
}
#main div#sizeChartBlock h2{
        margin:50px auto;
        border-top:none;
}
ul#sizeChart{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	overflow:hidden;
}
ul#sizeChart li{
	width:100%;
	height:auto;
	margin: 0 auto 50px auto;
}
ul#sizeChart li img{
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}
/* ------------------------------------- 
 *	matespec
 * ------------------------------------- */
div#matespecBlock{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
}
div.matespecBlockInner{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 100px auto;
}
#main div.matespecBlockInner h2{
	margin:50px auto;
	border-top:none;
}
div.mateIconBlock,
ul.iconList{
	width:100%;
	max-width:700px;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	overflow:hidden;
}
ul.iconList li{
	width:100%;
	height:auto;
	margin:0 auto 10px auto;
	overflow:hidden;
	display:block;
}
ul.iconList li img{
	width:102px;
	height:auto;
	margin:0 auto;
	display:block;
	border:1px solid #eee;
	box-sizing:border-box;
	float:left;
}
div.matespecCont{
	width:calc(100% - 150px);
	float:right;
}
p.matespecTitle{
	width:100%;
	display:block;
	margin:0 auto 10px auto;
	font-size:16px;
	font-weight:bold;
}
p.matespecSubtitle{
	font-weight:bold;
}
#main div#mateIconBlock{
	margin:0 auto 50px auto;
}
#main div#matespecInfoBlock{
	text-align:center;
}
#main div.matespecBlockInner h3{
	width:100%;
	margin:0 auto 20px auto;
	font-size:16px;
	display:block;
}
p#matespecInfo{
	padding:10px 5px;
	text-align:left;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	display:inline-block;
}
/* ------------------------------------- 
 *	sizelinks
 * ------------------------------------- */
div#sizelinksBlock{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 100px auto;
}
#main div#sizelinksBlock h2{
	margin:50px auto;
	border-top:none;
}
ul#sizelinks{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	text-align:center;
	overflow:hidden;
}
ul#sizelinks li{
	width:48%;
	height:auto;
	margin:0 0.5% 30px 0.5%;
	text-align:center;
	display:inline-block;
	position:relative;
}
ul#sizelinks li a{
	width:100%;
	height:100%;
	padding:10px;
	display:block;
	border:1px solid #eee;
	overflow:hidden;
  	box-sizing:border-box;
}
ul#sizelinks li.active a{
	border:1px solid #999;
}
ul#sizelinks li img{
	width:70px;
	height:70px;
	margin:0 auto;
	display:block;
}
span.sizelinksTitle{
	width:100%;
	display:block;
	margin:5px 0 0 0;
	font-size:12px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
span.activeNotice{
	width:100%;
	position:absolute;
	bottom:-18px;
	left:0;
}
/* ------------------------------------- 
 *	relatedlinks
 * ------------------------------------- */
div.relatedlinksBlock{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 50px auto;
}
#main div.relatedlinksBlock h2{
	margin:50px auto;
	border-top:none;
}
ul.relatedlinks{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto 30px auto;
	text-align:center;
	overflow:hidden;
}
ul.relatedlinks li{
	width:48%;
	height:auto;
	margin:0 0.5% 30px 0.5%;
	text-align:center;
	display:inline-block;
	position:relative;
}
ul.relatedlinks li a{
	width:100%;
	height:100%;
	padding:10px;
	display:block;
	border:1px solid #eee;
	overflow:hidden;
  	box-sizing:border-box;
}
ul.relatedlinks li.active a{
	border:1px solid #999;
}
div#main ul.relatedlinks li img{
	width:70px;
	height:70px;
	margin:0 auto;
	display:block;
}
div#main ul.relatedlinks li span.relatedLinkTitle{
	width:100%;
	display:block;
	margin:5px 0 0 0;
	font-size:12px;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
span.activeNotice{
	width:100%;
	position:absolute;
	bottom:-18px;
	left:0;
}
/* ------------------------------------- 
 *	infoBlock　共通
 * ------------------------------------- */
div.infoBlock{
	width:100%;
	height:auto;
	margin: 0 auto 30px auto;
	overflow:hidden;
}
div.infoBlock h2{
	width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	padding:50px 0 5px 0;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom:1px solid #eee;
}
p.memoNotice{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	display:block;
}
p.memoNotice span{
	padding:10px 5px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	box-sizing: border-box;
}
p.sizeLink{
	width:100%;
	margin:30px auto;
	text-align:center;
}
p.sizeLink a{
	color: #f36;
	border-bottom: 1px dotted #000;
}
p.sizeLink a:hover{
	border-bottom: 1px dotted #f36;
}
/* ---
=============== */
#iine-item-detail{
        width:100%;
        margin-bottom:10px;
        text-align:center;
}
.shohinitem_detail{
  width:100%;
  font-size:14px;
  line-height:1.6;
}
.shohinitem_detail p{
  width:100%;
  max-width:700px;
  margin:0 auto 10px auto;
  text-align:center;
  display:block;
}
.shohinitem_detail p img{
  margin:0 auto 10px auto;
}
div.printLink,
div.zaikoNotice{
  width:100%;
  max-width:700px;
  margin:30px auto;
  text-align:center;
  display:block;
}
div.printLink a{
	color: #f36;
	border-bottom: 1px dotted #000;
}
div.printLink a:hover{
	border-bottom: 1px dotted #f36;
}
.shohinitem_detail table{
  width:100%;
  max-width:700px;
  margin:0 auto;
}
.shohinitem_detail table tr{
  border-bottom:1px solid #eee;
}
.shohinitem_detail table tr td{
  height:30px;
  vertical-align:middle;
}
.shohinitem_detail h3{
  width:100%;
  max-width:700px;
  padding:0 0 5px 0;
  margin:50px auto 30px auto;
  font-size:16px;
  border-bottom:1px dotted #ccc;
}

ul#other-size{
        width:100%;
        max-width:700px;
        height:auto;
        margin:20px auto 10px auto;
        list-style:none;
        text-align:center;
}

ul#other-size li{
  width:auto;
  height:auto;
        margin:0 0.5% 10px 0.5%;
	border:1px solid #ccc;
  display:inline-block;
}
ul#other-size li a{
  width:auto;
  height:auto;
  padding:10px 15px;
  display:block;
  background:#f2f2f2;
}
ul#other-size li a:hover{
  background:#ccc;
}
ul#setup-item{
  width:100%;
        max-width:700px;
        margin:20px auto;
}
ul#setup-item li a{
        width:auto;
        height:auto;
        display:block;
        margin:0 auto 10px auto;
        padding:10px;
        text-align:left;
        background:#f2f2f2;
	border:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
ul#setup-item li a:hover{
         background:#ccc; 
}
/* ------------------------------------- 
 *	stock
 * ------------------------------------- */
div#stock{
	width:100%;
  	max-width:700px;
	margin:0 auto;
	font-size:14px;
	text-align:center;
}
div.sign-detail {
    width: 100%;
    margin:10px auto;
    font-weight: bold;
}
table.size{
	width:100%;
	padding:5px 0;
	border-collapse: collapse;
	margin:0 0 1px 0;
	table-layout: fixed;
	table-layout:fixed;
}

table.size td,
table.size th{
  height:30px;
  vertical-align:middle;
	background:#ddd;
	border-right:1px solid #fff;
}

table.size th.caption{
	width:148px;
}

table.color{
	width:148px;
	float:left;
	border-collapse: collapse;
	table-layout:fixed;
}

table.color td, table.color td th{
  height:50px;
  vertical-align:middle;
	background:#ddd;
	border-bottom:1px solid #fff;
}

table.sign{
	width: -webkit-calc(100% - 148px);
	width: -moz-calc(100% - 148px);
	width: calc(100% - 148px);
	float:right;
	border-collapse: collapse;
	table-layout:fixed;
}

table.sign td{
    height:50px;
    vertical-align:middle;
	border-bottom:1px solid #ddd;
}

h4{
	width:600px;
	margin:10px auto;
	clear:both;
	text-align:left;
}

div#stockXXXL{
	width:600px;
	margin:0 auto;
	font-size:14px;
	text-align:center;
}

h4#XXXL{
	padding-top:20px;
border-top:1px dotted #000;
}

div#stockXXXL ul#signXXXL{
	width:600px;
	margin:0 auto;
	list-style:none;
	float:left;
}

div#stockXXXL ul#signXXXL li{
	float:left;
}

div#stockXXXL ul#signXXXL li.color{
	width:120px;
	margin:0 0 1px 0;
	background:#ddd;
	text-align:center;
	border-bottom:1px solid #ddd;
}

div#stockXXXL ul#signXXXL li.size{
	width:120px;
	margin:0 0 1px 0;
	background:#ddd;
	text-align:center;
	border-bottom:1px solid #ddd;
}

div#stockXXXL ul#signXXXL li.sign{
	width:58px;
	margin:0 1px 1px 1px;
	border-bottom:1px solid #ddd;
	font-size:14px;
	text-align:center;
}

#product-stock-chart h3{
  width: 100%;
    max-width: 700px;
    padding: 0 0 5px 0;
    margin: 50px auto 30px auto;
    font-size: 16px;
    border-bottom: 1px dotted #ccc;
}

#stock-notice{
        width:440px;
        clear:both;
        margin:20px auto 10px auto;
        color:#f36;
  	text-align:left;
        font-size:12px;
}

#sign-soldout{
        width:600px;
        clear:both;
        margin:20px auto 10px auto;
        text-align:center;
        font-size:20px;
        font-weight:bold;
        color:#f36;
}
/* ------------------------------------- 
 *	商品説明：確認事項
 * ------------------------------------- */
#product-ex{
  width:100%;
  max-width:700px;
  height:auto;
  margin:0 auto 30px auto;
}

/* ------------------------------------- 
 *	オプション
 * ------------------------------------- */
table#select,
table#notice{
  width:100%;
  max-width:700px;
  margin:0 auto;
  line-height:1.6;
  table-layout: fixed;
  /*background:#eee;*/
  border-collapse: collapse;
}
table#select{
  width:99.5%;
   margin:0 auto 30px auto;
  background:#eee;
}
table#select tr,
table#notice tr{
	margin:0 0 30px 0;
}
table#select select,
table#select input{
  width:100%!important;
  padding:0 15px;
  height:50px;
  margin:0 auto 10px auto;
  cursor:pointer;
  background:#fff;
  color:#000;
  border:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
table#select th, #notice th{
  width:90px;
  padding: 0 0 30px 0;
  border:1px solid #fff;
  /*vertical-align:middle;*/
  text-align:left;
}
table#select td, #notice td{
  width:auto;
  padding: 0 0 30px 0;
  border:1px solid #fff;
  vertical-align:middle;
  position:relative;
}
table#select tr > th,
table#select tr > td{
	padding:10px;
	vertical-align:middle;
}
table#select td table,
table#select td table td{
  width:200px;
  border:none;
}
table#select td table td input{
  text-align:center;
}
table#select td table td a img{
  display:none;
}
table#select td table td a:first-child:after{
  content:"▲";
  position:absolute;
  top:0;
  right:-8px;
  padding:1px 5px;
  line-height:1.4;
  background:#fff;
  border:1px solid #666;
  display:none;
}
table#select td table td a:last-child:after{
  content:"▼";
  position:absolute;
  top:19px;
  right:-8px;
  padding:1px 5px;
  line-height:1.4;
  background:#fff;
  border:1px solid #666;
    display:none;
}
span.chuui{
  margin:10px auto 0 auto;
	color:#f36;
	font-size:10px;
	display:block;
}
span.titleBold{
  margin:10px auto 0 auto;
	font-weight:bold;
	display:block;
}
span.delete{
        text-decoration:line-through;
}

span.price{
        color:#f36;
        font-weight:bold;
}
/* formNotice */
ul.formNotice{
	width:100%;
	margin:0 auto;
	display:block;
}
ul.formNotice li{
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	position:relative;
	display:block;
}
ul.formNotice li:after{
	content:"※";
	top:0;
	left:0;
	position:absolute;
	display:block;
}
ul.formNotice li a{
	color:#f36;
	font-weight:bold;
	border-bottom:1px dotted #000;
}
ul.formNotice li a:hover{
	border-bottom:1px dotted #f36;
}
/* ------------------------------------- 
 *	確認事項リンク
 * ------------------------------------- */
ul#others1{
  width:100%;
  height:auto;
  max-width:700px;
  margin:10px auto 0 auto;
  display:block;
  overflow:hidden;
}
ul#others1 li{
  width:24%;
  height:auto;
  margin:0 0.5% 5px 0.5%;
  float:left;
  background:#eee;
  display:block;
  text-align:center;
}
ul#others1 li a{
  width:100%;
  height:auto;
  padding:15px 0;
  display:block;
}
/* ------------------------------------- 
 *	購入前の在庫確認ボタン
 * ------------------------------------- */
p#stockFinalcheck{
	width:100%;
	max-width:700px;
	height:150px;
	margin:10px 0;
  line-height:1.4;
    border:1px solid #000;
	border-radius:100px;
	overflow:hidden;
}
 p#stockFinalcheck a{
	width:100%;
	height:100%;
	font-weight: bold;
	text-align:center;
	color:#000;
	background:#ccc;
  	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	transition: all 0.5s linear;
}
p#stockFinalcheck a:hover{
	color:#fff;
	background:#000;
}
 p#stockFinalcheck a > span{
	font-size: 40px;
}
 p#stockFinalcheck a > span span{
	font-weight: normal;
	font-size: 16px;
	display:block;
}
/* ------------------------------------- 
 *	購入ボタン
 * ------------------------------------- */
#konyu-button{
  width:100%;
        max-width:700px;
        height:150px;
        margin:10px 0;
  font-weight: bold;
  font-size: 40px;
  cursor:pointer;
  border:none;
  color:#fff;
  border:1px solid #000;
  background:#000;
  background-size:100% auto;
  border-radius:100px;
  	transition: all 0.5s linear;
}
#konyu-button:hover{
  color:#000;
  background:#fff;
}
#konyu-button.no-activeFinal{
  color:#fff;
  border:1px solid #ccc;
  background:#ccc;
}
/* checkboxFinal
=============== */
p#stockCheckboxFinal{
	width:228px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	position:relative
}
p#stockCheckboxFinal span{
	width:100%;
	padding:5px 0 0 0;
	font-size:12px;
	display:block
}
input#checkboxFinal{
	width: 20px;
	height: 20px;
	position: absolute;
	top: -3px;
	left: 50%;
  margin-left:-90px;
}
div#buttonCoverFinal{
	width: 100%;
	height:150px;
	position: absolute;
	left: 0;
	margin-top:-160px;
	background:none;
  display:block;
}
div#buttonCoverFinal.no-coverFinal{
	display:none;
}

/* ------------------------------------- 
 *	おすすめ商品
 * ------------------------------------- */
#together{
  width:100%;
  max-width:700px;
  height:auto;
  margin:10px auto;
  display:block;
}
#together ul.img-list{
        width:100%;
       max-width:600px;
  margin:0 auto 100px auto;
        font-size:11px;
  		line-height:1.4;
  overflow:hidden;
}
#together ul.img-list li{
  width:32.83%;
  margin:10px 0.5% 10px 0;
  display:block;
  float:left;
}
#together ul.img-list li:nth-child(3n){
  width:33.33%;
  margin:10px 0;
}
#together ul.img-list img{
  width:100%;
  height:auto;
}
#together ul.img-list li a{
        width:100%;
  		height:100%;
        display:block;
}
#together ul.img-list li a span.imgWrap{
        width:100%;
  		height:auto;
  		margin:0 auto 2px auto;
  		overflow:hidden;
        display:block;
 		 border:1px solid #ccc;
  	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
#together .model-name{
  width:100%;
  height:45px;
  overflow:hidden;
}
#together .model-nameInner{
  width:100%;
  display: -webkit-box;
	-webkit-line-clamp: ;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
}
#together .price{
         width:100%;
         padding:3px 0 0 0;
         margin:3px auto 0 auto;
         text-align:right;
         font-weight:bold;
         display:block;
         color:#f36;
         border-top:1px solid #ccc;
}
/* ------------------------------------- 
 *		商品名/品番（常時表示）
 * ------------------------------------- */
p#displayNameID{
	width:288px;
	height:auto;
	padding:7px;
	position:fixed;
	right:0;
	bottom:51px;
	text-align:center;
	font-size:11px;
	font-size:1.1rem;
	line-height:1.3;
	overflow:hidden;
	display:none;
	border:none;
	color:#fff;
	background:rgba(0,0,0,0.8);
	z-index:9999;
}
/* ------------------------------------- 
 *	スクロール･購入ボタン 
 * ------------------------------------- */
p#scrollToCart,
p#stockPopup{
	width:120px;
	height:auto;
	margin:0;
	position:fixed;
	bottom:0;
	text-align:center;
	font-size:11px;
	font-size:1.1rem;
	line-height:1.3;
	overflow:hidden;
z-index:9999;
}
p#scrollToCart{right:0;}
p#stockPopup{right:121px;}
p#scrollToCart a,
p#stockPopup a{
	width:100%;
	height:53px;
	padding:7px 0 0 0;
	display:block;
	color:#fff;
	border:none;
	background:rgba(0,0,0,0.8);
	position:relative;
}
p#scrollToCart a:hover,
p#stockPopup a:hover{
	color:#fff;
	border:none;
	background:rgba(0,0,0,0.9);
}
p#scrollToCart a:before,
p#stockPopup a:before{
	content:"▼";
	position:absolute;
	top: 6px;
	left: 5px;
}
p#stockPopup a:before{
	content:"▼";
	position:absolute;
	top: 6px;
	left: 5px;
 -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
span#scrollToCartJa,
span#stockPopupJa{
	font-size:12px;
	font-size:1.2rem;
	display:block;
	margin: 4px auto 0 auto;
	width: 100%;
	color:#fff;
}
span.swich1{display:block;}
span.swich2{display:none;}

/****************************************************
 *	-1200px
 ****************************************************/
@media only screen and (max-width: 1200px) {
	div#main {
		width: calc(98% - 220px);
	}
	/* ------------------------------------- 
	 *	タイトル部
	 * ------------------------------------- */
	div#cartInBlock{
	        display:none;
	}
	/* ------------------------------------- 
	 *	メイン画像　mainImg
	 * ------------------------------------- */
	div#mainImg{
		float:none;
	}
	/* ------------------------------------- 
	*	スクロール･購入ボタン / 確認事項スウィッチ
	* ------------------------------------- */
	span.swich1{display:none;}
	span.swich2{display:block;}
}
/****************************************************
 *	-1100px
 ****************************************************/
@media only screen and (max-width: 1100px) {
	/* ------------------------------------- 
	 *	colorPics / Simple Light Box
	 * ------------------------------------- */
	ul#colorPics li{
		width:16.4%;
	}
}
/****************************************************
 *	-980px
 ****************************************************/
@media only screen and (max-width: 980px) {
	div#main{
		width:90%;
      margin:0 auto;
	}
}
/****************************************************
 *	-900px
 ****************************************************/
@media only screen and (max-width: 900px) {
	 	/* ------------------------------------- 
	 *	sizeChartPics / Simple Light Box
	 * ------------------------------------- */
	div#sizeChartBlock p.memoNotice{
		width: 80%;
		max-width: 280px;
		padding:10px 5px;
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		line-height: 1.6;
	}
	div#sizeChartBlock p.memoNotice span{
		padding:0;
		border:none;
	}
}
/****************************************************
 *	-650px
 ****************************************************/
@media only screen and (max-width: 650px) {
	/* ------------------------------------- 
	 *	タイトル / パンくず
	 * ------------------------------------- */
	#main h2{
	        margin:80px auto 30px auto;
	        font-size:16px;
	}
	/* ------------------------------------- 
	 *	メイン画像　mainImg
	 * ------------------------------------- */
	div#mainImg{
		margin: 10px auto 0 auto;
	}
	/*スライダー無し*/
	#shohinitem_pic{
	  	margin:0 auto 30px;
	}
	/*スライダー*/
	div#sliderBlock{
		margin: 0 auto 60px auto;
	}
	/* ------------------------------------- 
	 *	skiplink
	 * ------------------------------------- */
	ul#skiplink{
		margin:0 auto;
	}
	ul#skiplink li a{
		padding: 10px 0;
		font-size: 14px;
	}
	ul#skiplink li:after{
		font-size: 16px;
		margin-top: -10px;
	}
	ul#skiplink li a br{
		display:block;
	}
	/* ------------------------------------- 
	 *	colorPics / Simple Light Box
	 * ------------------------------------- */
	#main div#colorBlock h2{
	        margin:30px auto;
	}  
	ul#colorPics li{
		width:24.8%;
	}
	/* ---
	=============== */
	.shohinitem_detail h3{
		font-size:14px;
	}
	/* ------------------------------------- 
	 *	確認事項リンク
	 * ------------------------------------- */
	ul#others1 li{
		width:49%;
	}
	/* ------------------------------------- 
	 *	購入前の在庫確認ボタン
	 * ------------------------------------- */
	 p#stockFinalcheck{
	 	 height: 90px;
	}
	p#stockFinalcheck a > span{
	 	 font-size: 26px;
	}
  p#stockFinalcheck a > span span{
	 	 font-size: 14px;
  }
	/* ------------------------------------- 
	 *	購入ボタン
	 * ------------------------------------- */
	#konyu-button{
      font-size:26px;
      height: 90px ;
      line-height:1.2;
	}
	/* ------------------------------------- 
	 *	確認事項リンク
	 * ------------------------------------- */
	 div#buttonCoverFinal{
		height:90px;
		margin-top:-100px;
	}
/* ------------------------------------- 
 *	sizelinks
 * ------------------------------------- */
  	 ul#sizelinks li{
		width:80%;
	}
}
/****************************************************
 *	-600px
 ****************************************************/
@media only screen and (max-width: 600px) {
	#pankuzu{display:none;}
	#shohinitem_pic{margin:10px auto;}
	#main div#top-title-block{
		min-height:auto;
	}
	#main h2#top-title{
		width:96%;
		margin:5px auto;
		text-align:left;
		font-size:13px;
		line-height:1.2;
	}
	#main p#top-img{
		display:none;
	}
	/* ------------------------------------- 
	 *	colorPics / Simple Light Box
	 * ------------------------------------- */
	div#colorBlock p.memoNotice{
		width: 80%;
		max-width: 280px;
		padding:10px 5px;
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		line-height: 1.6;
	}
	div#colorBlock p.memoNotice span{
		padding:0;
		border:none;
	}
	/* ------------------------------------- 
	 *		商品名/品番（常時表示）
	 * ------------------------------------- */
	p#displayNameID{
		width:100%;
		bottom: 50px ;
		border:1px solid #fff;
		box-sizing: border-box;
	}
	/* ------------------------------------- 
	 *	スクロール･購入ボタン 
	 * ------------------------------------- */
	/* ------------------------------------- 
	 *	スクロール･購入ボタン 
	 * ------------------------------------- */
	p#scrollToCart,
	p#stockPopup{
		width:calc(100% / 2);
		box-sizing: border-box;
	}
	p#scrollToCart{
		left:0px;
		border-left:1px solid #fff;
	}
	p#stockPopup{
		left:calc(100% / 2);
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
  	p.pageTop{visibility: hidden;}
}
/****************************************************
 *	-420px
 ****************************************************/
@media only screen and (max-width: 420px) {
	ul#colorPics li{
		width: 33.13%;
	}
}
/****************************************************
 *	-380px
 ****************************************************/
@media only screen and (max-width: 380px) {
  	/* ------------------------------------- 
	 *	オプション
	 * ------------------------------------- */
	table#select th{
		width:50px;
		padding:10px 0;
		text-align:center;
	}
/* ------------------------------------- 
 *	購入前の在庫確認ボタン
 * ------------------------------------- */
	p#stockFinalcheck a > span{
	 	 font-size: 20px;
	}
  p#stockFinalcheck a > span span{
	 	 font-size: 12px;
  }  
  
	/* ------------------------------------- 
	*	購入ボタン
	* ------------------------------------- */
		#konyu-button{
			font-size:20px;
			height: 80px ;
	}
}