/************************************************************************** 
 * voi-base style
***************************************************************************/
body {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400;
}
img {
  height: auto;
  max-width: 100%;
}
*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* reset */
.button, .file-cta, .file-name, .input, .select select, .textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  padding: calc(.375em - 1px) calc(.625em - 1px);
  position: relative;
  vertical-align: top;
}
.button, .delete, .file, .is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ボタン系 */
.button {
  background-color: #fff;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(.375em - 1px) .75em;
  text-align: center;
  white-space: nowrap;
}
.button.is-primary {
  background-color: #1da1f2;
  border-color: transparent;
  color: #fff;
}
.button.is-link {
  background-color: #3273dc;
  border-color: transparent;
  color: #fff;
}
.button.is-info {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
}
.button.is-success {
  background-color: #23d160;
  border-color: transparent;
  color: #fff;
}
.button.is-warning {
  background-color: #ffdd57;
  border-color: transparent;
  color: rgba(0,0,0,.7);
}
.button.is-danger {
  background-color: #ff3860;
  border-color: transparent;
  color: #fff;
}

/* header, footer */
.mc_pc-header-wrapper, .mc_sp-header-wrapper, .mc_pc-footer-wrapper, .mc_sp-footer-wrapper, #m_Box {
  background-color: #fff;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  /* overflow-x: hidden; */
  /* overflow-y: scroll; */
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #4a4a4a;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: -apple-system,BlinkMacSystemFont,Roboto,Meiryo,Hiragino Kaku Gothic Pro W3,Hiragino Kaku Gothic ProN,Arial,sans-serif;
}

.mc_pc-header-wrapper ul, .mc_sp-header-wrapper ul, .mc_pc-footer-wrapper ul, .mc_sp-footer-wrapper ul, #m_Box ul, p {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

#m_Box ul li {
  text-decoration: none;
}

#m_Box ul li a {
  text-decoration: none;
}

/**********************************
*
* dafault
*
* base: r_header_xxx.css
*     : r_footer.css
*     : mc_globalnavi.css
**********************************/
/* 基本はPCヘッダー非表示 */
.mc_pc-header-wrapper,
.mc_pc-footer-wrapper {
  display: none;
}
/* SPヘッダー表示 */
.mc_sp-header-wrapper,
.mc_sp-footer-wrapper {
  display: block;
}

/*----------------------------------------------------
clearfix
----------------------------------------------------*/
.cfx:after,
.clearfix:after,
.r-cfx:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.r-cfx {
  display: block;
  min-height: 1%
}
.clear {
  clear: both
}

/**********************************
*
* PC/SP共通ヘッダーフッターCSS
*
* @auther ito-kms 2020/04
**********************************/
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 481px) {
}
/* @media screen and (min-width: 769px) { */
  /* SPヘッダー非表示 */
  /* .mc_sp-header-wrapper,
  .mc_sp-footer-wrapper {
    display: none !important;
  }
  .mc_pc-header-wrapper,
  .mc_pc-footer-wrapper {
    display: block !important;
  }
} */
/*****
 * PCヘッダーの基準がwidth:950pxなので
 * 余裕をもって980px以上はPC、未満はSPとする
 *****/
@media screen and (min-width: 980px) {
  /* SPヘッダー非表示 */
  .mc_sp-header-wrapper,
  .mc_sp-footer-wrapper {
    display: none !important;
  }
  .mc_pc-header-wrapper,
  .mc_pc-footer-wrapper {
    display: block !important;
  }
}

/**********************************
*
* PC
*
* base: r_header_xxx.css
*     : r_footer.css
**********************************/
#r-headerarea #r-upperLayer #r-voilogo a,
#r-headerarea #r-upperLayer .r-btn-header li a,
#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-bigginer a {
  background-image: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png);
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px
}

#r-headerarea {
  color: #333;
  font-size: 10px;
  line-height: 1.4;
  margin: 0 auto 7px;
  padding: 0;
  text-align: left;
  width: 950px
}

#r-headerarea.r-logininfo {
  margin: 0 auto
}

#r-headerarea dd,#r-headerarea div,#r-headerarea dl,#r-headerarea dt,#r-headerarea form,#r-headerarea li,#r-headerarea ol,#r-headerarea p,#r-headerarea ul {
  margin: 0;
  padding: 0
}

#r-headerarea li,#r-headerarea ol,#r-headerarea ul {
  list-style: none
}

#r-headerarea a:active,#r-headerarea a:link,#r-headerarea a:visited {
  color: #333;
  text-decoration: none
}

#r-headerarea a:hover {
  color: #d20000;
  text-decoration: none
}

#r-headerarea a.r-linkbl:active,#r-headerarea a.r-linkbl:link,#r-headerarea a.r-linkbl:visited {
  text-decoration: none
}

#r-headerarea a.r-linkbl:hover {
  padding-bottom: 1px;
  text-decoration: underline
}

#r-headerarea a.r-linkbl2:active,#r-headerarea a.r-linkbl2:link,#r-headerarea a.r-linkbl2:visited {
  color: #036;
  font-weight: 700;
  text-decoration: none
}

#r-headerarea a.r-linkbl2:hover {
  padding-bottom: 1px;
  text-decoration: underline
}

#r-headerarea a.r-linkrd:active,#r-headerarea a.r-linkrd:hover,#r-headerarea a.r-linkrd:link,#r-headerarea a.r-linkrd:visited {
  color: #d20000;
  text-decoration: none
}

#r-headerarea #r-upperLayer {
  height: auto;
  position: relative
}

#r-headerarea #r-upperLayer #r-voilogo {
  float: left;
  padding-bottom: 15px;
  padding-top: 19px;
  width: 227px
}

#r-headerarea #r-upperLayer #r-voilogo a {
  background-position: 0 -177px;
  height: 33px;
  overflow: hidden;
  width: 227px
}

