/* ===============================================
    DEFAULT SETTING
=============================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
time,
mark,
audio,
video,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: Verdana, Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
word-break:break-all;
}
#pbspWrap {
  background-image: url(//bandai-a.akamaihd.net/bc/images/common/pbsp_common2015_bg01.gif);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #acacac;
  margin: 0.2rem 0;
  padding: 0;
}

p {
  margin-bottom:.5em;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

img,
object,
embed {
  vertical-align: top;
}

input,
select {
  vertical-align: middle;
}

/* ===============================================
    LAYOUTS
=============================================== */

header#g-Header {
  padding: 2% !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: box !important;
  display: -webkit-box !important;
  background: #ffffff !important;
  -webkit-align-items: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  box-align: center !important;
  -webkit-box-align: center !important;
  clear: both !important;
}

header#g-Header h1 {
  display: block !important;
  width: 50% !important;
  margin: 0 2% 0 0 !important;
  padding:0 !important;
  border:none!important;
  background:none!important;
}

header#g-Header a {
  /**/border-bottom:0 !important;
  /**/text-align: center !important;
}

header#g-Header .g-memberInfo {
  display: block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -moz-box-flex: 1 !important;
  -ms-flex: 1 !important;
  box-flex: 1 !important;
  text-align: center !important;
}
header#g-Header .g-memberData {
  display: block !important;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -moz-box-flex: 1 !important;
  -ms-flex: 1 !important;
  box-flex: 1 !important;
  text-align: right !important;
  font-size:1.2rem!important;
}


header#g-Header .g-memberData .icon-grad{
  position:relative!important;
  display:inline-block!important;
  font-family: 'icomoon'!important;
  padding:0!important;
  margin:0 3px!important;
}

header#g-Header .g-memberData .icon-grad:after{
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
}


header#g-Header .g-memberData li.username{
  padding-bottom:.5rem!important;
}

header#g-Header .g-memberData li.username .icon-grad{
  color:#299ce6!important;
}

header#g-Header .g-memberData li.point .icon-grad{
  color:#f5a322!important;
}

header#g-Header .g-memberInfoJoin {
/*  width: 58% !important;*/
  float: right !important;
text-decoration:none;
}
header#g-Header .btnGreen {
  /**/border: 1px solid #7f9f0a !important;
  line-height:1 !important;
  min-height:inherit !important;
}



.g-NewsTopic {
  padding:0  2% !important;
  background: #ffffff !important;
}

.g-NewsTopic ul{
margin:0;
}

.g-NewsTopic li {
  margin: 0 0 0 0 !important;
  padding: 0 0 0 1.75rem !important;
  position: relative !important;
  background: #ffffff !important;
}

.g-NewsTopic li:nth-of-type(n+2){
margin-top:2% !important;
}

.g-NewsTopic li a{
color:#000;
padding:0 !important;
border:0 !important;
background:none !important;
font-size: 1.4rem !important;
line-height:1 !important;
text-decoration:none;
}


.g-NewsTopic li:before {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  margin-top: -0.6rem !important;
}

nav.g-Navi {
  padding: 10px 0 10px!important;
  background: #ffffff !important;
  text-align: center !important;
  clear: both !important;
  overflow: hidden !important;
}

nav.g-Navi a {
  /*padding: 2px 0 0 ;*/
  display: block !important;
  color: #2c2c2c !important;
  /**/border-bottom: 0 !important;
  /**/text-align: center !important;
  /**/font-size: 100% !important;
  padding:.8rem 0!important;
text-decoration:none;
}

nav.g-Navi a.btnBlack {
  color:#fff !important;
  padding: 5% 1.5% !important;
  /**/border: 1px solid #2c2c2c !important;
  /**/font-size: 1.2rem !important;
}
nav.g-Navi a.btnSilver {
  padding: 5% 1.5% !important;
  /**/border: 1px solid #b9b9b9 !important;
  /**/font-size: 1.2rem !important;
  /**/line-height:1 !important;
  /**/min-height:inherit !important;
}

nav.g-Navi .g-NaviSearch {
  margin: 0 0 0 2% !important;
  display: inline-block !important;
  width: 20.0% !important;
  position: relative!important;
  float: left !important;
  -webkit-box-shadow: 0 2px 0 0 rgba(196, 196, 196, 0.5) !important;
  box-shadow: 0 2px 0 0 rgba(196, 196, 196, 0.5)!important;
}

nav.g-Navi .g-NaviSearch .active {
  background: #ffffff !important;
}

nav.g-Navi .g-NaviSearch .icon-ArrowB{
  padding-right:0 !important;
}

nav.g-Navi .g-NaviSearch .active:after {
  content: ""!important;
  position: absolute !important;
  left: -1px !important;
  right: -1px !important;
  bottom: -7px !important;
  height: 7px!important;
  background: #ffffff!important;
  z-index: 5!important;
  border-right: 1px solid #d3d3d3!important;
  border-left: 1px solid #d3d3d3!important;
}

nav.g-Navi .g-NaviMenu {
  margin: 0 2% 0 0!important;
  display: inline-block!important;
  width: 75.0%!important;
  float: right!important;
  -webkit-box-shadow: 0 2px 0 0 rgba(196, 196, 196, 0.5)!important;
  box-shadow: 0 2px 0 0 rgba(196, 196, 196, 0.5)!important;
}

nav.g-Navi .g-NaviSearchDetail {
  margin: 0 2%!important;
  padding: 5px 0!important;
  border: 1px solid #d3d3d3!important;
  background: #ffffff!important;
  background: -webkit-linear-gradient(top, white 0%, #ececec 100%)!important;
  background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec))!important;
  background: linear-gradient(to bottom, white 0%, #ececec 100%)!important;
  -webkit-box-shadow: 0 2px 0 0 rgba(196, 196, 196, 0.5)!important;
  box-shadow: 0 2px 0 0 rgba(196, 196, 196, 0.5)!important;
  -webkit-transform: translateY(5px)!important;
  -ms-transform: translateY(5px)!important;
  transform: translateY(5px)!important;
  clear: both!important;
margin-bottom:5px !important;
}

nav.g-Navi .g-NaviSearchDetail .btns {
  padding: 0 2%!important;
  margin: 1% 0 2%!important;
  clear: both!important;
  overflow: hidden!important;
}
nav.g-Navi .g-NaviSearchDetail .btns:last-child {
  margin-bottom:0 !important;
}

/*nav.g-Navi .g-NaviSearchDetail .btns > a {
  display: inline-block!important;
  width: 46%!important;
  float: left!important;
}*/

nav.g-Navi .g-NaviSearchDetail .btns a + a,
nav.g-Navi .g-NaviSearchDetail .btns form + a {
  float: right!important;
}

nav.g-Navi .g-NaviSearchDetail .btns .btnBlack {
  width: 30%!important;
  /**/min-height:inherit !important;
  /**/line-height:1 !important;
}

nav.g-Navi .g-NaviSearchDetail .searchBoxTxt {
  margin: 0 auto!important;
  padding: 4.5% 3% !important;
  border: 1px solid #9c9c9c!important;
  border-radius: 6px!important;
  width: 64% !important;
  -webkit-box-sizing: border-box!important;
  -moz-box-sizing: border-box!important;
  box-sizing: border-box !important;
  float: left !important;
  color: #d2d2d2 !important;
  outline: 0 !important;
  font-size:1.0rem!important;
  /**/height: auto !important;
  /**/background:#ffffff;
  /**/line-height:1;
}

nav.g-Navi .g-NaviSearchDetail .searchBoxTxt:focus {
  border: 1px solid #59d142 !important;
  color: #2d2d2d !important;
}

nav.g-Navi .g-NaviBtn {
  border: 1px solid #d3d3d3 !important;
  /*padding: .5rem 0 1.0rem 0!important;*/
  padding:0 !important;
  display: table-cell !important;
  background: #ffffff !important;
  background: -webkit-linear-gradient(top, white 0%, #ececec 100%)!important;
  background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec)) !important;
  background: linear-gradient(to bottom, white 0%, #ececec 100%)!important;
  width: 1% !important;
  position: relative !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box!important;
  font-size: 1.0rem !important;
  text-align: center !important;
}
nav.g-Navi .g-NaviBtn > a {
  line-height:1 !important;
}
nav.g-Navi .g-NaviBtn + .g-NaviBtn {
  border-left: none !important;
}

nav.g-Navi .g-NaviBtn1 {
  border-top: 5px solid #e2cb61 !important;
}

