/* CSS Document */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  font-size: 15px;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

html,
body {
  width: 100%;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

ul {
  list-style: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 150%;
  /*  color:#323333;*/
}

.w70 {
  width: 70px;
}

.w100p {
  width: 100%;
}

.side_category_select {
  padding: 8px;
  border: 1px #ccc solid;
  border-bottom: none;
}

.side_category_select.bb1 {
  border-bottom: 1px #ccc solid;
}

.hidden-side {
  visibility: hidden;
}

input[type="radio"] {
  position: relative;
  top: -2px;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  margin-right: 0.5em;
}

.text-center {
  text-align: center;
}

.list li p.price span.hidden_v,
#list li p.price span.hidden_v,
.hidden_v {
  display: none;
  font-size: xx-small;
}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input,
textarea {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.over:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.linkBox_contents:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.flexbox-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
}

.flex {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-flex-pack: justify;
  -moz-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  flex-direction: row;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.leftBox {
  float: left;
}

.rightBox {
  float: right;
}

.inner {
  width: 1020px;
  margin: 0 auto;
}

article {
  padding: 15px 0 0 0;
}

a {
  color: #215078;
}

.btn {
  display: inline-block;
  background-color: #215078;
  color: #fff;
  border: none;
  padding: .4em 4em;
  cursor: pointer;
  border-radius: .3em;
}


.btn a {
  text-decoration: none;
  color: #fff;
}

.btn3 {
  display: inline-block;
  background-color: #f5cd56;
  color: #000;
  border: none;
  padding: .5em 4em;
  cursor: pointer;
  border-radius: .3em;
  font-weight: bold;
}

.btn3 a {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

.btn2 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5d220;
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, .49);
  -moz-box-shadow: inset 0 0 2px rgba(255, 255, 255, .49);
  box-shadow: inset 0 0 2px rgba(255, 255, 255, .49);
  border: solid 1px #e8b255;
  background-image: -webkit-linear-gradient(bottom, #f4bb1c, #f5cf5b);
  background-image: -moz-linear-gradient(bottom, #f4bb1c, #f5cf5b);
  background-image: -o-linear-gradient(bottom, #f4bb1c, #f5cf5b);
  background-image: -ms-linear-gradient(bottom, #f4bb1c, #f5cf5b);
  background-image: linear-gradient(to top, #f4bb1c, #f5cf5b);
  padding: .4em 4em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 6px rgba(218, 97, 17, .8);
  font-size: 22px;
  cursor: pointer;
}

.back {
  margin-bottom: 1em;
}

.back a {
  display: block;
  padding-left: 35px;
  font-size: 14px;
  color: #224f78;
  position: relative;
}

.back a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 3px 0;
  border-color: transparent #204e73 transparent transparent;
  position: absolute;
  top: 8px;
  left: 17px;
}

.back a:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 1px #224f78 solid;
  border-radius: 10px;
  position: absolute;
  top: 2px;
  left: 10px;
}

.formWrap {
  border: 1px #cccccc solid;
  margin-bottom: .8em;
  box-shadow: 0 0 0 10px #efefef inset;
  padding: 1.5em 30px;
}

table.commonTbl {
  width: 100%;
}

.commonTbl th {
  text-align: left;
  width: 20%;
  background-color: #efefef;
}

.commonTbl th,
.commonTbl td {
  border: 1px #ccc solid;
  padding: 10px;
}

table.formTbl {
  width: 95%;
  margin: 0 auto;
}

.formTbl th {
  text-align: left;
  padding: 20px 5px;
  width: 260px;
}

.formTbl td {
  padding: 20px 10px;
  vertical-align: middle;
}

.formTbl tr {
  background: url(../img/form_dot.gif) repeat-x left bottom;
}

.formTbl input[type=text],
.formTbl input[type=password] {
  padding: 5px 7px;
  margin-bottom: 10px;
  font-size: 15px;
  width: 400px;
  border: 1px #ddd solid;
}

.formTbl select {
  padding: 5px 7px;
  border: 1px #ddd solid;
}

.formTbl p.note {
  color: #666666;
  font-size: 14px;
}

.formTbl span.req {
  display: inline-block;
  background-color: #224f78;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
  float: right;
}

#full .submit {
  padding: 1em 0;
  text-align: center;
  margin-top: 1em;
}

/* header */
header {
  background-color: #215078;
  /*color:#fff;*/
  padding: 5px 0 0 0;
}

#search-submit {
  cursor: pointer;
}

header>.inner {
  padding-bottom: 5px;
}

header p {
  font-size: 13px;
  display: inline-block;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
}

header p.label {
  background-color: #f5cd56;
  color: #215078;
  padding: 1px 10px;
  border-radius: 3px;
  margin-right: 5px;
}

header ul li {
  float: left;
}

header ul .carten a {
  padding-left: 10px;
  padding-right: 10px;
}

header button {
  line-height: 17px;
  border-radius: 3px;
  box-shadow: none;
  font-size: 12px;
  margin-left: 10px;
  background: #ccc;
}

header .japanTime {
  margin-right: 30px;
}

header ul li a {
  color: #fff;
  font-size: 12px;
}

header .help ul li a {
  position: relative;
  display: inline-block;
  padding: 0px 10px;
  text-decoration: none;
}

header .help ul li a:after {
  content: "";
  display: block;
  background-color: #fff;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 3px;
  right: 0;
}

header .help ul li:last-child a:after {
  display: none;
}

header .language a {
  text-decoration: none;
}

header .language span.active {
  display: inline-block;
  padding: 1px 5px;
  background-color: #f5cd56;
  color: #215078;
  font-weight: bold;
  border-radius: 3px;
  font-size: 12px;
}

header .language ul li {
  padding: 2px 10px;
  line-height: 100%;
}

header .language ul li a {
  display: inline-block;
  padding: 2px 0;
}

header #logoArea {
  background-color: #f0f0f0;
}

header #logoArea .inner {
  padding: 20px 0;
}

header #search {
  vertical-align: middle;
  padding-left: 30px;
}

header #search form {
  position: relative;
  border: 1px #d2d2d2 solid;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
}

header #search form .select-site {
  position: absolute;
  cursor: pointer;
}

header #search .order_form_link {
  display: block;
  margin-bottom: -8px;
  margin-top: 8px;
}

.options {
  border: 1px #ccc solid;
  width: 75px;
  height: 150px;
  overflow-y: auto;
  background-color: #fff;
  position: relative;
  z-index: 99;
  position: absolute;
  display: none;
}

.options.on {
  display: block;
}

.options span {
  display: block;
  padding: 12px 10px 12px 20px;
  border-bottom: 1px #ddd solid;
  cursor: pointer;
  font-size: 14px;
  height: 50px;
}

.options span:last-child {
  border-bottom: none;
}

.options span:hover {
  background-color: #eee;
}

.options span img {
  height: 22px;
  width: auto;
}

header #search form .select-site .selected {
  width: 70px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 50px;
  padding: 0 15px 0 15px;
  border-right: 1px #ccc solid;
  position: relative;
  text-align: center;
}

header #search form .select-site .selected:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 22px;
  right: 8px;
}

.selected.no-after:after {
  display: none !important;
}


*,
a:focus {
  outline: 0;
}

header #search input[type=text] {
  padding: 15px 15px 15px 75px;
  border: none;
  background: none;
  width: 390px;
}

header #search input[type=submit] {
  background: url(/common/img/icon_search.png) #215078 no-repeat center center;
  border: none;
  padding: 15px 20px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

