/* h3------------------*/
#contents div.exp h3 {
    font-size: 18px;
    border-bottom: 1px dotted #CCC;
    font-weight: normal;
    margin-top: 70px;
}
  /* h4------------------*/
#contents div.exp h4.newh4 {
    clear: both;
    height: auto;
    font-size: 15px;
    line-height: 1.1em;
    font-weight: initial;
    margin: 0 0 10px 0;
    padding: 10px 5px 3px;
    border-bottom: 1px dotted #ccc;
    color: rgba(153, 153, 153, 1);
}
  /* images-----------------*/
#contents div.images {
	float: left;
	text-align: center;
   width:50%;
  margin:0 3% 80px 0;
}
#contents div.images img {
	margin: 0px 20px 10px 0px;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#contents div.images ul {
	list-style-type:none;
	list-style-image:none;
	margin: 0px;
      padding: 0;
}
#contents div.images ul li {
	margin: 0 1% 0 0;
	float: left;
	background: url(none);
	padding: 0px;
  display: block;
  width:24%;
}
#contents div.images ul li img {
	display: inline;
	margin: 0px;
}
  /* -spec-----------------*/
#contents div.spec {
  margin:0 0 50px 0;
    line-height: 1em;
    width: 100%;
    font-size: 13px;
    color: #666;
}
  /* -spec table-----------------*/
#contents div.spec table {
margin: 0px 0px 3px;
  float: left;
  width: 100%;
  text-align: left;
}
#contents div.spec table tr {
height:2.4em;
}
#contents div.spec table th {
    background: #FBF9F6;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.5em;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#contents div.spec table td {
    padding: 0 5%;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}
select {
  width: 80%;
}
#contents div.spec table tr td input {
	width: 40px;
	margin-right: 4px;
	float: left;
}
#contents div.spec table tr.price td,
#contents div.spec table tr.regular td{
	text-decoration: line-through;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}
#contents div.spec table tr.sales td {
	font-weight: bold;
	color: #B93E3E;
	font-family: Verdana, Geneva, sans-serif;
}
#contents div.spec table tr.sales td span {
	display: block;
}
#contents div.spec table tr.sales td span.sales {
	color: #B93E3E;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 3px;
}
#contents div.spec table tr.sales td span.discount {
	font: 10px/1.4em Verdana, Geneva, sans-serif;
	color: #FFF;
	background: #CCC;
	padding: 0px 3px;
	text-align: center;
	margin: 3px 0px 0px;
}
#contents div.spec table td span.unit {
	display: block;
	float: left;
	margin-right: 4px;
	line-height: 22px;
	height: 22px;
}
#contents div.spec table td ul.init {
	margin: 0px;
	padding: 0px;
	width: 13px;
	height: 22px;
	float: left;
}
#contents div.spec table td ul.init li {
	margin: 0px;
	padding: 0px;
	height: 11px;
	width: 13px;
	line-height: 0;
	font-size: 9px;
	background: url(none);
}
#contents div.spec table td ul.init li a {
	margin: 0px;
	padding: 0px;
	height: 9px;
	width: 11px;
	line-height: normal;
}
#contents div.spec table td ul.init li a img {
	border: 1px solid #FFF;
}
  /* -spec ul.btn-----------------*/
#contents div.spec ul.btn {
margin: 0px;
    list-style-type: none;
    list-style-image: none;
    width: 100%;
    padding: 0px;
    float: right;
    font-size: 13px;
}
#contents div.spec ul.btn li {
  height: 2em;
  padding: 0 0 0 10%;
  background: url(none);
  font-size: 13px;
  margin: 0px;
}
#contents div.spec ul.btn li a {
	color: #333;
	text-decoration: none;
}
#contents div.spec ul.btn li a:hover {
	text-decoration: underline;