nav.g-Navi .g-NaviBtn2 {
  border-top: 5px solid #4ab888 !important;
}

nav.g-Navi .g-NaviBtn3 {
  border-top: 5px solid #4c9fcb !important;
}

nav.g-Navi .g-NaviBtn4 {
  border-top: 5px solid #e99a44!important;
}

nav.g-Navi .g-NaviBtn5 {
  border-top: 5px solid #e0629c!important;
}

nav.g-Navi .g-NaviBadge {
  padding:.6rem .9rem !important;
  border-radius: 80px !important;
  background-color: #ff0000 !important;
  position: absolute !important;
  top: -15% !important;
  right: -13% !important;
  z-index: 2 !important;
  font-size: 1.4rem !important;
  /**/line-height:1 !important;
  color: #ffffff !important;
}

nav.g-Navi .gNavIcons {
  margin: 0 0 5px !important;
  font-size: 2.2rem !important;
  color: #2c2c2c !important;
}






footer#g-Footer {
  padding-top: 2%;
  border-top: 2px solid #d6d6d6;
  background: #ffffff;
}

footer#g-Footer .g-FooterLinks {
  padding: 3% 0;
  border-top: 2px solid #acacac;
  background: #e6e6e6;
  text-align: center;
}

footer#g-Footer .g-FooterLinks a {
  text-decoration: underline;
  color: #2947a7;
  line-height: 1.8;
}

footer#g-Footer .g-FooterSwitch {
  padding: 3% 0;
  border-top: 2px solid #acacac;
  border-bottom: 2px solid #acacac;
  background: #e6e6e6;
  text-align: center;
}

footer#g-Footer .g-FooterSwitch dt,
footer#g-Footer .g-FooterSwitch dd {
  display: inline-block;
color:#000;
}

footer#g-Footer .g-FooterSwitch a {
  text-decoration: underline;
  color: #2947a7;
  line-height: 1.8;
}

footer#g-Footer .g-FooterLogout {
  padding: 3% 0;
  background: #e6e6e6;
  text-align: center;
color:#000;
}

footer#g-Footer .g-FooterLogout a {
  text-decoration: underline;
  color: #2947a7;
  line-height: 1.8;
}

footer#g-Footer .g-FooterCopyright {
  padding: 2.5% 0;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 0.8rem;
}

footer#g-Footer .ftIcons {
  font-size: 2.0rem;
}

footer#g-Footer .m-GridBox {
  /**/width: 96% !important;
}
footer#g-Footer .m-GridBox td {
  /**/text-align: center !important;
  /**/line-height:1 !important;
  /**/min-height:inherit !important;
}
footer#g-Footer .m-GridBox td a{
  color:#000;
  /**/line-height:1 !important;
  /**/min-height:inherit !important;
text-decoration:none;
}

footer#g-Footer .m-GridBox .m-bnrBox tr:nth-child(1) td {
border-bottom: 0;
}
footer#g-Footer .m-GridBox .m-bnrBox tr:nth-child(2) td {
border-top: 0;
}
footer#g-Footer .m-GridBox .m-bnrBox td a {
padding: 0 0 1.3rem 0;
font-size:1.0rem;
}

footer#g-Footer .m-GridBox .m-bnrBox td a img {
padding-bottom: 1.0rem;
}