header #button {
  display: table-cell;
  padding-top: 7px;
  position: relative;
}

/*header #button a{
  text-indent:-9999px;
}*/
header #button a.regist {
  display: inline-block;
  /*  background-image:url(../img/btn_regist.png);*/
  background-repeat: no-repeat;
  width: 136px;
  height: 37px;
  display: none;
}

header #button a.login {
  display: inline-block;
  /*  background-image:url(../img/btn_login.png);*/
  background-repeat: no-repeat;
  width: 123px;
  height: 37px;
  display: none;
}

header #button a.logout {
  display: inline-block;
  background-image: url(../img/btn_logout.png);
  background-repeat: no-repeat;
  width: 123px;
  height: 37px;
}

header #button a.mypage {
  display: inline-block;
  background-image: url(../img/btn_mypage.png);
  background-repeat: no-repeat;
  width: 136px;
  height: 37px;
  margin-right: 3px;
}

header #button li.mypage span:not(.number) {
  position: relative;
}

header #button li.mypage span.number {
  position: absolute;
  background-color: #e94947;
  width: 32px !important;
  height: 15px;
  display: block;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  border-radius: 9px;
  text-align: center;
  top: -35px;
  right: -5px;
}

span.number.mark_c {
  position: absolute;
  background-color: #e94947;
  width: 15px !important;
  height: 15px;
  display: block;
  line-height: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  border-radius: 10px;
  text-align: center;
  top: -0;
  right: 20px;
}

/*header #button a.regist:hover{
  background-image:url(../img/btn_regist_o.png);
}
header #button a.login:hover{
  background-image:url(../img/btn_login_o.png);
}
header #button a.mypage:hover{
  background-image:url(../img/btn_mypage_o.png);
}
header #button a.logout:hover{
  background-image:url(../img/btn_logout_o.png);
}*/
header #button a:first-child {
  display: inline-block;
  margin-right: 10px;
}

header #button .member_name {
  position: absolute;
  color: #215078;
  font-size: 12px;
  right: 5px;
  top: -15px;
}

header #loginInfo li {
  padding: 5px 15px;
  border-right: 1px #ddd solid;
}

header #loginInfo li.name {
  font-size: 14px;
  color: #323333;
  padding: 10px 10px 10px 0;
  text-align: center;
}

header #loginInfo li.name a {
  color: #215078;
  font-size: 14px;
}

header #loginInfo li.mypage a {
  display: block;
  text-align: center;
  text-indent: inherit;
  color: #323333;
  background-image: url(../img/icon_mypage.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 28px;
  text-decoration: none;
  font-size: 14px;
  margin-right: 0;
}

header #loginInfo li.cart a {
  display: block;
  text-align: center;
  text-indent: inherit;
  color: #323333;
  background-image: url(../img/icon_cart.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 28px;
  text-decoration: none;
  font-size: 14px;
  margin-right: 0;
}

header #button.logon {
  padding-top: 0;
}

/* tabnav */
.tabnav_wrapper {
  font-size: 100px;
  background-color: #e5e4e4;
}

@media(max-width:768px) {
  .tabnav_wrapper {
    margin-top: 10px;
  }
}

.tab_menus {
  width: 1020px;
  margin: 0 auto;
}

@media(max-width:768px) {
  .tab_menus {
    width: 100%;
  }
}

.tab_menus .tabs .tab:hover {
  opacity: 0.7;
}

.tabs {
  display: flex;
}

@media(max-width: 768px) {
  .tabs {
    display: flex;
    flex-wrap: wrap;
  }
}

@media(max-width: 768px) {
  .tabnav_wrapper .tabs>li {
    width: 50%;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.tabs label {
  display: flex;
  padding: 10px 20px;
  cursor: pointer;
  border-bottom: none;
  margin-right: 2px;
  min-width: 255px;
  text-align: center;
  color: #747474;
  font-weight: bold;
  margin-left: -2px;
  align-items: center;
  justify-content: center;
}

@media(max-width:768px) {
  .tabs label {
    min-width: 0px;
    font-size: 12px;
    padding: 10px 0px;
  }
}

.tabimage_wrapper {
  padding-bottom: 30px;
  min-height: 50px;
}

@media(max-width:768px) {
  .tabimage_wrapper {
    display: none;
  }
}

.tabimage_wrapper label {
  padding: 10px 20px;
  margin-right: 2px;
  min-width: 255px;
  min-height: 30px;
  color: #747474;
  font-weight: bold;
}

.tabnav_wrapper .tabs>li {
  position: relative;
}

.tabnav_wrapper .tabs>li:first-child::before,
.tabnav_wrapper .tabs>li::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 0;
  width: 1px;
  background-color: #bdbdbd;
}

.tabnav_wrapper .tabs>li:first-child::before {
  right: auto;
  left: 0;
}

.tabnav_wrapper .tabs>li.selected::before,
.tabnav_wrapper .tabs>li.prev-selected::after {
  content: none;
}

@media(max-width:768px) {
  .tabnav_wrapper .tabs>li::after {
    display: none;
  }
}

.icon_img {
  padding-right: 10px;
}
@media(max-width:768px) {
  .icon_img {
  padding-right: 5px;
}
}
.search_logo {
  transform: translate(-10%, -50%);
  height: 22px;
}

.tabs li a {
  text-decoration: none;
}

.tabs li.selected {
  background-color: white;
  color: black;
  border-bottom: 3px solid red;
}

.tabs li.selected::after {
  content: none;
  position: absolute;
  top: 10px !important;
  bottom: 10px !important;
  width: 1px !important;
  background-color: #bdbdbd !important;
  right: -1px !important;
}

.tabs li.selected:last-child:after {
  content: none;
}

/* main */
#main {
  float: right;
  width: 740px;
  margin-left: 30px;
}

a.more {
  display: inline-block;
  float: right;
  text-decoration: none;
  background-color: #f5cd56;
  color: #224f78;
  font-size: 12px;
  padding: 3px 10px 2px 20px;
  border-radius: 3px;
  position: relative;
}

a.more:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  border-color: transparent transparent transparent #224e78;
  position: absolute;
  left: 10px;
  top: 8px;
}

#list span.shopping,
#list span.auction {
  font-size: 10px;
}

#list span.shopping,
#list span.auction {
  padding: 3px 5px 2px 20px;
  background-position: 2px 4px;
  line-height: 160%;
}

#list li .itemName {
  font-weight: normal;
  padding-left: 0;
  background: none;
}

section:last-child {
  margin-bottom: 0;
}

#list li img.item {
  border: 1px #ccc solid;
  width: 100%;
}

.list.hide {
  display: none;
}

.list li img.item {
  width: 100%;
  vertical-align: middle;
  display: block;
}

.list li div.mask {
  overflow: hidden;
  border: 1px #ccc solid;
  height: 171px;
  position: relative;
}

.member_mercari_index .list li div.mask {
  border: none;
}

.list li div.mask.sold::after {
  content: "SOLD";
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  top: -29px;
  left: -48px;
  background: #FF0310;
  transform: rotate(-45deg);
  width: 100px;
  text-align: center;
  padding-top: 40px;
}

.list li {
  width: 171px;
  padding-top: 15px;
  float: left;
  margin-right: 16px;
  margin-bottom: 20px;
}

.list li:nth-child(4n) {
  margin-right: 0;
}

.list li .itemName {
  font-weight: normal;
  padding-left: 0;
  background: none;
  height: 40px;
}