opacity:0.5;
}
#contents div.spec ul.btn li.cart {
	margin: 0 0 15px 0;
	padding: 0px;
      height: 3.5em;
}
#contents div.spec ul.btn li.cart button {
    border-style: none;
    width: 100%;
    cursor: pointer;
    height: 3.5em;
    background-color: #4e516f;
  	margin: 0 0 15px 0;
}
#contents div.spec ul.btn li.cart button:hover {
  opacity:0.5;
}
#contents div.spec ul.btn li.cart p {
    line-height: 40px;
    text-transform: uppercase;
    color: #F00;
    text-align: center;
    border: 2px solid #F00;
    margin: 3px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    letter-spacing: 0.2em;
}
#contents div.spec ul.btn li.option {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_option.gif) no-repeat left top;
}
#contents div.spec ul.btn li.quick {
	padding: 0px;
	height: 56px;
	margin-bottom: 15px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	width: 185px;
}
#contents div.spec ul.btn li.quick a {
	display: block;
	height: 100%;
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_spec_quick.gif);
}
#contents div.spec ul.btn li.cancel {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_cancel.gif) no-repeat left top;
}
#contents div.spec ul.btn li.teach {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_teach.gif) no-repeat left top;
}
#contents div.spec ul.btn li.inq {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_inq.gif) no-repeat left top;
}
#contents div.spec ul.btn li.shopping {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_shopping.gif) no-repeat left top;
}
#contents div.spec ul.btn li.review {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_review.gif) no-repeat left top;
}
#contents div.spec ul.btn li.review_post {
	background: url(https://img.shop-pro.jp/tmpl_img/54/1601_icon_post.gif) no-repeat left top;
	margin-bottom: 10px;
}
#contents div.spec ul.btn li.calamel {
	background: url(none);
	padding: 0px;
}
/*div.exp---------------------------------------*/
#contents div.exp {
	margin: 0px 0px 80px 0px;
	line-height: 1.6;
color:#666
}
/*ul---------------------------------------*/
#contents div.exp ul.ul-g1-tab { 
padding: 0px; 
width: 100%;
height: 100%;
}
#contents div.exp ul.ul-g1-tab li { 
padding: 0px 6px 0px 0px;
}

#contents div.exp ul.ul-g1-tab2 { 
padding:0;
  margin-left:0px;
}
#contents div.exp ul.ul-g1-tab2 li { 
padding: 0px 6px 0px 0px;
width: 100%;
height:50px;
}
#contents div.exp ul.ul-g1 li {/*ボタンリスト用*/
display: block; 
float: left; 
width: 100px; 
height:100px; 
padding:5px;

}
#contents div.exp ul.ul-g1 li a { 
display: block; 
text-align: center;
text-decoration:none;
}
#contents div.exp ul.ul-g1 li a:hover {
background:#EFF2FB; 
}

/*img---------------------------------------*/
#contents div.exp img.img-list {
width: 45px;
height: 45px; 
margin: 1px; 
}
#contents div.exp img.img-list1 {
width: 100%;
}
#contents div.exp img.img-list2 {
width: 50px;
height: 50px; 
margin: 5px; 
text-align:center;
}

/*douga---------------------------------------*/

#contents div.exp div.douga {
margin: 50px 0 50px 3%;
}

#contents div.exp a.douga {
width:200px;
}

#contents div.exp dl {
margin:0px;
padding:0px;
line-height:1.8em;
width:100%;
color:#000;
}
#contents div.exp dl dt {
background:url(https://img20.shop-pro.jp/PA01252/975/etc/lm01009_006000.png?20140925160445) no-repeat left;
padding-left:15px;
line-height:1.8em;
margin-bottom:4px;
  font-size: 14px;
  font-weight: bold;
text-decoration:none;
display:block;
  border-top: 1px dotted #CCC;
}
#contents div.exp dl dt.dt2 {
display:block;
border-bottom:1px dotted #CCC;
background:url(https://img20.shop-pro.jp/PA01252/975/etc/008-15.gif?20140926141752) no-repeat left top;
margin-top:8px;
margin-bottom:3px;
padding-left:20px;
font-weight:bold;
font-size:14px;
line-height:1.8em;
}
#contents div.exp dl dd {
background:url(https://img20.shop-pro.jp/PA01252/975/etc/lm01002_006000.png?20140925164144) no-repeat left top;
padding-left:15px;
line-height:1.5em;
margin-left:5px;
color:#6877A5;
background-size: 2%;
font-size:14px;
line-height:1.5em;
}
#contents div.exp dl dd.dd2 {
background:none;
font-size:14px;
line-height:1.8em;
margin-bottom:5px;
padding: 0px 10px 25px 0px;
}


/*mokuji---------------------------------------*/
#contents div.exp div.mokuji {
float:left; 
width:210px; 
height:1500px;
padding:0px 5px;
font-size:14px;
}
#contents div.exp div.mokuji h4 {
line-height:40px;
margin:0 0 15px 0px;
text-align: left;
border: 1px;
border-style: none none dotted none;
border-color: #BDBDBD;
}
#contents div.exp div.mokuji dl {
width:220px; 
height:1500px;
padding:0px 5px;
font-size:13px;
}
#contents div.exp div.mokuji dl dt {
display: list-item;
list-style-type:none;
list-style-position:inside;
background-image:none;
background-color:#EFF2FB;
padding: 0px;
line-height: 1.2em;
margin-top:10px;
}
#contents div.exp div.mokuji dl dd {
display: list-item;
list-style-type:disc;
list-style-position:inside;
background-image:none;
font-size:12px;
margin-top:10px;
color:#95A2A6;
padding-left:0px;
margin-left: 10px;
}