.l-Tab {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.l-Tab .l-TabTitle {
  margin: 2% 2% 0;
  padding: 4% 1%;
  border: 1px solid #c3bdb3;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  position: relative;
  z-index: 1;
  background: #dddddd;
  background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
  background: -webkit-gradient(linear, top left, bottom left, from(white), to(#dddddd));
  background: linear-gradient(to bottom, white 0%, #dddddd 100%);
  width: 29%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

ul.searchTab  .l-TabTitle {
padding: 4% 1%;
border: 1px solid #c3bdb3;
border-radius: 4px 4px 0 0;
display: inline-block;
position: relative;
z-index: 1;
background: #dddddd;
background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
background: -webkit-gradient(linear, top left, bottom left, from(white), to(#dddddd));
background: linear-gradient(to bottom, white 0%, #dddddd 100%);
width: 32%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
text-align: center;
cursor: pointer;
vertical-align: bottom;
}

#topPage .l-Tab .l-TabTitle ,
#pageTop .l-Tab .l-TabTitle {
  width: 45%;
}

.l-Tab .l-TabTitle a{
color:#4e4e4e;
}
.l-Tab .l-TabTitle + .l-TabTitle {
  margin-left: 0;
}

.l-Tab .active {
  border-bottom: 1px solid #fff;
  background: #efefef;
  background: -webkit-linear-gradient(top, #efefef 0%, white 100%);
  background: -webkit-gradient(linear, top left, bottom left, from(#efefef), to(white));
  background: linear-gradient(to bottom, #efefef 0%, white 100%);
  z-index: 3;
}

ul.searchTab {
margin: 0 2%;
text-align: left;
font-size:1.1rem;
}
ul.searchTab .l-TabTitle:nth-of-type(1){
margin-left: 0;
margin-right:0;
}
ul.searchTab .l-TabTitle:nth-of-type(2){
margin-left: 2%;
margin-right: 2%;
}
ul.searchTab .l-TabTitle:nth-of-type(3){
margin-right:0;
margin-left: 0;
}

ul.searchTab .active {
border-bottom: 1px solid #fff;
background: #efefef;
background: -webkit-linear-gradient(top, #efefef 0%, white 100%);
background: -webkit-gradient(linear, top left, bottom left, from(#efefef), to(white));
background: linear-gradient(to bottom, #efefef 0%, white 100%);
z-index: 3;
padding: 5% 1%;
}


.l-Tab .l-TabContent ,
.l-Tab .l-TabContent_2nd ,
.l-Tab .l-TabContent_3rd {
  margin-top: -1px;
  /*padding: 4% 0;*/
  padding:0 0 4%;
  border-top: 1px solid #c3bdb3;
  position: relative;
  z-index: 2;
  background: #ffffff;
  text-align: left;
}

.l-Tab .l-TabContent h2 {
  padding: 0 2%;
  font-size: 1.7rem;
}
.l-Tab .l-TabContent > h2 {
  padding-left: 4% !important;
  margin-top:4%;
}

.l-Tab .l-TabContent .m-ItemList2 {
  padding: 0;
}

.l-Tab .l-TabContent .m-ItemList2 li {
  border-radius: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.l-Tab .l-TabContent .m-ItemList2 li a {
  padding: 0 2%;
}

.l-Tab .l-TabContent .m-ItemList2 li a:after {
  border: none;
}


.l-Innner {
  padding: 2%;
}

.l-column {
  display: -webkit-flex;
  display:flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: box;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center;
  padding: 2%;
}

.l-column > * {
display:table-cell;
word-wrap:break-word;
white-space:pre-line;
  margin-right: 2%;
}

.l-column > *:last-child {
  margin-right: 0;
}
/* ===============================================
    MODULE 
=============================================== */

.m-Box {
  margin: 20px 0 0 0;
}

.m-BoxWhite {
  background: #ffffff;
}

.m-BoxGray {
  background-image: url(//bandai-a.akamaihd.net/bc/images/common/pbsp_common2015_bg01.gif) !important;
}

.m-ContentBlock h2 {
  position: relative;
  padding: 4.5% 0 4.5% 2%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  font-size: 1.6rem;
  font-weight: bold;
  color: #4e4e4e;
border-top:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
  z-index: 1;
}

.m-ContentBlock h2.icon-hHistry {
  font-size: 1.4rem;
}

.m-ContentBlock h2 span {
  margin-top: -0.5rem;
  position: absolute;
  right: 2%;
  top: 50%;
  z-index: 0;
  font-size: 1.0rem;
  color: #dbdbdb;
}

.m-ItemListBlock li{
display:block;
margin:3% auto;
}

.m-ItemList1,
.m-ItemList2{
  margin: 0 0 2% 0;
  padding: 0 .5%;
  text-align: center;
}

.m-ItemList3{
  margin: 0 0 0 0;
  padding: 0 .5%;
  text-align: center;
}

.m-ContentBlock h3 {
  padding: 2% 2% 1%;
  font-size: 1.4rem;
  font-weight: bold;
}

.m-ItemList1 li,
.m-ItemList2 li,
.m-ItemList3 li {
  margin: 3% .5% 0;
  border-radius: 4px;
  background: #ffffff;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  text-align: left;
  vertical-align: top;
}

.m-ItemList1 li a,
.m-ItemList2 li a,
.m-ItemList3 li a {
  padding: 5%;
  display: block;
  color: #4e4e4e;
  position: relative;
}

.m-ItemList1 li a:after,
.m-ItemList2 li a:after,
.m-ItemList3 li a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 1.0rem 1.0rem;
  border-color: transparent transparent #e1e1e1 transparent;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}

.m-ItemList1 li .itemName,
.m-ItemList2 li .itemName,
.m-ItemList3 li .itemName {
  margin-top: 5%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: box;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-direction: normal;
  -webkit-flex-direction: vertical;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: vertical;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  font-size:1.1rem;
}

.m-ItemList1 li .overlay,
.m-ItemList2 li .overlay,
.m-ItemList3 li .overlay {
  position: relative;
}

.m-ItemList1 li .overlay figcaption,
.m-ItemList2 li .overlay figcaption,
.m-ItemList3 li .overlay figcaption {
  background: rgba(0, 0, 0, 0.6);
  padding: 4px 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
  color: #ffffff;
}

.m-ItemList1 li {
  width: 96%;
}

.m-ItemList1 li a {
  padding: 0;
}

.m-ItemList1 li .itemName {
  margin: 2% 3%;
  font-size: 16px;
  font-size: 1.1rem;
  font-weight: bold;
}

.m-ItemList1 li .detail {
  margin: 2% 3%;
  font-size: 14px;
  font-size: 1.4rem;
}

.m-ItemList2 li {
  width: 47%;
}

.m-ItemList3 li {
  width: 30.5%;
}

.m-ItemListVertical li {
width: 96%;
}
.m-ItemListVertical li a {
padding: 0;
}
.m-ItemListVertical .productInfo {
padding: 1.5%;
overflow: hidden;
}
.m-ItemListVertical .productInfo .productImage {
margin-right: 2.5%;
width: 42%;
float: left;
border: 1px solid #b5b5b5;
}
.m-ItemListVertical .productInfo .productTitle {
overflow: hidden;
/*font-size: 1.4rem;*/
font-size:1.1rem;
line-height:1.4;
margin: .4em .4em 0 0;
}
.m-ItemListVertical .productInfo .productTitle .productPrice {
margin-top: .8em;
display: block;
font-size: 1.2rem;
color: #4e4e4e;
text-align:right;
}
.m-ItemListVertical .productInfo .productTitle .productPrice:before,
.m-ItemListVertical .productInfo .productTitle .productPricesale:before {
 content: "価格:";
 font-size: 0.9rem;
}
.m-ItemListVertical .productInfo .productTitle .productPricesale:before {
 content: "セール価格：";
}

.m-ItemListVertical .productInfo .productTitle .productPrice:after,
.m-ItemListVertical .productInfo .productTitle .productPricesale:after{
content:'(税込)';
font-size:0.9rem;
}

.m-ItemListVertical .productInfo .productTitle .productPricesale {
/*margin-top: .6em;*/
display: block;
/*font-size: 1.2rem;*/
font-size:1.4rem;
color: #d95757;
text-align:right;
}
.m-ProductStats {
margin-top:1em;
padding-top:2px;
width:100%;
/*clear:both;*/
}


.m-ProductStats .shipping {
background: #ed6a37 !important;
}
.m-ProductStats .reserve {
background: #ff7800 !important;
}
.m-ProductStats .stock-no {
background: #959595 !important;
}

.m-SpecialStats {
  margin: -1em 2% 0;
  padding: 0;
}
.m-SpecialStats li {
  padding: 1% 3%;
  border-radius: 4px;
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 1.0rem;
  color: #ffffff;
}
.m-SpecialStats .new {
  background: #ef1010;
}
.m-SpecialStats .campaign {
  background: #ff5400;
}
.m-SpecialStats .pickup {
  background: #4e913a;
}

.itemMore a {
  margin: 3% 2% 6%;
  padding: 3%;
  display: block;
  text-align: right;
  font-size: 17px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #4e4e4e;
}

.itemMoreShow a {
  margin: 3% 2% 0;
  padding: 3%;
  display: block;
  text-align: center;
  font-size: 17px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #4e4e4e;
}

.m-pickupItemwrap{
margin: 5% 2% 2%;
padding:4px;
  background-size: 8px 8px;
  background-image: linear-gradient(-45deg, gainsboro 25%, #c6c6c6 25%, #c6c6c6 50%, gainsboro 50%, gainsboro 75%, #c6c6c6 75%, #c6c6c6);
  background-image: -webkit-linear-gradient(-45deg, gainsboro 25%, #c6c6c6 25%, #c6c6c6 50%, gainsboro 50%, gainsboro 75%, #c6c6c6 75%, #c6c6c6);
}

.m-pickupItem {
/*padding: 2% 0 2% ;*/
padding:.8em 0 0;
margin:0 0 1em;
position: relative;
text-align: center;
background:#fff;
}
.m-pickupItem:after {
margin-left: -10px;
border: solid transparent;
border-color: rgba(168, 168, 168, 0);
border-bottom-color: #dcdcdc;
border-width: 16px;
position: absolute;
bottom: 100%;
left: 50%;
content: " ";
z-index:-1;
height: 0;
width: 0;
pointer-events: none;
}


.itemRecommendMore {
background:transparent;
}
.itemRecommendMore .recom_smp_more_btn,
.itemRecommendMore .recom_smp_more2_btn,
.itemRecommendMore .recom_smp_moreOmatome_btn {
margin: 2% 2% 4%;
padding: 4% 2%;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
color: rgb(78, 78, 78);
border: 0px;
background:transparent;
}
.itemRecommendMore .recom_smp_more_btn span,
.itemRecommendMore .recom_smp_more2_btn span,
.itemRecommendMore .recom_smp_moreOmatome_btn span {
border: 0;
display: inline;
color: #4e4e4e;
margin: 0 0 0 .5%;
background:transparent;
}


.m-SearchKeyword {
/*margin: 0 2% 2%;*/
margin:0;
padding: 4% 2% 1%;
border-radius: 4px;
background: #ffffff;
overflow: hidden;
}
.m-SearchKeyword dl {
position: relative;
}
.m-SearchKeyword dl dt {
width: 24%;
position: absolute;
left: 0;
top: 50%;
margin-top: -8%;
}
.m-SearchKeyword dl dd {
margin-bottom: 2%;
width: 70%;
position: relative;
left: 28%;
}
.m-SearchKeyword .searchBoxTxt {
margin: 0 auto;
padding: 4.5% 3%;
border: 1px solid #9c9c9c;
border-radius: 8px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #d2d2d2;
outline: 0;
font-size:1.1rem;
}
.m-SearchKeyword .searchBoxTxt:focus {
border: 1px solid #9c9cff;
color: #2d2d2d;
}
.m-SearchKeyword .btnBlack {
width: 70%;
}
.m-DisplayStats {
margin: 4% 0 0 0;
padding: 0 2%;
text-align: center;
font-size: 1.0rem;
}
.m-DisplayStats li {
display: inline-block;
line-height: 1.4;
}
.m-DisplayStats li:after {
content: "|";
padding-left: .5em;
}
.m-DisplayStats li:last-child:after {
content: "";
}
.m-pager {
margin: 6% 0 0 0;
}
.m-pager .pageCount {
text-align: center;
font-size: 1.0rem;
}
.m-pager .pager {
/*display: block;*/
margin: 2% auto;
font-size:0;
/*width: 96%;*/
text-align: center;
background: #ececec;
background: -webkit-linear-gradient(#ececec 0%, white 100%);
background: -webkit-gradient(linear, top left, bottom left, from(#ececec), to(white));
background: linear-gradient(#ececec 0%, white 100%);
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.m-pager .pager li {
width: 20%;
display: inline-block;
/*position: relative;*/
background: #ffffff;
background: -webkit-linear-gradient(white 0%, #ececec 100%);
background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec));
background: linear-gradient(white 0%, #ececec 100%);
font-size: 1.6rem;
font-weight: bold;
/* -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); */
/* box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); */
box-sizing:border-box;
border-right:1px solid #ccc;
}

.m-pager .pager li:first-child{
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.m-pager .pager li a {
padding: 1.3em 0;
display: block;
width: 100%;
text-align: center;
color: #4d4d4d;
}
.m-pager .pager li:after {
border-right: 1px solid #d7d7d7;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
content: "";
}
.m-pager .pager li:last-child:after {
border: 0;
}
.m-pager .pager li.current {
background: #ececec;
background: -webkit-linear-gradient(#ececec 0%, white 100%);
background: -webkit-gradient(linear, top left, bottom left, from(#ececec), to(white));
background: linear-gradient(#ececec 0%, white 100%);
}
.m-pager .pager li.current a {
color: #ccc;
}
.m-pager .pagerEnd {
display: block;
margin: 2% auto;
width: 98%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
display: -moz-box;
display: -ms-flexbox;
display: box;
}

.m-pager .pagerEnd li{
display:table-cell;
}

.m-SpecialList1line li .itemName{
font-size:1.3rem;
line-height:1.3;
}

.m-SpecialList1line li .detail{
font-size:1.1rem;
}

.m-SpecialList > li:not(:first-child) img {
  padding: 2%;
  width: 34%;
  display: inline-block;
}
.m-SpecialList > li:not(:first-child) .m-SpecialStats {
  padding: 3% 2% 0 0;
  width: 60%;
  position: absolute;
  left: 36%;
  top: 6%;
}
.m-SpecialList > li:not(:first-child) .itemName {
  width: 60%;
  position: absolute;
  left: 36%;
  top: 15%;
}
.m-SpecialList > li:not(:first-child) .detail {
  display: none;
}
.m-SpecialList > li:not(:first-child) .m-between {
  margin-top: 7%;
}
.m-SpecialList > li:last-child {
  margin-bottom: 4%;
}
.m-SpecialList .m-between {
  margin: 0 7%;
  padding: 0.5% 0 0;
  background: #f2f2f2;
  display: block;
  text-align: center;
}
.m-SpecialList .m-between:after {
  content: "";
  display: block;
  height: 10px;
  background: #ffffff;
}
.m-ListColor {
  margin: 6% 2% 2% 2%;
  padding: 0 1.5%;
}

.m-ListColor dt,
.m-ListColor dd {
  position: relative;
}

.m-ListColor dt {
  padding: 1.5rem 4%;
  border: 1px solid #dadada;
  background: #ffffff !important;
  position: relative;
}

.m-ListColor dt .icon-btnMinus,
.m-ListColor dt .icon-btnPlus {
  position: absolute;
  right: 1%;
  color: #646464;
}

.m-ListColor dd {
  border: 1px solid #dadada;
  border-right: none;
  border-bottom: none;
}
.m-ListColor dd:last-child {
  /*border-bottom: 1px solid #dadada;*/
}
.m-ListColor dd a {
  padding: 1.5rem 4%;
  border-right:1px solid #dadada;
  display: block;
  color: #000000;
  text-indent: 1.2em;
}

.m-ListColor dt + dd {
  border-top: none;
}

.m-ListColor .m-ListColorBlue:before {
  content: "";
  border-left: 8px solid #77a4db;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorBlue {
  color: #2375db;
}

.m-ListColor dt.m-ListColorBlue:before {
  border-left: 8px solid #2375db;
}

.m-ListColor .m-ListColorPink:before {
  content: "";
  border-left: 8px solid #e58abb;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorPink {
  color: #cf5a99;
}


.m-ListColor dt.m-ListColorGreen:before {
  border-left: 8px solid #80a753;
}

.m-ListColor .m-ListColorGreen:before {
  content: "";
  border-left: 8px solid #afcc8f;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorGreen {
  color: #80a753;
}

.m-ListColor dt.m-ListColorGreen:before {
  border-left: 8px solid #80a753;
}

.m-ListColor .m-ListColorOrange:before {
  content: "";
  border-left: 8px solid #e5ab67;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorOrange {
  color: #db994b;
}

.m-ListColor dt.m-ListColorOrange:before {
  border-left: 8px solid #db994b;
}

.m-ListColor .m-ListColorNavy:before {
  content: "";
  border-left: 8px solid #1695a1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorNavy {
  color: #067e88;
}



.m-ListColor .m-ListColorHorizonBlue:before {
  content: "";
  border-left: 8px solid #9ec6d2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorHorizonBlue {
  color: #70b4c8;
}

.m-ListColor dt.m-ListColorHorizonBlue:before {
  border-left: 8px solid #70b4c8;
}

.m-ListColor .m-ListColorPeppermintGreen:before {
  content: "";
  border-left: 8px solid #97c8be;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorPeppermintGreen {
  color: #38a48e;
}

.m-ListColor dt.m-ListColorPeppermintGreen:before {
  border-left: 8px solid #5dc4af;
}

.m-ListColor .m-ListColorYachtBlue:before {
  content: "";
  border-left: 8px solid #92b5e1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorYachtBlue {
  color: #346db4;
}

.m-ListColor dt.m-ListColorYachtBlue:before {
  border-left: 8px solid #4a83ca;
}

.m-ListColor .m-ListColorCosmos:before {
  content: "";
  border-left: 8px solid #d69cbb;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorCosmos {
  color: #a65580;
}

.m-ListColor dt.m-ListColorCosmos:before {
  border-left: 8px solid #cf5a99;
}

.m-ListColor .m-ListColorLeafGreen:before {
  content: "";
  border-left: 8px solid #bed690;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorLeafGreen {
  color: #789640;
}

.m-ListColor dt.m-ListColorLeafGreen:before {
  border-left: 8px solid #9ebe61;
}

.m-ListColor .m-ListColorChartreuseYellow:before {
  content: "";
  border-left: 8px solid #dfd7a7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorChartreuseYellow {
  color: #ad9a2f;
}

.m-ListColor dt.m-ListColorChartreuseYellow:before {
  border-left: 8px solid #e2c730;
}

.m-ListColor .m-ListColorVermilion:before {
  content: "";
  border-left: 8px solid #e2a5a5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorVermilion {
  color: #a14747;
}

.m-ListColor dt.m-ListColorVermilion:before {
  border-left: 8px solid #cf5a5a;
}

.m-ListColor .m-ListColorOchre:before {
  content: "";
  border-left: 8px solid #dfbe96;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorOchre {
  color: #9e692b;
}

.m-ListColor dt.m-ListColorOchre:before {
  border-left: 8px solid #db994b;
}

.m-ListColor dt.m-ListColorNavy:before {
  border-left: 8px solid #067e88;
}



.m-ListColor .m-ListColorHorizonBlue:before {
  content: "";
  border-left: 8px solid #9ec6d2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorHorizonBlue {
  color: #70b4c8;
}

.m-ListColor dt.m-ListColorHorizonBlue:before {
  border-left: 8px solid #70b4c8;
}

.m-ListColor .m-ListColorPeppermintGreen:before {
  content: "";
  border-left: 8px solid #97c8be;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorPeppermintGreen {
  color: #38a48e;
}

.m-ListColor dt.m-ListColorPeppermintGreen:before {
  border-left: 8px solid #5dc4af;
}

.m-ListColor .m-ListColorYachtBlue:before {
  content: "";
  border-left: 8px solid #92b5e1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorYachtBlue {
  color: #346db4;
}

.m-ListColor dt.m-ListColorYachtBlue:before {
  border-left: 8px solid #4a83ca;
}

.m-ListColor .m-ListColorCosmos:before {
  content: "";
  border-left: 8px solid #d69cbb;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorCosmos {
  color: #a65580;
}

.m-ListColor dt.m-ListColorCosmos:before {
  border-left: 8px solid #cf5a99;
}

.m-ListColor .m-ListColorLeafGreen:before {
  content: "";
  border-left: 8px solid #bed690;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorLeafGreen {
  color: #789640;
}

.m-ListColor dt.m-ListColorLeafGreen:before {
  border-left: 8px solid #9ebe61;
}

.m-ListColor .m-ListColorChartreuseYellow:before {
  content: "";
  border-left: 8px solid #dfd7a7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorChartreuseYellow {
  color: #ad9a2f;
}

.m-ListColor dt.m-ListColorChartreuseYellow:before {
  border-left: 8px solid #e2c730;
}

.m-ListColor .m-ListColorVermilion:before {
  content: "";
  border-left: 8px solid #e2a5a5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorVermilion {
  color: #a14747;
}

.m-ListColor dt.m-ListColorVermilion:before {
  border-left: 8px solid #cf5a5a;
}

.m-ListColor .m-ListColorOchre:before {
  content: "";
  border-left: 8px solid #dfbe96;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.m-ListColor dt.m-ListColorOchre {
  color: #9e692b;
}

.m-ListColor dt.m-ListColorOchre:before {
  border-left: 8px solid #db994b;
}

.m-ListColor .m-ListColorPink:nth-child(even),
.m-ListColor .m-ListColorBlue:nth-child(even),
.m-ListColor .m-ListColorGreen:nth-child(even),
.m-ListColor .m-ListColorOrange:nth-child(even),
.m-ListColor .m-ListColorNavy:nth-child(even),

.m-ListColor .m-ListColorHorizonBlue:nth-child(even),
.m-ListColor .m-ListColorPeppermintGreen:nth-child(even),
.m-ListColor .m-ListColorYachtBlue:nth-child(even),
.m-ListColor .m-ListColorCosmos:nth-child(even),
.m-ListColor .m-ListColorLeafGreen:nth-child(even),
.m-ListColor .m-ListColorChartreuseYellow:nth-child(even),
.m-ListColor .m-ListColorVermilion:nth-child(even),
.m-ListColor .m-ListColorOchre:nth-child(even) {
  background: #f2f2f2;
}

.l-Tab .l-TabContent_2nd {
  padding: 2% 0;
}
.l-Tab .l-TabContent_2nd .m-ListColor {
  margin:0 2%;
  padding: 0;
  /*border-bottom: 1px solid #dadada;*/
}
.l-Tab .l-TabContent_2nd .m-ListColor:last-child {
  border-bottom: 1px solid #dadada;
}

.l-Tab .l-TabContent_2nd .m-ListColor:first-child {
  margin-top:1.0rem;
}
.l-Tab .l-TabContent_2nd .m-ListColor:last-child {
  margin-bottom:1.6rem;
}

.m-CharaCatListBtn {
padding: 2%;
margin-top:.6em;
}
.m-CharaCatListBtn li {
display: inline-block;
margin-right: 1.3%;
margin-bottom: 3%;
border: 1px solid #d7d7d7;
border-radius: 4px;
width: 48.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
background: -webkit-linear-gradient(white 0%, #ececec 100%);
background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec));
background: linear-gradient(white 0%, #ececec 100%);
text-align: center;
font-size: 1.1rem;
}
.m-CharaCatListBtn li a {
display: block;
/*padding: 8% 0 8% 8%;*/
position: relative;
font-size:;1.1rem;
padding:8%;
}
.m-CharaCatListBtn li a:before {

}
.m-CharaCatListBtn li:nth-child(2n) {
margin-right: 0;
}
.m-CharaCatListBtn li:nth-child(1) a {
color: #4a83ca;
}
.m-CharaCatListBtn li:nth-child(1) a:before {
border-top: solid 3px #4a83ca;
border-right: solid 3px #4a83ca;
}
.m-CharaCatListBtn li:nth-child(2) a {
color: #d2486a;
}
.m-CharaCatListBtn li:nth-child(2) a:before {
border-top: solid 3px #d2486a;
border-right: solid 3px #d2486a;
}
.m-CharaCatListBtn li:nth-child(3) a {
color: #77b530;
}
.m-CharaCatListBtn li:nth-child(3) a:before {
border-top: solid 3px #77b530;
border-right: solid 3px #77b530;
}
.m-CharaCatListBtn li:nth-child(4) a {
color: #d5882e;
}
.m-CharaCatListBtn li:nth-child(4) a:before {
border-top: solid 3px #d5882e;
border-right: solid 3px #d5882e;
}
.m-CharaKanaListBtn {
padding: 2%;
overflow: hidden;
}
.m-CharaKanaListBtn li {
display: inline-block;
border: 1px solid #d7d7d7;
border-radius: 4px;
width: 19%;
float: left;
margin-right: 1.2%;
margin-bottom: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
background: -webkit-linear-gradient(white 0%, #ececec 100%);
background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec));
background: linear-gradient(white 0%, #ececec 100%);
text-align: center;
}
.m-CharaKanaListBtn li:nth-child(5n) {
margin-right: 0;
}
.m-CharaKanaListBtn li a {
display: block;
padding: .8em 0;
color: #333333;
}

.m-ShopCatListBtn {
  padding: 2%;
}
.m-ShopCatListBtn li {
  display: inline-block;
  margin-right: 1.3%;
  margin-bottom: 2.5%;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  width: 48.5%;
  box-sizing: border-box;
  background: #ffffff;
  background: -webkit-linear-gradient(white 0%, #ececec 100%);
  background: linear-gradient(white 0%, #ececec 100%);
  text-align: center;
  font-size: 1.1rem;
}
.m-ShopCatListBtn li a {
  display: block;
  /*padding: 8% 0 8% 8%;*/
  padding:8px;
  position: relative;
  min-height:2em;
  line-height:2;
}
.m-ShopCatListBtn li a:before {
/*
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 5%;
  width: .5rem;
  height: .5rem;
  margin: -.5rem 0 0 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
*/
}
.m-ShopCatListBtn li a span {
  line-height:1;
  display:block;
}
.m-ShopCatListBtn li:nth-child(2n) {
  margin-right: 0;
}
.m-ShopCatListBtn li:nth-child(1) a {
  color: #70b4c8;
}
.m-ShopCatListBtn li:nth-child(1) a:before {
  border-top: solid 3px #70b4c8;
  border-right: solid 3px #70b4c8;
}
.m-ShopCatListBtn li:nth-child(2) a {
  color: #5dc4af;
}
.m-ShopCatListBtn li:nth-child(2) a:before {
  border-top: solid 3px #5dc4af;
  border-right: solid 3px #5dc4af;
}
.m-ShopCatListBtn li:nth-child(3) a {
  color: #4a83ca;
}
.m-ShopCatListBtn li:nth-child(3) a:before {
  border-top: solid 3px #4a83ca;
  border-right: solid 3px #4a83ca;
}
.m-ShopCatListBtn li:nth-child(4) a {
  color: #d2486b;
}
.m-ShopCatListBtn li:nth-child(4) a:before {
  border-top: solid 3px #d2486b;
  border-right: solid 3px #d2486b;
}
.m-ShopCatListBtn li:nth-child(5) a {
  color: #81bb3f;
}
.m-ShopCatListBtn li:nth-child(5) a:before {
  border-top: solid 3px #81bb3f;
  border-right: solid 3px #81bb3f;
}
.m-ShopCatListBtn li:nth-child(6) a {
  color: #c2ae40;
}
.m-ShopCatListBtn li:nth-child(6) a:before {
  border-top: solid 3px #c2ae40;
  border-right: solid 3px #c2ae40;
}
.m-ShopCatListBtn li:nth-child(7) a {
  color: #e85656;
}
.m-ShopCatListBtn li:nth-child(7) a:before {
  border-top: solid 3px #e85656;
  border-right: solid 3px #e85656;
}
.m-ShopCatListBtn li:nth-child(8) a {
  color: #db994b;
}
.m-ShopCatListBtn li:nth-child(8) a:before {
  border-top: solid 3px #db994b;
  border-right: solid 3px #db994b;
}


.m-Slider {
  background: #ffffff;
}

.btnGreen {
  border: 1px solid #7f9f0a;
  border-radius: 4px;
  padding: 6px 10px !important;
  background: #b5d543;
  background: -webkit-linear-gradient(top, #b5d543 0%, #89a722 100%);
  background: -webkit-gradient(linear, top left, bottom left, from(#b5d543), to(#89a722));
  background: linear-gradient(to bottom, #b5d543 0%, #89a722 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: bold;
  text-shadow: #a0a0a0 1px 1px 0px, #a0a0a0 -1px 1px 0px;
}

.btnSilver {
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  padding: 5% 1.5% !important;
  display: inline-block;
  background: #ffffff;
  background: -webkit-linear-gradient(white 0%, #ececec 100%);
  background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec));
  background: linear-gradient(white 0%, #ececec 100%);
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6) inset;
  color: #000000;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
}

.btnBlack {
  border: 1px solid #2c2c2c;
  border-radius: 4px;
  padding: 4.3% 1.5% !important;
  display: inline-block;
  background: #4a4a4a;
  background: -webkit-linear-gradient(top, #4a4a4a 0%, #020202 100%);
  background: -webkit-gradient(linear, top left, bottom left, from(#4a4a4a), to(#020202));
  background: linear-gradient(to bottom, #4a4a4a 0%, #020202 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
  color: #ffffff !important;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
}

.linkArrowT {
  position: relative;
  padding-right: 5% !important;
}

.linkArrowT:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: -2px 0 0 0;
  border-top: solid 2px #646464;
  border-right: solid 2px #646464;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.linkArrowR {
  position: relative;
  padding-right: 7% !important;
}

.linkArrowR:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 0;
  border-top: solid 2px #646464;
  border-right: solid 2px #646464;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.linkArrowB {
  position: relative;
  padding-right: 5% !important;
}

.linkArrowB:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20%;
  width: 8px;
  height: 8px;
  margin: -8px 0 0 0;
  border-top: solid 2px #646464;
  border-right: solid 2px #646464;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.m-GridBox {
  margin: 2% 2% 4%;
  width: 96%;
  text-align: center;
  /*-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
  /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
}

.m-GridBox .title {
  padding: 3%;
  background: #94918e;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.4rem;
  color: #ffffff;
}

.m-GridBox td {
  border: 1px solid #c5c5c5;
  width: 50%;
  display: table-cell;
  background: #ffffff;
  background: -webkit-linear-gradient(white 0%, #ececec 100%);
  background: -webkit-gradient(linear, top left, bottom left, from(white), to(#ececec));
  background: linear-gradient(white 0%, #ececec 100%);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}

.m-GridBox td a {
  padding: 1.3rem;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000;
}

#g-footer .m-GridBox td a {
color:#000;
}

.m-Top {
  padding: 2%;
  background: #ffffff;
  text-align: center;
}

.m-Top span{
padding-left:.5rem;
}
.m-Top a {
  padding: 3%;
  margin: 0 auto;
  display: block;
  width: 94%;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #4e4e4e !important;
text-decoration:none;
}



/* ===============================================
    OTHER SETTING
=============================================== */

.CharaCatTitle {
  margin:  4% 2% 1%;
  border-radius: 4px;
  position: relative;
  text-align: center;
  color: #ffffff;
}

.CharaCatTitle:after {
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(168, 168, 168, 0);
  border-width: 10px;
  position: absolute;
  top: 100%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
}

.CharaCatTitle:after {
  margin-left: -3px;
  border: solid transparent;
  border-color: rgba(168, 168, 168, 0);
  border-width: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
}
.CharaCatTitle.catBoy {
  background: #4a83ca;
}
.CharaCatTitle.catBoy:after {
  border-top-color: #4a83ca;
}
.CharaCatTitle.catGirl {
  background: #d2486a;
}
.CharaCatTitle.catGirl:after {
  border-top-color: #d2486a;
}
.CharaCatTitle.catOtona {
  background: #77b530;
}
.CharaCatTitle.catOtona:after {
  border-top-color: #77b530;
}
.CharaCatTitle.catFamily {
  background: #d5882e;
}
.CharaCatTitle.catFamily:after {
  border-top-color: #d5882e;
}

.CharaKanaTitle {
  background: #f2f2f2;
  padding: 1.0em 2% !important;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  font-size: 1.8rem;
  font-weight: bold;
}
.CharaKanaTitle:first-letter {
  margin-right: .3em;
  padding: .4em .5em;
  border-radius: 4px;
  background: #333333;
  color: #ffffff;
}

.ShopCatTitle {
  /*margin: 2%;*/
  margin:4% 2% 1%;
  border-radius: 4px;
  position: relative;
  text-align: center;
  color: #ffffff;
}
.ShopCatTitle:after {
  margin-left: -3px;
  border: solid transparent;
  border-color: rgba(168, 168, 168, 0);
  border-width: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
}
.ShopCatTitle.shopFigure {
  background: #70b4c8;
}
.ShopCatTitle.shopFigure:after {
  border-top-color: #70b4c8;
}
.ShopCatTitle.shopFigure + ul li {
  border-left: 4px solid #70b4c8;
}
.ShopCatTitle.shopFigure + ul li p span {
  color: #70b4c8;
}
.ShopCatTitle.shopFassion {
  background: #5dc4af;
}
.ShopCatTitle.shopFassion:after {
  border-top-color: #5dc4af;
}
.ShopCatTitle.shopFassion + ul li {
  border-left: 4px solid #5dc4af;
}
.ShopCatTitle.shopFassion + ul li p span {
  color: #5dc4af;
}
.ShopCatTitle.shopBoy {
  background: #4a83ca;
}
.ShopCatTitle.shopBoy:after {
  border-top-color: #4a83ca;
}
.ShopCatTitle.shopBoy + ul li {
  border-left: 4px solid #4a83ca;
}
.ShopCatTitle.shopBoy + ul li p span {
  color: #4a83ca;
}
.ShopCatTitle.shopGirl {
  background: #d2486b;
}
.ShopCatTitle.shopGirl:after {
  border-top-color: #d2486b;
}
.ShopCatTitle.shopGirl + ul li {
  border-left: 4px solid #d2486b;
}
.ShopCatTitle.shopGirl + ul li p span {
  color: #d2486b;
}
.ShopCatTitle.shopGoods {
  background: #81bb3f;
}
.ShopCatTitle.shopGoods:after {
  border-top-color: #81bb3f;
}
.ShopCatTitle.shopGoods + ul li {
  border-left: 4px solid #81bb3f;
}
.ShopCatTitle.shopGoods + ul li p span {
  color: #81bb3f;
}
.ShopCatTitle.shopFoods {
  background: #c2ae40;
}
.ShopCatTitle.shopFoods:after {
  border-top-color: #c2ae40;
}
.ShopCatTitle.shopFoods + ul li {
  border-left: 4px solid #c2ae40;
}
.ShopCatTitle.shopFoods + ul li p span {
  color: #c2ae40;
}
.ShopCatTitle.shopLady {
  background: #e85656;
}
.ShopCatTitle.shopLady:after {
  border-top-color: #e85656;
}
.ShopCatTitle.shopLady + ul li {
  border-left: 4px solid #e85656;
}
.ShopCatTitle.shopLady + ul li p span {
  color: #e85656;
}
.ShopCatTitle.shopKids {
  background: #db994b;
}
.ShopCatTitle.shopKids:after {
  border-top-color: #db994b;
}
.ShopCatTitle.shopKids + ul li {
  border-left: 4px solid #db994b;
}
.ShopCatTitle.shopKids + ul li p span {
  color: #db994b;
}

.m-BnrList1 {
  padding: 2%;
}
.m-BnrList1 li {
  border: 1px solid #dadada;
  border-bottom: 0;
  background: #ffffff;
}
.m-BnrList1 li:nth-child(even) {
  background: #f2f2f2;
}
.m-BnrList1 li:last-child {
  border-bottom: 1px solid #dadada;
}
.m-BnrList1 li a {
  padding: 4% 2% 2%;
  display: block;
  position: relative;
  color: #000000;
}
.m-BnrList1 li a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 0;
  border-top: solid 4px #646464;
  border-right: solid 4px #646464;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.m-BnrList1 li a img {
  display: inline-block;
  width: 40%;
  vertical-align:top;
}
.m-BnrList1 li a .shopName {
  padding:0 0 0 0.2em;
  display: inline-block;
  width: 54%;
  text-align: left;
  font-size: 1.6rem;
  font-weight: bold;
  line-height:1.1;
}
.m-BnrList1 li a .shopName span {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  margin-top:-.2em;
  margin-bottom:.3em;
}
.m-BnrList1 li a .shopDescription {
  display: block;
  margin: .5em 5% 0 2%;
  text-align: left;
  font-size: 1.2rem;
  color: #555555;
}

.m-BnrList2 {
  padding: 2%;
}
.m-BnrList2 li {
  width: 48.5%;
  margin: 1% 1% 3% 0;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
font-size:1.2rem;
line-height:1.2;
}
.m-BnrList2 li:nth-child(2n) {
  margin-right: 0;
}
.m-BnrList2 li a {
  color: #666666;
}
.m-BnrList2 li img {
  border-radius: 4px;
}

.CharaCatTitle.catBoy {
  background: #4a83ca;
}

.CharaCatTitle.catBoy:after {
  border-top-color: #4a83ca;
}

.CharaCatTitle.catGirl {
  background: #d2486a;
}

.CharaCatTitle.catGirl:after {
  border-top-color: #d2486a;
}

.CharaCatTitle.catOtona {
  background: #77b530;
}

.CharaCatTitle.catOtona:after {
  border-top-color: #77b530;
}

.CharaCatTitle.catFamily {
  background: #d5882e;
}

.CharaCatTitle.catFamily:after {
  border-top-color: #d5882e;
}

.CharaKanaTitle {
  background: #f2f2f2;
  padding: 1.0em 2% !important;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  font-size: 1.8rem;
  font-weight: bold;
}

.CharaKanaTitle:first-letter {
  margin-right: .3em;
  padding: .4em .5em;
  border-radius: 4px;
  background: #333333;
  color: #ffffff;
}

.m-BnrList2 {
  padding: 2%;
}

.m-BnrList2 li {
  width: 48.5%;
  margin: 1% 1% 3% 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}

.m-BnrList2 li:nth-child(2n) {
  margin-right: 0;
}

.m-BnrList2 li a {
  color: #666666;
}

.m-BnrList2 li img {
  border-radius: 4px;
}


/* ===============================================
    FONT SETUP 
=============================================== */

@font-face {
  font-family: 'icomoon';
  src: url("../images/common/pbsp_common2015.eot?5d9vzp");
  src: url("../images/common/pbsp_common2015.eot?#iefix5d9vzp") format("embedded-opentype"), url("../images/common/pbsp_common2015.woff?5d9vzp") format("woff"), url("../images/common/pbsp_common2015.ttf?5d9vzp") format("truetype"), url("../images/common/pbsp_common2015.svg?5d9vzp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.g-Navi [class^="icon-"], [class^="icon-"],#g-Header [class^="icon-"],.m-Top [class^="icon-"],#g-Footer [class^="icon-"],
.g-Navi [class*=" icon-"],[class*=" icon-"],#g-Header [class*=" icon-"],.m-Top [class*=" icon-"],#g-Footer [class*=" icon-"]{
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /*padding-left: 3px;*/
  padding-right: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ArrowCircle:before {
  content: "\e601";
}

.icon-ArrowB:before {
  content: "\e600";
}

.icon-ArrowR:before {
  content: "\e602";
}

.icon-ArrowT:before {
  content: "\e603";
}

.icon-btnMinus:before {
  content: "\e604";
}

.icon-btnPlus:before {
  content: "\e605";
}

.icon-ftSmp:before {
  content: "\e606";
}

.icon-ftPc:before {
  content: "\e957";
}

.icon-ftBank:before {
  content: "\e607";
}

.icon-ftContact:before {
  content: "\e608";
}

.icon-ftGuide:before {
  content: "\e60a";
}

.icon-ftMail:before {
  content: "\e60b";
  padding-right: 5px;
}

.icon-ftMap:before {
  content: "\e60c";
}

.icon-ftRule:before {
  content: "\e60d";
}

.icon-ftStore:before {
  content: "\e60e";
}

.icon-ftFb:before {
  content: "\e609";
}

.icon-ftTwit:before {
  content: "\e60f";
}

.icon-ftGplus:before {
  content: "\ea89";
}

.icon-ftYahoo:before {
  content: "\eabd";
}

.icon-gNavBookmark:before {
  content: "\e610";
}

.icon-gNavCart:before {
  content: "\e611";
}

.icon-gNavHistry:before {
  content: "\e612";
}

.icon-gNavMypage:before {
  content: "\e613";
}

.icon-gNavSearch:before {
  content: "\e614";
}

.icon-gPoint:before {
  content: "\e615";
}

.icon-gUser:before {
  content: "\e616";
}

.icon-hCampaign:before {
  content: "\e617";
  padding-right: 5px;
}

.icon-hCharacter:before {
  content: "\e618";
  padding-right: 5px;
}

.icon-hHurry:before {
  content: "\e619";
  padding-right: 5px;
}

.icon-hNew:before {
  content: "\e61a";
  padding-right: 5px;
}

.icon-hHistry:before {
  content: "\e612";
}

.icon-Locked:before {
  content: "\e61b";
}

.icon-feed1:before {
  content: "\ea94";
}

.icon-feed3:before {
  content: "\ea95";
}

.icon-tags:before {
  content: "\e936";
}

.icon-phone:before {
  content: "\e942";
}

.icon-cog:before {
  content: "\e994";
}

.icon-ribon:before {
  content: "\e9d3";
}

/* ===============================================
    TOP調整
=============================================== */
.m-cpArea .m-ItemList1 li:first-child a:after{
bottom:-0.5rem;
}

.m-cpArea .m-ItemList1 li:nth-child(n+2){
  width:47%;
}

.m-cpArea .m-ItemList1 li:nth-child(n+2) p{
  display:none;
}

.m-cpArea .m-ItemList1 li:nth-child(n+2) a:after{
border:none;
}

ul#recom_smp_more{
height:0;
padding:0;
}

ul.itemRecommendTgl{
height:auto !important;
padding-bottom:3%;
}


/* ===============================================
    CHATRATOP調整
=============================================== */
.mlmgzArea .l-column > *{
  padding-right: 2%;
}

.mlmgzArea li a h3{
padding:2% 0 0 2%;
}

.mlmgzArea > *:last-child {
  padding-right: 0;
}



/* ===============================================
    ログイン系周辺調整
=============================================== */

.m-BoxSilver {
  margin: 1em 2%;
  padding: 3%;
  border: 1px solid #dadada;
  border-top: 0;
  background: #f1f1f1;
}


.m-noticeRead {
  margin: 1em 2% 1.5em;
  font-size: 1.2rem;
  color: #555555;
}
.m-notice {
  margin: .5em 2% 1.5em;
  font-size: 1.2rem;
  color: #aaaaaa;
}

.m-BoxAlert {
  margin:1em 2% 2em;
  padding:2%;
  border:1px solid #f30000;
  background:#ffffff;
}
.m-BoxAlert h3 {
  text-align:center;
  font-size: 1.6rem;
  font-weight:normal;
}
.m-BoxAlert p {
  margin: .8em 0;
  padding:0 2%;
  line-height:1.3;
}
.m-alert {
  color: #f30000;
  margin: .3em 0;
}

.m-ContentBlock .m-HeaderSmall {
  margin: 1em 2% 0;
  padding: 3% 2% 3% 4%;
  border: 1px solid #dadada;
  border-left: 0;
  position: relative;
  background: #ffffff;
  color: #646464;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
}
.m-ContentBlock .m-HeaderSmall:before {
  content: "";
  border-left: 4px solid #646464;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.m-ContentBlock .m-HeaderSmall + .m-BoxSilver {
  margin: 0 2% 1em;
  padding: 3%;
  border: 1px solid #dadada;
  border-top: 0;
  background: #f1f1f1;
}
.m-ContentBlock .m-HeaderSmall + .m-BoxSilver p {
  margin: .5em 0;
}
.m-ContentBlock .m-HeaderSmall .icon-btnMinus,
.m-ContentBlock .m-HeaderSmall .icon-btnPlus {
  position: absolute;
  right: 1%;
  color: #646464;
}

.m-Form {
  margin: .3em 0 .5em;
  overflow:hidden;
}
.m-Form dl {
  margin: 0 2%;
  padding: 1% 0;
  clear: both;
  overflow: hidden;
}
.m-Form dl dt {
  width: 26%;
  margin-top: .4em;
  margin-right: 2%;
  margin-bottom: 1.0em;
  float: left;
  clear: left;
  text-align: right;
}
.m-Form dl dd {
  width: 72%;
  margin-bottom: 1.0em;
  float: left;
}
.m-Form dl.extra-dd dt { width:10%; }
.m-Form dl.extra-dd dd { width:88%; }
.m-Form dl.extra-dd dd input[type="submit"] {
  margin-top: 0;
  width:40%;
  padding: 1.2em 0 !important;
}
.m-Form dl.extra-dd dd input[type="text"] {
  width: 58%;
  margin-right: 2%;
  float: left;
}

.m-Form select {
  padding: .7em .5em;
  padding-right: 5% !important;
  border: 2px solid #9c9c9c;
  border-radius: 4px;
  background:#ffffff;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  color: #555555 !important;
  /*line-height: 1;*/
  position:relative;
  height: auto;
  /*
  -webkit-appearance: none;
  appearance: none;
  */
}
.m-Form select:after {
  display: block;
  content: "▼";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin: -8px 0 0 0;
  border-top: solid 2px #646464;
  border-right: solid 2px #646464;
  /*
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  */
  font-size:0.8rem;
  z-index:1;
}
.m-Form select.horizonal {
  width: 32% !important;
  margin:0 0 0 1%;
  float:left;
}
.m-Form input[type="text"],
.m-Form input[type="password"] {
  padding: 1em .5em;
  border: 2px solid #9c9c9c;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  color: #c0c0c0;
  line-height:1;
  height:auto;
  -webkit-appearance: none;
  appearance: none;
}
.m-Form input[type="text"]:focus,
.m-Form input[type="password"]:focus {
  border: 2px solid #9c9cff;
  color: #2d2d2d;
}
.m-Form input[type="submit"],
.m-Form a.btnOrange,
.m-Form a.btnGreen {
  margin: 1.0em auto;
  padding: .9em 0 !important;
  display: block;
  width: 65%;
  cursor: pointer;
  text-align:center;
  color:#ffffff;
}
.m-Form label {
  margin: 1em 2%;
  display: block;
  text-align: center;
  cursor: pointer;
}
.m-Form label > input {
  margin-right: .4em;
  zoom:1.5;
}

::-webkit-input-placeholder {
  padding-top:0px;
}



.btnOrange {
  border: 2px solid #ff7979;
  border-radius: 4px;
  padding: 6px 10px;
  background: #ff7121;
  background: -webkit-linear-gradient(top, #ff7121 0%, #ff5614 100%);
  background: linear-gradient(to bottom, #ff7121 0%, #ff5614 100%);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
}

.linkTextRight {
  margin: 0.3em 0;
  display: block;
  text-align: right;
  color: #555555 !important;
  padding: .5em 0;
}
.linkTextRight.linkArrowB {
  padding-right: 7.5% !important;
  display: block;
}
.linkTextRight.linkArrowB:after {
  right:10px;
}

.m-smallHead {
  margin: 3em 0 .5em 0;
  padding:0 2% !important;
  font-size: 1.6rem !important;
  font-weight: bold;
  text-align: center;
}


.m-BoxAlertYellow {
  margin:0 2% 1em;
  padding:2%;
  border:1px solid #ffc232;
  background:#ffdd8c;
}
.m-BoxAlertRed {
  margin:0 2% 1em;
  padding:2%;
  border:1px solid #ff8b8b;
  background:#ffc3c3;
}
.m-BoxAlertYellow h3,
.m-BoxAlertRed h3 {
  padding-left:22%;
  position:relative;
  font-size:1.6rem;
  font-weight:normal;
  color:#f30000;
  min-height: 2em;
}
.m-BoxAlertYellow h3:before,
.m-BoxAlertRed h3:before {
  content: "";
  background:url(/bc/images/common/pbsp_alert.svg) no-repeat;
  background-size: 100%;
  position:absolute;
  left: 4%;
  top:0;
  width:14%;
  height:100%;
}

.m-BoxAlertYellow p,
.m-BoxAlertRed p {
  margin:.5em;
  padding:2%;
  display:block;
}

.guidenote {
  margin: .5rem 0;
  font-size: 1.0rem;
  color: #999999;
}



/* ===============================================
    アイコン
=============================================== */

/*商品詳細,top*/

/* 個別配送a */
.m-ProductStats li.haisou,.itemIcoWrap li.haisou{
	background: #4ac735;
}
/* 販売終了s */
.m-ProductStats li.hanbai_syuryo,.itemIcoWrap li.hanbai_syuryo{
	background: #9d65a9;
}
/* 販売開始a */
.m-ProductStats li.hanbai_mae,.itemIcoWrap li.hanbai_mae{
	background: #f574b4;
}
/* セール s*/
.m-ProductStats li.sale,.itemIcoWrap li.sale{
	background: #d94141;
}
/* 予約終了a */
.m-ProductStats li.yoyaku_syuryo,.itemIcoWrap li.yoyaku_syuryo{
	background: #925940;
}
/* 予約開始前 s*/
.m-ProductStats li.yoyaku_mae,.itemIcoWrap li.yoyaku_mae{
	background: #ff9600;
}
/* オススメ a*/
.m-ProductStats li.osusume,.itemIcoWrap li.yoyaku_mae{
	background: #ff6076;
}
/* 予約 s*/
.m-ProductStats li.yoyaku,.itemIcoWrap li.yoyaku_mae{
	background: #ff7800;
}
/* 在庫なしs */
.m-ProductStats li.zaiko_nashi,.itemIcoWrap li.yoyaku_mae{
	background: #959595;
}
/* 受注生産 a*/
.m-ProductStats li.jyutyu,.itemIcoWrap li.yoyaku_mae{
	background: #6695f4;
}

/*クーポン*/
.m-ProductStats li.coupon ,.itemIcoWrap li.coupon{
  background: #f10f0f; }
  
/*リクエスト販売*/
.m-ProductStats li.request,.itemIcoWrap li.request{
  background:#1c82b7;}

/*抽選販売*/
.m-ProductStats li.lotsales,.itemIcoWrap li.lotsales{
  background:#57b1c4;}

/*冷蔵配送*/
.m-ProductStats li.cold,.itemIcoWrap li.cold{
  background:#477c9a;}

/*冷凍配送*/
.m-ProductStats li.freeze,.itemIcoWrap li.freeze{
  background:#2f69bf;}
  
/*個別配送*/
.m-ProductStats li.delivery_free,.itemIcoWrap li.delivery_free{
  background:#c40000;}
 
/*月発送*/
.m-ProductStats li.hassou,.itemIcoWrap li.hassou{
  background:#c27a21;
  /*width:10.0rem;*/
  font-size:0.6rem;
  padding: .4rem 0;
}

.m-ProductStats li {
margin:0;
padding: .3rem 0;
border: 1px solid #ffffff;
border-radius: 4px;
display: inline-block;
width: 50% !important;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
font-size: 1.1rem;
min-height:2.4rem;
color: #ffffff;
float: left;
}




/* ===============================================
    ソーシャルログイン
=============================================== */

.btnSilver.btnSocial {
  width: 48%;
  margin: 0% .5% 2%;;
  display: inline-block;
  vertical-align: top;
  color: #555555;
  font-size: 1.0rem;
  text-align: left;
  padding: 2% 1.5% 2% 13% !important;
  box-sizing: border-box;
  position:relative;
}
.btnSilver.btnSocial span {
  display: block;
  font-size: 1.2rem;
  margin-bottom: .2em;
}
.btnSilver.btnSocial a {
  display:block;
  color:#555555;
}

.btnSocialYahoo:before { background:url(/bc/images/common/pbsp_sns_yh.svg) }
.btnSocialBnid:before  { background:url(/bc/images/common/pbsp_sns_bnid.svg) }
.btnSocialFb:before    { background:url(/bc/images/common/pbsp_sns_fb.svg) }
.btnSocialTw:before    { background:url(/bc/images/common/pbsp_sns_tw.svg) }
.btnSocialMi:before    { background:url(/bc/images/common/pbsp_sns_mi.svg) }
.btnSocialGp:before    { background:url(/bc/images/common/pbsp_sns_gp.svg) }
.btnSocialYahoo:before,
.btnSocialBnid:before,
.btnSocialFb:before,
.btnSocialTw:before,
.btnSocialMi:before,
.btnSocialGp:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 6%;
  top: 0;
  width: 17%;
  height: 100%;
}

.btnSocialYahoo span { color: #f51512 !important; }
.btnSocialBnid span  { color: #fad42e !important; }
.btnSocialFb span    { color: #2e5095 !important; }
.btnSocialTw span    { color: #67aadd !important; }
.btnSocialMi span    { color: #d0ad5a !important; }
.btnSocialGp span    { color: #dd4b39 !important; }


/**/
.m-SearchKeyword.m-SearchKeywordThin .searchBoxTxt { 
  width: 65%;
  vertical-align: top;
  margin-bottom: 1em
}
.m-SearchKeyword.m-SearchKeywordThin .searchBoxTxt:focus {
  border:1px solid #59d142;
}
.m-SearchKeyword.m-SearchKeywordThin .btnBlack {
  width: 30%;
  vertical-align: top;
  margin-bottom: 1em;
}

/* FONT SETUP
=============================================== */
@font-face {
	font-family: 'header-icon-mypage';
	src:url('/bc/images/mypage/mypage.eot?-hu6y51');
	src:url('/bc/images/mypage/mypage.eot?#iefix-hu6y51') format('embedded-opentype'),
		url('/bc/images/mypage/mypage.woff?-hu6y51') format('woff'),
		url('/bc/images/mypage/mypage.ttf?-hu6y51') format('truetype'),
		url('/bc/images/mypage/mypage.svg?-hu6y51#mypage') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --- [20180226 クーポン表示] --- */
.header-coupon-icon {
	font-family: 'header-icon-mypage';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.header-coupon-icon:before {
	font-family: 'header-icon-mypage';
	content: "\e618";
}
/* --- [20180226 クーポン表示] --- */