.list li .itemName a {
  display: block;
  font-size: 14px;
  line-height: 130%;
}

.list li p.price {
  line-height: 100%;
  margin-top: 10px;
}

.list li p.rate {
  line-height: 100%;
  font-size: 12px;
  color: #999;
}

.list li p.rate span {
  line-height: 100%;
  font-size: 12px;
}

.list li p.price span {
  color: #e94947;
  font-weight: bold;
  font-size: 22px;
  display: inline-block;
  padding-right: 5px;
}

.list .type {
  margin-top: 10px;
  margin-bottom: 5px;
}

.list .site {
  margin-top: 8px;
  margin-left: 5px;
}

.list span.shopping {
  display: block;
  float: left;
  background-color: #66afdf;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_shopping.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
  vertical-align: text-bottom;
}

.list span.type.yahoo_shopping {
  display: block;
  float: left;
  background-color: #66afdf;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_shopping.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
  vertical-align: text-bottom;
}

.list span.type.mercari {
  display: block;
  float: left;
  background-color: #df6666;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_shopping.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
  vertical-align: text-bottom;
}

.list span.auction {
  display: block;
  float: left;
  background-color: #dda648;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_auction.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
  vertical-align: text-bottom;
}

.list span.type.yahoo_auction {
  display: block;
  float: left;
  background-color: #dda648;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_auction.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
  vertical-align: text-bottom;
}

.list span.site.amazon {
  display: block;
  float: left;
  background-image: url(../img/icon_amazon.jpg);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
}

.list span.site.y_auction {
  display: block;
  float: left;
  background-image: url(../img/icon_y_auction.jpg);
  background-repeat: no-repeat;
  background-size: 35px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 35px;
  height: 25px;
  margin-left: 5px;
}

.list span.site.rakuten {
  display: inline-block;
  background-image: url(../img/icon_rakuten.jpg);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.list span.site.y_shopping {
  display: block;
  float: left;
  background-image: url(../img/icon_y_shopping.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.list span.site.mercari {
  display: block;
  float: left;
  background-image: url(../img/icon_mercari.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  margin-left: 5px;
}


.list div.auction {
  margin-top: 10px;
}

.list div.auction p {
  font-size: 12px;
}

.list div.auction p.bid span {
  color: #e94947;
  font-weight: bold;
}

.list p.time {
  margin-top: 3px;
  background-image: url(../img/icon_auction_time.jpg);
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}

#list li .itemName a {
  display: block;
  font-size: 14px;
  line-height: 130%;
}

#list span.shopping {
  display: inline-block;
  background-color: #66afdf;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_shopping.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
}

#list span.auction {
  display: inline-block;
  background-color: #dda648;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px 2px 30px;
  background-image: url(../img/icon_auction.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 8px 4px;
  border-radius: 3px;
}

#list span.site.amazon {
  display: inline-block;
  background-image: url(../img/icon_amazon.jpg);
  background-repeat: no-repeat;
  background-size: 20px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
}

#list span.site.y_auction {
  display: inline-block;
  background-image: url(../img/icon_y_auction.jpg);
  background-repeat: no-repeat;
  background-size: 35px auto;
  background-position: center center;
  text-indent: -9999px;
  width: 35px;
  height: 25px;
}

#list li p.price span {
  color: #e94947;
  font-weight: bold;
  font-size: 22px;
  display: inline-block;
  padding-right: 5px;
}

#list .type {
  margin-top: 10px;
  margin-bottom: 5px;
}

#list div.auction p.bid span {
  color: #e94947;
  font-weight: bold;
}

#list li p.rate {
  line-height: 100%;
  font-size: 12px;
}

#list div.auction p {
  font-size: 12px;
}

#list p.time {
  margin-top: 3px;
  background-image: url(../img/icon_auction_time.jpg);
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}



.list .linkbox div.mask {
  overflow: hidden;
  border: 1px #ccc solid;
  height: auto;
  position: relative;
}

.fade-slider img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* オーダーフォーム */
.orderForms {
  margin-top: 3em;
}

.orderForms li span.number {
  position: absolute;
  background-color: #e94947;
  width: 32px !important;
  height: 15px;
  display: block;
  line-height: 16px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  border-radius: 9px;
  text-align: center;
  top: 20px;
  right: 20px;
}

#main .orderForms li {
  width: 100%;
}

.orderForms li {
  display: inline-block;
  text-align: center;
  width: calc(100% / 4 - 4px);
  padding: 10px 10px 10px 0;
}

.orderForms li:last-child {

  padding-right: 0px;
}

.orderForms li a {
  display: block;
  border: 1px #ccc solid;
  padding: 1em 0 1em 70px;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  position: relative;
  font-size: 17px;
  line-height: 120%;
}

@media(max-width:768px) {
  .orderForms li a {
    padding: 1rem 5px 1rem 60px;
    font-size: 20px;
  }
}

#main .orderForms li a {
  padding: 1em 0 1em 1em;
  text-align: center;
}

.orderForms li a.auction {
  background-image: url(../../img/bnr_auction.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 40px auto;
}

.orderForms li a.shop {
  background-image: url(../../img/bnr_cart.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 40px auto;
}

.orderForms li a.toranoana {
  background-image: url(../../img/icon_toranoana.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 40px auto;
}

.orderForms li a.mercari {
  background-image: url(../../img/bnr_mercari2.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 40px auto;
}

form .mercari_button {
  background: url(../../img/bnr_mercari.png) top 10px left 10px no-repeat;
  background-size: 30px auto;
  padding: 15px 15px 15px 45px;
  cursor: pointer;
  border-radius: 10px;
  font-size: 15px;
  color: #224f78;
  border: 1px solid #224f78;
}

.orderForm {
  border-radius: 10px;
  font-weight: bold;
  margin-right: 10px;
  color: #fff;
  background: url("../img/member/arrow_down.png") right 10px center no-repeat #224f78;
  text-align: center;
  font-size: 16px;
  margin-left: 10px;
  padding: 7px;
  cursor: pointer;
}

.orderForm .text {
  padding: 10px 0px 10px 25px;

  margin: auto;
  background-image: url("../img/member/order_icon.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.orderForm .textja {
  width: 175px;
}

.orderForm .texten,
.orderForm .texttw,
.orderForm .textcn {
  width: 150px;
}


.orderForm li {
  margin-right: 5px;
}

.orderForm li a {
  display: block;
  position: relative;
  color: #215078 !important;
  border: 1px #ccc solid;
  border-radius: 10px;
  padding: 1.5em 0.7em;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  line-height: 120%;
}

@media(max-width:768px) {
  #other_shopping .orderForms ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media(max-width:768px) {
  #other_shopping .orderForms li {
    width: 100%;
  }
}

/* headline */
h2.ttl {
  background-color: #224f78;
  color: #fff;
  font-size: 16px;
  padding: 5px 5px 5px 27px;
  position: relative;
}

h2.ttl:before {
  content: "";
  display: block;
  width: 3px;
  height: calc(100% - 15px);
  position: absolute;
  background-color: #f5cd56;
  left: 12px;
  top: 7px;
}

h1.ttl {
  font-size: 26px;
  color: #224f78;
  background: url(../img/bg_headeline.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0px 0px 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  @media(max-width:768px) {
    flex-direction: column;
    align-items: flex-start;
  }
}

h2:not(.ttl) {
  font-size: 26px;
  color: #224f78;
  background: url(../img/bg_headeline.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0px 0px 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  @media(max-width:768px) {
    flex-direction: column;
    align-items: flex-start;
  }
}

h1.ttl a, h2:not(.ttl) a {
  font-size: 13px;
  font-weight: normal;
  @media(max-width:768px) {
    display: block;
    width: 100%;
  }
}

/* sidebar */
#side {
  width: 250px;
  float: left;

}

#side h3 {
  background-color: #204d74;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#side h3:nth-of-type(2) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#side ul.category_list>li {
  /*#side ul li{*/
  border: 1px #ccc solid;
  border-bottom: none;
  position: relative;
}

#side ul.category_list>li:after {
  /*#side ul li:after{*/
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px #204d74 solid;
  border-bottom: 2px #204d74 solid;
  position: absolute;
  right: 10px;
  top: 17px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

#side ul.category_list>li a {
  /*#side ul li a{*/
  display: block;
  padding: 10px 10px 10px 40px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  color: #323333;
}

#side ul.category_list>li:hover>a {
  color: #204d74;
}

#side ul li.img-3 {
  background-image: url(../img/icon_baby.gif);
}

#side ul li.img-5 {
  background-image: url(../img/icon_book.gif);
}