/*gaiyou---------------------------------------*/
#contents div.exp div.gaiyou {
    margin: 0;
    font-size: 15px;
    float: right;
    width: 47%;
}
#contents div.exp div.gaiyou a {
display:inline;
 text-decoration: none;
}
#contents div.exp div.gaiyou p {
margin:0 0 18px;
line-height:1.8em;
}
/*detail---------------------------------------*/
#contents div.exp div.detail {
  height:auto;
  margin: 0 0 50px;
  padding: 40px 0;
  font-size: 15px;
}
#contents div.exp div.detail img.detail-img01 {
  width:40%;
  float:left;
  margin:0 20px 20px 0;
  border-radius:2px;
}
#contents div.exp div.detail p{
 padding:0;
  line-height:2em;
  margin:0;
  color: #666;
}
/*maker---------------------------------------*/
#contents div.exp div.maker {
  height:auto;
  margin: 0 0 50px;
  padding: 40px 0;
  font-size: 15px;
}
#contents div.exp div.maker img.maker-logo {
  width:20%;
  float:left;
  margin:0 20px 20px 0;
  border-radius:2px;
}
#contents div.exp div.maker p{
 padding:0;
  line-height:2em;
  margin:0;
  color: #666;
}

#contents div.exp div.maker div.flame01{
width:30%;
  height:auto;
  margin:0 0 0 15px;
  float:right;
}


/*tubdiv-s---------------------------------------*/
#contents div.tubdiv-s {
  height:auto;
  margin: 0 0 20px;
  padding: 10px;
  font-size: 14px;
  line-height:1.5em;
color: rgba(153, 153, 153, 1);
}
#contents div.tubdiv-s img {
  width:30%;
  float:left;
  margin:0 10px 10px 0;
  border-radius:2px;
}
#contents div.tubdiv-s p{
 padding:0;
  line-height:2em;
  margin:0;
    color: rgba(153, 153, 153, 1);
}
#contents div.tubdiv-s a{
display:inline;
}  
#contents div.tubdiv-s dl{
margin:0px 10px!important;
padding:0;
color: rgba(153, 153, 153, 1);
}
#contents div.tubdiv-s dt{
border: none!important;
    background: none!important;
  padding-left:0!important;
      color: rgba(153, 153, 153, 1)!important;
}
#contents div.tubdiv-s dd{
    line-height: 1.8em!important;
    border: none;
    background: none!important;
      color: rgba(153, 153, 153, 1)!important;
}
  
#contents div.tubdiv-s ul{
line-height: 1.5em;
    font-size: 15px;
    margin: 0px;
    list-style-type: circle;
      color: rgba(153, 153, 153, 1);
}
#contents div.tubdiv-s ul li{
    margin: 0px 5px;
      color: rgba(153, 153, 153, 1);
}


/*button---------------------------------------*/
#contents div.exp div.button {
  margin-bottom:40px;
  width:100%;
  height:160px;
}
#contents div.exp a.ReturnToCategoly {
  display: block;
  width: 215px;
  height: 24px;
  padding-top: 5px;
  margin-top: 30px;
  float: right;
  text-align: center;
  color: #000000;
  text-shadow: 1px 1px 1px #FFFFFF;
  position: relative;
  background-color: #EFEFFB;
  font-size: 13px;
  text-decoration: none;
  border: 1px dotted #ccc;
border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


#contents div.exp a.ReturnToCategoly2 {
  display: block;
  width: 215px;
  height: 24px;
  margin-top: 3px;
  text-align: center;
  color: #000000;
  text-shadow: 1px 1px 1px #FFFFFF;
  position: relative;
  background-color: #EFEFFB;
  font-size: 13px;
  text-decoration: none;
  border: 1px dotted #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

/*point---------------------------------------*/
#contents div.exp div.point {
  margin:0 0 30px 0;
  font-size:15px;
 clear:both;
}
#contents div.exp div.point h3 {
    margin: 70px 0 40px;
    letter-spacing: 0.3em;
    line-height: 30px;
  color: #424242;;
}
#contents div.exp div.point p {
padding: 20px 0 0 7%;
    line-height: 1.5em;