#r-headerarea #r-upperLayer .r-extlink1 {
  float: right;
  width: 696px
}

#r-headerarea #r-upperLayer .r-extlink1 a.r-under:link {
  text-decoration: underline
}

#r-headerarea #r-upperLayer .r-extlink1 a.r-under:link {
  padding-bottom: 1px\9
}

#r-headerarea #r-upperLayer .r-extlink1 .r-inner-extlink1 {
  padding-top: 12px
}

#r-headerarea #r-upperLayer .r-inner-userlink {
  float: right;
  margin-top: 12px;
  width: 494px
}

#r-headerarea #r-upperLayer .r-btn-header {
  float: left;
  margin-top: 12px;
  width: 201px
}

#r-headerarea #r-upperLayer .r-btn-header li {
  float: left;
  height: 50px
}

#r-headerarea #r-upperLayer .r-btn-header li a {
  height: 50px
}

#r-headerarea #r-upperLayer .r-btn-coordinate {
  width: 100px
}

#r-headerarea #r-upperLayer .r-btn-coordinate a {
  background-position: -1079px -261px;
  width: 100px
}

#r-headerarea #r-upperLayer .r-btn-coordinate a:hover {
  background-position: -1079px -311px
}

#r-headerarea #r-upperLayer .r-btn-ranking {
  width: 101px
}

#r-headerarea #r-upperLayer .r-btn-ranking a {
  background-position: -1179px -261px;
  width: 101px
}

