/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@media (max-width: 767px) {
  /* line 8, ../sass/sp.scss */
  body {
    font-size: 12px;
  }

  /* line 11, ../sass/sp.scss */
  div, th, td, input, textarea, header, footer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 14, ../sass/sp.scss */
  .pc {
    display: none;
  }

  /* line 17, ../sass/sp.scss */
  .sp {
    display: block;
  }

  /* line 20, ../sass/sp.scss */
  header.sp {
    list-style: none;
    width: 100%;
    height: 45px;
    background-color: white;
    position: fixed;
    z-index: 112;
    border-bottom: 1px solid #cccccc;
  }
  /* line 28, ../sass/sp.scss */
  header.sp ul {
    height: 45px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  /* line 35, ../sass/sp.scss */
  header.sp ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #666666;
  }
  /* line 40, ../sass/sp.scss */
  header.sp ul li img {
    width: 109px;
  }
  /* line 43, ../sass/sp.scss */
  header.sp ul li:first-child {
    width: 60px;
  }
  /* line 46, ../sass/sp.scss */
  header.sp ul li:nth-child(2) {
    text-align: center;
  }
  /* line 49, ../sass/sp.scss */
  header.sp ul li:last-child {
    width: 100px;
    margin-right: 12px;
    text-align: right;
  }

  /* line 57, ../sass/sp.scss */
  footer.sp {
    background-color: #DEDEDE;
    text-align: center;
    color: #666666;
    margin-top: 36px;
    padding-top: 36px;
    padding-bottom: 50px;
  }
  /* line 64, ../sass/sp.scss */
  footer.sp .sns-box {
    margin: 0px auto 17px auto;
    width: 95%;
  }
  /* line 67, ../sass/sp.scss */
  footer.sp .sns-box .instagram-box {
    box-sizing: border-box;
    text-align: center;
    font-size: small;
    color: #999999;
    padding: 2px;
    /* width: 170px; */
    width: 275px;
    display: inline-block;
  }
  /* line 75, ../sass/sp.scss */
  footer.sp .sns-box .instagram-box ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-top: 3px;
  }
  /* line 83, ../sass/sp.scss */
  footer.sp .sns-box .instagram-box ul li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  /* line 87, ../sass/sp.scss */
  footer.sp .sns-box .instagram-box ul li img {
    width: 40px;
    border: none;
  }
  /* line 94, ../sass/sp.scss */
  footer.sp .sns-box .fb-box {
    width: 60px;
    display: inline-block;
  }
  /* line 97, ../sass/sp.scss */
  footer.sp .sns-box .fb-box img {
    width: 40px;
    border: none;
    vertical-align: bottom;
  }
  /* line 104, ../sass/sp.scss */
  footer.sp ul.box {
    padding: 0;
    margin: 0;
    margin-top: 3px;
    margin-bottom: 24px;
  }
  /* line 109, ../sass/sp.scss */
  footer.sp ul.box li {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 50px;
    vertical-align: middle;
    padding: 7px;
  }
  /* line 117, ../sass/sp.scss */
  footer.sp ul.box li img {
    height: 50px;
    border: none;
  }
  /* line 123, ../sass/sp.scss */
  footer.sp hr {
    margin-top: 24px;
  }
  /* line 126, ../sass/sp.scss */
  footer.sp a {
    color: #666;
  }
  /* line 129, ../sass/sp.scss */
  footer.sp div.copyright {
    margin-top: 7px;
    font-size: x-small;
  }

  /* line 135, ../sass/sp.scss */
  hr {
    border-top: 1px solid #ccc;
  }

  /* line 138, ../sass/sp.scss */
  hr.double {
    border-top: 3px double #ccc;
  }

  /* line 142, ../sass/sp.scss */
  .h45 {
    height: 45px;
  }

  /* line 145, ../sass/sp.scss */
  .glay-box {
    background-color: #EEEEEE;
    padding-bottom: 15px;
  }
  /* line 148, ../sass/sp.scss */
  .glay-box .shipping {
    background-color: white;
    border: #c22559 solid 1px;
    color: #c22559;
    text-align: center;
    max-width: 90%;
    margin: 0px auto 20px auto;
    padding: 7px;
  }
  /* line 158, ../sass/sp.scss */
  .glay-box .brands .box1 {
    width: 280px;
    margin: 0px auto;
  }
  /* line 162, ../sass/sp.scss */
  .glay-box .brands .box2 {
    width: 180px;
    margin: 0px auto;
  }
  /* line 166, ../sass/sp.scss */
  .glay-box .brands ul {
    height: 100px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  /* line 173, ../sass/sp.scss */
  .glay-box .brands ul li {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .glay-box .brands ul li img {
    width: 80px;
    margin-bottom: 20px;
  }

  /* line 185, ../sass/sp.scss */
  ul.item-list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 193, ../sass/sp.scss */
  ul.item-list li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    text-align: center;
    color: #666666;
    margin-top: 20px;
    box-sizing: border-box;
  }
  /* line 203, ../sass/sp.scss */
  ul.item-list li div {
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
  }
  /* line 209, ../sass/sp.scss */
  ul.item-list li div img {
    vertical-align: middle;
    width: 80px;
    margin-left: 10px;
  }

  /* line 219, ../sass/sp.scss */
  .drawer-menu .box {
    background-color: #ECECEC;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 12px;
    margin-bottom: -8px;
  }
  /* line 226, ../sass/sp.scss */
  .drawer-menu .menu {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: medium;
  }
  /* line 231, ../sass/sp.scss */
  .drawer-menu .menu div {
    height: 60px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
  /* line 238, ../sass/sp.scss */
  .drawer-menu .menu div img {
    margin-left: 45px;
    width: 45px;
    vertical-align: middle;
    float: left;
  }
  /* line 244, ../sass/sp.scss */
  .drawer-menu .menu div div {
    text-align: center;
    width: 100%;
    padding-top: 15px;
    margin-left: -90px;
    padding-left: 45px;
    height: 100%;
    vertical-align: middle;
  }

  /* line 256, ../sass/sp.scss */
  nav.menu {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: medium;
    margin-top: 40px;
  }
  /* line 262, ../sass/sp.scss */
  nav.menu div {
    height: 60px;
    box-sizing: border-box;
    display: inline-block;
    width: 47%;
    vertical-align: middle;
  }
  /* line 269, ../sass/sp.scss */
  nav.menu div img {
    width: 45px;
    vertical-align: middle;
    float: left;
  }
  /* line 274, ../sass/sp.scss */
  nav.menu div div {
    text-align: center;
    width: 100%;
    padding-top: 15px;
    margin-left: -45px;
    padding-left: 45px;
    height: 100%;
    vertical-align: middle;
  }

  /* line 286, ../sass/sp.scss */
  #torihikiho div.main {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }

  /* line 293, ../sass/sp.scss */
  #account-forget .notification {
    padding: 10px;
  }
  /* line 296, ../sass/sp.scss */
  #account-forget .box1 {
    padding: 10px;
  }

  /* line 300, ../sass/sp.scss */
  input[type=button], input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  /* line 305, ../sass/sp.scss */
  table.coder {
    margin: 0;
    padding: 0;
    font-size: 10px;
  }
  /* line 310, ../sass/sp.scss */
  table.coder td, table.coder th {
    padding: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 315, ../sass/sp.scss */
  table.coder td .coder, table.coder th .coder {
    margin: 0px auto;
  }
  /* line 317, ../sass/sp.scss */
  table.coder td .coder td, table.coder td .coder th, table.coder th .coder td, table.coder th .coder th {
    display: table-cell;
    width: auto;
  }
  /* line 323, ../sass/sp.scss */
  table.coder tr td img {
    max-width: 280px;
  }
  /* line 326, ../sass/sp.scss */
  table.coder tr:first-child th:first-child,
  table.coder tr:first-child td:first-child {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 0 0;
  }
  /* line 330, ../sass/sp.scss */
  table.coder tr:last-child th:first-child,
  table.coder tr:last-child td:first-child {
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0;
    border-radius: 0 0 6px 6px;
  }
  /* line 334, ../sass/sp.scss */
  table.coder tr:first-child th:last-child,
  table.coder tr:first-child td:last-child,
  table.coder tr:last-child th:last-child,
  table.coder tr:last-child td:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  /* line 342, ../sass/sp.scss */
  #account-login .box {
    padding: 12px;
    width: 100%;
  }
  /* line 345, ../sass/sp.scss */
  #account-login .box td {
    display: block;
    width: 100%;
  }
  /* line 349, ../sass/sp.scss */
  #account-login .box a.button {
    font-size: medium;
    width: 100%;
  }
  /* line 353, ../sass/sp.scss */
  #account-login .box input[type=text], #account-login .box input[type=password] {
    width: 100%;
  }

  /* line 359, ../sass/sp.scss */
  #account-index .box {
    padding: 12px;
    width: 100%;
  }
  /* line 362, ../sass/sp.scss */
  #account-index .box td, #account-index .box .td-half {
    display: block;
    width: 100%;
    text-align: center;
  }

  /* line 370, ../sass/sp.scss */
  #account-history .box {
    width: 100%;
  }

  /* line 375, ../sass/sp.scss */
  #account-edit .box {
    width: 100%;
  }
  /* line 377, ../sass/sp.scss */
  #account-edit .box .box2 {
    padding: 12px;
  }
  /* line 379, ../sass/sp.scss */
  #account-edit .box .box2 table {
    font-size: medium;
  }
  /* line 381, ../sass/sp.scss */
  #account-edit .box .box2 table td, #account-edit .box .box2 table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 391, ../sass/sp.scss */
  #order-confirm td.separate-box {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 397, ../sass/sp.scss */
  td.separate-box2 {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 402, ../sass/sp.scss */
  div.wrapper {
    padding: 12px;
  }

  /* line 407, ../sass/sp.scss */
  #item-detail .spread-cell, #item-detail .spread-cell-min {
    width: 100%;
    display: block;
  }
  /* line 411, ../sass/sp.scss */
  #item-detail .title-box {
    margin-top: -36px;
  }
  /* line 414, ../sass/sp.scss */
  #item-detail .lead {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  /* line 420, ../sass/sp.scss */
  #item-detail .list-box table td {
    width: 35%;
    margin-right: -14px;
  }

  /* line 428, ../sass/sp.scss */
  #account-regist div div {
    padding: 12px;
  }
  /* line 432, ../sass/sp.scss */
  #account-regist table tr td {
    font-size: medium;
    display: block;
    width: 100%;
  }
  /* line 436, ../sass/sp.scss */
  #account-regist table tr td aside {
    font-size: small;
  }

  /* line 443, ../sass/sp.scss */
  #spread-cell-list {
    width: 100%;
    display: block;
  }
  /* line 446, ../sass/sp.scss */
  #spread-cell-list .brand-box {
    padding: 0;
    margin: 0;
    border: none;
  }
  
	#gt-box {
		width:100%;
	}

	.flexslider {
		margin: 0 0 20px !important;
	}
	.flex-control-nav {
		bottom: -20px !important;
	}
}