#side ul li.img-6 {
  background-image: url(../img/icon_beauty.gif);
}

#side ul li.img-7 {
  background-image: url(../img/icon_computer.gif);
}

#side ul li.img-113 {
  background-image: url(../img/icon_office.gif);
}

#side ul li.img-1328 {
  background-image: url(../img/icon_hobby.gif);
}

#side ul li.img-1844 {
  background-image: url(../img/icon_food.gif);
}

#side ul li.img-9879 {
  background-image: url(../img/icon_cd.gif);
}

#side ul li.anime {
  background-image: url(../img/icon_anime.gif);
}

#side ul li.game {
  background-image: url(../img/icon_hobby.gif);
}

#side ul li.electronics {
  background-image: url(../img/icon_av.gif);
}

#side ul li.computer {
  background-image: url(../img/icon_computer.gif);
}

#side ul li.hobby {
  background-image: url(../img/icon_culture.gif);
}

#side ul li.clock {
  background-image: url(../img/icon_clock.gif);
}

#side ul li.book {
  background-image: url(../img/icon_book.gif);
}

#side ul li.kitchen {
  background-image: url(../img/icon_tarent.gif);
}

#side ul li.fashion {
  background-image: url(../img/icon_fassion.gif);
}

#side ul li.beauty {
  background-image: url(../img/icon_beauty.gif);
}

#side ul li.baby {
  background-image: url(../img/icon_baby.gif);
}

#side ul li.food {
  background-image: url(../img/icon_food.gif);
}

#side ul li.car {
  background-image: url(../img/icon_bike.gif);
}

#side ul li.kitchen {
  background-image: url(../img/icon_office.gif);
}

#side ul li.music {
  background-image: url(../img/icon_cd.gif);
}

#side ul li.sports {
  background-image: url(../img/icon_sports.gif);
}

#side ul li.anime:hover {
  background-image: url(../img/icon_anime_o.gif);
}

#side ul li.game:hover {
  background-image: url(../img/icon_hobby_o.gif);
}

#side ul li.electronics:hover {
  background-image: url(../img/icon_av_o.gif);
}

#side ul li.computer:hover {
  background-image: url(../img/icon_computer_o.gif);
}

#side ul li.hobby:hover {
  background-image: url(../img/icon_culture_o.gif);
}

#side ul li.clock:hover {
  background-image: url(../img/icon_clock_o.gif);
}

#side ul li.book:hover {
  background-image: url(../img/icon_book_o.gif);
}

#side ul li.kitchen:hover {
  background-image: url(../img/icon_tarent_o.gif);
}

#side ul li.fashion:hover {
  background-image: url(../img/icon_fassion_o.gif);
}

#side ul li.beauty:hover {
  background-image: url(../img/icon_beauty_o.gif);
}

#side ul li.baby:hover {
  background-image: url(../img/icon_baby_o.gif);
}

#side ul li.food:hover {
  background-image: url(../img/icon_food_o.gif);
}

#side ul li.car:hover {
  background-image: url(../img/icon_bike_o.gif);
}

#side ul li.kitchen:hover {
  background-image: url(../img/icon_office_o.gif);
}

#side ul li.music:hover {
  background-image: url(../img/icon_cd_o.gif);
}

#side ul li.sport:hovers {
  background-image: url(../img/icon_sports_o.gif);
}

#side ul li {
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 26px auto;
}

#side ul.category_list>li {
  position: relative;
}

#side ul.category_list>li:first-child {
  border-top: none;
}

/*#side ul li:last-child{*/
#side ul.category_list>li:last-child {
  border-bottom: 1px #ccc solid;
}

#side ul.category_list .child1 {
  width: 250px;
  position: absolute;
  right: -250px;
  background-color: #fff;
  border: 1px #ccc solid;
  z-index: 2;
  padding: 0px 0;
  top: 0;
  display: none;
}

#side ul.category_list .child2 {
  width: 250px;
  position: absolute;
  right: -250px;
  background-color: #fff;
  border: 1px #ccc solid;
  z-index: 2;
  padding: 0px 0;
  top: 0;
  display: none;
}

#side ul.category_list .child1 li {
  position: relative;
}

#side ul.category_list>li:hover .child1 {
  display: block;
}

#side ul.category_list>li:hover .child1 li:hover .child2 {
  display: block;
}

#side ul.category_list .child1 li a {
  padding: 5px 10px;
  border-bottom: 1px #ddd solid;
  position: relative;
}

#side ul.category_list .child1 li:hover>a {
  color: #204d74;
}

#side ul.category_list .child1 li a:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px #204d74 solid;
  border-bottom: 2px #204d74 solid;
  position: absolute;
  right: 15px;
  top: 11px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

#side ul.category_list .child1>li:last-child>a {
  border-bottom: none;
}

#side ul.category_list .child1>li:last-child>a .child2>li:last-child>a {
  border-bottom: none;
}

#side ul.category_list .child2 li a:after {
  display: none;
}

#side .box {
  border: 1px #ccc solid;
  border-top: none;
  position: relative;
}

#side h4 {
  font-size: 16px;
  color: #224f78;
  padding: 10px 10px 0 10px;
}

#side h5 {
  font-size: 16px;
  color: #224f78;
  padding: 10px 10px 0 15px;
}

#side ul#select {
  margin-bottom: 25px;
  border-left: 2px #224f78 solid;
  margin-left: 25px;
  margin-top: 15px;
}

#side ul#select li {
  border: none;
}

#side ul#select li a {
  padding: 5px 5px 0px 15px;
  font-weight: normal;
  text-decoration: underline;
  font-size: 14px;
  color: #204d74;
}

#side ul#select li:after {
  display: none;
}

#side .box.inbox {
  padding: 15px;
}

#side .box .ttl {
  padding: 0px 0 5px 0;
  color: #224f78;
  font-weight: bold;
}

#side .box label {
  display: block;
}

#side .box .ttl.price {
  background-image: url(/common/img/icon_label_yen.gif);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 0px 3px;
  padding-left: 25px;
  border-bottom: 1px #ccc solid;
}

#side .box .ttl.keyword {
  background-image: url(/common/img/icon_keyword.png);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 0px 3px;
  padding-left: 25px;
  border-bottom: 1px #ccc solid;
}

#side .box .ttl.site {
  background-image: url(/common/img/icon_label_pc.gif);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: 0px 3px;
  padding-left: 25px;
  border-bottom: 1px #ccc solid;
}