#r-headerarea #r-upperLayer .r-btn-ranking a:hover {
  background-position: -1179px -311px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist {
  float: right
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist li {
  float: left;
  height: 23px;
  text-align: right
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-mypage {
  font-size: 12px;
  width: 254px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-mypage a {
  line-height: 14px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-mypage .r-fontb {
  font-weight: 700
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-bigginer {
  margin-left: 25px;
  text-align: start;
  width: 82px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-bigginer a {
  background-position: -1102px -170px;
  height: 23px;
  overflow: hidden;
  text-align: justify;
  width: 82px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-eposp p,#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-webcoupon p {
  text-align: right
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-bigginer a:hover {
  background-position: -1191px -170px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-eposp,#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-webcoupon {
  display: inline;
  padding-left: 10px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-eposp .r-num,#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-webcoupon .r-num {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-eposp {
  color: #e61f22;
  height: 14px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-webcoupon {
  color: #ff6508;
  height: 14px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-cart a,#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-favorite a .r-btnblk,#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-guidelink a,#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-history a,#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-mypage a {
  height: 23px;
  background-image: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png);
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -9999px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-webcoupon.r-att .r-num {
  background-image: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png);
  background-position: -1102px -228px;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 15px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-eposp img,#r-headerarea #r-upperLayer .r-extlink1 .r-mylist #r-webcoupon img {
  vertical-align: bottom
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist {
  float: right
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist li {
  float: left;
  font-size: 12px;
  margin-left: 20px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-mypage {
  width: 89px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-mypage a {
  background-position: -1102px -30px;
  display: block;
  width: 89px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-mypage a:hover {
  background-position: -1191px -30px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-cart {
  width: 51px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-cart a {
  background-position: -1102px -140px;
  display: block;
  width: 51px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-cart a:hover {
  background-position: -1191px -140px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-favorite {
  overflow: hidden;
  width: 73px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-favorite.r-login {
  overflow: hidden;
  width: 108px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-favorite a .r-btnblk {
  background-position: -1102px -115px;
  display: block;
  float: left;
  width: 73px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-favorite a:hover .r-btnblk {
  background-position: -1191px -115px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-favorite .r-countblk {
  display: block;
  float: right;
  font-size: 10px;
  line-height: 23px;
  width: 30px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-history {
  width: 65px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-history a {
  background-position: -1102px -90px;
  display: block;
  width: 65px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-history a:hover {
  background-position: -1191px -90px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-guidelink {
  margin-left: 0;
  width: 80px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-guidelink a {
  background-position: -1102px -65px;
  display: block;
  width: 80px
}

#r-headerarea #r-upperLayer .r-extlink1 .r-seclist #r-user-guidelink a:hover {
  background-position: -1191px -65px
}

#r-headerarea input[type=text]:focus,#r-headerarea select:focus {
  outline: 0
}

#r-headerarea #r-middleLayer {
  width: 950px
}

#r-headerarea #r-middleLayer #r-globalmenu {
  border-bottom: 1px solid grey
}

#r-headerarea #r-middleLayer #r-globalmenu ul li {
  float: left;
  line-height: 1;
  list-style-type: none;
  margin-right: 3px;
  position: relative;
  width: 94px
}

#r-headerarea #r-middleLayer #r-globalmenu ul li a {
  background-image: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png);
  background-position: 0 -52px;
  background-repeat: no-repeat;
  display: block;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  width: 94px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-ladies a {
  background-position: 0 -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-ladies a:hover {
  background-position: 0 -63px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-mens a {
  background-position: -97px -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-mens a:hover {
  background-position: -97px -63px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-kids a {
  background-position: -194px -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-kids a:hover {
  background-position: -194px -63px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes a {
  background-position: -291px -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes a:hover {
  background-position: -291px -63px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-bag a {
  background-position: -388px -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-bag a:hover {
  background-position: -388px -63px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-sports a {
  background-position: -485px -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-sports a:hover {
  background-position: -485px -63px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-lifestyle a {
  background-position: -582px -30px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-lifestyle a:hover {
  background-position: -582px -63px
}

#r-middleLayer {
  position: relative
}

#r-headerarea #r-middleLayer .r-txt-returnfree {
  background-image: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png);
  background-position: -24px -375px;
  background-repeat: no-repeat;
  display: block;
  height: 32px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 260px
}

#r-headerarea #r-middleLayer .r-txt-returnfree a {
  display: block;
  height: 32px;
  width: 260px
}

#r-headerarea #r-lowerLayer {
  background: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png) 0 -129px no-repeat #f1f1f1;
  height: 48px!important
}

#r-headerarea #r-middleLayer #r-globalmenu .r-submenu li a,#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu .r-submenu li a,#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu li a {
  background-image: url(/voi/content/dam/01/commonpage/pc/header_img_1606.png);
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -9999px
}

#r-headerarea #r-lowerLayer #r-normalsearch {
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  width: 620px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-selectbox {
  float: left;
  margin: 9px 8px 0 0;
  margin-top: 14px\9;
  width: 147px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-selectbox:not(:target) {
  margin-top: 9px\9
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-selectbox select {
  border: 1px solid #ccc;
  height: 30px;
  width: 100%;
  font-size: 13px;
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-selectbox select option {
  line-height: 1.2
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-inputbox {
  float: left;
  margin-top: 11px;
  width: 415px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-inputbox input {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: rgba(0,0,0,0);
  border: none;
  box-sizing: border-box;
  color: #b4b4b4;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  width: 415px;
  font-size: 13px;
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-searchbtn {
  cursor: pointer;
  float: left;
  height: 30px;
  margin-top: 9px;
  width: 50px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-searcharea p.r-searchbtn span {
  display: block;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  width: 50px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-keywordarea dl {
  padding-top: 6px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-keywordarea dl dt {
  line-height: 1;
  text-align: right;
  width: 240px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-keywordarea dl dd {
  line-height: 1;
  margin-top: -1.1em;
  padding-left: 244px
}

#r-headerarea #r-lowerLayer #r-normalsearch #r-keywordarea p#r-keywords a {
  padding: 0 0 0 4px
}

#r-headerarea #r-lowerLayer #r-detailsearch {
  float: left;
  width: 95px
}

#r-headerarea #r-lowerLayer #r-detailsearch #r-b-detailsearch {
  float: left;
  height: 30px;
  margin-top: 9px;
  width: 95px
}

#r-headerarea #r-lowerLayer #r-detailsearch #r-b-detailsearch a {
  cursor: pointer;
  display: block;
  height: 30px;
  width: 95px
}

#r-headerarea #r-lowerLayer #r-detailsearch #r-b-detailsearch span {
  display: block;
  overflow: hidden;
  text-indent: -9999px
}

#r-headerarea #r-lowerLayer #r-header_txt {
  float: left;
  height: 48px;
  position: relative;
  width: 300px;
  z-index: 5
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu {
  margin-top: 9px;
  width: 300px;
  position: relative
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu li {
  float: left
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu li a {
  background-position: 0 -52px;
  display: block
}

#r-headerarea #r-lowerLayer #r-header_txt #r-menu-itemsearch {
  width: 118px
}

#r-headerarea #r-lowerLayer #r-header_txt #r-menu-shopbrandsearch {
  width: 162px
}

#r-headerarea #r-lowerLayer #r-header_txt #r-menu-itemsearch a {
  height: 30px;
  width: 118px;
  background-position: -650px -190px
}

#r-headerarea #r-lowerLayer #r-header_txt #r-menu-shopbrandsearch a {
  height: 30px;
  width: 162px;
  background-position: -768px -190px
}

#r-headerarea #r-lowerLayer #r-header_txt #r-menu-itemsearch a.r-act,#r-headerarea #r-lowerLayer #r-header_txt #r-menu-itemsearch a:hover {
  background-position: -650px -220px
}

#r-headerarea #r-lowerLayer #r-header_txt #r-menu-shopbrandsearch a.r-act,#r-headerarea #r-lowerLayer #r-header_txt #r-menu-shopbrandsearch a:hover {
  background-position: -768px -220px
}

#r-headerarea #r-middleLayer #r-globalmenu ul li img {
  vertical-align: top
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu .r-submenu li {
  float: none
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu .r-submenu li a {
  background-position: 0 0;
  height: 29px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu {
  display: none;
  left: 0;
  position: absolute;
  top: 30px;
  z-index: 100;
  zoom:1}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-ladies a {
  background-position: -479px -274px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-mens a {
  background-position: -479px -305px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-kids a {
  background-position: -479px -336px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-cosme a {
  background-position: -479px -366px;
  height: 42px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-ladies a:hover {
  background-position: -597px -274px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-mens a:hover {
  background-position: -597px -305px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-kids a:hover {
  background-position: -597px -336px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-itemsearch .r-submenu #r-itemsearch-cosme a:hover {
  background-position: -597px -366px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu {
  display: none;
  left: 118px;
  position: absolute;
  top: 30px;
  z-index: 100;
  zoom:1}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu a {
  height: 29px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu #r-shopbrandsearch-ladies a {
  background-position: -715px -275px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu #r-shopbrandsearch-ladies a:hover {
  background-position: -877px -275px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu #r-shopbrandsearch-mens a {
  background-position: -715px -304px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu #r-shopbrandsearch-mens a:hover {
  background-position: -877px -304px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu #r-shopbrandsearch-kids a {
  background-position: -715px -334px
}

#r-headerarea #r-lowerLayer #r-header_txt .r-searchmenu #r-menu-shopbrandsearch .r-submenu #r-shopbrandsearch-kids a:hover {
  background-position: -877px -334px
}

#r-headerarea #r-middleLayer #r-globalmenu .r-submenu {
  display: none;
  left: 0;
  position: absolute;
  top: 32px;
  z-index: 100;
  zoom:1}

#r-headerarea #r-middleLayer #r-globalmenu .r-submenu li a {
  background-position: 0 0;
  height: 32px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-ladies a {
  background-position: 0 -220px;
  height: 33px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-mens a {
  background-position: 0 -253px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-sneakers a {
  background-position: 0 -285px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-kids a {
  background-position: 0 -317px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-ladies a:hover {
  background-position: -94px -220px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-mens a:hover {
  background-position: -94px -253px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-sneakers a:hover {
  background-position: -94px -285px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-shoes .r-submenu #r-shoes-kids a:hover {
  background-position: -94px -317px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-bag .r-submenu #r-bag-ladies a {
  background-position: -188px -220px;
  height: 33px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-bag .r-submenu #r-bag-mens a {
  background-position: -188px -253px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-bag .r-submenu #r-bag-ladies a:hover {
  background-position: -282px -220px
}

#r-headerarea #r-middleLayer #r-globalmenu #r-menu-bag .r-submenu #r-bag-mens a:hover {
  background-position: -282px -253px
}

/*************************
* pc footer
*************************/
#r-footerarea dd,#r-footerarea div,#r-footerarea dl,#r-footerarea dt,#r-footerarea li,#r-footerarea ol,#r-footerarea p,#r-footerarea ul {
  margin: 0;
  padding: 0
}

#r-footerarea ol,#r-footerarea ul {
  list-style-type: none
}

#r-footerarea #r-footatt {
  padding: 0 0 10px 18px
}

#r-footerarea #r-footatt .r-pickuptxt {
  color: #e60012;
  font-size: 11px
}

#r-footerarea {
  color: #666;
  font-size: 10px;
  line-height: 1.3;
  margin: 20px auto 0;
  padding: 0 0 10px;
  text-align: left;
  width: 950px
}

#r-footerarea a:active,#r-footerarea a:link,#r-footerarea a:visited {
  color: #000;
  text-decoration: none
}

#r-footerarea a:hover {
  color: #d20000;
  text-decoration: none
}

#r-footerarea #r-servicenavifrm {
  background: url(/voi/common/images/footer/2008/footer_img.gif) no-repeat 0 100%;
  padding-bottom: 3px
}

#r-footerarea #r-servicenavi {
  background: url(/voi/common/images/footer/2008/footer_img.gif) no-repeat 0 0;
  padding-top: 32px
}

#r-footerarea ul#r-servicecategory {
  background: url(/voi/common/images/footer/2008/footer_bg.gif) repeat-y 0 0;
  padding-bottom: 7px
}

#r-footerarea ul#r-servicecategory li {
  float: left;
  list-style-type: none
}

#r-footerarea ul#r-servicecategory li.r-serv01 {
  width: 255px
}

#r-footerarea ul#r-servicecategory li.r-serv02,#r-footerarea ul#r-servicecategory li.r-serv03 {
  width: 222px
}

#r-footerarea ul#r-servicecategory li.r-serv04 {
  width: 251px
}

#r-footerarea ul#r-servicecategory li p.r-servtit {
  display: block;
  height: 0;
  overflow: hidden;
  text-indent: -9999px
}

* html #r-footerarea ul#r-servicecategory li p.r-servtit {
  position: absolute;
  visibility: hidden
}

#r-footerarea ul#r-servicecategory li ul.r-servlist {
  padding: 4px 10px 0 16px
}

#r-footerarea ul#r-servicecategory li ul.r-servlist li {
  background: url(/voi/common/images/footer/2008/footer_img.gif) no-repeat -960px -6px;
  float: none;
  list-style-type: none;
  padding-left: 13px;
  padding-top: 2px
}

#r-footerarea ul#r-servicecategory li ul.r-servlist .r-telorder {
  background: none;
  float: none;
  list-style-type: none;
  padding-left: 0;
  padding-top: 15px
}

#r-footerarea ul#r-servicecategory li ul.r-servlist .r-telorder a img {
  border: none
}

#r-footerarea ul#r-servicecategory li ul.r-servlist li a {
  color: #666
}

#r-footerarea ul#r-servicecategory li ul.r-servlist li a:hover {
  color: #d20000
}

#r-contentsSub {
  margin-top: 20px
}

#r-footerarea .r-txt-footerbtm .r-txt-0101 {
  float: left;
  line-height: 1;
  padding-left: 18px;
  padding-top: 10px
}

#r-footerarea .r-txt-footerbtm .r-link-0101 a {
  color: #696969;
  padding-left: 12px;
  text-decoration: underline
}

#r-footerarea .r-txt-footerbtm #r-copyright {
  float: right;
  line-height: 1;
  padding-top: 10px
}

/**************************
 * PCレンタルドレスヘッダ
 *  基本非表示。表示制御はJS側で
 **************************/
.mc_rentaldress_header_wrapper {
  display: none;
}

.mc_rentaldress_header_wrapper button,
.mc_rentaldress_header_wrapper input,
.mc_rentaldress_header_wrapper select,
.mc_rentaldress_header_wrapper textarea {
  font-size: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}

.pc_header_dreni,
.pc_global_nav {
  position: relative;
  width: 100%;
  min-width: 950px;
  font-size: 16px;
  font-weight: 400;
  color: #2c2c2c;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  line-height: 1.5
}

.pc_header_dreni {
  border-top: 1px solid hsla(0, 0%, 43.9%, .2) !important;
}

.pc_header_dreni_inner {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  max-width: 950px;
  margin: 0 auto !important;
  padding: 20px 0 !important;
}

.pc_header_sub_nav {
  margin: 0 25.9px 0 auto !important;
}

.pc_header_sub_nav_list {
  display: flex;
  /* font-size: 1.2rem */
  font-size: 0.75rem
}

.pc_header_sub_nav_item:nth-of-type(2) {
  margin-left: 30px !important;
}

.pc_header_sub_nav_item:nth-of-type(3) {
  margin-left: 25px !important;
}

.pc_header_sub_nav_anchor {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #2c2c2c
}

.pc_header_dreni .nav_text {
  margin-top: -1px !important;
  margin-right: 10px !important;
  line-height: 1
}

.pc_header_dreni .nav_icon_image {
  display: block;
  width: 100%
}

.pc_header_dreni .nav_icon.o-flow {
  width: 12px
}

.pc_header_dreni .nav_icon.o-heart {
  width: 18.23px
}

.pc_header_dreni .nav_icon.o-cart {
  width: 18.5px
}

.pc_header_dreni .header_nav_toggle {
  width: 25.17px
}

.pc_header_dreni .header_nav_toggle_btn,
.pc_header_dreni .header_nav_toggle_icon {
  width: 100%;
  box-sizing: inherit;
  background-color: initial;
  cursor: pointer;
}

.pc_global_nav {
  display: none;
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999
}

.pc_global_nav_header {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 0 63px !important;
  background: #f2f3f4
}

.pc_global_nav_close {
  width: 24px;
  margin: 0 0 0 auto !important;
}

.pc_global_nav_close_btn {
  display: block;
  width: 100%;
  height: 24px;
  position: relative
}

.pc_global_nav_close_btn:after,
.pc_global_nav_close_btn:before {
  display: block;
  width: 34px;
  height: 1px;
  background: #7b8081;
  content: "";
  position: absolute;
  left: 0
}

.pc_global_nav_close_btn:before {
  top: 0;
  transform-origin: top left;
  transform: rotate(45deg)
}

.pc_global_nav_close_btn:after {
  bottom: 0;
  transform-origin: bottom left;
  transform: rotate(-45deg)
}

.pc_global_nav_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 80px)
}

.pc_global_nav_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 950px
}

.pc_global_nav_kv {
  width: 315px
}

.pc_global_nav_kv_logo {
  margin-bottom: 58px !important;
}

.pc_global_nav_kv_logo_image {
  width: 100%
}

.pc_global_nav_kv_back_btn {
  width: 211px;
  margin: 0 auto !important;
  /* font-size: 1.5rem; */
  /* font-size: 0.94rem; */
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .13em
}

.pc_global_nav_kv_back_btn_anchor {
  display: block;
  padding: 14px 0 !important;
  color: #fff;
  background: #8d9293;
  text-align: center;
  text-decoration: none;
  position: relative
}

.pc_global_nav_kv_back_btn_anchor:after {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  right: 15px;
  transform: rotate(45deg)
}

.pc_global_nav_main {
  display: flex;
  flex-wrap: wrap;
  width: 513px
}

.pc_global_nav_main_list {
  font-size: 15px;
  letter-spacing: .08em
}

.pc_global_nav_main_item:not(:first-of-type) {
  margin-top: 30px !important;
}

.pc_global_nav_main_anchor {
  color: #2c2c2c;
  text-decoration: none
}

.pc_global_nav .child_nav_list {
  margin-top: 20px !important;
  font-size: 12px;
}

.pc_global_nav .child_nav_item {
  padding-left: 20px !important;
  position: relative
}

.pc_global_nav .child_nav_item:not(:first-of-type) {
  margin-top: 10px !important;
}

.pc_global_nav .child_nav_anchor {
  color: #2c2c2c;
  text-decoration: none
}

.pc_global_nav_sub_list {
  font-size: 12px;
  letter-spacing: .08em
}

.pc_global_nav_sub_item:not(:first-of-type) {
  margin-top: 20px !important;
}

.pc_global_nav_sub_anchor {
  color: #3e3e3e;
  text-decoration: none
}

.pc_global_nav_sub .sub_text {
  font-size: 10px;
  color: #949da0
}

.pc_global_nav_list_block {
  width: 50%
}

.pc_global_nav_search {
  display: flex;
  width: 100%;
  margin-top: 75px !important;
}

.pc_global_nav_search_input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 18px !important;
  background: #eff1f1 !important;
  font-size: 12px !important;
  letter-spacing: .13em
}

.pc_global_nav_search_btn {
  width: 50px;
  height: 50px
}

.pc_global_nav_search_btn_anchor {
  height: 100%;
  background: #7b8081
}

.pc_global_nav_search_btn_anchor {
  display: flex;
  align-items: center;
  justify-content: center
}

.sp_appear {
  display: none
}

@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast
  }
}

/* 既存ユーザーメニュー非表示 */
/* .r-inner-userlink #r-user-favorite,
.r-inner-userlink #r-user-cart {
  display: none;
} */

/**********************************
*
* SP
*
* base: mc_globalnavi.css
*
**********************************/
/*--- gnav reset --- */
.mc-gnav__wrapper,
.mc-footer__wrapper {
  line-height: 1.6;
  text-align: left;
}
.mc-gnav__wrapper img,
.mc-footer__wrapper img {
  max-width: 100%;
  height: auto;
}
.mc-gnav__wrapper a img,
.mc-footer__wrapper a img,
.mc-gnav__wrapper img,
.mc-footer__wrapper img {
  border: 0;
}

/* gnav base */
.mc-gnav__wrapper,
.mc-footer__wrapper,
#hamburgerMenu,
.mc_footer__searchBox_area {
  font-family: -apple-system,BlinkMacSystemFont,Roboto,Meiryo,Hiragino Kaku Gothic Pro W3,Hiragino Kaku Gothic ProN,Arial,sans-serif;
  box-sizing: initial;
}

/**************************************
* badge css
**************************************/
span.m_badge {
  box-sizing: initial;
  position: absolute;
  top: -45px;
  right: 2px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1px 2px !important;
  min-width: 15px;
  font-size: 10px;
  background: #de242e;
  font-family: "ヒラギ角ゴ", Osaka, sans-serif;
}

/**************************************
* header css
**************************************/
.mc-gnav__wrapper {
  z-index: 5;
  width: 100%;
  background: #fff;
}
.header__bottom,
.doerniGnav,
.coconiGnav {
  z-index: 5;
  width: 100%;
}
.header__bottom.fixed,
.doerniGnav.fixed,
.coconiGnav.fixed {
  position: fixed;
  top: 0;
}
.header__bottom.fixed.showHeader,
.doerniGnav.fixed.showHeader,
.coconiGnav.fixed.showHeader {
  position: fixed;
  /* top: 50px; */
}
.topHeader {
  font-size: 0;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  padding: 0 15px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.topHeader.hide {
  display: none;
}
.topHeader.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
  width: 93%;
}

.topHeader__logo {
  width: 90px;
  height: auto;
}
.topHeader__logo a {
  display: block;
  height: 62px;
  background-image: url(/voi/sp/images/tlmtop/common/sp_header_1807.png?1903cash_clear);
  background-repeat: no-repeat;
  background-position: -12px 0;
  background-size: 320px 160px;
  text-indent: -9999px;
}
/* .topHeader img {
  width: 100%;
  height: auto;
} */
.topHeader__userInfoArea {
  width: 75%;
  margin-left: auto;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.topHeader__menu {
  margin-left: 15px;
}

.loginMenu {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  list-style: none;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.loginMenu__item + .loginMenu__item {
  margin-left: 10px;
}
.loginMenu__item a {
  text-decoration: none !important;
}
.loginMenu__button {
  font-size: 12px;
  line-height: 1;
  padding: 7px 6px;
  color: #444;
  border: 1px solid #444;
  border-radius: 2px;

  /* otumu basestyle */
  outline: none;
  -webkit-appearance: none;
  border-style: none;
  background-color: transparent;
}
.loginMenu__button.theme-dark {
  color: #fff;
  background: #444;
}

.topHeader__userInfo {
  margin-left: auto;
}
.topHeader__userInfo.userInfoExist {
  width: 35%;
  padding: 3px 7px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.topHeader__userInfo a {
  text-decoration: none;
  color: inherit;
}
.topHeader__userInfoItem {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.topHeader__userInfoItem p {
  font-size: 10px!important;
}

.supportMenu {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  list-style: none;
  -webkit-align-items: center;
  align-items: center;
}
.supportMenu__item + .supportMenu__item {
  margin-left: 5px;
  margin-top: 0;
}
.supportMenu__item a {
  text-decoration: none !important;
}
.supportButton {
  font-size: 11px !important;
  font-weight: bold;
  line-height: 1;
  display: block;
  padding: 7px 5px;
  color: #444;
  border: 1px solid #444;
  border-radius: 2px;
  background-color: transparent;
}
.supportButton.isPrimary {
  color: #fff;
  background: #444;
}
/* iPhone SE */
@media(max-width:325px) {
  .topHeader__userInfoArea {
    -webkit-align-items: center;
    align-items: center;
  }
  .topHeader__menu {
    margin-left: 5px;
  }
  .topHeader__userInfo.userInfoExist {
    width: 43%;
    padding: 3px 4px;
  }
  .supportButton {
    font-size: 10px !important;
    font-weight: bold;
    line-height: 1;
    display: block;
    padding: 7px 2px;
    color: #444;
    border: 1px solid #444;
    border-radius: 2px;
    background-color: transparent;
  }	
}

.userInfoButton {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.userInfoButton__icon {
  font-size: 20px;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 28px;
  height: 28px;
  color: #fff;
  border-radius: 999px;
  background: #444;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footer__userInfo .userInfoButton__icon {
  color: #444;
  background: #fff;
}
.userInfoButton__text {
  margin-left: 5px;
}
.userInfoButton__name {
  font-size: 10px;
  display: block;
  margin-bottom: 5px;
  text-align: left;
}
.footer__userInfo .userInfoButton__name {
  color: #fff;
}
.userInfoButton__eposp {
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.footer__userInfo .userInfoButton__eposp {
  color: #fff;
}
.userInfoButton__coupon {
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.footer__userInfo .userInfoButton__coupon {
  color: #fff;
}

/* bottom header */
.bottomHeader {
  font-size: 0;
  height: 50px;
  padding: 0 15px;
  border-bottom: 2px solid #000;
  background: #f3f3f3;
}
.bottomHeader__menu {
  line-height: 1;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  height: 50px;
  -webkit-align-items: center;
  align-items: center;
}
.bottomHeader__menuItem a {
  text-decoration: none !important;
  color: inherit;
}
.bottomHeader__menuItem.asMenu {
  margin-right: auto;
}
.bottomHeader__menuItem + .bottomHeader__menuItem {
  margin-left: 15px;
}
.iconMenu {
  line-height: 1;
  position: relative;
  text-align: center;
}
.iconMenu__icon {
  font-size: 24px !important;
  position: relative;
  margin-bottom: 2px;
}
.iconMenu__icon .feather {
  font-size: 24px !important;
}
.iconMenu__badge {
  position: absolute;
  top: -2px;
  right: -2px;
}
.countBadge {
  font-size: 8px;
  font-weight: bold;
  line-height: 1;
  display : -webkit-inline-box;
  display : -webkit-inline-flex;
  display: inline-flex;
  min-width: 12px;
  height: 12px;
  padding: 2px;
  color: #fff;
  border-radius: 999px;
  background: #ff1c6b;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.iconMenu__text {
  font-size: 8px !important;
  letter-spacing: .05em;	
}
/* icon */
::before, ::after {
  vertical-align: inherit;
  text-decoration: inherit;
}
*, ::before, ::after {
  background-repeat: no-repeat;
}

/**************************************
* slide menu css
**************************************/
.slideMenu {
  line-height: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 32px;
  background: #000;
}
.slideMenu__mask {
  overflow-x: auto;
  width: 100%;
  height: 40px;
  -webkit-overflow-scrolling: touch;
}
.slideMenu__list {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  max-width: 100%;
  list-style: none;
  -webkit-align-items: center;
  align-items: center;
}
.slideMenu__listItem {
  height: 32px;
}
.slideMenu__listItem.isActive {
  background: #555;
}
.slideMenu__listItem a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.slideMenu__label {
  font-size: 12px;
  line-height: 32px;
  height: 100%;
  padding: 0 15px;
  white-space: nowrap;
  color: #fff;
  border-right: 1px solid #444;
}

/**************************************
* expand menu css
**************************************/
.verticalLinkMenu {
  list-style: none;
  border-bottom: 1px solid #ccc;
}
.verticalLinkMenu.theme-light {
  border-color: #666;
}
.verticalLinkMenu.theme-light * {
  border-color: #666;
  color: rgb(238, 238, 238) !important;
  text-decoration: none !important;
}
.verticalLinkMenu.theme-light *.isExpand:after {
  color: #ccc;
}
.verticalLinkMenu__label.isExpand:after {
  font-family: 'feather';
  content: '\e8b1';
  color: #999;
}
.verticalLinkMenu__label.isExpand.isOpen:after {
  font-family: 'feather';
  content: '\e897';
}
.verticalLinkMenu.theme-light * ul {
  background: #333;
}

.verticalLinkMenu__item {
  border-top: 1px solid #ccc;
}
.verticalLinkMenu__sub {
  display: none;
  margin-right: -15px;
  background: #eee;
}
.verticalLinkMenu__subItem {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  padding: 0 15px;
  border-top: 1px solid #ccc;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.verticalLinkMenu__item.withSepalater {
  border-color: #eee;
}

.verticalLinkMenu__label {
  font-size: 14px;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 100%;
  padding: 14px 0;
  height: 20px;
  text-decoration: none;
  color: rgb(238, 238, 238);
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.verticalLinkMenu__label:after {
  font-family: 'feather';
  font-size: 14px;
  content: '\e844';
  color: #ccc;
}

.footer__caution {
  font-size: 10px;
  line-height: 1.8;
  padding: 25px 0;
  color: #ccc;
  border-top: 1px solid #eee;
}

.footer__deviceSwitcher {
  font-size: 12px;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  padding: 0 0 20px;
  list-style: none;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footer__deviceSwitcherItem {
  width: 8em;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #666;
}
.footer__deviceSwitcherItem a {
  color: inherit;
}
.footer__deviceSwitcherItem.isActive {
  color: #444;
  background: #ccc;
}
.footer__copyright {
  font-size: 10px;
  padding: 20px 0 0;
  text-align: center;
  color: #ccc;
  border-top: 1px solid #eee;
}

/**************************************
* hamburger menu css
**************************************/
.hamburgerLayer {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  transition: opacity .5s;
}
.hamburgerLayer.open {
  display: block;
}
.hamburgerMenu__userInfo {
}
.hamburgerMenu__userInfo a {
  text-decoration: none;
  color: inherit;
}
.hamburgerMenu__userInfo .userInfoButton__icon {
  color: #444;
  background: #fff;
}
.hamburgerMenu__userInfo .userInfoButton__name {
  color: #fff;
}
.hamburgerMenu__userInfo .userInfoButton__eposp {
  color: #fff;
}
.hamburgerMenu__userInfo .userInfoButton__coupon {
  color: #fff;
}

/* ???????????????{???b???N???X */
.mc_hamburgerMenu__searchform {
  padding-top: 10px;
}
.mc_hamburgerMenu__searchInput_area {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
  height: 40px;
}
.mc_hamburgerMenu__searchInput_area input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  border: 1px solid #ccc;
  background: #fff;
  margin-right: 10px;
  border-radius: 4px;
}
.mc_hamburgerMenu__searchInput_area .mc_hamburgerMenu__searchBtn {
  font-size: 24px;
  line-height: 1;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 4px;
  text-decoration: none;
}

/* ハンバーガーメニュー */
.hamburgerMenu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  width: 80%;
  height: 100%;
  color: #eee;
  background: #444;
  /* 最初は左に隠しておく */
  -webkit-transform: translate(-100%);
  transform: translate(-100%);
  transition: all .5s;
}
.hamburgerMenu.open {
  /* 左から表示させる */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hamburgerMenu__header {
  font-size: 12px;
  position: fixed;
  top: 0;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  color: #ccc;
  background: #333;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  box-sizing: border-box;
}
.hamburgerMenu__inner {
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 15px;
  -webkit-overflow-scrolling: touch;
}
.hamburgerMenu__upper {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.hamburgerMenu__userInfo {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.hamburgerMenu__name {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.hamburgerMenu_ec_area {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.hamburgerMenu__eposp,
.hamburgerMenu__coupon {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 50%;
  font-size: 12px;
  margin-bottom: 5px;
}

/**************************************
* footer searchBox css
**************************************/
.mc_footer__searchBox_area {
  width:100%;
  margin: 0 auto;
  text-align:left;
  border-top: 1px solid #ccc;
  background-color: #fff;
}

.mc_footer__searchBox_area .mc_footer__searchBox {
  font-size:15px !important;
  padding: 30px 15px;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_header {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  margin-bottom: 15px;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_header .mc_footer__searchBox_title {
  font-size: 18px !important;
  line-height: 1.4;
  font-weight: bold;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_link {
  font-size: 12px !important;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  list-style: none;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 15px;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_link_item,
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_link_brand {
  width: 50%;
}

.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_link .mc_footer__searchBox_link_item {
  margin-right: 10px;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchBox_link a {
  font-weight: bold;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  text-align: center;
  color: #1da1f1 !important;
  border: 1px solid #1da1f1;
  border-radius: 3px;
  background: #fff;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 10px !important;
  line-height: 1.4;
  padding: 5px;
  white-space: nowrap;
  text-decoration: none !important;
  height: 24px;
}
.mc_footer__searchBox_area .mc_footer__searchBox form {
  font-size:90%;
  padding:6px 0 0 0;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchSelect_area {
  font-size: 14px;
  position: relative;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
  border-radius: 4px;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchSelect_area::before {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -3px;
  content: '';
  border-width: 6px 4px 0 4px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
  -webkit-touch-callout: none;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchSelect_area select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 10px;
  background: none;
  border: 1px;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchInput_area {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 40px;
}

.mc_footer__searchBox_area .mc_footer__searchBox form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  display: block;
  width: 100%;
  height: initial;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  margin-right: 10px;
  border-radius: 4px;
}
.mc_footer__searchBox_area .mc_footer__searchBox form input.focus {
  color:#000;
}
.mc_footer__searchBox_area .mc_footer__searchBox a img {
  display: none;
}
.mc_footer__searchBox_area .mc_footer__searchBox .mc_footer__searchInput_area .mc_footer__searchBtn {
  font-size: 24px;
  line-height: 1;
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 38px;
  min-width: 38px;
  height: 38px;
  color: #fff !important;
  background: #444;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 4px;
  text-decoration: none !important;
}
.mc_footer__searchBox_area .mc_footer__searchBox .searchwordBox {
  margin:5px 0 0 0;
}

/**************************************
* footer css
**************************************/
.mc-footer__wrapper {
  padding: 30px 15px;
  padding-top: 15px;
  color: #eee;
  background: #444;
}
.footer__upper {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  margin-bottom: 15px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer__logo {
  width: 90px;
  height: auto;
}
.footer__logo a {
  display: block;
  height: 62px;
  background-image: url(/voi/sp/images/tlmtop/common/footer_logo_white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 10px;
}
.footer__userInfo {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.footer__name {
  font-size: 10px;
  margin-bottom: 5px;
  text-align: center;	
}
.footer__userinfor_ec_area {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.footer__eposp,
.footer__coupon {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 60%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* font-size: 10px; */
  margin-bottom: 3px;
}
.footer__eposp p,
.footer__coupon p {
  font-size: 10px !important;
}
.loginMenu__button.theme-light {
  color: #fff;
  background: #555;
}

.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_line::before,
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_twitter::before,
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_facebook::before,
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_instagram::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  height: 29px;
  width: 29px;
  background-size: contain;
  vertical-align: middle;
  padding-right: 15px;
  box-sizing: initial!important;
}
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_line::before {
  background-image: url(https://voi.0101.co.jp/voi/sp/common/img/line-icon.png);
}
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_twitter::before {
  background-image: url(https://voi.0101.co.jp/voi/sp/common/img/twitter-icon.png);
}
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_facebook::before {
  background-image: url(https://voi.0101.co.jp/voi/sp/common/img/facebook-icon.png);
}
.footer__menu .verticalLinkMenu__item .verticalLinkMenu__sub.marui__sns .marui__sns_instagram::before {
  background-image: url(https://voi.0101.co.jp/voi/sp/common/img/instagram-icon.png)
}
.footer__menu .marui__sns .verticalLinkMenu__label {
  padding: 11px 0;
  display: inline-block;
}
.footer__menu .marui__sns .verticalLinkMenu__label::after {
  float: right;
  margin-top: 3px;
}

/**************************************
* incremental area css
**************************************/
.mc_incrementalarea .mc_results {
  width: 100%;
}
.mc_incrementalarea .mc_results tr {
  display : -webkit-box;
  display : -webkit-flex;
  display: flex;
  width: 100%;
}
.mc_incrementalarea .mc_incrementalarea_title {
  font-size: 13px;
  padding-left: 5px;
}
.mc_incrementalarea .mc_result_item_header {
  padding: 5px 0;
  height: 20px;
  position: relative;
}
.mc_incrementalarea .mc_result_item {
  padding: 5px 0;
  height: 20px;
  position: relative;
  text-align: left;
}
.mc_incrementalarea .mc_result_item_footer {
  padding: 5px 0;
  height: 20px;
  position: relative;
}
.mc_incrementalarea .mc_incremental_separater {
  border-bottom: 1px solid #bcbcbc;
  width: 100%;
}
.mc_incrementalarea .mc_search_his_keyword {
  position: absolute;
  padding-left: 5px;
  width: 68%;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mc_incrementalarea .mc_popular_keyword {
  position: absolute;
  padding-left: 5px;
  width: 68%;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mc_incrementalarea .mc_result_item_close {
  position: absolute;
  right: 0;
  width: 15%;
  text-align: right;
  padding-right: 10px;
}
.mc_incrementalarea .mc_result_item_close a {
  color: #444;
  font-size: 13px;
}
.mc_incrementalarea .mc_result_item_count {
  position: absolute;
  right: 0;
  width: 30%;
  text-align: right;
  padding-right: 10px;
  color: #999;
  font-size: 13px;
}
.mc_incrementalarea .mc_incremental_area_close {
  position: absolute;
  right: 0;
  width: 25%;
  text-align: right;
  padding: 5px 10px 5px 0;
}
.mc_incrementalarea .mc_incremental_area_close a {
  color: #444;
  font-size: 13px;
  text-decoration: none;
}

.mc_hamburgerMenu__incrementalarea {
  border: 1px solid #444;
  border-radius: 4px;
  background-color: #fff;
  color: #444;
  font-size: 13px;
}

.mc_footer__incrementalarea {
  display: none;
  border: 1px solid #bcbcbc;
  border-radius: 4px;
  background-color: #fff;
  color: #444;
  font-size: 13px;
  margin: -10px 15px 15px 10px;
}

/**************************************
* page top button
**************************************/
.primaryTemplate__pageTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: none;
}
.primaryTemplate__pageTop a{
  text-decoration: none !important;
}
.pageTopButton {
  /* display: flex; */
  display: block;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 999px;
  background: rgba(0, 0, 0, .5);
  /* align-items: center;
  justify-content: center; */
  border-style: none;
  box-sizing: border-box;
}

.pageTopButton i {
  font-size: 18px !important;
  vertical-align: middle;
}

/* サジェストキーワード */
.ac_results {
  border: 1px solid grey;
  background-color: #fff;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: 10000;
  display: none;
}