@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;}
img{max-width: 100%;}
a {color:#0082FF;text-decoration:none;-webkit-touch-callout:none;outline:none;}
a:link{color:#0082FF;}
a:visited{color:#0082FF;}
a:hover{color:#FF47AD;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:middle; border-style:none;//IE8}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.vh{visibility: hidden;}
.tac{text-align: center;}
.dn {display:none;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=60);opacity: 0.6;}
.forPc{display:block;}
.forSp{display:none;}
.delay {
  transition-property:all;
  transition-duration:1s;
  transition-timing-function:ease-in-out;
  transition-delay:0;
}

/* Common
 * --------------------------------------------------------*/
 body {
  background: #FFFFF5;
  color: #333333;
  letter-spacing: 1px;
  font: 14px/1.8 "秀英丸ゴシック B", "Shuei MaruGo B","ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 }
 .wrapper {
 	width: 960px;
 	margin: 0 auto;
  background: #FFF;
 }
/* header */
header {
	position: relative;
}

#another_size{
  display: table;
}
#another_size li{
  border: 1px solid #000;
  border-top: none;
  border-left: none;
  display: inline-table;
  float: left;
  width: 25%;
  box-sizing: border-box;
}
#another_size li:first-child{
  border-left: 1px solid #000;
}
#another_size li {
  background: #99938F;
}
#another_size li.btn_on {
  background: #FFF;
}
.price{
  font-size: 20px;
  padding-top: 20px;
}
.price .yen{
  font-size: 14px;
}
.price .tax{
  font-size: 12px;
}
.tab_cont {
  width: 960px;
  border: 1px solid #000;
  border-top: none;
  border-bottom: none;
  z-index:99999;
  box-sizing:border-box;
  position: absolute;
  background-color: #FFFFF5;
}

.tab{
  overflow:hidden;
  display: table;
  border-top: 1px solid #000;
  /*border-bottom: 1px solid #000;*/
  z-index: 100000;
  margin-top: -1px;
position: relative
}
.tab li{
  border: 1px solid #000;
  border-left: none;
  border-top: none;
  display: inline-table;
  float: left;
  height: 119px;
  width: 160px;
  box-sizing: border-box;
}
.tab li:first-child{
  border-left: 1px solid #000;
}
.tab li.select{

}

/* slideArea */
#slideArea {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  /*border: 1px solid #000;*/
  border-top: none;
  box-sizing:border-box;
}

#slideArea #slides{
  margin:0 auto;
  position:relative;
  border: 1px solid #000;
  width: 958px;
  height: 100%;
  z-index:888;
}
#slides img {
  position:absolute;
  left:0;
  top:0;
}

#about {
  width: 840px;
  margin: 50px auto 60px auto;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.1em;
  position: relative;
}

#about .y_txt {
  padding: 10px 0 28px 0;
}
#about .models .person{
  font-size: 14px;
  line-height: 28px;
}
#about .nav {
  display: table;
  width: 170px;
  /* padding-top: 187px; */
  position: absolute;
  right: 0;
  bottom: 0;
}
#about .nav li{
  padding-bottom: 10px;
}
#about .nav li.n5{
  padding-bottom: 0;
}

#about .explain {
  padding-left: 15px;
}

#contents {
  width: 882px;
  margin: 0 auto;
}
#contents li {
  padding: 0 32px 74px 32px;
}

/* footer */
footer {
	padding: 55px 0 60px 0;
	margin: 0 auto;
	text-align: center;
	border-top: 3px solid #737373;
}
footer .copy {
	padding-top: 70px;
}


/*pre*/
.typography {
  text-align: center;
  margin: 30px 0;
}
.typography .typo01 {
  padding-bottom: 20px;
}

/* sp
 * --------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	body {width: 100%;margin: 0 auto;}
	img{max-width:100%;height:auto;}
	.hoverOp:hover{filter: alpha(opacity=100);opacity: 100;}
	.wrapper{width: 100%;}
	.fl,.fr {float: none;}


  #another_size li{
    border: none;
    border-left: 1px solid #000;
    display: inline-table;
    width: 24.5%;
  }
  #another_size li:first-child {
    border-left: none;
  }
  #slideArea {
    height: auto;

     border-top: 1px solid #000;
     border-right: none;
     border-left: none;
  }
  .tab_cont {
    width: 100%;
    border-top: 1px solid #000;
    border-right: none;
    border-left: none;
  }
  .tab li{
    border: none;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    display: inline-block;
    width: 4.4em;
    height: auto;
    box-sizing: initial;
  }
  .tab li:first-child {
    border-left: none;
  }
  #about {
    width: 90%;
    font-size: 14px;
    line-height: 28px;
    margin: 20px auto 30px auto;
  }
  #about .explain {
    padding-left: 0;
  }
  #about .nav {
    position: relative;
    display: table;
    width: 170px;
    margin-top: 25px;
    padding-top: 0;
  }
  #contents {
    width: 95%;
    text-align: center
  }
  #contents li {
    padding: 0 5px 40px 5px;
  }


  /* [sp] footer */
	footer {
		width: 100%;
    padding: 30px 0 30px 0;
	}
  footer .copy {
  	padding-top: 20px;
  }

}