@charset "utf-8";
.nav-mobile-women,
.nav-mobile-women2,
.nav-mobile-men,
.gender-pick-pc-arrow-m,
.nav-pc-men,
.nav-mobile {
  display:none;
}

h1 a img {margin:0;padding:0;}
.wrap {/*position:relative;*/}
.ipad {display:none;}
.pc {display:none;}
.mobile {display:block;}
/* nav mobile */
.nav-mobile {
  position:absolute;
  top:0;
  /*left:0;*/
  right:0;
  height:100%;
  position: fixed;
  z-index:1;
  background:/*#fafafa*/#ffffff;
  width:250px;
  overflow:scroll;
  padding-top:3%;
  padding-left:3%;
  padding-right:3%;
  padding-bottom:5%;
}
.nav-mobile-title {
  font-weight:bold;
  padding:/*20*/10px 10px;
  background-color:#F4F4F4;
  border:1px solid #f8f8f8;
  background: url(../../images/pc/icon/m_arrow.png);
  background-repeat: no-repeat;
  background-position: right 20px bottom 11px;
  background-size: 10px;
}

.nav-mobile-title2 {
  font-weight:bold;
  padding:/*20*/10px 10px;
  background-color:#F4F4F4!important;
  border:1px solid #f8f8f8;
  background: url(../../images/pc/icon/m_arrow.png);
  background-repeat: no-repeat;
  background-position: right 20px bottom 11px;
  background-size: 10px;
  border:1px solid #434343;
  border-radius:3px;
  margin-bottom:5px;
}
.nav-mobile-gender-w,
.nav-mobile-gender-m,
.nav-mobile-gender-s {
  cursor:pointer;
  padding:10px;
  font-weight:bold;
  position:relative;
  color:#ffffff;
  background-color:#898989;
  border-radius:3px;
  margin-bottom:3px;
}
.nav-mobile-plus-w,
.nav-mobile-plus-m,
.nav-mobile-plus-s,
.nav-mobile-minus-w,
.nav-mobile-minus-m,
.nav-mobile-minus-s {
  width:15px;
  position:absolute;
  top:12px;
  right:20px;
}
.nav-mobile ul li {
  background:url(../../images/pc/icon/m_arrow.png);
  background-repeat:no-repeat;
  background-position:right 20px bottom 15px;
  background-size:10px;
  background-color:#E3E3E3;
  border-radius:3px;
  margin-bottom:10px;
  font-size:12px;
}
.nav-mobile ul li a {
  padding:10px 10px 10px 10px;
  display:block;
}

.nav-mobile .ttl{
background-image:none;
background-color:#F4F4F4;
font-weight:bold;
text-indent:10px;
}

.search-nav-mobile input[type="text"] {
    /*20180802 background: url(../../images/pc/icon/icon_magnifying_glass.png) right 10px white;*/
        background-repeat: repeat;
        background-position-x: right;
        background-position-y: 10px;
        background-size: auto auto;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 182px;
    padding: 4px 8px 4px 30px;
	width: 100%;
    /*20180802 width: 210px;*/
}

.nav-mobile .login-nav a {
    padding: 6px 22px;
    line-height: 19px;
    border: 1px solid #999;
    color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 7px;
    background-color: #107414;
}

.nav-mobile p{
   font-size:12px;

}

.nav-mobile .number {
    position: absolute;
    top: 30px;
    right: 5px;
    color: red;
    font-weight: bold;
    font-size: 80%;
    line-height: 100%;
}

.nav-mobile .login-nav {
    float: left;
    /*margin-left: 15px;*/
    /*margin: 0 0 0 20px;*/
    padding: 0;
    padding-top: 0px;
    position: relative;
    padding-top: 5%;
    background-color:#FFFFFF!important;
    background-image:none!important;
}

.nav-mobile .cart-nav {
    float: left;
    margin-left: 15px;
    margin: 0 0 0 40px;
    padding: 0;
    position: relative;
    /*padding-top: 5%;*/
    background-color:#FFFFFF!important;
    background-image:none!important;
    width:30%;
}