margin:0;
}
#contents div.exp div.point a {
display:inline;  
  text-decoration:none;
  color:#4578ef;
}
#contents div.exp div.point a:hover {
  text-decoration:underline;
  opacity:0.5;
}
#contents div.exp div.point a:hover img {
  opacity:0.5;
}
#contents div.exp div.point table {
    font-size: 12.8px;
  color:#818181;
  margin: 50px 0 0 7%;
}
#contents div.exp div.point table tr{
width:100%;
}
#contents div.exp div.point table th{
width:25%;
      font-weight: normal;
      border-bottom: 1px solid #eae8e8;
}
#contents div.exp div.point table td{
width:75%;
      border-bottom: 1px solid #eae8e8;
}
#contents div.exp div.point h4 {
  font-size: 18px;
  line-height:3em;
padding-top: 10px;
}

#contents div.exp div.point ul.safety {
margin:70px 0 70px 3%;
}

#contents div.exp div.point ul.safety li{
margin:0;
padding:0;
float:left;
display:block;
}

#contents div.exp div.point dl {
padding: 0;
  font-size: 12.8px;
  color:#818181;
  margin: 5px 0;
}
#contents div.exp div.point dl dt {
display: list-item;
list-style-type:none;
list-style-position:inside;
background-image:none;
padding: 0px;
line-height: 1.2em;
 font-size: 12.8px;
  border:none;
  font-weight:normal;
  margin-top: 4px;
}
#contents div.exp div.point dl dt.dt2 {
    list-style-type: circle;
    list-style-position: outside;
    margin-left: 20px;
}
#contents div.exp div.point dl dd {
display: list-item;
    list-style-type: circle;
    background-image: none;
    margin-left: 45px;
    line-height: 1.5em;
    font-size: 12.8px;
    padding-left: 0px;
}
#contents div.exp div.point p.imagebox {
    display: inline-block;
    margin: 25px 0 25px 7%;
    /* min-height: 250px; */
    width: 23%;
  height:auto;
    float: left;
    padding: 0;
}
#contents div.exp div.point p.imagebox a{
    display: inline-block;
  height:270px;
}
#contents div.exp div.point p.imagebox img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
    border-radius:100px;
   width:100%;
}
#contents div.exp div.point p.imagebox span.caption {
    font-size: 0.9em;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
      display: inline-block;
      height:auto;
}

#contents div.exp div.point p.imageboxmini{
    display: inline-block;
    margin: 25px 2% 25px 2%;
    /* min-height: 250px; */
    width: 20%;
    height: auto;
    float: left;
    padding: 0;
}

#contents div.exp div.point ul.game-flow li {
    color: #5a5a5a!important;
    display: block;
    float: left;
    font-size: 15px;
    line-height: 20px;
    width: 97%;
    height: auto;
    margin: 1%;
    padding: 2%!important;
    text-decoration: none;
    border-radius: 3px;
  background-color: #f3e8e8;
}
#contents div.exp div.point ul.game-flow li.arrow {
    display: block;
    float: left;
    width: 97%;
    height: 5px;
    background: url(https://img20.shop-pro.jp/PA01252/975/etc/icon-two-down-arrows.png?cmsp_timestamp=20191108010013);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    border: none;
}
#contents div.exp div.point img.mini{
width:22%;
height:auto;
border-radius:100px;
  float:left;
margin-right:2%;
}

/*anzen---------------------------------------*/
#contents div.exp div.anzen {
  margin-left: auto;
  margin-right: 0px;
  padding: 20px 60px 40px;
  font-size: 13px;
  border: 1px solid #ddd;
  color: rgba(153, 153, 153, 1);
}

#contents div.exp div.anzen a {
  display:inline;
}
 
/*yoyaku---------------------------------------*/
#contents div.exp div.yoyaku {
width: 680px;
float: inherit;
padding: 20px;
font-size: 13px;
line-height: 1.5em;
background-color: #F2F5A9;
}
#contents div.exp a.yoyaku {
display: block;
  width: 300px;
  height: 20px;
  margin: 10px 0px 20px;
  padding: 5px;
  background-image: url(https://img20.shop-pro.jp/PA01252/975/etc/wood-texture_beiz.jp_S06495.jpg?20140914122255);
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#contents div.exp a.yoyaku:hover { 
background-color: transparent;
opacity:1.0;
 }