#side .box .inputs {
  padding: 10px 0;
}

#side .box .inputs input[type=text] {
  border: 1px #ccc solid;
  padding: 8px;
}

#side .auction_sokketsu {
  margin-top: 5px;
}

#resultCount {
  padding: 10px;
  display: none;
}

#resultCount span {
  font-size: 20px;
  display: inline-block;
  margin-right: 5px;
}

button.btnSearch {
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  border: none;
  width: 100%;
  padding: 5px 0 5px 0;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: .2em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5cf5b+0,f4bb1c+100 */
  background: #f5cf5b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5cf5b 0%, #f4bb1c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5cf5b 0%, #f4bb1c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5cf5b 0%, #f4bb1c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5cf5b', endColorstr='#f4bb1c', GradientType=0);
  /* IE6-9 */
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

button.btnSearch:hover {
  background: linear-gradient(to top, #f5cf5b 0%, #f4bb1c 100%);
}

button.btnCart {
  width: 80%;
  margin: 2em auto 0 auto;
}

button.btnCart span {
  display: inline-block;
  background-image: url(../img/icon_cart_02.png);
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 26px auto;
  letter-spacing: 0;
  font-size: 22px;
  color: #fff;
  padding: 3px 10px 3px 35px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

button.btnWatch {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  border: none;
  width: 100%;
  padding: 5px 0 3px 0;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: .2em;
  background-image: -webkit-linear-gradient(bottom, #1f4e74, #306996);
  background-image: -moz-linear-gradient(bottom, #1f4e74, #306996);
  background-image: -o-linear-gradient(bottom, #1f4e74, #306996);
  background-image: -ms-linear-gradient(bottom, #1f4e74, #306996);
  background-image: linear-gradient(to top, #1f4e74, #306996);
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

button.btnWatch {
  width: 50%;
  margin: 2em auto 0 auto;
}

button.btnWatch span {
  display: inline-block;
  background-image: url(../img/icon_watch.png);
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 26px auto;
  letter-spacing: 0;
  font-size: 22px;
  color: #fff;
  padding: 3px 10px 3px 35px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

button.btnBid {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  border: none;
  width: 100%;
  padding: 5px 0 3px 0;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: .2em;
  background-image: -webkit-linear-gradient(bottom, #1f4e74, #306996);
  background-image: -moz-linear-gradient(bottom, #1f4e74, #306996);
  background-image: -o-linear-gradient(bottom, #1f4e74, #306996);
  background-image: -ms-linear-gradient(bottom, #1f4e74, #306996);
  background-image: linear-gradient(to top, #1f4e74, #306996);
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

button.btnBid {
  /*  width:35%;*/
  width: 50%;
  display: inline-block;
  margin: 2em 15px 0 auto;
}

button.btnBid span {
  display: inline-block;
  background-image: url(../img/icon_bid.png);
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 26px auto;
  letter-spacing: 0;
  font-size: 22px;
  color: #fff;
  padding: 3px 10px 3px 35px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}


button.btnBuyitnow,
button.goToForm {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .49);
  border: none;
  width: 100%;
  padding: 5px 0 3px 0;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: .2em;
  background-image: -webkit-linear-gradient(bottom, #ff8c00, #ffb75e);
  background-image: -moz-linear-gradient(bottom, #ff8c00, #ffb75e);
  background-image: -o-linear-gradient(bottom, #ff8c00, #ffb75e);
  background-image: -ms-linear-gradient(bottom, #ff8c00, #ffb75e);
  background-image: linear-gradient(to top, #ff8c00, #ffb75e);
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 50%;
  display: inline-block;
  margin: 2em 15px 0 auto;
}

button.btnBuyitnow span,
button.goToForm span {
  display: inline-block;
  background-image: url(../img/icon_bid.png);
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: 26px auto;
  letter-spacing: 0;
  font-size: 22px;
  color: #fff;
  padding: 3px 10px 3px 35px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}

button.goToForm {
  cursor: pointer;
  padding: 3px 10px 3px 10px;
  white-space: nowrap;
  min-width: 50%;
  width: auto;
}

button.goToForm span {
  background-image: none;
  padding: 3px 10px 3px 10px;
}

p.go_to_form_note {
  margin-bottom: -20px;
  margin-top: 26px;
  font-size: 0.9rem;
  background: #ff7e002e;
  padding: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mg20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.button.pb0 {
  padding-bottom: 0;
}

/* ご利用ガイド */
footer {
  margin-top: 4em;
}

footer #guide {
  background-color: #f5cd56;
  padding: 2em 0;
}

footer #guide h3 {
  font-weight: normal;
  font-size: 24px;
  margin-bottom: .5em;
}

footer #guide li {
  width: 32%;
  margin-bottom: 1em;
}

footer #guide li.icon01 a span {
  background-image: url(/common/img/guide_icon01.gif);
}

footer #guide li.icon02 a span {
  background-image: url(/common/img/guide_icon02.gif);
}

footer #guide li.icon03 a span {
  background-image: url(/common/img/guide_icon03.gif);
}

footer #guide li.icon04 a span {
  background-image: url(/common/img/guide_icon04.gif);
}

footer #guide li.icon05 a span {
  background-image: url(/common/img/guide_icon05.gif);
}

footer #guide li.icon06 a span {
  background-image: url(/common/img/guide_icon06.gif);
}

footer #guide li.icon07 a span {
  background-image: url(/common/img/guide_icon07.gif);
}

footer #guide li.icon08 a span {
  background-image: url(/common/img/guide_icon08.gif);
}

footer #guide li.icon09 a span {
  background-image: url(/common/img/guide_icon09.gif);
}

footer #guide li a span {
  background-repeat: no-repeat;
  background-position: 2px 3px;
  background-size: 27px auto;
}

footer #guide li a {
  background-color: #fff;
  display: block;
  text-decoration: none;
  padding: 10px;
  position: relative;
}

footer #guide li a:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-color: #224f78;
  position: absolute;
  right: 15px;
  top: 20px;
}

footer #guide li a:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 24px;
}

footer #guide li a span {
  display: inline-block;
  color: #224f78;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 10px 10px 50px;
  border-bottom: 1px #224f78 solid;
  position: relative;
}

footer #guide li a span:before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  background-color: #cccccc;
  position: absolute;
  top: 3px;
  left: 40px;
}

/* カテゴリー */
footer .category {
  background-color: #f2f2f2;
  padding: 2.5em 0;
}

footer .category h3 {
  font-size: 16px;
  margin-bottom: .5em;
}

footer .category li {
  width: 20%;
  margin-bottom: .5em;
  position: relative;
  padding-left: 20px;
}

footer .category li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px #313333 solid;
  border-bottom: 2px #313333 solid;
  position: absolute;
  left: 0;
  top: 8px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

footer .category li:nth-child(14),
footer .category li:last-child,
footer .category li:nth-child(14):before,
footer .category li:last-child:before {
  display: none;
}

footer .category li a {
  color: #224f78;
  font-size: 13px;
}

footer .ftBox {
  padding: 1.5em 0;
}

footer .ftBox ul.link {
  text-align: right;
}

footer .ftBox ul.link li {
  display: inline-block;
}

footer .ftBox ul.link li a {
  text-decoration: none;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #204d74;
}

footer .ftBox ul.link li a:before {
  content: "";
  display: block;
  width: 1px;
  height: 17px;
  background-color: #313333;
  position: absolute;
  right: -10px;
  top: 2px;
}

footer .ftBox ul.link li:last-child a:before {
  display: none;
}

footer ul.payment {
  text-align: left;
  float: left;
  width: 49%;
  padding-top: 3.5em;
}

footer ul.payment li {
  display: inline-block;
  padding-right: 15px;
}

footer ul.payment li img {
  zoom: .5;
  -moz-transform: scale(0.5, 0.5) translate(-23px, -23px);
}

footer .ftLogo {
  float: right;
  text-align: right;
  width: 49%;
  padding-top: 2em;
}

footer .copyright {
  background-color: #224f78;
  text-align: center;
}

footer .copyright p {
  color: #fff;
  padding: .5em 0;
  font-size: 12px;
}

#pager {
  text-align: center;
  margin-top: 2em;

  display: block;
}

#pager li {
  display: inline-block;
  margin: 2px;
  border: 1px #2f2b27 solid;
}

#pager li a {
  display: block;
  padding: 0 6px 2px;
  ;
  width: 38px;
  height: 38px;
  line-height: 40px;
  text-decoration: none;
  font-weight: bold;
  color: #2f2b27;
  cursor: pointer;
}