#mobile-nav-box{
border:1px solid #434343;
background-color:#F4F4F4;
border-radius:6px;
padding:3%;
margin-bottom:5px;
}
.mobile-overlay {
  display:none;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 999;
  position: absolute;
  opacity: 0.4;
  /*left: 200px;*/
  right:250px;
}
/* header mobile */
.header-inner-mobile {
  padding:20px;
  position:relative;
  height:60px;
}
.logo-mobile {
  position:absolute;
  top: 13px;
  left: 22%;
  height: 33px;
  margin-left:-69px;
  /*margin-left:-110px;*/
  padding:0;
}
.toggle-mobile {
  position:absolute;
  top:/*20*/0px;
  height:/*20*/60px;
  right:0px;
}
.signup-mobile {
  position:absolute;
  top:20px;
  right:52px;
  height:20px;
}
.mypage-mobile {
  position:absolute;
  top:20px;
  right:60px;
  height:20px;
}
.cart-mobile {
  position:absolute;
  top:20px;
  right:20px;
  height:20px;
}
.number {
  position:absolute;
  top:10px;
  right:20px;
  color:red;
  font-weight:bold;
  font-size:80%;
  line-height:100%;
}
.search-area-mobile {
  padding:0 10px 10px 10px;
  position:relative;
}
.search-area-mobile input[type="text"] {
  width:100%;
  margin:0;
  /*20180802 background:url(../img/parts/icon_magnifying_glass.png) left 10px #efeff1;*/
  background-repeat:no-repeat;
  background-size:15px;
  background-position:10px;
  padding:4px 8px 4px 30px;
  font-size:80%;
  border:1px solid #efeff1;
}
.gender-pick-area-mobile {
  position:relative;
  overflow:hidden;
  margin-bottom:10px;
  font-size:90%;
}
.gender-pick-area-mobile ul li a {
  float:left;
  width:50%;
  padding:5px;
  text-align:center;
  border-bottom:2px solid #efeff1;
}
.gender-pick-area-mobile ul li.women-mobile a:hover,
.gender-pick-area-mobile ul li.women-mobile a.active {
  border-bottom:2px solid #fb00aa;
}
.gender-pick-area-mobile ul li.men-mobile a:hover,
.gender-pick-area-mobile ul li.men-mobile a.active {
  border-bottom:2px solid #329a9a;
}
/* footer mobile */
footer {
  font-size:90%;
}
.footer-inner {
  overflow:hidden;
  position:relative;
}
.to-top {
  background:white;
  text-align:center;
  border-bottom:1px solid #666;
  clear:both;
}
.to-top a {
  display:block;
  padding:10px;
}

.to-top a img{
  text-align:center;
}
ul.about {
  overflow:hidden;
  border-top:1px solid #666;
}
ul.about li {
  /*width:50%;*/
  float:left;
  padding:10px;
  text-align:center;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
}
/*ul.about li:nth-child(even) {
  border-right:none;
}*/