/*syouhin---------------------------------------*/
#contents div.exp div.syouhin {
font-size: 14px;
float: right;
width: 440px;
margin-left: 5px;
margin-bottom: 20px;
background: ;
padding: 0px 20px 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: rgba(176, 176, 176, 0.2) 0px 0px 20px 0px;
-webkit-box-shadow: rgba(176, 176, 176, 0.2) 0px 0px 20px 0px;
-moz-box-shadow: rgba(176, 176, 176, 0.2) 0px 0px 20px 0px;
}
#contents div.exp div.syouhin img.maker {
float:left;
width:150px;
height:100px;
margin:0px 15px 20px 0px;
}
#contents div.exp h4.syouhin {
line-height:45px;
margin:0 0 10px 0px;

}
#contents div.exp h5.syouhin {
line-height: 15px;
font-weight: normal;
font-size: 15px;
font-weight:nomal;
margin:0 0 10px 0px;
padding-bottom:10px;
border: 1px;
border-style: none none dotted none;
border-color: #BDBDBD;
}

#contents div.exp div.syouhin2 {
font-size:14px;
margin-left:5px;
margin-bottom:20px;
padding: 0px 20px 20px;
}
#contents div.exp div.syouhin3 {
font-size: 14px;
float: right;
width: 250px;
margin-left: 5px;
margin-bottom: 20px;
background: ;
padding: 0px 20px 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: rgba(176, 176, 176, 0.2) 0px 0px 20px 0px;
-webkit-box-shadow: rgba(176, 176, 176, 0.2) 0px 0px 20px 0px;
-moz-box-shadow: rgba(176, 176, 176, 0.2) 0px 0px 20px 0px;
}

/*gallery---------------------------------------*/
#contents div a.gallery {
display:block;
float:left;
width:200px;
height:200px;
background-size:contain;
color:#000000;
font-weight:bold;
text-shadow: 1px 1px 1px #FFFFFF;
font-size:15px;
 margin-bottom:10px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}
#contents div a.gallery2 {
display: block;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
float: left;
width: 380px;
height: 200px;
background-size: contain;
color: #000000;
font-weight: bold;
text-shadow: 1px 1px 1px #FFFFFF;
font-size: 15px;
border: 1px solid #FAFAFA;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#contents div a.gallery2:hover {
background-style:none;
opacity:1.0;
}
#contents div a.pentabutton {
  display: block;
  position: relative;
  z-index: 2;
  margin: 5px 0px;
  padding: 0 0 0 5px;
  background-image: url(https://img20.shop-pro.jp/PA01252/975/etc/wood-texture_beiz.jp_S31283.jpg?20140910220553);
  color: #1E8FAB;
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  zoom: 1;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #ccc;
}


/* ここからタブのサンプルのスタイル----------------------------- */


.tubdiv {
  margin: 0px 0px 20px;
padding: 2% 3%;
    height: 800px;
  float: left;
  font-size: 14px;
  line-height: 2em;
  border: none;

}
.tubdiv ul#tab {
  list-style: none;
  margin: 0px 0px 2px;
  overflow: hidden;
  padding: 10px 0px 0px 1px;
  width: 100%;
  font-size: 16px;
  height: 77px;
}

.tubdiv ul#tab li {
  border-bottom: none;
  display: inline-block;
  margin: 1px 0px 0px;
  padding: 0;
  text-align: center;
  width: 138px;
  height: 37px;
}

.tubdiv ul#tab li a {
  color: #000000;
  display: block;
  font-size:14px;
  padding: 10px 0px 5px;
  border-top-right-radius: 20px;
  border-top-left-radius: 2px;
  /* border: 1px solid #5C5B5B; */
  background-color: #F4F4F4;
text-decoration:none;
}

.tubdiv .contents {
position: relative;
height: auto !important;
  height: 700px;
}

.tubdiv .contents div {
background: #fff;
margin: 0;
position: absolute;
top: 0;
margin-bottom: 20px;
padding: 20px 40px 30px;
  height: auto !important;
  font-size: 14px;
}

.tubdiv .contents div section {
}


.tubdiv #tab a:hover {
background: #6E2F2F;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

.tubdiv .contents dl {
  margin: 0px;
  padding: 0px;
  line-height: 1.8em;
  width: 100%;
}

/* タブの表示切替関連----------------------------- */

.tubdiv .contents div {
z-index: 1;
opacity: 0;
float:left;
  height: auto !important;
  width: 100%;
}

.tubdiv #tab li:first-child a {
background: #6E2F2F;
color: #fff;
}