#pager li.active {
  display: inline-block;
  padding: 10px;
  /* border: 1px #2f2b27 solid; */
  width: 40px;
  height: 40px;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
  background: #2f2b27;
}

#pager li.disabled {
  display: inline-block;
  padding: 10px;
  border: 1px #2f2b27 solid;
  width: 40px;
  height: 40px;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
}

#pager li a.active {
  background-color: #2f2b27;
  color: #fff;
}

#pager.detail li a {
  width: auto;
}

#pager .lt {
  float: left;
}

#pager .rt {
  float: right;
}

#pager li.hide {
  display: none;
}


/* ぱんくず */
#breadcrumb {
  border-bottom: 1px #efefef solid;
}

#breadcrumb ol {
  list-style: none;
  padding: 10px 0 15px 0;
}

#breadcrumb ol li {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}

#breadcrumb ol li a:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  right: 4px;
  top: 10px;
}

#breadcrumb ol li span {
  font-size: 12px !important;
  line-height: 100%;
}

.link {
  padding-top: 30px;
}

span.note {
  display: inline-block;
  padding-left: 5px;
  padding-top: 5px;
  color: #aaa;
  font-size: 12px;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  line-height: 1.5;
}

.alert {
  padding: 15px;
  margin: 10px 0;
  border: 1px solid transparent;
  border-radius: 4px;
}



.cssload-container {
  position: relative;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgb(204, 204, 204);
  border-left-color: rgb(0, 0, 0);
  border-radius: 974px;
  -o-border-radius: 974px;
  -ms-border-radius: 974px;
  -webkit-border-radius: 974px;
  -moz-border-radius: 974px;
}

.cssload-whirlpool {
  margin: 40px 0 0 -24px;
  height: 49px;
  width: 49px;
  animation: cssload-rotate 1150ms linear infinite;
  -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite;
  -webkit-animation: cssload-rotate 1150ms linear infinite;
  -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
  content: "";
  margin: -22px 0 0 -22px;
  height: 43px;
  width: 43px;
  animation: cssload-rotate 1150ms linear infinite;
  -o-animation: cssload-rotate 1150ms linear infinite;
  -ms-animation: cssload-rotate 1150ms linear infinite;
  -webkit-animation: cssload-rotate 1150ms linear infinite;
  -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
  content: "";
  margin: -28px 0 0 -28px;
  height: 55px;
  width: 55px;
  animation: cssload-rotate 2300ms linear infinite;
  -o-animation: cssload-rotate 2300ms linear infinite;
  -ms-animation: cssload-rotate 2300ms linear infinite;
  -webkit-animation: cssload-rotate 2300ms linear infinite;
  -moz-animation: cssload-rotate 2300ms linear infinite;
}

@keyframes cssload-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes cssload-rotate {
  100% {
    -o-transform: rotate(360deg);
  }
}

@-ms-keyframes cssload-rotate {
  100% {
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes cssload-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes cssload-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}

#modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 100;
  display: none;
}

#modal .modal_inner {
  padding-top: 20em;
}

#modal .modal_inner .white {
  background-color: #fff;
  width: 150px;
  height: 150px;
  display: inline-block;
  position: absolute;
  left: calc(50% - 75px);
  border-radius: 5px;
}

#modal .modal_inner .white p {
  text-align: center;
  position: absolute;
  bottom: 28px;
  left: 28px;
  font-weight: bold;
}

header ul#currencyMenu a {
  color: #666;
  text-decoration: none;
  display: block;
}

#currencyMenu {
  position: absolute;
  left: 100px;
  z-index: 2147483647;
  min-width: 210px;
  padding: 5px 10px;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
  top: 100%;
  display: none;
}

ul#currencyMenu li {
  float: none;
}

ul#currencyMenu li:hover {
  background: #f0f0f0;
}

/*header rate*/
.exchange.leftBox {
  position: relative;
}

#rate_1,
#code,
#rate {
  font-size: 13px;
}

a.button_my {
  /* background: #f5cd56;*/
  padding: 2px 4px;
  border-radius: 3px;
  text-decoration: none;
  /* color: #FFF; */
  line-height: 180%;
  text-align: center;
}

.sp_only {
  display: none !important;
}

.pc_only {
  /*display: block !important;*/
}

.ce {
  text-align: center;
}

.gray_t {
  color: #999;
  font-size: 12px;
}

.right {
  text-align: right;
}

.mt_40 {
  margin-top: -40px;
}

p.shopName img {
  height: 25px;
}

p.shopName img.a_logo {
  width: auto;
  margin-bottom: 5px;
}

.middle {
  vertical-align: middle;
}

.c_msg {
  color: #d0494d;
}

header #sp_menu_wrap {
  display: none;
}

.smaller {
  font-size: smaller;
}

.red {
  color: #db4945;
}

.bold {
  font-weight: bold;
}

.bg_gray {
  background: #f5f3f3;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
  color: #d8d7d7;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  color: #d8d7d7;
}

/* Firefox 18- */
:-moz-placeholder {
  color: #d8d7d7;
  opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #d8d7d7;
  opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
  color: #d8d7d7;
}


@media only screen and (min-width: 769px) {
  header #openLanguage {
    display: none;
  }
}

