@charset "UTF-8";
/* font */
/* width */
/* color */
@media screen and (max-width: 1000px) {
  header {
    width: 100%;
    height: 60px;
    padding: 1rem 0 2rem; 
    position: fixed;
    top: 0;}
  header .inner{
      min-width: 300px;
      width: 90%;
      margin: auto;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
      header .inner .logo,
      .header-fix .inner .logo {
        width: 150px;
        margin: 4px 0 auto auto;
        position: absolute;
        left: 50%;
        top: 15px;
        margin-left: -75px; }
        header .inner .logo a,
        .header-fix .inner .logo a {
          display: inline-block; }
          header .inner .logo a img,
          .header-fix .inner .logo a img {
            width: 100%;
            margin: 0; }
      header .inner span,
      .header-fix .inner span {
        width: auto;
        margin: auto 0 auto auto; }
        header .inner .sp-cart,
        .header-fix .inner .sp-cart {
          display: inline-block;
          width: 50px;
          height: auto;
          margin-top: 12px; 
        text-align: right;}
          header .inner .sp-cart img,
          .header-fix .inner .sp-cart img {
            width: 25px;
          height: auto;}

  /*メインメニュー*/
  #menuBar {
    display: none; }

  #mainMenu {
    display: none; }

  body.is-fixed #mainMenu {
    padding: 0;
    display: block;
    z-index: 97; }

  .pcView {
    display: none !important; }

  .spView {
    display: block; }

  main {
      
      overflow: hidden;
  }
  /* spmenu */
 #globalNav_open_menu {
	display: block;
	position: absolute;
	top: 9px;
	left: 3%;
	background: url(../common/menu_icon.png) no-repeat 0 0;
	height: 54px;
	width: 54px;
	background-size: cover;
	transition: .3s;
        margin: 0;
	}

.openNav nav {
	transform: translateX(1000px);
	z-index: 10;
}

.openNav #globalNav_open_menu {
	background: url(../common/menu_close_icon.png) no-repeat 0 0;
        width: 54px;
	height: 54px;
	background-size: cover;
	display: block;
}
nav.sp-nav {
    position: absolute;
	right: 0;
        left: -1000px;
	top: 60px;
	width: 100%;
        height: 100vh;
        padding-bottom: 110px;
	box-sizing: border-box;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	text-align: left;
        background: #fff;
        overflow: scroll;
}
html.fixbg, body.fixbg {
    overflow: hidden;
    height: 100%;
}

nav.sp-nav ul.dl-menu {
    display: block;
}
nav.sp-nav .fs-clientInfo {
    padding: 1rem 2.5rem;
}
nav.sp-nav .fs-clientInfo span {
    font-size: 13px;
}

/*サブメニュー*/
nav.sp-nav ul.dl-menu ul.dl-submenu {
    display: none;
}

nav.sp-nav ul.dl-menu .active ul.dl-submenu {
    display: block;
}

nav.sp-nav ul.dl-menu li.active {
    display: block;
}
nav.sp-nav ul.dl-menu li.dMenu-open {
    background-color: #f7fdff;
}
nav.sp-nav ul.dl-menu li.dMenu-open ul.dl-submenu li:nth-of-type(odd) {
    background-color: #fff;
}