ul.about2 {
  overflow:hidden;
  /*border-top:1px solid #666;*/
}
ul.about2 li {
  /*width:50%;*/
  float:left;
  padding:10px;
  text-align:center;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
}
ul.about2 li:nth-child(even) {
  border-right:none;
}
ul.services {
  text-align:center;
  padding:20px;
}
ul.services li {
  display:inline-block;
}
ul.services li.divider {
  padding:0 10px;
}
ul.sns {
  overflow:hidden;
  text-align:center;
}
ul.sns li {
  margin:10px;
  display:inline-table;
}
ul.sns li a img {
  width:30px;
}
copyright {
  border-top:1px solid #666;
  display:block;
  padding:10px;
  /*text-align:right;
  font-size:80%;*/
  background-color:#4C4C72;
  color:#ffffff;
  text-align:center;
  font-size:12px;
}
@media screen and (min-width:768px){
.mobile {display:none;}
.ipad {display:block;}
.signup-mobile {
  top:18px;
  right:55px;
  height:25px;
}
}
@media screen and (min-width:980px){
.ipad {display:none;}
.pc {display:block;}
/* header pc */
.header-inner-pc {
  overflow:hidden;
  padding:20px 0px;
  /*width:70%;*/
  max-width:980px;
  margin:0 auto;
}

h1 a img.logo-pc {
  /*position:absolute;*/
  /*top:/*25*//*45px;
  left:/*50*//*32%;*/
  width:330px;
  margin-left:13px;
  padding:0;
}
ul.header-main-pc {
  position:relative;
}
ul.header-main-pc li {
    padding:20px 0;
}
ul.header-main-pc li.gender-pick-pc {
  position:relative;
  float:left;
  margin:0 6px 0 0;
  color:#ccc;
  cursor:pointer;
  padding: 6px 20px;
  border: 1px solid white;
  font-weight: bold;
}
.gender-pick-pc-arrow-w,
.gender-pick-pc-arrow-m {
  width:30px;
  position:absolute;
  bottom:-32px;
  left:50%;
  margin-left:-15px;
}
.men-arrow,
.men-nav {
  display:none;
}
ul.header-main-pc li.search-pc,
ul.header-main-pc li.mypage-pc {
  float:right;
  margin:0;
  margin:0 0 0 20px;
  padding:0;
  position:relative;
  padding-top:5%;
}

ul.header-main-pc li.cart-pc {
  float:right;
  margin-right:5%;
  /*margin:0 0 0 20px;*/
  padding:0;
  position:relative;
  padding-top:5%;
}

ul.header-main-pc li.login-pc{
  float:left;
  /*margin-left:15px;*/
  /*margin:0 0 0 20px;*/
  padding:0;
  position:relative;
  padding-top:5%;
}

/*ul.header-main-pc li.cart-pc{
padding-left:1%;
}*/


ul.header-main-pc .search-pc input[type="text"] {
  /*20180802 background:url(../../images/pc/icon/icon_magnifying_glass.png) right 10px white;*/
  background-repeat:no-repeat;
  background-size:15px;
  background-position:/*10*/180px;
  padding:4px 8px 4px 30px;
  width:210px;
}
.number {
  position:absolute;
  top:/*0*/20px;
  right:-5px;
}
li.cart-pc img,
li.mypage-pc img {
  width:27px;
  padding:6px 0;
}
li.login-pc a {
  padding:6px 25px;
  line-height:34px;
  border:1px solid #999;
  color:#ffffff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 7px;
  background-color:#107414;
}
/* nav pc */
nav.nav-pc {
  background:/*#222*/#ffffff;
}
ul.nav-pc-main {
  text-align:center;
  padding:18px 15px 15px 15px;
  border-bottom:1px solid #222;
  position:relative;
}
ul.nav-pc-main li {
  display:inline;
  text-align:center;
}
ul.nav-pc-main li a {
  /*color:#ccc;*/
  text-decoration:none;
  font-weight:bold;
  /*padding:15px 82px;*/
  padding:13px 52px;
  font-size:18px;
  
}
ul.nav-pc-main li a:hover {
  color:/*white*/#ccc;
  border-bottom:6px solid #4c4c72;
}
ul.nav-pc-main > li > div {
  position: absolute;
  width: /*100*/11%;
  top:62px;
  left: /*0*/23%;
  background:#f5f5f5;
  /*padding:20px;*/
  z-index:2;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  display:none;
  text-align:center;
}

ul.nav-pc-main > li > div ul{
  text-align:center;
}

ul.nav-pc-main > li > div ul li {
  display:table;
  padding:3%;
  text-align:center;
  width:100%;
}

ul.nav-pc-main > li > div ul li:hover {
background-color:#4c4c72;
}
ul.nav-pc-main > li > div ul li a {
  font-weight:normal;
  color:/*black*/#4c4c72;
  padding:0;
  margin:0;
}
ul.nav-pc-main > li > div ul li a:hover {
  color:/*#999*/#ffffff;
  background-color:#4c4c72;
  border:none;
}
ul.nav-pc-main > li:hover > div {
  opacity:1;
  visibility: visible;
  overflow:visible;
  display: block;
}
.text-red {
  color:red !important;
}
/* footer pc */
footer {
  /*background-color:#f1f1f1;*/
  clear:both;
}
.footer-inner {
  padding:20px 60px;
  background-color:#F4F4F4;
}
ul.about,
ul.services {
  /*float:left;*/
  /*width:22%;*/
  /*max-width:415px;*/
  max-width:560px;
  margin:0 auto;
}
ul.about2{
/*width:50%;*/
max-width:970px;
margin:0 auto;
}

ul lh {
  font-weight:bold;
}
ul.about {
  border:none;
}
ul.about li {
  /*width:100%;*/
  padding:2%;
  border:none;
  text-align:left;
}

ul.about2 {
  border:none;
}
ul.about2 li {
  /*width:100%;*/
  padding:1%;
  border:none;
  text-align:left;
}
ul.about li.lh-border,
ul.services li.lh-border {
  width:30px;
  height:1px;
  background:#cbcaca;
  margin:5px 0 10px 0;
}
ul.services li.divider {
  display:none;
}
ul.services {
  padding:0;
  text-align:left;
}
ul.services li {
  display:block;
  text-align:left;
}
.footer-inner ul li a {
  color:#494D72;
  display:block;
  margin-bottom:10px;
  text-indent:10px;
  font-size:16px;
}
.footer-inner ul li a:hover {
  color:#999;
}
ul.sns {
  position:absolute;
  top:20px;
  right:60px;
}
ul.sns li {
  float:right;
  margin:0 0 0 5px;
}
.to-top {
  border-bottom:1px solid #cbcaca;
}
copyright {
  /*border-top:1px solid #cbcaca;*/
  background-color:#4C4C72;
  color:#ffffff;
  text-align:center;
  font-size:12px;
}



}

@media screen and (max-width:/*767*/980px){
ul.about li{
/*float:none;*/
width:50%;
background-color:#E5E5E5;
height: 66px;
font-size:13px;
vertical-align: middle;
line-height: 50px;
/*font-size:14px;
padding:0;*/


}

.li_height2{
/*height: 83px!important;
padding: 15px 10px;
/*height:72px;*/
line-height:22px!important;
/*
vertical-align:middle;
}*/

ul.about li a{
/*padding: 15px 10px;*/
padding:/*10px*/0;
/*display: table-cell;
height: 62px;
line-height: 48px;*/

box-sizing: border-box;
}

ul.about2 li{
/*float:none;*/
width:50%;
background-color:#E5E5E5;
}


}


@media screen and (max-width:480px){
  copyright {
  font-size:9px;
  padding-left:2px;
  padding-right:2px;
}



.li_height a{
height: 19px!important;
padding: 15px 10px;
/*height:72px;
line-height:72px;*/
vertical-align:middle;
}

/*ul.about li {
font-size:11px;
line-height:15px;
padding:10px;
display: table-cell;
height: 62px;
vertical-align: middle;
box-sizing: border-box;
}*/




}

@media screen and (max-width:375px){

/*.li_height a{
height: 62px!important;
padding: 15px 10px;
height:72px;
line-height:72px;
vertical-align:middle;
line-height:21px!important;
}*/

/*.li_height2{
height: 62px!important;
padding: 15px 10px;
height:72px;
line-height:72px;
vertical-align:middle;*/
}*/

}