/* スマホ */
@media only screen and (max-width: 768px) {

  /*	input[type="button"],input[type="text"],input[type="submit"] {
		 -webkit-appearance: none;
	}
*/
  select,
  input[type=text] {
    -webkit-appearance: none;
  }

  #breadcrumb {
    display: none;
  }

  footer {
    margin-top: 0;
  }

  article {
    padding: 15px 0;
  }

  .inner {
    width: 100% !important;
  }

  .sec {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  footer #guide li {
    margin-bottom: 5px;
  }

  footer #guide li,
  footer .category li {
    width: 100%;
  }

  footer .ftBox ul.link {
    text-align: center;
    padding-top: 15px;
  }

  footer .ftBox ul.link li a {
    font-size: 11px;
    padding-left: 10px;
  }

  footer .ftBox ul.link li a:before {
    top: -1px;
    right: -7px;
  }

  footer .ftBox ul.link li:first-child a {
    padding-left: 0;
  }

  footer ul.payment {
    width: 100%;
    padding: 1em 15px;
  }

  footer ul.payment li {
    padding-right: 8px;
  }

  footer .ftLogo {
    float: none;
    text-align: center;
    width: 100%;
  }

  footer .ftLogo img {
    zoom: .5;
    -moz-transform: scale(0.5, 0.5) translate(-23px, -23px);
  }

  header #logoArea .inner {
    padding: 10px;
  }

  header {
    padding: 0;
  }

  header>.inner .japanTime {
    display: none;
  }

  header>.inner .help {
    display: none;
  }

  .leftBox,
  .rightBox {
    float: none;
  }

  header .rightBox {
    float: right;
  }

  header h1 img,
  header .leftBox img {
    width: 100%;
  }

  header #search {
    /*    display:none;*/
  }

  header #logoArea {
    background-color: #fff;
    border-bottom: 1px #ccc solid;
    position: relative;
  }

  header #logoArea .leftBox img {
    width: 100%;
  }
  header #logoArea .leftBox span img {
    width: 60%;
  }

  header #button img {
    /*width:68px;*/
  }

  header #loginInfo {
    position: absolute;
    top: 5px;
    right: 50px;
  }

  header #button {
    position: static;
  }

  header #loginInfo .name {
    display: none;
  }

  header #loginInfo li {
    border-right: none;
    padding: 5px 15px 5px 0 !important;
  }

  header #loginInfo li span {
    font-size: 9px;
  }

  header #loginInfo li:last-child {
    padding-left: 0;
  }

  header .language ul {
    text-align: left;
  }

  header .language ul li {
    float: none;
    display: inline-block;
    padding: 2px 5px;
  }

  /*  header #loginInfo li.mypage a{
    background-size: 18px auto;
    padding-top: 17px;
  }
  header #loginInfo li.mypage a span{
    font-size:10px;
  }
*/
  header #button li.mypage span.number {
    top: -20px;
    right: 0px;
  }

  /*  header #loginInfo li.cart a{
    font-size: 10px;
    background-size: 20px auto;
    padding-top: 20px;
  }
*/
  header .leftBox {
    float: left;
    padding: 5px;
  }

  header p.label {
    display: none;
  }

  header .exchange.leftBox {
    float: left;
  }

  header .exchange:before {
    content: "Rate:";
    display: block;
    float: left;
    color: #fff;
    font-size: 11px;
    margin-right: 1px;
  }

  header .language {
    padding: 0 2px 0 0;
  }

  #rate_1,
  #code,
  #rate,
  header .exchange p,
  header .exchange span {
    font-size: 12px;
  }

  header .language ul li a {
    font-size: 11px;
  }

  header .language ul {
    display: block;
    float: left;
    overflow: hidden;
    height: 23px;
    border: 1px #fff solid;
    margin-left: 5px;
    margin-top: 7px;
    width: 81px;
    position: relative;
  }

  header .language ul:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 2.5px 0 2.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 10px;
    right: 7px;
    z-index: 99;
  }

  header #openLanguage {
    margin: 0;
    overflow: auto;
    height: auto;
    z-index: 99;
    position: absolute;
    right: 5px;
    top: 29px;
    background-color: #fff;
    border: 1px #ccc solid;
  }

  header .language ul li {
    display: block;
    text-align: left;
    padding: 2px;
  }

  header .language ul li a {
    display: block;
    padding: 3px 5px;
  }

  header .language span.active {
    background-color: transparent;
    color: #fff;
    height: 23px;
  }

  #langMenu span.active {
    position: absolute;
    top: 0;
    background-color: #215078;
    display: block;
    width: 100%;
  }

  header #button {
    padding-top: 2px;
    float: none;
  }

  header #openLanguage li a,
  header #openLanguage li span {
    color: #000;
    font-size: 14px;
  }

  header #button a.regist,
  header #button a.login {
    text-indent: 0px;
    background: none;
    width: auto;
    height: auto;
    font-size: 11px;
    text-decoration: none;
    border: 1px #ccc solid;
    border-radius: 3px;
    padding: 4px 4px 2px 4px;
    text-align: center;
    line-height: 130%;
  }

  header #button a.regist {
    display: block;
    background: none;
    color: #000;
    border: none;
    text-align: center;
    width: 67px;
    background-image: url(../img/icon_regist_sp.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 25px auto;
    padding-top: 28px;
    position: absolute;
    top: 9px;
    right: 102px;
    line-height: 100%;
    font-size: 10px;
  }

  header #button a.login {
    display: block;
    background: none;
    color: #000;
    width: 55px;
    border: none;
    background-image: url(../img/icon_login_sp.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 25px auto;
    padding-top: 25px;
    position: absolute;
    top: 10px;
    right: 55px;
  }

  header #button a:first-child {
    margin-right: 3px;
  }

  header #button a.regist_box img {
    display: none;
  }

  header #button a.login_box img {
    display: none;
  }

  @media(max-width:768px) {
    header #logoArea .leftBox .search_logo {
      width: 65%;
    }
  }

  footer #guide li a span {
    border-bottom: 0;
    padding-bottom: 5px;
  }

  footer #guide li a {
    border-radius: 3px;
  }

  footer #guide {
    padding: 15px;
  }

  footer .category {
    padding: 15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }

  footer .category h3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  footer .category ul {
    border-top: 1px #ccc solid;
  }

  footer .category li {
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-top: 10px;
  }

  footer .category li:before {
    right: 15px;
    left: auto;
    top: 17px;
  }

  footer .category li:last-child {
    margin-bottom: 0;
  }

  footer .category li:first-child {
    padding-top: 10px;
  }

  footer .category li:first-child:before {
    top: 18px;
  }

  footer .category li a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    line-height: 100%;
  }

  footer #guide h3 {
    font-size: 16px;
    font-weight: bold;
  }

  footer #guide li a span {
    font-size: 14px;
  }

  footer #guide li a {
    padding: 5px 10px;
  }

  footer #guide li a span {
    background-position: 2px 2px;
    padding-top: 8px;
  }

  footer #guide li a:before {
    top: 15px;
  }

  footer #guide li a:after {
    top: 19px;
  }

  #side {
    width: 100%;
  }

  #side ul.category_list li {
    /*  #side ul li{*/
    width: 50%;
    float: left;
  }

  #side ul.category_list li a {
    font-size: 11px;
  }

  /*  #side ul li a{
    font-size:12px;
  }*/
  /*  #side ul li.hobby{*/
  #side ul.category_list li.hobby {
    border-top: none;
  }

  #side ul.category_list li.cd {
    border-bottom: 1px #ccc solid;
  }

  #side ul li:nth-child(2n) {
    border-left: none;
  }

  #side h3 {
    border-bottom: 1px #cccccc solid;
  }

  #side ul li {
    background-size: 23px auto;
  }

  #side ul li a {
    font-weight: normal;
    padding-right: 5px;
    padding-left: 32px;
  }

  #side ul li:after {
    display: none;
  }

  header {
    position: relative;
  }

  #spMenu {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40px;
    right: 0;
    text-align: center;
    background-color: #25649a;
  }

  #spMenu:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #204d74 transparent;
    position: absolute;
    top: 0;
    left: 0;
  }

  #spMenu span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 10px;
  }

  #spMenu:after {
    content: "MENU";
    font-size: 10px;
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 3px;
  }

  #spMenu span:nth-child(1) {
    top: 10px;
  }

  #spMenu span:nth-child(2) {
    top: 17px;
  }

  #spMenu span:nth-child(3) {
    top: 24px;
  }

  header #sp_menu_wrap {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
  }

  header #sp_menu_wrap ul {
    background-color: #fff;
    width: 80%;
    height: 100%;
    margin-right: 0;
    margin-left: auto;
    position: fixed;
    right: -100%;
    transition: 1s;
    overflow: auto;
  }

  header #sp_menu_wrap ul>li {
    float: none;
  }

  header #sp_menu_wrap ul>li.headline {
    background-color: #204d74;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px 8px;
  }

  header #sp_menu_wrap ul>li a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px #ccc solid;
    position: relative;
  }

  header #sp_menu_wrap ul>li a:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px #cfcfcf solid;
    border-bottom: 2px #cfcfcf solid;
    transform: rotate(-45deg);
    position: absolute;
    top: 16px;
    right: 10px;
  }

  header #sp_menu_wrap a.close {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 12%;
    z-index: 100;
  }

  header #sp_menu_wrap a.close:before {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 6px;
  }

  header #sp_menu_wrap a.close:after {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    background-color: #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 6px;
  }

  #main {
    float: none;
    width: 100%;
    padding: 0 10px;
    margin-left: 0;
  }

  .list span.shopping,
  .list span.auction {
    font-size: 10px;
  }

  .list span.shopping,
  .list span.auction {
    padding: 3px 5px 2px 20px;
    background-position: 2px 4px;
    line-height: 160%;
  }

  .list li {
    margin-bottom: 0;
    min-height: 213px;
    margin-right: 0;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .list li p.price {
    margin-top: 0px;
  }

  .list div.auction {
    margin-top: 5px;
  }

  .list p.time {
    margin: 0;
  }

  #side {
    margin-top: 2em;
    float: none;
  }

  #pager.detail {
    padding-left: 15px;
    padding-right: 15px;
  }

  .formWrap {
    padding: 10px;
  }

  .formTbl span.req {
    font-size: 12px;
    padding: 4px 5px 2px 5px;
  }

  .formTbl input[type=text] {
    width: 100%;
  }

  .formTbl th,
  .formTbl td {
    display: block;
    width: 100%;
  }

  .formTbl th {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .formTbl td {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .btn2 {
    width: 90%;
    padding-left: 4%;
    padding-right: 4%;
    /*    padding-left:0;
    padding-right:0;*/
  }

  .alert {
    margin: 10px 15px;
  }

  footer .ftBox {
    padding-top: 0;
  }

  #modal .modal_inner .white {
    left: calc(50% - 75px);
  }

  #resultCount {
    padding-bottom: 0;
  }

  .formTbl input[type=text],
  .formTbl input[type=password] {
    width: 100%;
  }

  h1.ttl {
    font-size: 22px;
  }

  .itemList div .pc_only {
    display: none;
  }

  .itemName6.sp_only {
    background: #efefef;
    margin: 10px 0;
    font-weight: bold;
    color: #555;
    padding: 10px;
  }

  .sp_only {
    display: block !important;
  }

  .pc_only {
    display: none !important;
  }

  div#search {
    padding: 0;
    width: 100%;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 480px) {
  header #logoArea .leftBox img {
    width: 70%;
  }
  header #logoArea .leftBox span img {
    width: 60%;
  }
}