nav.sp-nav ul.dl-menu li.dMenu-open > a::after {
            content: '+';
            position: absolute;
            top: 15px;
            right: 2rem;
            display: inline-block;
            font-size: 4rem;
            margin-top: -1.9rem;
            color: #333333; }

          nav.sp-nav ul.dl-menu li.dMenu-open > a b {
            display: block;
            }
          nav.sp-nav ul.dl-menu .active ul.dl-submenu li a {
            display: block;
            width: auto;
            padding: 1.5rem 2rem 1.5rem 9rem;
            font-family: "Montserrat";
            line-height: 1.3; }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.bag {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-bag.jpg); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.wallet {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-wallet.png); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.card_cases {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-card_cases.jpg); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.fashion {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-fashion.png); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.other_acce {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-other_acce.jpg); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.stationary {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-stationary.png); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.other_items {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-other_items.jpg); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a.toseries {
              background-repeat: no-repeat;
              background-size: 30px auto;
              background-position: 4.5rem center;
              background-image: url(../common/menu-toseries.png); }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li a b {
              width: 100%;
              display: block;
              font-size: 1.5rem;
              font-weight: bold;
              margin-bottom: 3px;
              border: none; }
          nav.sp-nav ul.dl-menu .active ul.dl-submenu li.menu-back {
            background-color: #e1f6ff; }
            nav.sp-nav ul.dl-menu .active ul.dl-submenu li.menu-back > a {
              display: block;
              padding: 2rem 2.5rem;
              line-height: 1.5;
              margin-left: 0.7em; }
              
              nav.sp-nav ul.dl-menu .active ul.dl-submenu li.menu-back > a b {
                display: block;
                margin-left: -1em; }
          
/*メニュー*/
nav.sp-nav ul.dl-menu {
      padding: 0 0 3rem 0;
      list-style: none;
      background-color: #ffffff;
      height: auto;
      display: block;
      overflow: scroll;
      -webkit-overflow-scrolling: touch; }

    nav.sp-nav ul.dl-menu li {
      position: relative;
      letter-spacing: 0.4em;
    margin-left: 0}
    
      nav.sp-nav ul.dl-menu li:last-child {
        margin-bottom: 1.5rem; }
      nav.sp-nav ul.dl-menu li a {
        display: block;
        position: relative;
        line-height: 2;
        padding: 1rem 2.5rem;
        color: #333333;
        font-size: 1.3rem;
        text-decoration: none;
        outline: none;
        width: 90%; }
      nav.sp-nav ul.dl-menu li.list-bottom a {
        line-height: 1;
    }
        nav.sp-nav ul.dl-menu li a b {
          font-size: 1.5rem;
          font-weight: 600;
          font-family: "Montserrat";
          margin-right: 1.5rem; }
        nav.sp-nav ul.dl-menu li a.mypage {
          background-repeat: no-repeat;
          background-size: 32px auto;
          background-position: 2.5rem center;
          background-image: url(../common/icon-mypage.png);
          padding-left: 6.5rem; }
        nav.sp-nav ul.dl-menu li a.guide {
          background-repeat: no-repeat;
          background-size: 26px auto;
          background-position: 2.5rem center;
          background-image: url(../common/icon-guide.png);
          padding-left: 6rem; }
      nav.sp-nav ul.dl-menu li:nth-child(3), nav.sp-nav ul.dl-menu li:nth-child(5), nav.sp-nav ul.dl-menu li:nth-child(7), nav.sp-nav ul.dl-menu li:nth-child(9) {
        background-color: #f7fdff; }
      nav.sp-nav ul.dl-menu li.glasses {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: 30px auto;
        background-position: 2.5rem center;
        background-image: url(../common/icon-glasses.png);
        padding: 1rem 2.5rem 1rem 6.5rem; }
      nav.sp-nav ul.dl-menu li form {
        width: auto;
        display: inline-block; }
        nav.sp-nav ul.dl-menu li form input {
          width: auto;
          padding: 0.5rem; }
      nav.sp-nav ul.dl-menu li.sp-follow_us {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: 130px auto;
        background-position: center 1.5rem;
        background-image: url("../common/h-follow_us.png");
        padding: 2rem 2.5rem 0.5rem;
        background-color: #e1f6ff;
        letter-spacing: 0; }
        nav.sp-nav ul.dl-menu li.sp-follow_us a {
          display: inline-block;
          margin: 2rem 0.5rem 0;
          padding: 0;
          width: auto; }
        nav.sp-nav ul.dl-menu li.sp-follow_us i {
          font-size: 3rem;
          font-weight: normal; }
          nav.sp-nav ul.dl-menu li.sp-follow_us i.insta {
            background-color: #333333;
            color: #ffffff;
            font-size: 2.5rem;
            padding: 1px 3px 1px 4px;
            border-radius: 4px; }
          
    


.contents {
    width: 90%;
    margin: 2rem auto 3rem; }
#payment, #shipment, #return, #repair, #gift, #point, #coupon, #membership {
    margin-top: -60px;
    padding-top: 80px;
}
}
          
@media screen and (max-width: 768px) {
    
    .btn_area {
      display: block;
  }
  .contents a.btn_normal02 {
      width: 90%;
      margin: 1.5rem auto;
  }
}

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

  .contents {
    min-width: 300px;
    width: 93%;
    margin: 2rem auto 3rem; }
  
}