.tubdiv .contents div:first-child {
opacity: 1;
z-index: 2;
  width: 85%;
}

.tubdiv #tab01:target .contents .tab01,
.tubdiv #tab02:target .contents .tab02,
.tubdiv #tab03:target .contents .tab03,
.tubdiv #tab04:target .contents .tab04,
.tubdiv #tab05:target .contents .tab05,
.tubdiv #tab06:target .contents .tab06,  
.tubdiv #tab07:target .contents .tab07,  
.tubdiv #tab08:target .contents .tab08  {
opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 2;
  height: auto !important;
}

.tubdiv #tab01:target .contents div:not([class="tab01"]),
.tubdiv #tab02:target .contents div:not([class="tab02"]),
.tubdiv #tab03:target .contents div:not([class="tab03"]),
.tubdiv #tab04:target .contents div:not([class="tab04"]),
.tubdiv #tab05:target .contents div:not([class="tab05"]),
.tubdiv #tab06:target .contents div:not([class="tab06"]), 
.tubdiv #tab07:target .contents div:not([class="tab07"]), 
.tubdiv #tab08:target .contents div:not([class="tab08"]) {
opacity: 0;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 1;
}

.tubdiv #tab01:target #tab li a[href$="tab01"],
.tubdiv #tab02:target #tab a[href$="tab02"],
.tubdiv #tab03:target #tab a[href$="tab03"],
.tubdiv #tab04:target #tab a[href$="tab04"],
.tubdiv #tab05:target #tab a[href$="tab05"],
.tubdiv #tab06:target #tab a[href$="tab06"], 
.tubdiv #tab07:target #tab a[href$="tab07"], 
.tubdiv #tab08:target #tab a[href$="tab08"] {
background: #6E2F2F;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

.tubdiv :not([id="tab01"]):target #tab li a[href$="tab01"] {
background: #F4F4F4;
color: #22aacc;
}




/* ここからタブのサンプルのスタイル----------------------------- */



.sample {
margin: 0px 0px 20px;
width: 480px;
height: 600px;
float: right;
font-size:13px;
}
.sample ul#tab {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
font-size:13px;
}

.sample ul#tab li {
border-bottom: none;
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
width: 157px;
}

.sample ul#tab li a {
display: block;
padding: .2em 2em;
border-top-right-radius: 30px;
border-top-left-radius: 5px;
border: 1px solid #CCC;
border-bottom: none;
text-decoration:none;
}

.sample .contents {
position: relative;
width: 440px;
height: 500px;
}

.sample .contents div {
background: #fff;
margin: 0;
padding: 0;
position: absolute;
top: 0;
border: 1px solid #CCC;
margin-bottom: 20px;
padding: 0px 20px 20px;
width: 440px;
height: 500px;
}

.sample .contents div section {
}


.sample #tab a:hover {
background: #A9A9F5;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

/* タブの表示切替関連----------------------------- */

.sample .contents div {
z-index: 1;
opacity: 0;
float:left;
}

.sample #tab li:first-child a {
background: #A9A9F5;
color: #fff;
}

.sample .contents div:first-child {
opacity: 1;
z-index: 2;
}

.sample #tab01:target .contents .tab01,
.sample #tab02:target .contents .tab02,
.sample #tab03:target .contents .tab03,
.sample #tab04:target .contents .tab04,
.sample #tab05:target .contents .tab05,
.sample #tab06:target .contents .tab06  {

opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 2;
width: 440px;
}

.sample #tab01:target .contents div:not([class="tab01"]),
.sample #tab02:target .contents div:not([class="tab02"]),
.sample #tab03:target .contents div:not([class="tab03"]),
.sample #tab04:target .contents div:not([class="tab04"]),
.sample #tab05:target .contents div:not([class="tab05"])
.sample #tab06:target .contents div:not([class="tab06"]) {
opacity: 0;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 1;
}

.sample #tab01:target #tab li a[href$="tab01"],
.sample #tab02:target #tab a[href$="tab02"],
.sample #tab03:target #tab a[href$="tab03"],
.sample #tab04:target #tab a[href$="tab04"],
.sample #tab05:target #tab a[href$="tab05"],
.sample #tab06:target #tab a[href$="tab06"] {
background: #A9A9F5;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
}

.sample :not([id="tab01"]):target #tab li a[href$="tab01"] {
background: #fff;
color: #22aacc;
}




/*商品オプション 表形式-----------------------------*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}

.dotline {
    background: linear-gradient(transparent 50%, #a2effb 160%);
}