@media only screen and (max-width: 375px) {
  header #logoArea .leftBox img {
    width: 60%;
  }

  header #logoArea .inner {
    padding: 10px;
  }

  .btn2 {
    font-size: 18px;
  }

  button.btnBid span {
    font-size: 20px;
  }

  button.btnBuyitnow span {
    font-size: 20px;
  }

  .gray_t {
    width: 100%;
    display: block;
    font-size: 12px;
  }

  .sumArea.clearfix {
    color: #555;
  }

  header #button li.mypage span.number {
    display: none;
  }

  header #loginInfo li.cart a {
    font-size: 10px;
    background-size: 25px auto;
    padding-top: 25px;
  }

  header #loginInfo li.mypage a {
    background-size: 20px auto;
    padding-top: 20px;
  }

  /*  header #loginInfo li.mypage a span{
    font-size:10px;
  }
*/
  header #search input[type=text] {
    padding: 10px 10px 10px 110px;
  }

  header #search form .select-site .selected {
    line-height: 40px;
  }

  header #search form .select-site .selected:after {
    top: 16px;
  }

  header #search input[type=submit] {
    padding: 10px 20px;
  }

  header #button a.regist {
    display: block;
    background: none;
    color: #000;
    border: none;
    text-align: center;
    width: 67px;
    background-image: url(../img/icon_regist_sp.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 25px auto;
    padding-top: 28px;
    position: absolute;
    top: 9px;
    right: 102px;
    line-height: 100%;
    font-size: 10px;
  }

  header #button a.login {
    display: block;
    background: none;
    color: #000;
    width: 55px;
    border: none;
    background-image: url(../img/icon_login_sp.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 25px auto;
    padding-top: 25px;
    position: absolute;
    top: 10px;
    right: 55px;
  }

  header #sp_menu_wrap {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
  }

  header #sp_menu_wrap ul {
    background-color: #fff;
    width: 80%;
    height: 100%;
    margin-right: 0;
    margin-left: auto;
    position: fixed;
    right: -100%;
    transition: 1s;
    overflow: auto;
  }

  header #sp_menu_wrap ul>li {
    float: none;
  }

  header #sp_menu_wrap ul>li.headline {
    background-color: #204d74;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px 8px;
  }

  header #sp_menu_wrap ul>li a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    border-bottom: 1px #ccc solid;
    position: relative;
  }

  header #sp_menu_wrap ul>li a:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px #cfcfcf solid;
    border-bottom: 2px #cfcfcf solid;
    transform: rotate(-45deg);
    position: absolute;
    top: 16px;
    right: 10px;
  }

  header #sp_menu_wrap a.close {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 12%;
    z-index: 100;
  }

  header #sp_menu_wrap a.close:before {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 6px;
  }

  header #sp_menu_wrap a.close:after {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    background-color: #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 6px;
  }

  .list li .itemName {
    height: 50px;
  }

  header button {
    margin-left: 2px;
  }

}

@media only screen and (max-width: 320px) {
  header #logoArea .leftBox img {
    width: 50%;
  }

  header #logoArea .inner {
    /* padding-right:45px;*/
  }

  footer ul.payment {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  footer ul.payment li {
    margin-bottom: 15px;
  }

  header #logoArea .inner {
    padding: 10px;
  }

  header h1 img,
  header .leftBox img {
    width: 80%;
  }

  header #loginInfo li.cart {
    border-right: none;
  }

  header #loginInfo li.name {
    line-height: 150%;
  }

  header #loginInfo li {
    padding: 5px 10px;
  }

  div#button {
    width: 100%;
  }


  .orderForms li {
    padding: 10px 0;
  }

  header #button img {
    /* width:60%;*/
  }

  .alert.alert-danger li {
    font-size: 14px;
  }

  header #loginInfo li {
    border-right: none;
    padding: 5px 5px 5px 0 !important;
  }
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
  float: right;
}

.pagination:after {
  clear: both;
}

.pagination>li {
  display: inline;
}

/*.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}*/
.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}

/*.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}*/
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.highest_bidder_note {
  text-align: center;
  font-weight: 900;
  color: #00bb00;
  margin-bottom: 1em;
}

.caution {
  color: red;
}

.attention_box {
  background: #FFF2F2;
  border: solid 2px #ED1C24;
  font-weight: bold;
  padding: 20px;
  margin: 0 auto 16px;
}

.attention_box p {
  max-width: max-content;
  margin: auto;
}

@media (max-width : 1023px) {
  .attention_box {
    margin: 0 auto 16px;
    width: 96%;
    padding: 16px;
  }
}