#mainArea{
  margin: 0 auto;
  line-height: 2.0;
  text-align: center;
  letter-spacing: 1px;
  font-size: 62.5%;
  color: #333333;
  font-size: 1.3rem;
}
.f-en{
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 2px;
}
.f-ja{
  font-family: 'Noto Sans JP', sans-serif;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.center{
  text-align: center;
}
a{
  text-decoration: none;
}
a:hover{
  opacity: 0.8;
}
.mainBnr_ img{
  width: 100vw;
}
.leadText{
  font-size: 1.8rem;
  margin: 7% auto;
  text-align: center;
}
/* Original */
#gnav{
  padding: 3% 0;
  background: #f5f5f5;
}
nav ul li {
  display: inline-block;
  text-align: left;
  margin: 0 2% 0 0;
  font-size: 1.5rem;
  padding: 0 0 0 1%;
  line-height: 1.8;
}
nav ul li span{
  display: block;
  font-size: 1.3rem;
}
nav ul li:nth-child(1){
  border-left: 5px solid #f98697;
}
nav ul li:nth-child(2){
  border-left: 5px solid #fbe578;
}
nav ul li:nth-child(3){
  border-left: 5px solid #57b7df;
}
nav ul li:nth-child(4){
  border-left: 5px solid #7dc579;
}
nav ul li:nth-child(5){
  border-left: 5px solid #f66d3f;
}
nav ul li:nth-child(6){
  border-left: 5px solid #fe9d00;
}
nav ul li:nth-child(7){
  border-left: 5px solid #333333;
  margin: 0;
}
.pink{
  color:#f98697;
}
.yellow{
  color:#fbe578;
}
.blue{
  color:#57b7df;
}
.green{
  color:#7dc579;
}
.orange{
  color:#f66d3f;
}
.pale_orange{
  color:#fe9d00;
}
.boy{
 color: #6e9aae;
}
.girl{
  color: #b52323;
}
#onepiece{
  background: #fdf2f4;
  padding: 5% 0;
}
#separate{
  background:#ffffea;
  padding: 5% 0;
}
#shorts{
  background:#d9ebf2;
  padding: 5% 0;
}
#rash-guard{
  background:#e6f4e4;
  padding: 5% 0;
}
#matching-clothes{
  background:#fff2ea;
  padding: 5% 0;
}
#more-item{
  background:#fff7eb;
  padding: 5% 0;
}
.content_{
  margin: 0 auto;
}
section{
  /*padding: 5% 0;*/
}
.inner_{
  width: 1100px;
  margin: 0 auto;
}
h3{
  font-size: 5.0rem;
  line-height: 1.5;
  margin: 5% 0;
}
h3 span{
  font-size: 1.5rem;
  display: block;
 font-family: 'Noto Sans JP', sans-serif;
}
h4 {
  position: relative;
  padding: 0;
  font-size: 1.8rem;
}
h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 75%;
  height: 2px;
  border-top: solid 2px black;
  /* border-bottom: solid 1px black; */
}
h4:after {
  right: 0;
}
.co_{
  margin: 0 0 10% 0;
  position: relative;
}
.co__{
  background: #ffffff;
  margin: -100px auto 0;
  width: 80%;
  padding: 50px 80px;
  z-index: 100;
  position: relative;
  text-align: left;
}
.co__ > p{
  margin: 2% 0;
}
.fl_{
  width: 44%;
  display: inline-block;
  padding: 0 1% 0 0!important;
}
.l_i{
  position: absolute;
  top: 70px;
  left: -80px;
}
.r_i{
  position: absolute;
  top: 50px;
  right: -85px;
}
.genderTtl_{
writing-mode: vertical-rl;
  text-orientation: upright;
  display: inline-block;
  width: 5%;
  vertical-align: top;
  font-size: 1.8rem;
  letter-spacing: -3px;
}
.f-40{
  font-size: 4.0rem;
}
.co_i_{
  width: 65%;
  display: inline-block;
  vertical-align: middle;
}
.co_t_{
  width: 36%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  background: #ffffff;
  padding: 3%;
  position: relative;
}
.co_t_ p{
  margin: 0 0 5% 0;
}
.fl_r_{
  margin: 15% 0 0 -60px;
}
.fl_l_{
  margin: 15% -60px 0 0;
  z-index: 100;
}
.fl_l__{
  margin: 15% -200px 0 0;
  z-index: 100;
}
.list_{
  width: 22%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 3% 0 0;
}
.list_:last-child{
  margin: 0;
}
.list_ p{
  text-align: left;
  line-height: 1.8;
  margin: 8% 0;
}
.list_ p span{
  margin: 5% 0 0 0;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
}
.list_ > div{
  margin: 5% 0 0 0;
}
.itemName_{
  font-size: 1.5rem;
  padding: 0 0 0 5%;
  margin: 0 0 5% 0;
}
.sub_{
  margin: 8% auto;
}
.linkArea_{
  padding: 0 0 0 3%;
  vertical-align: top;
}
#onepiece .linkArea_{
  border-left: 5px solid #f98697;
}
.pink_b{
  border-left: 5px solid #f98697;
}
#separate .linkArea_{
  border-left: 5px solid #fbe578;
}
.yellow_b{
  border-left: 5px solid #fbe578;
}
#shorts .linkArea_{
  border-left: 5px solid #57b7df;
}
.blue_b{
  border-left: 5px solid #57b7df;
}
#rash-guard .linkArea_{
  border-left: 5px solid #7dc579;
}
.green_b{
  border-left: 5px solid #7dc579;
}
#more-item .linkArea_{
  border-left: 5px solid #fe9d00;
}
.orange_b{
  border-left: 5px solid #f66d3f;
}
.pale_orange_b{
  border-left: 5px solid #fe9d00;
}
.deco_{
  position: absolute;
  z-index: 101;
}
.d-1-1{
  right: 0;
  top: 100px;
}
.d-1-2{
  right: 0;
  top: 320px;
}
.d-1-3{
  left: 55%;
  top: 500px;
}
.d-1-4{
  left: 27%;
  top: 0;
}
.d-1-5{
  left: 0;
  top: 140px;
}
.d-2-1{
  right: 0;
  top: 50px;
}
.d-2-2{
  right: 43%;
  top: 480px;
}
.d-2-3{
  left: 40%;
  top: 170px;
}
.d-2-4{
  left: 5%;
  top: 400px;
}
.d-2-5{
left: 150px;
  top: 530px;
}
.d-3-1{
  right: 0;
  top: 330px;
}
.d-3-2{
  right: 36%;
  top: 590px;
}
.d-3-3{
  left: 40%;
  top: 130px;
}
.d-3-4{
  left: 3%;
  top: 83px;
}
.d-3-5{
left: 2%;
  top: 520px;
}
.d-4-1{
  right: 0;
  top: 100px;
}
.d-4-2{
  right: 0;
  top: 370px;
}
.d-4-3{
  right: 5%;
  top: 460px;
}
.d-4-4{
  left: 50%;
  top: 490px;
}
.d-4-5{
  left: 7%;
  top: 530px;
}
.d-4-6{
  left: 40%;
  top: 520px;
}
.d-5-1-1{
  left: 2%;
  top: -30px;
}
.d-5-1-2{
  left: 15%;
  top: 410px;
}
.d-5-1-3{
right: 12%;
  top: 420px;
}
.d-5-2-1{
  right: 15%;
  top: 550px;
}
.d-5-2-2{
  right: 20%;
  top: 950px;
}
.d-5-2-3{
  left: 25%;
  top: 950px;
}
.value_ {
  width: 75%;
  display: inline-block;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  line-height: 1.5;
  vertical-align: middle;
}
.btnArea_ {
  width: 65px;
  display: inline-block;
  text-align: left;
  line-height: 2.4;
  letter-spacing: 0.5px;
}
.btnAreaSize_ {
  display: inline-block;
  text-align: left;
  line-height: 2.4;
  letter-spacing: 0.5px;
  width: 100%;
}
.btnAreaAll_ {
  width: 55%;
  display: inline-block;
  text-align: left;
  line-height: 2.4;
  letter-spacing: 0.5px;
  margin: 5% 0 10%;
}
.btnArea_ a,.btnAreaSize_ a,.btnAreaAll_ a {
  border: 1px solid #333333;
  color: #ffffff;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #333333;
  letter-spacing: 2px;
}
.btnAreaSize_ a,.btnAreaAll_ a {
  border: 1px solid #333333;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  font-size: 1.8rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #333333;
  letter-spacing: 2px;
}
.btnArea_ a:hover,.btnAreaSize_ a:hover,.btnAreaAll_ a:hover {
  color: #333333 !important;
  background: #ffffff;
  border: 1px solid #333333;
}
.itemLink_{
  margin: 4% 0 0 0;
}
.itemLinkArea_{
  margin: 5% 0 0 0;
}