@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
html, body {
  max-height: 100%;
  min-width: 1000px;
}
html {
  font-size: 62.5%;
}
.html-contents {
  overflow: hidden;
  position: relative;
  right: 8.5px;
}
body {
  font-size: 12px;
  font-size: 1.2rem;
  color: #125a66;
  padding: 0px;
  margin: 0px;
}
body, input, button, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  font-size: 12px;
}
/*body, input, button, textarea, select {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}*/
section {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 25px;
  font-size: 15px;
}
/* --------------------------------------------
アンカー
---------------------------------------------*/
a {
  color: #125a66;
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  color: #125a66;
}
a:hover {
  text-decoration: none;
}
.disabled {
  cursor: default;
  opacity: 0.8;
  box-shadow: 0 0 !important;
  background-color: #cdcdcd;
}
:disabled {
  cursor: default !important;
  border: none !important;
  color: #fff !important;
  opacity: 0.8 !important;
  box-shadow: 0 0 !important;
  background-color: #cdcdcd !important;
}
/*p {
  margin-top: 0;
}
*/
.none-space {
  margin: 0;
  padding: 0;
}
a.text-link {
  margin-top: 3.5%;
  text-decoration: underline;
  font-size: 14px;
  position: relative;
  text-align: right;
  display: block;
}
a.text-link:hover {
  color: #989898;
}
/*
a.text-link:after {
	height: 8px;
	width: 8px;
	top:25%;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
}
*/
.underline {
  text-decoration: underline;
}
.underline:hover {
  color: #989898;
}
/* --------------------------------------------
リスト
---------------------------------------------*/
ul, ol {
  margin-top: 0;
}
ul.align-left, ol.align-left {
  padding-left: 1.7em;
}
ul.align-left li, ol.align-left li {
  padding: 5px 0;
}
ul {
  list-style: outside none none;
  padding: 0;
  margin: 0;
}
ul.no-style {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
ul.no-style.flat li {
  display: inline;
  float: left;
}
/* --------------------------------------------
フォント　サイズ、太さ
---------------------------------------------*/
.bold {
  font-weight: bold;
}
.font-normal {
  font-weight: normal;
}
.smaller-text {
  font-size: 0.95em;
}
.bigger-text {
  font-size: 1.2em;
}
.even-bigger-text {
  font-size: 1.5em;
}
.font10 {
  font-size: 1rem;
}
.font11 {
  font-size: 11px;
}
.font12 {
  font-size: 12px;
}
.font13 {
  font-size: 13px;
  line-height: 1.5;
}
.font14 {
  font-size: 14px;
  line-height: 1.5;
}
.font15 {
  font-size: 15px;
  line-height: 1.5;
}
.font16 {
  font-size: 16px;
  line-height: 1.5;
}
.font17 {
  font-size: 17px;
}
.font18 {
  font-size: 18px;
}
.font22 {
  font-size: 22px;
  line-height: normal;
}
.font25 {
  font-size: 2.5rem;
  line-height: normal;
}
.font35 {
  /*  font-size: 3.5rem;*/
  font-size: 35px;
}
/* --------------------------------------------
カラー
---------------------------------------------*/
.ibeauty-pink {
  color: #ff3d8f;
}
.red {
  color: #ff0000;
}
.blue {
  color: #0000ff;
}
.blue02 {
  color: #005ae1;
}
.yellow {
  color: #ff9900;
}
.grey {
  color: #ccc;
}
.black {
  color: #000;
}
/* --------------------------------------------
余白　margin
---------------------------------------------*/
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-t0 {
  margin-top: 0px;
}
.margin-t05 {
  margin-top: 5px;
}
.margin-t10 {
  margin-top: 10px;
}
.margin-t20 {
  margin-top: 20px;
}
.margin-t30 {
  margin-top: 30px;
}
.margin-r05 {
  margin-right: 5px
}
.margin-r07 {
  margin-right: 7px;
}
.margin-r10 {
  margin-right: 10px
}
.margin-r20 {
  margin-right: 20px
}
.margin-b05 {
  margin-bottom: 5px;
}
.margin-b07 {
  margin-bottom: 7px;
}
.margin-b10 {
  margin-bottom: 10px;
}
.margin-b15 {
  margin-bottom: 15px;
}
.margin-b20 {
  margin-bottom: 20px;
}
.margin-b25 {
  margin-bottom: 25px;
}
.margin-b30 {
  margin-bottom: 30px;
}
.margin-b45 {
  margin-bottom: 45px;
}
.margin-b55 {
  margin-bottom: 55px;
}
.margin-b100 {
  margin-bottom: 100px;
}
/*
.margin-tb04 {
  margin: 4px 0;
}*/
.margin-tb10 {
  margin: 10px 0;
}
.margin-tb17 {
  margin: 17px 0;
}
.margin-tb20 {
  margin: 20px 0;
}
.margin-tb30 {
  margin: 30px 0;
}
.margin-tb50 {
  margin: 50px 0;
}
.margin-l05 {
  margin-left: 5px;
}
.margin-l07 {
  margin-left: 7px;
}
.margin-l20 {
  margin-left: 20px;
}
.margin-b35 {
  margin-bottom: 35px;
}
/* --------------------------------------------
余白　padding
---------------------------------------------*/
.padding-05 {
  padding: 5px;
}
.padding-08 {
  padding: 8px;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-30 {
  padding: 30px;
}
.padding-b05 {
  padding-bottom: 5px;
}
.padding-b10 {
  padding-bottom: 10px;
}
.padding-b20 {
  padding-bottom: 20px;
}
.padding-b25 {
  padding-bottom: 25px;
}
.padding-t20 {
  padding-top: 20px;
}
.padding-t40 {
  padding-top: 40px;
}
.padding-l15 {
  padding-left: 15px;
}
.padding-l20 {
  padding-left: 20px;
}
.padding-l40 {
  padding-left: 40px;
}
.padding-l50 {
  padding-left: 50px;
}
.padding-tb10 {
  padding: 10px 0;
}
.padding-tb15 {
  padding: 15px 0;
}
.padding-side10 {
  padding: 0 10px;
}
.padding-side08 {
  padding: 0 8px;
}
.padding-side15 {
  padding: 0 15px;
}
.padding-side30 {
  padding: 0 30px;
}
/* --------------------------------------------
幅
---------------------------------------------*/
.w10 {
  width: 10%;
}
.w15 {
  width: 15% !important;
}
.w20 {
  width: 20% !important;
}
.w25 {
  width: 25% !important;
}
.w30 {
  width: 30% !important;
}
.w40 {
  width: 40% !important;
}
.w35 {
  width: 35% !important;
}
.w50 {
  width: 48% !important;
}
.w60 {
  width: 60% !important;
}
.w65 {
  width: 65% !important;
}
.w70 {
  width: 70% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}
.w85 {
  width: 85% !important;
}
.w90 {
  width: 90% !important;
}
.w100 {
  width: 100% !important;
}
/* バナーサイズ
----------------------------------------------------------*/
.w755 {
  width: 755px;
  margin: 0 auto;
}
.banner940 img {
  width: 100%;
}
.banner755 img {
  width: 755px;
}
.banner img {
  width: 100%;
}
img.banner {
  width: 100%;
}
/* 位置設定、表示関連、レイアウト
----------------------------------------------------------*/
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
img {
  border: none;
  vertical-align: top;
}
img.align-middle {
  vertical-align: middle;
}
.center {
  text-align: center;
}
/**2019年 マイページに改修で作った物**/
.center-auto {
  margin: 7% auto;
}
.right-auto {
  margin: 7% 0 7% auto;
}
.left-auto {
  margin: 7% auto 7% 0;
}
.text-margin-t {
  margin-top: 3%;
}
.text-margin-b {
  margin-bottom: 3%;
}
.text-margin-tb {
  margin: 3% 0;
}
.margin-3per {
  margin: 3%;
}
.margin-b3per {
  margin-bottom: 3%;
}
.padding-3per {
  padding: 3%;
}
.text-padding-t {
  padding-top: 3%;
}
/**end**/
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-left {
  clear: left;
}
.clear {
  clear: both;
}
.flex {
  display: flex;
}
.flex-center{
  display: flex;
  justify-content: center;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
/*.clearfix {
  display: inline-block;
}*/
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
.display-block {
  display: block;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  display: none;
}
.over_h {
  overflow: hidden;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clear-line-height {
  line-height: normal;
}
.border {
  border: solid 1px #ccc;
}
/*.grey-border {
  border: solid 1px #e5e5e5;
}
*/
.border-b-dot {
  border-bottom: 1px dotted #ccc;
}
.ibeauty-price {
  font-size: 1.8em;
  font-weight: bold;
  color: #924b61;
}
table.with-border, table.with-border th, table.with-border td {
  border: solid 1px #cccccc;
  border-collapse: collapse;
}
table.with-border th, table.with-border td {
  padding: 0.4em 1em;
}
table.with-border th {
  background-color: #eee;
}
table.borderless, table.borderless > tbody > tr > th, table.borderless > tbody > tr > td {
  border: none;
}
.block-separator {
  height: 1em;
}
.div-separator {
  color: #ccc;
}
.error-page-title {
  font-weight: normal;
}
.fake-link {
  text-decoration: underline;
}
.no-underline, .no-underline:hover {
  text-decoration: none;
}
.block-section {
  margin-bottom: 40px;
  overflow: hidden;
}
/* エラー、お知らせ表示
----------------------------------------------------------*/
.error, .info, .info-continued-display {
  background-color: #fffcdf;
  padding: 2%;
  text-align: center;
  margin-bottom: 3%;
  color: #e64677;
  font-size: 15px;
}
.error {
  color: #f50028;
  font-size: 15px;
}
.info, .info-continued-display {
  color: #e64677;
  line-height: 22px;
}
.contents-common {
  font-size: 1.4rem;
  line-height: 1.5em;
}
#page {
  width: 940px;
  margin: 0 auto;
  background-color: #fff;
  padding: 10px;
}
#small-page-title {
  font-size: 0.9em;
  font-weight: normal;
  color: #999;
  margin: 3px 0;
  text-align: left;
}
#top-header {
  padding: 8px;
  width: 924px;
  position: relative;
}
div.splitter {
  border-left: dotted 2px #dddddd;
  border-right: dotted 2px #dddddd;
  width: 1px;
  height: 50px;
  float: left;
  margin: 0px 8px;
}
div.product-search, div.popular-brand-list {
  padding: 0 10px;
}
/* 検索窓・枝ページ検索窓
----------------------------------------------------------*/
#header {
  color: #125a66;
  font-family: "メイリオ", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: center;  
}
#header .banner-header img { 
  width: 190px;
  height: auto;
}
#header > .global-menu {
  background-color: #125a66;
  clear: both;
  content: "";
  display: block;
  height: 40px;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}
#header > .global-menu > ul {
  display: table;
  list-style: outside none none;
  margin-bottom: 5px;
  padding: 0;
  position: relative;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
#header > .global-menu > ul > li.category, #header > .global-menu > ul > li.brands, #header > .global-menu > ul > li.sale, #header > .global-menu > ul > li.beauty-info, #header > .global-menu > ul > li.guide {
  border-left: 1px solid #4c4c4c;
  display: table-cell;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
}
#header > .global-menu > ul > li > a:after {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  cursor: pointer;
  display: block;
  height: 5px;
  margin-left: 165px;
  position: absolute;
  top: 38%;
  transform: rotate(-225deg);
  width: 5px;
}
#header > .global-menu > ul > li.current > a {
  background-color: #808080;
}
#header > .global-menu > ul > li > a {
    color: #125a66;
    text-decoration: none;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 42px;
    background: white;
    font-weight: bold;
}
#header > .global-menu > ul > li > a:hover {
  background-color: #e64677;
  transition: .9s;
  color: #fff;
}
#header > .global-menu > ul > li:first-child {
  border-left: none;
}
/*トップと枝ページで使用しているヘッダー
----------------------------------------------------------*/
#header-top, #header-branch {
  clear: both;
  content: "";
  display: block;
  margin-bottom: 10px;
  position: relative;
  width: 190px;
  height: auto;
}
#header-top .free-shipping, #header-branch .free-shipping {
  color: #ff3d8f;
  font-size: 1.95rem;
  letter-spacing: 1.2px;
  line-height: 1.8em;
  padding-top: 12px;
}
#header-top .phone-number, #header-branch .phone-number {
  font-size: 1.95rem;
  line-height: 1.25em;
  text-decoration: none;
}
#header-top ul.content-btn, #header-branch ul.content-btn {
  float: left;
  font-size: 1.2rem;
  margin: 0 25px;
  padding: 0;
  text-align: center;
  width: 192px;
  padding-top: 10px;
  /*CLS対応追加分*/
  position: relative;
}
#header-top ul.content-btn > li, #header-branch ul.content-btn > li {
  float: left;
  list-style: none outside;
}
#header-top ul.content-btn > li > a, #header-branch ul.content-btn > li > a {
  display: block;
  color: #125a66;
  font-size: 12px;
  text-decoration: none;
  padding-top: 3px;
}

/*CLS対応追加分*/
#header-top .content-btn .search, #header-branch .content-btn .search{
  margin-right: 10px;
}
#header-top .content-btn .new-products, #header-branch .content-btn .new-products{
  margin-right: 15px;
}
#header-top .content-btn .search, #header-branch .content-btn .search,
#header-top .content-btn .new-products, #header-branch .content-btn .new-products,
#header-top .content-btn .coupon, #header-branch .content-btn .coupon{
  width: 54px;
  position: absolute;
}
#header-top .content-btn .search, #header-branch .content-btn .search{
  right: 123px;
}
#header-top .content-btn .new-products, #header-branch .content-btn .new-products{
  right: 54px;
}
#header-top .content-btn .coupon, #header-branch .content-btn .coupon{
  right: 0;
}
#header-top ul.content-btn > li a:hover, #header-branch ul.content-btn > li a:hover {
  opacity: 0.5;
}
#header-top ul.content-btn > li > a:before, #header-branch ul.content-btn > li > a:before {
  background: url(header2.png) no-repeat;
  content: "";
  background-size: 54px 102px;
  display: block;
  width: 54px;
  height: 34px;
  margin: 3px auto;
}
#header-top ul.content-btn li.search a:before, #header-branch ul.content-btn li.search a:before {
  background-position: 0 0;
}
#header-top ul.content-btn li.new-products a:before, #header-branch ul.content-btn li.new-products a:before {
  background-position: 0 -34px;
}
#header-top ul.content-btn li.coupon a:before, #header-branch ul.content-btn li.coupon a:before {
  background-position: 0 -68px;
}
#header-top .nav-btn, #header-branch .nav-btn {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  position: relative;
  z-index: 2;
  padding-top: 10px;
/*CLS対応追加分*/
  width: 150px;
}
#header-top .nav-btn .login , #header-branch .nav-btn .login,
#header-top .nav-btn .my-page , #header-branch .nav-btn .my-page,
#header-top .nav-btn .view-cart , #header-branch .nav-btn .view-cart{
  list-style: none outside;
  float: left;
  line-height: 1.1em;
  text-align: center;
  position: absolute;
/*  position: relative;*/
  margin-left: 10px;
  width: 65px;
}
/*CLS対応追加分 ログイン、ログアウト、カート*/
#header-top .nav-btn .login , #header-branch .nav-btn .login,
#header-top .nav-btn .my-page , #header-branch .nav-btn .my-page{
  right: 75px;
}
#header-top .nav-btn .view-cart , #header-branch .nav-btn .view-cart{
  right: 0;
}
#header-top .nav-btn > li > a, #header-branch .nav-btn > li > a {
  display: block;
  color: #125a66;
  text-decoration: none;
  background: url(header1.png) no-repeat;
  background-size: 45px 74px;
  width: 45px;
  height: 37px;
  margin: 13px auto;
}
#header-top .nav-btn > li.login > a::before, #header-branch .nav-btn > li.login > a::before {
  content: "ログイン";
  display: inline-block;
  font-size: 14px;
  line-height: 3em;
  vertical-align: bottom;
  width: 65px;
}
#header-top .nav-btn > li > a:hover, #header-branch .nav-btn > li > a:hover {
  opacity: 0.5;
}
#header-top .nav-btn > li.view-cart a, #header-branch .nav-btn > li.view-cart a {
  background-position: 0 0;
  margin: 13px 0 13px 13px;
}
/*CLS対応追加分*/
#header-top .nav-btn .login a,#header-branch  .nav-btn .login a{
  background-image: none;
  width: 65px;
}
#header-top .nav-btn > li.my-page a, #header-branch .nav-btn > li.my-page a {
  background-position: 0 -37px;
}
#header-top .nav-btn > li .cart-count, #header-branch .nav-btn > li .cart-count {
  color: #ff3d8f;
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 0 auto;
  padding: 5px 5px 0 0;
}
.area-my-page {
  background-color: #fff;
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  content: "";
  display: block;
  height: auto;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 55px;
  visibility: visible;
  width: 180px;
  border: 1px solid #e5e5e5;
  display: none;
}
.area-my-page:before {
  border-color: transparent transparent #e5e5e5;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 11%;
  top: -20px;
  width: 0;
}
.area-my-page > ul {
  margin: 0;
  padding: 0;
}
.area-my-page > ul > li {
  list-style: outside none none;
  text-align: left;
}
#header-top ul.nav-btn .my-page .area-my-page ul li :before {
  height: 0;
  background-image: none;
}
#header-top .my-page .area-my-page ul li:nth-child(2), #header-top .my-page .area-my-page ul li:last-child {
  margin: 0;
}
.area-my-page > ul > li a {
  border-bottom: 1px dotted #cccccc;
  color: #125a66;
  display: block;
  font-size: 1.3rem;
  line-height: 2.5em;
  padding-left: 5px;
  text-decoration: none;
}
.area-my-page > ul > li a:visited {
  color: #125a66;
}
.area-my-page > ul > li a:hover {
  background-color: #e6e6e6;
}
.area-view-cart {
  background-color: #fff;
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  content: "";
  display: none;
  height: auto;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 55px;
  visibility: visible;
  width: 200px;
  border: 1px solid #e5e5e5;
}
.area-view-cart:before {
  border-color: transparent transparent #e5e5e5;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 12%;
  top: -20px;
  width: 0;
}
.area-view-cart p {
  font-size: 1.2rem;
  line-height: 2em;
  margin: 0;
}
.area-view-cart a.btn-view-cart {
  background-color: #e64677;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  padding: 10px;
  text-decoration: none;
}
.area-view-cart a.btn-view-cart:hover, .area-view-cart a.btn-view-cart:visited {
  opacity: 0.8;
}
ul.trend-keywords li {
  display: inline-block;
  margin: 0 7px 20px 0;
}
ul.trend-keywords li a {
  color: #e64677;
  font-size: 12px;
  line-height: 1.1;
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #e64677;
}
ul.trend-keywords li a:hover {
  background-color: #ffb0d1;
  color: #fff;
  text-decoration: none;
  border: solid 1px #ffb0d1;
}
#trend-keywords .title {
  font-weight: bold;
  display: inline;
  position: relative;
  margin-right: 10px;
  color: #777;
  width: 135px;
}
/*トップヘッダー
----------------------------------------------------------*/
#area-search-header > form > input[type="text"] {
  background-color: #fff;
  border-top: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  border-left: solid 1px #d9d9d9;
  border-right: none;
  margin: 0;
  line-height: 2;
  font-size: 17px;
  padding: 10px 7px 12px 7px;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  width: 100%;
          border: 3px solid #e64677;

}
/**firefoxのみ適用**/
@-moz-document url-prefix() {
  #area-search-header > form > input[type="text"] {
    padding: 10px 7px 8px 7px;
    line-height: 1.7;
  }
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #area-search-header > form > input[type="text"] {
    padding: 8px 7px 6px 7px;
    line-height: 1.75;
  }
}
#area-search-header > form > .search-btn {
  border-radius: 0 5px 5px 0;
  width: 50px;
  height: 49px;
  background-color: #e64677;
  border: none;
}
#area-search-header > form > .search-btn:after {
  content: "";
  display: inline-block;
  background: rgba(0, 0, 0, 0) url(header-nav.webp) no-repeat scroll center top / 36px 192px;
  width: 36px;
  height: 32px;
  pointer-events: none;
  background-position: 0 -128px;
}
#area-search-header {
  width: 100%;
}
.area-search-gray {
  background-color: white;
  padding: 15px 15px 0 15px;
  width: 100%;
  box-sizing: border-box;
}
/* 枝ページヘッダー
----------------------------------------------------------*/
#header-branch #area-search-header {
  width: 79%;
  margin-right: 4%;
}
.product-count {
  color: #777;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.7;
  text-align: left;
}
.area-search {
  background-color: #ffe2e7;
  position: absolute;
  box-shadow: 0 9px 3px -3px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 9px 3px -3px rgba(0,0,0,.5);
  -moz-box-shadow: 0 9px 3px -3px rgba(0,0,0,.5);
  border-left: solid 1px #ffe2e7;
  border-right: solid 1px #ffe2e7;
  display: none;
  width: 940px;
  height: auto;
  box-sizing: border-box;
  z-index: 101;
  right: -308px;
  top: 66px;
  padding: 15px; 
}
.area-search:before {
  border-color: transparent transparent #ffe2e7;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 35%;
  top: -17px;
  width: 0;
}
.area-search-white {
  background-color: #fff;
  padding: 15px;
  height: auto;
  overflow: hidden;
}
/* ここからグローバルメニュー
----------------------------------------------------------*/
.area-nav {
  background-color: #fff;
  position: absolute;
  box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.5);
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  display: none;
  /*  width: 940px;*/
  width: 100%;
  height: auto;
  padding: 30px;
  box-sizing: border-box;
  z-index: 101;
  left: 0;
  visibility: visible;
  overflow: hidden;
}
ul.sub-nav {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
ul.sub-nav li a:link {
  color: #125a66;
  font-size: 1.3rem;
}
ul.sub-nav li a:hover {
  opacity: 0.5;
  color: #125a66;
  background-color: #fff;
}
ul.sub-nav li a:before {
  background: #fff url(global-menu-new.png) no-repeat center center;
  content: "";
  background-size: 70px 1736px;
  display: block;
  width: 70px;
  height: 62px;
  margin: 0 auto;
}

ul.sub-nav li.not-before a:before{
  display: none;
}
ul.sub-nav li span {
  display: inline-block;
  text-align: center;
  color: #125a66;
  font-size: 1.3rem;
}
ul.sub-nav li span:before {
  left: 4px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #000;
  content: "";
  display: inline-block;
}
.category .sub-nav:before {
  border-color: #808080 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: 9%;
  position: absolute;
  top: 0;
  width: 0;
}

.category > #menu-category > ul > li {
  float: left;
  /*  width: 19.7%;*/
  width: 25%;
  height: auto;
  margin-bottom: 30px;
  list-style: none outside;
  text-align: center;
}
.category > #menu-category > ul > li > a, .category > #menu-category > ul > li > a:hover {
  background-color: #fff;
  color: #125a66;
  display: block;
}
.category > #menu-category > ul > li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
#menu-category li.skin-care a:before {
  background-position: 0 0;
}
#menu-category li.make-up a:before {
  background-position: 0 -62px;
}
#menu-category li.fragrances a:before {
  background-position: 0 -124px;
}
#menu-category li.organics a:before {
  background-position: 0 -186px;
}
#menu-category li.doctors-cosmetics a:before {
  background-position: 0 -248px;
}
#menu-category li.hair-care a:before {
  background-position: 0 -310px;
}
#menu-category li.body-care a:before {
  background-position: 0 -372px;
}
#menu-category li.mens a:before {
  background-position: 0 -434px;
}
#menu-category li.contact-lens a:before {
  background-position: 0 -497px;
}
#menu-category li.supplements a:before {
  background-position: 0 -559px;
}
#menu-category li.lifestyle a:before {
  background-position: 0 -621px;
}
#menu-category li.otc a:before {
  background-position: 0 -683px;
}
.brands > .area-nav:before {
  border-color: #808080 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: 29%;
  position: absolute;
  top: 0;
  width: 0;
}
.brands ul#menu-brands1 {
  margin-bottom: 20px;
  padding: 0;
}
.brands ul#menu-brands1:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#menu-brands1 > li {
  float: left;
  margin-right: 15px;
  width: 5%;
  line-height: 45px;
  list-style: none outside;
  text-align: center;
}
#menu-brands1 > li > a {
  color: #125a66;
  background-color: #fff;
  font-size: 2.2rem;
  border: solid 1px #125a66;
  border-radius: 50px;
  text-decoration: none;
  width: 43px;
  height: 43px;
  line-height: 45px;
  display: block;
}
#menu-brands1 > li > a:visited {
  color: #125a66;
}
#menu-brands1 > li:last-child a {
  font-size: 1.35rem;
}
#menu-brands1 > li > a:hover, #menu-brands1 > li.current a:link {
  background-color: #125a66;
  color: #fff;
}
.menu-brands2 {
  margin-bottom: 15px !important;
  overflow: hidden;
  padding: 0;
}
.menu-brands2 > li {
  float: left;
  height: auto;
  margin: 0 15px 10px 0;
  width: 3%;
  list-style: none outside;
  text-align: center;
}
.menu-brands2 > li > a {
  color: #125a66;
  background-color: #fff;
  border: solid 1px #125a66;
  font-size: 1.5rem;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  line-height: 33px;
  display: block;
  text-decoration: none;
}
ul.menu-brands2 li a:hover, ul.menu-brands2 li.current a {
  background-color: #333 !important;
  color: #fff !important;
}
ul.index-brands {
  column-count: 4;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  -o-column-count: 4;
  -ms-column-count: 4;
  margin: 0 auto;
  column-count: 4;
  margin: 0 auto;
  max-height: 300px;
  width: 800px;
  padding: 0;
}
ul.index-brands > li {
  list-style: outside none none;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  width: 100%;
  height: 34px;
  line-height: 2.85em;
}
ul.index-brands > li > a {
  padding: 0 0 0 5px;
  color: #125a66;
  display: block;
  font-size: 1.25rem;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
ul.index-brands > li > :hover {
  background-color: #e6e6e6;
  color: #125a66;
  padding: 0 0 0 5px;
  height: 34px;
  line-height: 2.75em;
}
.brands-nav {
  overflow: hidden;
}
.brands-nav .brands-prev {
  border-bottom: 2px solid #4d4d4d;
  border-left: 2px solid #4d4d4d;
  content: "";
  display: block;
  height: 30px;
  left: 30px;
  position: absolute;
  top: 60%;
  transform: rotate(45deg);
  width: 30px;
  cursor: pointer;
}
.brands-nav .brands-prev:after {
  background-color: rgba(255, 255, 255, 0);
  content: "";
  height: 195px;
  left: -3px;
  padding: 10px;
  position: absolute;
  top: -85px;
  transform: rotate(-45deg);
  width: 15px;
}
.brands-nav .brands-next {
  border-top: 2px solid #4d4d4d;
  border-right: 2px solid #4d4d4d;
  content: "";
  display: block;
  height: 30px;
  right: 30px;
  position: absolute;
  top: 60%;
  transform: rotate(45deg);
  width: 30px;
  cursor: pointer;
  overflow: hidden;
}
.brands-nav .brands-next:after {
  background-color: rgba(255, 255, 255, 0);
  content: "";
  height: 216px;
  position: absolute;
  right: -10px;
  top: -93px;
  transform: rotate(-45deg);
  width: 35px;
}
#pickup {
  clear: both;
  text-align: left;
}
#pickup a {
  color: #125a66;
  background-color: #fff;
}
#pickup .pickup-title {
  color: #ff3d8f;
  border-bottom: 3px solid #000;
  font-size: 2rem;
  line-height: 1.3em;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-weight: bold;
}
.updated1, .updated2 {
  width: 48%;
  font-size: 1.3rem;
}
/*
.pickup-banner {
  height: 110px;
}*/
.pickup-banner a img {
  max-width: 100%;
  height: auto;
}
.pickup-banner a:hover {
  opacity: 0.5;
}
.brands #pickup .brand-name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 0px;
}
.brands #pickup a.btn-detail-look {
  background-color: #fff;
  color: #125a66;
  border: 1px solid #125a66;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.5rem;
  position: relative;
  text-align: center;
  width: 120px;
  height: 35px;
  line-height: 1.7em;
  padding: 5px 7px 0 0;
}
.brands #pickup a.btn-detail-look:after {
  border-right: 2px solid #125a66;
  border-top: 2px solid #125a66;
  content: "";
  height: 8px;
  margin-top: -5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
.brands #pickup a.btn-detail-look:visited {
  color: #125a66;
  text-decoration: none;
}
.brands #pickup a.btn-detail-look:hover {
  opacity: 0.6;
  background-color: #fff;
  color: #125a66;
}
@-moz-document url-prefix() {
  .brands #pickup a.btn-detail-look {
    line-height: 1.7em;
    padding: 5px 7px 0 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .brands #pickup a.btn-detail-look {
    line-height: 1.7em;
    padding: 5px 7px 0 0;
  }
}
.sale .sub-nav:before {
  border-color: #808080 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  right: 48%;
  position: absolute;
  top: 0;
  width: 0;
}
.sale > #menu-sale > ul > li {
  float: left;
  width: 16%;
  height: 100px;
  list-style: none;
  text-align: center;
}
.sale > #menu-sale > ul > li > a, .sale > #menu-sale > ul > li > a:hover {
  background-color: #fff;
  color: #125a66;
  display: block;
}
#menu-sale > ul > li:first-child {
  width: 300px;
  margin-right: 15px;
  margin-top: -10px;
}
#menu-sale li.push a:before {
  background-image: none;
  height: auto;
}
#menu-sale li.push img {
  width: 100%;
}
#menu-sale li.daily-sale a:before {
  background-position: 0 -745px;
}
#menu-sale li.weekly-sale a:before {
  background-position: 0 -807px;
}
#menu-sale li.price-cut a:before {
  background-position: 0 -869px;
}
#menu-sale li.outlet a:before {
  background-position: 0 -931px;
}
.beauty-info .sub-nav:before {
  border-color: #808080 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  right: 29%;
  position: absolute;
  top: 0;
  width: 0;
}
.beauty-info > #menu-beauty-info > ul > li {
  float: left;
  width: 25%;
  height: 100px;
  list-style: none;
  text-align: center;
}
.beauty-info > #menu-beauty-info > ul > li > a, .beauty-info > #menu-beauty-info > ul > li > a:hover {
  background-color: #fff;
  color: #125a66;
  display: block;
}
#menu-beauty-info li.blog a:before {
  background-position: 0 -993px;
}
#menu-beauty-info li.lulu a:before {
  background-position: 0 -1055px;
}
#menu-beauty-info li.cosme-faq a:before {
  background-position: 0 -1117px;
}
#menu-beauty-info li.special a:before {
  background-position: 0 -1179px;
}
#menu-beauty-info li.trials a:before {
  background-position: 0 -1241px;
}
.guide .sub-nav:before {
  border-color: #808080 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  right: 8%;
  position: absolute;
  top: 0;
  width: 0;
}
.guide > #menu-guide > ul > li {
  float: left;
  width: 25%;
  height: 100px;
  list-style: none;
  text-align: center;
}
.guide > #menu-guide > ul > li a, .guide > #menu-guide > ul > li > a:hover {
  background-color: #fff;
  color: #125a66;
  display: block;
}
#menu-guide li.about a:before {
  background-position: 0 -1303px;
}
#menu-guide li.how-to-order a:before {
  background-position: 0 -1365px;
}
#menu-guide li.how-to-pay a:before {
  background-position: 0 -1427px;
}
#menu-guide li.shipping a:before {
  background-position: 0 -1489px;
}
#menu-guide li.faq a:before {
  background-position: 0 -1551px;
}
#menu-guide li.enquiry a:before {
  background-position: 0 -1613px;
}
#menu-guide li.help a:before {
  background-position: 0 -1675px;
}
ul.flex {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: center;
}
ul.flex > li {
  width: 18.5%;
  text-align: left;
  border-right: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  padding: 15px 5px 10px 5px;
}
ul.flex > li:nth-child(5n) {
  border-right: none;
}
ul.flex > li > .catch {
  font-size: 1.2rem;
  margin-bottom: 5px;
  height: 50px;
  color: #ff3d8f;
}
ul.flex > li > .imageDiv > a > img {
  width: 100%;
}
ul.flex > li > .stock {
  font-size: 1.1rem;
  color: #ff3d8f;
  margin: 0;
  font-weight: bold;
}
ul.flex > li:nth-last-child(-n+5) {
  border-bottom: none;
}
ul.text {
  padding: 0;
}
ul.text li {
  list-style: none outside;
  display: inline-block;
  margin-right: 15px;
  font-size: 1.4rem;
  line-height: 25px;
  padding: 0
}
/* トップページ
----------------------------------------------------------*/
#latest-news, #media, #new-products, #daily-sales, #reviews, #standard-brands, #thisweek-recommend, #weekly-ranking, #featured, #newest-orders, #access-ranking, #recommend-top, #left-sidebar, footer {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/* タイトル
----------------------------------------------------------*/
h1 {
  font-size: 26px;
  text-align: center;
/*  font-weight: normal;*/
  line-height: 1;
  margin: 35px 0;
  color: #125a66;
}
h2, h3 {
  margin: 0;
  padding: 0;
}
h2 a:hover, h3 a:hover {
  text-decoration: none;
}
h2 {
  font-size: 30px;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 18px;
  position: relative;
}
h2 span.list-link {
  font-size: 17px;
  display: inline-block;
  letter-spacing: -0.4;
  position: absolute;
  right: 2%;
  top: 10%;
  border: none;
  color: #125a66;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-style: normal;
}
h2 span.list-link:after {
  height: 8px;
  width: 8px;
  right: -11%;
  top: 36%;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
}
h2 span {
  border-top: solid 2px #125a66;
  font-family: 'Fanwood Text', serif;
  font-style: italic;
  font-weight: 400;
  color: #ffb0d1;
  letter-spacing: 0.2em;
  font-size: 24px;
  display: block;
  padding-top: 3px;
}
h2 a {
  display: block;
}
h2 a:visited {
  color: #125a66;
}
h3 {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
  /*  background-color: #ffcee2;*/
  background-color: rgb(0, 0, 0, 0);
  text-align: left;
  padding: 12px 0 10px 10px;
}
/**firefoxのみ適用**/
@-moz-document url-prefix() {
  h3 {
    padding: 10px 0 10px 10px;
  }
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  h3 {
    padding: 10px 0 10px 10px;
  }
}
/**新しいh2とh3**/
h2.new-tit {
  font-size: 20px;
  font-weight: normal;
  position: relative;
  letter-spacing: 0.7px;
  color: #125a66;
  padding-bottom: 1.5%;
  margin-bottom: 3.5%;
}
h2.new-tit:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: -webkit-repeating-linear-gradient(-45deg, #ffb0d1, #ffb0d1 1px, transparent 1px, transparent 3px);
  background: repeating-linear-gradient(-45deg, #ffb0d1, #ffb0d1 1px, transparent 1px, transparent 3px);
}
h3.new-tit {
  font-size: 15px;
  letter-spacing: 0.7px;
  color: #e64677;
  background-color: #ffcee2;
  padding: 1.5%;
  margin-bottom: 0;
  border: none;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.h3-btn-flex {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  width: calc(46%/2);
  justify-content: space-between;
}
.h3.new-tit > .h3-btn-flex > a {
  width: 80px;
}
h2.new-tit + p {
  margin: 3% 0;
}
/* 商品一覧リスト共通で使用
----------------------------------------------------------*/
ul.products-list {
  display: flex;
  flex-wrap: wrap;
}
/*ul.products-list > li {
	width: 22.8%;
	font-size: 16px;
	line-height: 1.5;
	border-right: dotted 1px #cdcdcd;
	padding: 1.34%;
	margin-bottom: 20px;
}*/
ul.products-list > li {
  width: calc(91.5%/4);
  font-size: 15px;
  line-height: 1.5;
  border-right: dotted 1px #cdcdcd;
  padding: 1.34%;
  margin-bottom: 20px;
}
ul.products-list > li:nth-child(4n+1) {
  padding-left: 0;
}
ul.products-list > li:nth-child(4n) {
  margin-right: 0;
  border-right: none;
  padding-right: 0;
}
ul.products-list > li > a > .product-image {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
ul.products-list > li > a > .product-image > img {
  width: 100%;
  opacity: 1;
}
ul.products-list > li > a:hover > .product-image > img {
  opacity: 0.6;
}
ul.products-list > li > a > .product-name {
  color: #e64677;
  border: none;
  padding: 0;
  margin-bottom: 12px;
}
ul.products-list > li > a > .product-name > .brands-name {
  color: #125a66;
  font-weight: bold;
  margin-right: 10px;
}
ul.products-list > li > a > .product-price {
  color: #f50028;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
ul.products-list > li > a:hover > .product-name, ul.products-list > li > a:hover > .product-name > .brands-name {
  text-decoration: underline;
}
.tit-line {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 2px solid #bbbbbb;
  color: #ff3d8f;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 0 0 3px;
  overflow: hidden;
  line-height: 35px;
}
h2.tit-line, h3.tit-line {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-bottom: 1px solid #125a66;
  color: #125a66;
  font-size: 2.3rem;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 0 0 3px;
  overflow: hidden;
  text-align: left;
  background-color: #fff;
}
h2.tit-line .font-small {
  /*  float: right;
  font-size: 14px;
  line-height: 40px;*/
  display: none;
}
h2.tit-line a, .h2.tit-line a:hover {
  text-decoration: none !important;
  color: #333 !important;
}
h2.tit1 {
  font-size: 30px;
  color: #125a66;
  margin-bottom: 30px;
  border-top: solid 1px #125a66;
  border-bottom: solid 1px #125a66;
  font-weight: bold;
  padding: 16px 0 14px 0;
  line-height: 45px;
  background-color: #fff;
  text-align: left;
}
h2.tit1:before {
  content: "◆";
  margin-right: 15px;
}
h2.tit1 .font-small {
  /*  font-size: 14px;
  margin-left: 10px;*/
  display: none;
}
h3.standard-title {
  background-color: #846469;
  color: #ffffff;
}
h3.page-title {
  background-image: url(h3_bg.gif);
  border-left: 5px solid #eb4576;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.3em 0.5em;
  margin-bottom: 15px;
  color: #2f171c;
  line-height: 30px;
  background-color: #f7f7f7;
}
/* 左サイド
----------------------------------------------------------*/
h2.left-title {
  background-color: #989898;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  padding: 8px 0 2px 0;
  line-height: 1.5;
  vertical-align: baseline;
  margin-bottom: 0;
}
@-moz-document url-prefix() {
  h2.left-title {
    padding: 8px 0 5px 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  h2.left-title {
    padding: 8px 0 5px 0;
  }
}
.left-text-link {
  display: block;
  position: relative;
  margin-right: 25px;
  font-size: 15px;
}
.left-text-link:after {
  height: 8px;
  width: 8px;
  right: -9%;
  top: 20%;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: "";
}
#left-checked-item, #left-favorite {
  border: 1px solid #cdcdcd;
}
ul.products-list-left {
  font-size: 14px;
  line-height: 1.5;
}
ul.products-list-left li {
  border-bottom: 1px dotted #cdcdcd;
  padding-bottom: 10px;
}
ul.products-list-left > li > a > .product-image {
  margin-bottom: 10px;
  text-align: center;
}
ul.products-list-left > li > a > .product-image > img {
  width: 80%;
  opacity: 1;
}
ul.products-list-left > li > a > .product-image > img:hover, ul.products-list-left > li > a > .product-image > img:visited {
  opacity: 0.6;
}
ul.products-list-left > li > a > .product-name {
  color: #e64677;
}
ul.products-list-left > li > a > .product-name > .brands-name {
  color: #125a66;
  font-weight: bold;
}
ul.products-list-left > li > a > .product-price {
  color: #f50028;
  font-weight: bold;
  margin-bottom: 10px;
}
ul.products-list-left > li > a:hover > .product-name, ul.products-list-left > li > a:hover > .product-name > .brands-name {
  text-decoration: underline;
}
/* 左バナー
----------------------------------------------------------*/
.left-banner-list {
  border: 1px solid #cdcdcd;
}
.left-banner-list li:last-child {
  border-bottom: none;
}
.left-banner-list li {
  border-bottom: 1px dotted #cdcdcd;
  padding: 10px 0;
}
.left-banner-list li:first-child {
  padding-top: 0;
}
.left-banner-list li:last-child {
  padding-bottom: 0;
}
.left-banner li a img, .left-banner-list li a img {
  width: 100%;
  opacity: 1;
}
.left-banner li a img:hover, .left-banner li a img:visited, .left-banner-list li a img:hover, .left-banner-list li a img:visited {
  opacity: 0.6;
}
.left-banner li {
  margin-bottom: 5%;
}
.left-sns li a {
  display: block;
  font-size: 15px;
}
.left-sns li a span {
  display: inline-block;
  line-height: 1.5;
  margin-left: 10px;
}
.left-sns li a:before {
  background: url(top-sns.png) no-repeat;
  content: "";
  display: inline-block;
  background-size: cover;
  width: 23px;
  height: 22px;
  vertical-align: bottom;
}
.left-sns li a:before:hover {
  opacity: 1;
}
.left-sns li:nth-child(2n) a:before {
  background-position: 0 -22px;
}
.left-sns li:nth-child(3n) a:before {
  background-position: 0 -44px;
}
.left-sns li:nth-child(4n) a:before {
  background-position: 0 -67px;
}
.h4-text1 {
  color: #633042;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 30px;
}
.h4-text2 {
  color: #cc3c76;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 25px;
}
h3.title {
  color: #000;
  font-size: 2.2rem;
  line-height: 1.7em;
  border-left: solid 8px #000;
  padding-left: 7px;
  margin: 0 0 10px;
  background-color: #fff;
}
h4.title {
  font-size: 1.1em;
  color: #000;
  line-height: 1.7em;
  border-left: solid 8px #000;
  padding-left: 7px;
  margin: 0 0 10px;
}
.pagination, .pagination a:visited, .items-displayed {
  float: right;
  color: #633042;
  margin-bottom: 4%;
  text-align: right;
}
.pagination a, .pagination span {
  border: solid 1px #565656;
  padding: 0 0.4em;
  font-weight: bold;
  margin-left: 0.5em;
  font-size: 15px;
}
.pagination .continuation {
  border: none;
  font-weight: normal;
}
.pagination a {
  text-decoration: none;
}
.pagination a:hover {
  border-color: #000;
  color: #000;
}
.pagination .current {
  background-color: #826369;
  color: #ffffff;
}
.pagination span.disabled {
  border-color: #ccc;
  color: #ccc;
  background-color: #fff;
}
.items-displayed {
  color: #125a66;
}
.items-displayed.search-results {
  text-align: left;
  margin: 3% 0;
  float: none;
  font-size: 14px;
}
#left-sidebar {
  width: 170px;
}
#left-sidebar li.text-link a {
  color: #8b737c;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
#left-sidebar li.text-link a:hover {
  color: #a89497;
}
#main-content ,
#main-body-container {
  width: 100% !important;
}
/*
#latest-news {
  font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/
li.news-item {
  margin-bottom: 5px;
  font-size: 14px;
}
li.news-item span {
  margin-right: 5px;
}
li.news-item img {
  vertical-align: middle;
}
#breadcrumb {
  font-size: 1em;
  margin-bottom: 1em;
}
/* ボタン
----------------------------------------------------------*/
.show-more {
  background-color: #fff;
  border: solid 1px #989898;
  border-radius: 4px;
  color: #125a66;
  padding: 10px 0;
  width: 100%;
  font-size: 16px;
  display: block;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin: auto;
}
.show-more:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '';
  margin-top: -5px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #808080;
  border-right: 2px solid #808080;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
a.btn-common-darkred, .btn-common-darkred {
  background-color: #542338;
  border-radius: 4px;
  color: #fff;
  font-size: 1.8rem;
  border: 1px solid #542338;
  padding: 5px 30px;
  line-height: 25px;
  cursor: pointer;
}
a.btn-common-pink, .btn-common-pink {
  background-color: #e64677;
  border-radius: 4px;
  color: #fff;
  font-size: 1.8rem;
  border: solid 1px #e64677;
  padding: 10px 20px;
  line-height: 40px;
  cursor: pointer;
}
.btn-common-darkred, .btn-common-pink, .btn-common-white, .btn-common-white-s {
  cursor: pointer;
}
a.btn-common-darkred, a.btn-common-pink, a.btn-common-white, a.btn-common-white-s {
  text-decoration: none;
  display: inline-block;
}
a.btn-common-white, .btn-common-white {
  background-color: #fff;
  border-radius: 4px;
  color: #542338;
  font-size: 1.8rem;
  border: solid 1px #542338;
  padding: 5px 20px;
}
a.btn-common-white-s, .btn-common-white-s {
  background: #fff;
  border-radius: 4px;
  color: #125a66;
  font-size: 1.4rem;
  border: solid 1px #125a66;
  padding: 5px 20px;
}
a.btn-common-darkred:visited, a.btn-common-pink:visited, a.btn-common-white:visited, a.btn-common-white-s:visited, .btn-common-darkred:visited, .btn-common-pink:visited, .btn-common-white:visited, .btn-common-white-s:visited, a.btn-common-darkred:hover, a.btn-common-pink:hover, a.btn-common-white:hover, a.btn-common-white-s:hover, .btn-common-darkred:hover, .btn-common-pink:hover, .btn-common-white:hover, .btn-common-white-s:hover {
  opacity: 0.7;
}
a.btn-common-pink-l, .btn-common-pink-l {
  background-color: #e64677;
  border-radius: 4px;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
  padding: 10px 120px;
}
.btn-common-pink-l {
  cursor: pointer;
}
a.btn-common-pink-l {
  text-decoration: none;
  display: inline-block;
}
.btn-common-pink-l:visited, a.btn-common-pink-l:visited, .btn-common-pink-l:hover, a.btn-common-pink-l:hover {
  opacity: 0.7;
}
.btn-text {
  background: none;
  border: none;
  cursor: pointer;
}
.arrow {
  border: 4px solid transparent;
  border-left: 6px solid #633042;
  display: inline-block;
}
.arrow-reverse {
  border: 4px solid transparent;
  border-right: 6px solid #633042;
  display: inline-block;
}
.arrow2 {
  border: 6px solid transparent;
  border-left: 6px solid #e64677;
  display: inline-block;
}
.sidebar-body {
  padding: 0.5em;
}
.form-fields {
  margin-bottom: 1em;
  width: 100%;
}
.form-fields, .form-fields th, .form-fields td {
  border: solid 1px #c4c4c4;
  border-collapse: collapse;
}
.form-fields th, .form-fields td {
  padding: 15px 10px;
}
.form-fields th {
  background-color: #eee;
}
.upper-price {
  font-size: 0.95em;
  text-decoration: line-through;
  color: #593F30;
}
.selling-price {
  color: #F3326C;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 18px;
}
.form-fields input[type="text"]:focus, .form-fields input[type="password"]:focus, .form-fields input[type="email"]:focus, .form-fields textarea:focus, .form-fields select:focus {
  background-color: #ffffd6;
  border: solid 1px #FFC1C7;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
  box-sizing: border-box;
  border: solid 1px #cdcdcd;
  font-size: 1em;
  padding: 0.2em 0.3em;
  border-radius: 3px;
}
input[type="checkbox"] {
  vertical-align: middle;
}
/*
select {
	border: solid 1px #bbbbbb;
	padding: 0.2em 0.3em;
	border-radius: 3px;
}
*/
/**.selectに移行するからこれは後々削除**/
select {
  border: solid 1px #cdcdcd;
  border-radius: 5px;
  font-size: 16px;
  margin: 0;
  padding: 5px;
  width: 90%;
  box-sizing: border-box;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0;
  box-sizing: border-box;
  color: #125a66;
  font-size: 14px;
  outline: 0 none;
  padding: 1.5%;
  vertical-align: middle;
}
.select {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  border: solid 1px #cdcdcd;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.select:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 8px;
  top: 0;
  width: 0;
}
.field-validation-error {
  color: #ff0000;
  display: block;
  margin-top: 5px;
}
.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
  background-color: #ffffd6;
  border: 1px solid #ff0000;
  padding: 0.5em 1em;
  font-size: 1.3em;
  margin-bottom: 10px;
}
.validation-summary-errors ul {
  margin: 0;
  padding-left: 1.5em;
  list-style-type: none;
  padding: 0;
}
.required::after {
  content: "必須";
  color: #fff;
  background-color: #d02f2f;
  padding: 2px;
  border-radius: 3px;
  font-size: 1.1rem;
  line-height: 17px;
  float: right;
  margin-top: -5px;
  width: 23px;
}
/**フォーム系の変更した後の文言 h2の上に出てくる**/
.changed {
  background-color: #fffcdf;
  padding: 2%;
  text-align: center;
  margin-bottom: 3%;
  color: #e64677;
  font-size: 15px;
}
/**重要な文言**/
.text-important {
  background-color: #fffcdf;
  color: #e64677;
  padding: 5%;
  margin: 5% 0;
}
.text-important a {
  color: #e64677;
}
.text-important a.text-link:after {
  border-top: 1px solid #e64677;
  border-right: 1px solid #e64677;
}
#to-smartphone-site > a {
  text-decoration: none;
}
#to-smartphone-site > a > div {
  background-color: #ffd7eb;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  color: #633042;
  font-size: 5.5em;
  font-weight: bold;
  padding: 0.8em 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
table.form-fields {
  margin-bottom: 1em;
}
table.form-fields .select-box select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0;
  box-sizing: border-box;
  color: #125a66;
  height: 30px;
  outline: 0 none;
  padding: 0 3px;
  vertical-align: middle;
  overflow: hidden;
}
table.form-fields .select-box > select {
  width: 110%;
}
table.form-fields .select-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0;
  vertical-align: middle;
  border: 1px solid #bbbbbb;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 3px;
}
table.form-fields .select-box:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 8px;
  top: 0;
  width: 0;
}
.select-box > select {
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  cursor: pointer;
  border: 0;
  box-sizing: border-box;
  color: #125a66;
  height: 38px;
  /*	height: 30px;*/
  outline: 0 none;
  padding: 1.5%;
  /*	padding: 0 23px 0 3px;*/
  /*  padding: 0 10px 0 3px;*/
  vertical-align: middle;
  overflow: hidden;
  font-size: 15px;
}
.select-box > select::-ms-expand {
  display: none;
}
.select-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  /*  min-width: 100%;*/
  padding: 0;
  vertical-align: middle;
  border: solid 1px #cdcdcd;
  background-color: #fff;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.select-box:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 8px;
  top: 0;
  width: 0;
  pointer-events: none;
}
/*フッター
----------------------------------------------------------*/
footer {
  color: #e64677;
  background-color: #808080;
  font-size: 14px;
  clear: both;
}
.footer-content {
  padding: 30px 70px;
}
.footer-inner {
  color: #e64677;
  width: 20%;
  padding: 15px;
}
.footer-inner:nth-of-type(2), .footer-inner:nth-of-type(3), .footer-inner:nth-of-type(4) {
  border-right: solid 1px #d9d9d9;
}
.footer-inner:nth-of-type(2) li:first-child, .footer-inner:nth-of-type(2) li:nth-child(2), .footer-inner:nth-of-type(2) li:nth-child(6) {
  margin-bottom: 30px;
}
.footer-inner ul li {
  font-size: 14px;
  margin-bottom: 15px;
}
.footer-sns li a {
  display: block;
  padding: 0 0 3px 0;
}
.footer-sns li:last-child a {
  border-right: none;
}
.footer-sns li a span {
  display: inline-block;
  line-height: 1.5;
  margin-left: 5px;
}
.footer-sns li a:before {
  background: url(top-sns.png) no-repeat;
  content: "";
  display: inline-block;
  background-size: cover;
  width: 23px;
  height: 22px;
  vertical-align: bottom;
}
.footer-sns li:nth-child(2n) a:before {
  background-position: 0 -22px;
}
.footer-sns li:nth-child(3n) a:before {
  background-position: 0 -44px;
}
.footer-sns li:nth-child(4n) a:before {
  background-position: 0 -67px;
}
/*.footer-inner:nth-of-type(5) img {
	width: 85%;
}*/
.footer-inner:nth-of-type(5) p {
  line-height: 1.4em;
}
.footer-inner ul li a:hover, .footer-sns li a span:hover, .footer-inner:nth-of-type(5) p:last-of-type a:hover {
  text-decoration: underline;
}
.footer-inner:nth-of-type(5) .shop {
  margin-bottom: 20px;
}
.footer-inner:nth-of-type(5) .shop-copy {
  font-size: 12px;
  line-height: 1.3;
  color: #808080;
  margin-bottom: 3px;
}
.footer-inner:nth-of-type(5) .shop-name {
  line-height: 1.3;
  font-size: 15px;
  font-weight: bold;
}
.footer-inner:nth-of-type(5) .shop-name a, .footer-inner:nth-of-type(5) .shop-name a:visited {
  color: #e64677;
}
.footer-nav {
    padding: 15px 10px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    max-width: 800px;
    justify-content: space-between;
}


.footer-nav ul {
    display: flex;
    align-items: center;
    font-size: 15px;
    justify-content: start;
    flex-direction: column;
    align-items: start;
}
.footer-nav ul li {
    text-align: start;
    margin: 10px 0px;
}
.footer-nav ul li a {
  text-align: center;
  display: block;
  color: #fff;
}
.footer-nav ul li:first-child a:before {
  content: "";
}

.footer-inner.relative {
  width: 290px;
}
.copyright {
  font-size: 13px;
  text-align: center;
  padding: 20px 0;
  line-height: 1.5;
  background-color: #fff;
}
#page-overlay {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1501;
  background: rgba(255, 255, 255, 0.85);
}
#page-overlay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
#page-overlay span {
  position: absolute;
  top: 55%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  color: #826369;
  font-weight: bold;
  font-size: 20px;
}
/**トップにあるものなので削除して大丈夫18/8/17**/
/*a.btn-review {
  background-color: #e64677;
  border-radius: 7px;
  color: #fff;
  font-size: 1.6rem;
  padding: 10px 25px;
  text-decoration: none;
}
a.btn-review::before {
  content: url("/content/images/icon/review.png");
  display: inline-block;
  padding: 0 5px 0 0;
  vertical-align: middle;
}
a.btn-review:visited, a.btn-review:hover {
  opacity: 0.7;
}
*/
a.btn-cart-l, button.btn-cart-l {
  background-color: #e64677;
  border-radius: 7px;
  color: #fff;
  font-size: 2.2rem;
  padding: 10px 70px;
  text-decoration: none;
  line-height: 35px;
  border: none;
}
a.btn-cart-l::before, button.btn-cart-l::before {
  content: url(cart.png);
  display: inline-block;
  padding: 0 5px 0 0;
  vertical-align: middle;
}
a.btn-cart-l:visited, a.btn-cart-l:hover {
  opacity: 0.7;
}
a.btn-cart-l.disabled::before, button.btn-cart-l.disabled::before {
  opacity: 0.7;
}
a.btn-cart-l.disabled, a.btn-cart-l.disabled:hover, button.btn-cart-l.disabled, button.btn-cart-l.disabled:hover {
  cursor: default;
  background-color: #bfbfbf;
  color: #e5e5e5;
  opacity: 1;
}
a.btn-cart-s, button.btn-cart-s {
  background-color: #e64677;
  border-radius: 5px;
  color: #fff;
  font-size: 1.1rem;
  padding: 0px 5px;
  text-decoration: none;
  line-height: 35px;
  font-weight: bold;
  border: solid 1px #e64677;
  box-shadow: 0px 2px #e94087;
}
a.btn-cart-s::before, button.btn-cart-s::before {
  content: '';
  background: url(cart.png);
  background-size: contain;
  display: inline-block;
  padding: 0 10px 0 0;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
}
a.btn-common-white-s, .btn-common-white-s {
  text-decoration: none;
  display: inline-block;
}
a.btn-common-white-s, .btn-common-white-s {
  background-color: #fff;
  border-radius: 4px;
  color: #125a66;
  border: 1px solid #542338;
  font-size: 1.4rem;
  line-height: 20px;
  padding: 7px 20px 5px;
  cursor: pointer;
}
a.btn-common-white-s:visited, a.btn-common-white-s:hover, .btn-common-white-s:visited, .btn-common-white-s:hover {
  opacity: 0.8;
}
a.btn-common-pink-s, .btn-common-pink-s {
  text-decoration: none;
  display: inline-block;
}
a.btn-common-pink-s, .btn-common-pink-s {
  background-color: #e64677;
  border-radius: 4px;
  color: #fff;
  font-size: 1.3rem;
  border: solid 1px #e64677;
  padding: 5px 15px 5px 15px;
  line-height: 25px;
  cursor: pointer;
}
a.btn-common-pink-s:visited, a.btn-common-pink-s:hover, .btn-common-pink-s:visited, .btn-common-pink-s:hover {
  opacity: 0.8;
}
.page-top {
  bottom: 16px;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 16px;
  z-index: 9;
  visibility: hidden;
}
.page-top a {
  background: #e64677 none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: 50px;
  border-radius: 50%;
  opacity: 0.3;
}
.page-top a:before {
  content: url(page-top.png);
}
.page-top a:hover {
  background: #e64677 none repeat scroll 0 0;
  opacity: 1;
}
.page-top.on-display {
  visibility: visible;
  opacity: 1;
}
table {
  border-spacing: 0px;
}
.text13 {
  font-size: 1.4rem;
  line-height: 1.5em;
}
#brand-dialog .area-nav::before {
  border: none;
}
#brand-dialog .area-nav {
  box-shadow: none;
  border: none;
}
/*****ラジオボタン、チェックボタン*****/
/**デフォをボタンを隠す**/
.radio-btn[type="radio"], .check-btn[type="checkbox"] {
  display: none;
  margin: 0;
}
.radio-btn[type="radio"] + label, .check-btn[type="checkbox"] ~ label {
  cursor: pointer;
  display: block;
  line-height: 20px;
  position: relative;
  word-break: break-all;
  box-sizing: border-box;
  width: 100%;
  padding-left: 30px;
}
.radio-btn[type="radio"] + label::before, .check-btn[type="checkbox"] ~ label::before {
  background-color: #fff;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  left: 0;
  margin-top: -11px;
  position: absolute;
  top: 50%;
}
/**外側の線**/
.radio-btn[type="radio"] + label::before {
  border: 2px solid #d1d1d1;
  border-radius: 30px;
}
.check-btn[type="checkbox"] ~ label::before {
  border: 1px solid #b3b3b3;
}
.radio-btn[type="radio"]:checked + label::after, .check-btn[type="checkbox"]:checked ~ label::after {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}
.radio-btn[type="radio"]:checked ~ label::after {
  background: #e64677 none repeat scroll 0 0;
  border-radius: 8px;
  height: 10px;
  left: 5px;
  margin-top: -6px;
  width: 10px;
}
.check-btn[type="checkbox"]:checked ~ label::after {
  border-bottom: 2px solid #e64677;
  border-left: 3px solid #e64677;
  height: 8px;
  left: 2px;
  margin-top: -7px;
  transform: rotate(-45deg);
  width: 16px;
}
.radio-btn[type="radio"] + label::before {
  left: 0;
}
.check-btn[type="checkbox"] ~ label::before {
  left: 0px;
}
.btn-checkbox {
  cursor: pointer;
  margin: 0.5em;
  position: relative;
  background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));
  border: 1px solid #B3B2B1;
  border-radius: 10px 10px 10px 10px;
  color: #125a66;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-shadow: 0 0px 0 #FFFFFF;
  padding: 7px 7px 7px 35px;
  list-style: none;
}
.btn-checkbox input {
  position: absolute;
  top: 6px;
  left: 8px;
}
.btn-checkbox input[type="checkbox"] {
  display: inherit;
}
.btn-checkbox label {
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
}
/*.radio-btn[type="radio"], .check-btn[type="checkbox"] {
	display: none;
	margin: 0;
}
.radio-btn[type="radio"]+label, .check-btn[type="checkbox"]+label {
	cursor: pointer;
	display: block;
	line-height: 20px;
	position: relative;
	word-break: break-all;
	box-sizing: border-box;
	width: 100%;
	padding-left: 30px;	
}
.radio-btn[type="radio"]+label::before, .check-btn[type="checkbox"]+label::before {
	background-color: #fff;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 23px;
	left: 3px;
	margin-top: -11px;
	position: absolute;
	top: 50%;
	width: 23px;
}
.radio-btn[type="radio"]+label::before {
	border: 2px solid #d1d1d1;
	border-radius: 30px;
}
.check-btn[type="checkbox"]+label::before {
	border: 2px solid #d1d1d1;
}
.radio-btn[type="radio"]:checked+label::after, .check-btn[type="checkbox"]:checked+label::after {
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
}
.radio-btn[type="radio"]:checked+label::after {
	background: #e64677 none repeat scroll 0 0;
	border-radius: 8px;
	height: 11px;
	left: 9px;
	margin-top:-2%;
	width: 11px;
}
.check-btn[type="checkbox"]:checked+label::after {
	border-bottom: 3px solid #ee3e84;
	border-left: 3px solid #ee3e84;
	height: 8px;
	left: 6px;
	margin-top: -5px;
	transform: rotate(-45deg);
	width: 16px;
}
.form {
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	width: 100%;

}*/
.form-radio, .form-check {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #cdcdcd;
  box-sizing: border-box;
  font-size: 14px;
  /*	padding: 7px;*/
  padding: 2% 2% 2% 1.5%;
  border-radius: 5px;
  width: 48.5%;
}
.form-radio:first-child {
  margin-right: 7px;
}
/*
input.w50, input.w90, input.w75, input.w100 {
	border: 1px solid #bababa;
	box-sizing: border-box;
	font-size: 0.9rem;
	padding: 7px;
	margin: 0 3% 0 0;
	outline: 0;
	-webkit-appearance: none
}*/
.form-radio:first-child {
  margin-right: 7px;
}
.form-border {
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 7px 0;
  border: 1px solid #bababa;
  font-size: 0.9rem;
  padding: 7px;
  border-radius: 5px;
}
h2.japanese-brand {
  margin: 0.6em 0 8px 0;
  font-size: 2.5em;
  color: #125a66;
  line-height: 1.5;
  text-align: left;
}
.english-title {
  font-size: 1em;
  color: #b2b2b2;
  margin-top: 0;
  margin-bottom: 5px;
}
a.btn-common-pink-m, .btn-common-pink-m {
  text-decoration: none;
  display: inline-block;
}
a.btn-common-pink-m, .btn-common-pink-m {
  background-color: #e64677;
  border-radius: 4px;
  color: #fff;
  font-size: 1.8rem;
  border: solid 1px #e64677;
  padding: 10px 30px 5px 30px;
  line-height: 25px;
  cursor: pointer;
}
a.btn-common-pink-m:visited, a.btn-common-pink-m:hover, .btn-common-pink-m:visited, .btn-common-pink-m:hover {
  opacity: 0.8;
}
.btn-pink-arrow {
  border-radius: 4px;
  color: #fff;
  background-color: #e64677;
  font-size: 1.8rem;
  line-height: 23px;
  border: solid 1px #e64677;
  text-align: center;
  padding: 10px 35px 7px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  vertical-align: baseline;
}
@-moz-document url-prefix() {
  a.btn-pink-arrow {
    padding: 11px 38px 8px;
  }
}
a.btn-pink-arrow {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.btn-pink-arrow:visited, .btn-pink-arrow:hover {
  opacity: 0.8;
}
.btn-pink-arrow:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  height: 8px;
  margin-top: -5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
.btn-pink2-arrow {
  border-radius: 4px;
  color: #ff3d8f;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 23px;
  border: solid 2px #ff3d8f;
  text-align: center;
  padding: 10px 45px 7px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  vertical-align: baseline;
  width: 100%;
}
@-moz-document url-prefix() {
  a.btn-pink2-arrow {
    padding: 11px 48px 8px;
  }
}
a.btn-pink2-arrow {
  color: #ff3d8f;
  text-decoration: none;
  display: inline-block;
}
.btn-pink2-arrow:after {
  border-right: 2px solid #ff3d8f;
  border-top: 2px solid #ff3d8f;
  content: "";
  height: 8px;
  margin-top: -5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
.btn-pink2-arrow:visited, .btn-pink2-arrow:hover {
  opacity: 0.8;
}
.btn-gray2-arrow {
  border-radius: 4px;
  color: #b3b3b3;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 23px;
  border: solid 2px #b3b3b3;
  text-align: center;
  padding: 10px 45px 7px;
  box-sizing: border-box;
  position: relative;
  vertical-align: baseline;
  width: 100%;
}
@-moz-document url-prefix() {
  a.btn-gray2-arrow {
    padding: 11px 48px 8px;
  }
}
a.btn-gray2-arrow {
  color: #b3b3b3;
  text-decoration: none;
  display: inline-block;
}
.btn-gray2-arrow:after {
  border-right: 2px solid #b3b3b3;
  border-top: 2px solid #b3b3b3;
  content: "";
  height: 8px;
  margin-top: -5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
}
.message-area {
  padding: 10px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  margin: 8px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.item-not-found {
  background-color: #e5e5e5;
  padding: 30px 0;
  text-align: center;
  margin: 30px 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5em;
}
a.btn-ranking {
  background-color: #e64677;
  border-radius: 7px;
  color: #fff;
  font-size: 1.6rem;
  padding: 10px 25px 7px 25px;
  text-decoration: none;
}
a.btn-ranking::before {
  content: url(ranking.png);
  display: inline-block;
  padding: 0 5px 0 0;
  vertical-align: sub;
}
a.btn-ranking:visited, a.btn-ranking:hover {
  opacity: 0.7;
}
/*----------------------------------
START 新規登録完了しました
------------------------------------*/
/* .RegisterThankyouImage{
    margin-bottom: 20px;
    text-align: center;
} */
.RegisterThankyouBackToTopButton {
    font-size: 17px;
    line-height: 1.5;
    border: solid 1px #cdcdcd;
    box-shadow: 0 2px #cdcdcd;
    background-color: #fff;
    color: #e64677;
    box-sizing: border-box;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    width: 35%;
    /* margin: 0 auto;	 */
    margin: 0 auto 30px;
}

/*ここから下が削除していいのか不明*/
.thank-you {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.thank-you > .text {
  display: table-cell;
  line-height: 2;
  width: 80%;
  vertical-align: middle;
  text-align: center;
}
.thank-you > .text > .big-text {
  font-size: 3.5rem;
  color: #ff3d8f;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
.thank-you > .text > .small-text {
  font-size: 2rem;
  color: #777777;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.thank-you > .mascot {
  display: table-cell;
  width: 20%;
}
.thank-you > .mascot img {
  max-width: 100%;
}
/* ローディング
----------------------------------------------------------*/
#loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 25%;
  bottom: s0;
}
.loading {
  color: #ff3d8f;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loading-text {
  color: #ff3d8f;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.5rem;
  text-align: center;
}
@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
/* お気に入りに追加は色々なページに出てくるのでsite.cssに入れています。
----------------------------------------------------------*/
/* お気に入りボタン
----------------------------------------------------------*/
.favorite-off {
  font-size: 15px;
  color: #989898;
  line-height: 2.3;
  cursor: pointer;
}
.favorite-on {
  font-size: 15px;
  color: #e64677;
  line-height: 2.3;
  cursor: pointer;
}
.favorite-off:before, .favorite-on:before {
  background: url(top-favorite.png) no-repeat;
  content: "";
  background-size: 20px 34px;
  width: 20px;
  height: 17px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
.favorite-off:before {
  background-position: 0 0;
}
.favorite-on:before {
  background-position: 0 -17px;
}
/**お気に入りボタン（詳細に入った時の）
----------------------------------------------------------*/
.btn-favorite-on, .btn-favorite-off {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 25px;
  height: 37px;
  padding-top: 3px;
  text-align: center;
  width: 40px;
  display: block;
  /*	z-index: 100;*/
  z-index: 2;
  background-color: #fff;
}
.btn-favorite-on {
  border: 1px solid #ffa0c8;
}
.btn-favorite-off {
  border: 1px solid #ccc;
}
.btn-favorite-on .icon, .btn-favorite-off .icon {
  background: url(favorite.png) no-repeat;
  background-size: 18px 36px;
  display: block;
  height: 18px;
  padding-left: 20px;
  width: 18px;
}
.btn-favorite-on .icon {
  background-position: center -18px;
}
.btn-favorite-off .icon {
  background-position: center 0;
}
.btn-favorite-on .count, .btn-favorite-off .count {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  font-family: "メイリオ", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .btn-favorite-on .count, .btn-favorite-off .count {
    font-size: 0.9rem;
    font-family: "メイリオ", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
.btn-favorite-on .count {
  color: #ffa0c8;
}
.btn-favorite-off .count {
  color: #ccc;
}
.btn-favorite-on:hover, .btn-favorite-off:hover {
  cursor: pointer;
}
/* お気に入り（モーダルウィンドウ）
----------------------------------------------------------*/
/* カラーチップ
----------------------------------------------------------*/
.color-box1, .color-box2, .color-box3, .color-box4, .color-box5 {
  display: table;
  height: 55px;
  width: 55px;
}
.color-box1 span {
  display: table-cell;
  width: 100%;
}
.color-box2 span {
  display: table-cell;
  width: 50%;
}
.color-box3 span {
  display: table-cell;
  width: 33%;
}
.color-box4 span {
  display: table-cell;
  width: 25%;
}
.color-box5 span {
  display: table-cell;
  width: 20%;
}
.unit-select-favorite-close {
  top: -1%;
  right: -1.5%;
}
#unit-select-favorite {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  background-color: #fff;
  left: 50%;
  top: 0;
  width: 650px;
  margin-left: -300px;
  margin-top: 40px;
  margin-bottom: 10px;
}
#unit-select-favorite > .select-type > ul > li, #no-stock1-favorite > .select-type > ul > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5px;
  box-sizing: border-box;
  border-bottom: solid 1px #ccc;
  font-size: 16px;
  line-height: 1.5;
}
#unit-select-favorite > .select-type > ul > li > .favorite-off:before, #unit-select-favorite > .select-type > ul > li > .favorite-on:before, #no-stock1-favorite > .select-type > ul > li > .favorite-off:before, #no-stock1-favorite > .select-type > ul > li > .favorite-on:before {
  background: url(top-favorite.png) no-repeat;
  content: "";
  background-size: 26px 44px;
  width: 26px;
  height: 22px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
#unit-select-favorite > .select-type > ul > li > .favorite-off:before, #no-stock1-favorite > .select-type > ul > li > .favorite-off:before {
  background-position: 0 0;
}
#unit-select-favorite > .select-type > ul > li > .favorite-on:before, #no-stock1-favorite > .select-type > ul > li > .favorite-on:before {
  background-position: 0 -22px;
}
.tit1, .tit2 {
  color: #fff;
  font-size: 18px;
  /*	font-weight: bold;*/
  line-height: 22px;
  padding: 7px 0 7px 10px;
  text-align: left;
}
.tit1 {
  background-color: #494949;
}
.tit2 {
  background-color: #808080;
}
.btn-no-stock-true {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  line-height: inherit;
  padding: 13px 0;
  position: relative;
  width: 100%;
}
a.btn-no-stock-true {
  box-sizing: border-box;
  display: block;
  text-align: center;
}
/* アイコン
----------------------------------------------------------*/
#details-related-units .new-product, #details-related-units .daibiki-no, #details-related-units .wrapping, #details-related-units .unit-rank, #details-related-units .japan-unreleased, #details-related-units .card-only, #details-related-units .deferred-payment-none, #details-related-units .no-stock1, #unit-select-favorite .new-product, #unit-select-favorite .daibiki-no, #unit-select-favorite .wrapping, #unit-select-favorite .unit-rank, #unit-select-favorite .japan-unreleased, #unit-select-favorite .card-only, #unit-select-favorite .deferred-payment-none, #unit-select-favorite .no-stock1 {
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.2em;
  padding: 5px 6px 2px 6px;
  text-align: center;
  vertical-align: middle;
  margin: 0 5px 7px 0;
}
#details-related-units .new-product, #details-related-units .daibiki-no, #details-related-units .wrapping, #details-related-units .unit-rank, #details-related-units .japan-unreleased, #details-related-units .card-only, #details-related-units .deferred-payment-none, #unit-select-favorite .new-product, #unit-select-favorite .daibiki-no, #unit-select-favorite .wrapping, #unit-select-favorite .unit-rank, #unit-select-favorite .japan-unreleased, #unit-select-favorite .card-only, #unit-select-favorite .deferred-payment-none {
  border: 1px solid #125a66;
  color: #125a66;
}
#details-related-units .no-stock1, #unit-select-favorite .no-stock1 {
  border: 1px solid #f50028;
  color: #f50028;
}
/**firefoxのみ適用**/
@-moz-document url-prefix() {
  #details-related-units .new-product, #details-related-units .daibiki-no, #details-related-units .wrapping, #details-related-units .unit-rank, #details-related-units .japan-unreleased, #details-related-units .card-only, #details-related-units .deferred-payment-none, #details-related-units .no-stock1, #unit-select-favorite .new-product, #unit-select-favorite .daibiki-no, #unit-select-favorite .wrapping, #unit-select-favorite .unit-rank, #unit-select-favorite .japan-unreleased, #unit-select-favorite .card-only, #unit-select-favorite .deferred-payment-none, #unit-select-favorite .no-stock1 {
    padding: 4px 6px 3px 6px;
  }
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #details-related-units .new-product, #details-related-units .daibiki-no, #details-related-units .wrapping, #details-related-units .unit-rank, #details-related-units .japan-unreleased, #details-related-units .card-only, #details-related-units .deferred-payment-none, #details-related-units .no-stock1, #unit-select-favorite .new-product, #unit-select-favorite .daibiki-no, #unit-select-favorite .wrapping, #unit-select-favorite .unit-rank, #unit-select-favorite .japan-unreleased, #unit-select-favorite .card-only, #unit-select-favorite .deferred-payment-none, #unit-select-favorite .no-stock1 {
    padding: 3px 6px 2px 6px;
  }
}
.selfmedication {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: top;
}
.selfmedication img {
  width: 60px;
}
/* お問い合わせはこちらボタン
----------------------------------------------------------*/
/*
a.btn-contact {
	background-color: #e64677;
	border: none;
	border-radius: 4px;
	color: #fff;
	padding: 20px 0;
	width: 40%;
	font-size: 18px;
	display: block;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
}*/
/* ----------------------------------
ボタン 内容を確認する、登録する、削除する、送信する、新規登録する、ボタン
----------------------------------*/
.btn-confirm, .btn-register, .btn-delete, .btn-send, .btn-sign-up {
  background-color: #e64677;
  border: none;
  border-radius: 4px;
  box-shadow: 0 3px #e94087;
  color: #fff;
  padding: 3.5%;
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
a.btn-confirm, a.btn-register, a.btn-delete, a.btn-send, a.btn-sign-up {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 14px 40px 10px 40px;
}
/**firefoxのみ適用**/
@-moz-document url-prefix() {
  .btn-confirm, .btn-register, .btn-delete, .btn-send {
    padding: 12px 40px 12px;
  }
  a.btn-confirm, a.btn-register, a.btn-delete, a.btn-send {
    padding: 12px 40px 12px;
  }
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .btn-confirm, .btn-register, .btn-delete, .btn-send, a.btn-sign-up {
    padding: 12px 40px 12px;
  }
  a.btn-confirm, a.btn-register, a.btn-delete, a.btn-send, a.btn-sign-up {
    padding: 12px 40px 12px;
  }
}
.btn-confirm:visited, .btn-confirm:hover, .btn-register:visited, .btn-register:hover, .btn-delete:visited, .btn-delete:hover, .btn-send:visited, .btn-send:hover {
  opacity: 0.8;
  text-decoration: none;
}
/* 閉じる、戻る
----------------------------------------------------------*/
a.btn-close, a.btn-back-s {
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: linear-gradient(to bottom, #ffffff 5%, #ebebeb 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  display: inline-block;
  cursor: pointer;
  font-family: Arial;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: center;
  color: #4c4c4c;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
s.btn-apply-s, .btn-coupon-get {
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  line-height: 25px;
  font-size: 14px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #e64677;
  box-shadow: 0 2px #ccc;
  font-weight: normal;
}
.btn-apply-s:hover, .btn-coupon-get:hover {
  opacity: 0.6;
}
a.btn-back-s {
  padding: 10px 0 10px 7px !important;
}
a.btn-back-s:after {
  display: none;
}
a.btn-back-s:before {
  position: absolute;
  top: 40%;
  left: 12%;
  content: '';
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
a.btn-close {
  padding: 10px 0;
}
.btn-narrow, .btn-clear {
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  line-height: 1.8;
  font-size: 14px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: #e64677;
  box-shadow: 0 1px #ccc;
  width: 47%;
  cursor: pointer;
}
.btn-narrow {
  padding: 3.5% 2% 0.7% 11%;
}
.btn-clear {
  padding: 3.5% 2% 0.7% 2%;
}
.btn-narrow:hover, .btn-clear:hover {
  opacity: 0.6;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .btn-narrow {
    padding: 2% 2% 2% 11%;
  }
  .btn-clear {
    padding: 2% 1%;
  }
}
.btn-narrow:before {
  content: url(narrow.png);
  display: inline-block;
  font-size: 20px;
  line-height: 1.3;
  left: 4%;
  position: absolute;
  top: -1%;
  transform: scale(0.6);
}
/* モーダルウィンドウ共通に使うもの
----------------------------------------------------------*/
#overlay-modal {
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%;
  height: calc(100% + 100px);
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 100px solid transparent;
  /*  cursor: pointer;*/
  opacity: 1;
  box-sizing: border-box;
  overflow: hidden;
}
.circle-close {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background: #d9d9d9;
}
.circle-close:before {
  content: "×";
  display: block;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  font-weight: bold;
}
/**firefoxのみ適用**/
@-moz-document url-prefix() {
  .circle-close:before {
    line-height: 1.5;
  }
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .circle-close:before {
    line-height: 1.5;
  }
}
/* -------------------------------------------------
ここから2019年マイページ分追加　#overlay-modalいったん保留
-------------------------------------------------*/
#modal-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1;
  /*	overflow-y: scroll;	*/
}
.modal-content, .TagSearchAreaModal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: #fff;
  overflow-y: scroll;
  font-size: 15px;
  line-height: 25px;
}
.modal-content {
  padding: 3%;
  width: 540px;
  height: 400px;
}
.TagSearchAreaModal {
  padding: 0;
  width: 640px;
  height: 500px;
}
.modal-content.message {
  width: 250px;
  height: 130px;
}
.modal-title {
  font-size: 26px;
  text-align: center;
  font-weight: normal;
  line-height: 1;
  margin: 35px 0;
  color: #125a66;
}
.modal-inner .modal-message {
  text-align: center;
  font-size: 18px;
  color: #808080;
}
.modal-inner .modal-message.small {
  text-align: left;
  font-size: 15px;
  color: #808080;
  margin-bottom: 5%;
}
.modal-inner .btn-login {
  font-size: 15px;
  border: solid 1px #e64677;
  background-color: #e64677;
  box-shadow: 0 2px #e94087;
  box-sizing: border-box;
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 4px;
  width: 100%;
  padding: 3%;
}
.modal-inner .btn-login:hover, .modal-inner .btn-login:visited {
  opacity: 0.8;
  text-decoration: none;
}
/**もう一度注文する**/
.repurchase li, .mypage-products li {
  border-bottom: solid 1px #cdcdcd;
  color: #e64677;
  padding: 3% 0;
  line-height: 21px;
  font-size: 15px;
}
.repurchase li .repurchase-inner, .mypage-products li .repurchase-inner, .repurchase li .mypage-products .mypage-products-inner, .mypage-products li .mypage-products-inner, .repurchase li .mypage-products .mypage-brands-inner, .mypage-products li .mypage-brands-inner {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.repurchase li img, .mypage-products li img {
  padding: 0 3%;
  width: 85px;
}
.repurchase li .product-detail-right, .mypage-products li .product-detail-right {
  flex: 1;
  letter-spacing: 0.7px;
  line-height: 1.4;
  margin-right: 2%;
  margin-left: 2%;
}
.repurchase li .product-name, .mypage-products li .product-name {
  margin-bottom: 3%;
  padding: 0;
}
.repurchase li .brands-name, .mypage-products li .brands-name {
  font-weight: bold;
}
.repurchase li .price-down, .mypage-products li .price-down, .repurchase li .product-price, .mypage-products li .product-price {
  color: #f50028;
}
#modal-cart2 .modal-inner {
  margin: 10% auto;
  text-align: center;
}
#modal-cart2 .modal-inner .flex-common {
  justify-content: space-between;
  margin-top: 5%;
}
#modal-cart2 .modal-inner p {
  font-size: 18px;
  color: #808080;
}
#modal-cart2 .modal-inner .cart-item-count {
  display: inline-block;
  margin-right: 3%;
}
#modal-cart2 .modal-inner img {
  margin-bottom: 5%;
}
.modal-content a.btn-shopping {
  font-size: 15px;
  border: solid 1px #cdcdcd;
  box-shadow: 0 2px #cdcdcd;
  background-color: #f3f3f3;
  box-sizing: border-box;
  color: #e64677;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 4px;
  width: 48.5%;
  padding: 3%;
}
.modal-content a.btn-shopping:hover, .modal-content a.btn-shopping:visited {
  opacity: 0.8;
  text-decoration: none;
}
.modal-content a.btn-order-next-s {
  font-size: 15px;
  border: solid 1px #e64677;
  background-color: #e64677;
  box-shadow: 0 2px #e94087;
  box-sizing: border-box;
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  border-radius: 4px;
  width: 48.5%;
  padding: 3%;
}
.modal-content a.btn-order-next-s:hover, .modal-content a.btn-order-next-s:visited {
  opacity: 0.8;
  text-decoration: none;
}
/* ------------------------------------------
end
------------------------------------------*/
/**フローティングボタン**/
.bg-floating {
  background-color: rgba(152, 152, 152, .85);
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  z-index: 10;
  bottom: 0;
  left: 0;
  padding: 1%;
}
.bg-floating-info {
  text-align: center;
  color: #fff;
  margin-bottom: 1.5%;
}
/*------------------------------------
お問合せ　2019年
------------------------------------*/
.support-wrap {
  background-color: #f3f3f3;
  padding: 5%;
  margin: 5%;
  text-align: center;
}
.support-wrap p {
  margin-bottom: 5%;
}
.support-wrap .w50 {
  margin: auto;
}
/*---------------------------
 明細（注文詳細、カート、注文確認）2019年
---------------------------*/
.order-info-contet, .point-info-contet {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  line-height: 24px;
  margin: 3% 0 3% auto;
  padding: 1% 0;
  width: 370px;
}
.order-info-contet dt, .point-info-contet dt {
  width: 70%;
}
.order-info-contet dt:nth-last-child(2), .order-info-contet dd.order-info-total {
  margin-top: 5%;
  font-weight: bold;
  font-size: 16px;
  padding: 3% 0 0 0;
  border-top: solid 3px #808080;
}
.order-info-contet dd.order-info-total {
  color: #f50028;
}
.order-info-contet dd, .point-info-contet dd {
  width: 30%;
  text-align: right;
}
.point-info-contet dt:nth-last-child(2), .point-info-contet dd.point-info-total {
  margin-top: 5%;
  font-weight: bold;
  font-size: 16px;
  padding: 3% 0 0 0;
  border-top: solid 3px #bfa202;
}
.point-info-contet dd.point-info-total {
  color: #bfa202;
  line-height: unset;
  width: 34%;
}
.point-info-contet dt:nth-last-child(2) {
  width: 66%;
}
/*---------------------------
ボタン 2019年
---------------------------*/
.btn-change-s, .btn-delete-s {
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  /*  line-height: 21px;*/
  line-height: 45px;
  font-size: 14px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  color: #e64677;
  box-shadow: 0 1px #ccc;
  width: 80px; /*cursor: pointer;*/ /*  padding:2% 1.5% 1% 1.5%;*/
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .btn-change-s, .btn-delete-s {
    /*		 padding: 1.5%;*/
  }
}
.h3-btn-flex a.btn-change-s {
  margin-right: 3%;
}
.h3-btn-flex a.btn-change-s, .h3-btn-flex a.btn-delete-s {
  width: 100% !important;
}
.btn-change-s:hover, .btn-change-s:visited {
  opacity: 0.8;
  text-decoration: none;
}
/* ----------------------------------
ボタン 2019年 （確定系）
----------------------------------*/
.btn-change, .btn-delete, .btn-repurchase, .btn-cart, .btn-cancel, .btn-registration, .btn-add, a.btn-contact, .btn-order-cancel, .btn-top {
  font-size: 16px;
  background-color: #e64677;
  box-shadow: 0 2px #e94087;
  color: #fff;
  border: none;
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  padding: 4.5% 4% 3.5% 4%;
  text-align: center;
  border-radius: 4px;
}
.btn-change:hover, .btn-delete:hover, .btn-repurchase:hover, .btn-cart:hover, .btn-cancel:hover, .btn-registration:hover, .btn-add:hover, a.btn-contact:hover, .btn-order-cancel:hover, .btn-top:hover, .btn-change:visited, .btn-delete:visited, .btn-repurchase:visited, .btn-cart:visited, .btn-cancel:visited, .btn-registration:visited, .btn-add:visited, a.btn-contact:visited, .btn-order-cancel:visited, .btn-top:visited {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .btn-change, .btn-delete, .btn-repurchase, .btn-cart, .btn-cancel, .btn-registration, .btn-add, a.btn-contact, .btn-order-cancel, .btn-top {
    padding: 4%;
  }
}
.btn-order-cancel-next, .btn-reset, .btn-delete-go {
  font-size: 16px;
  border: solid 1px #cdcdcd;
  box-shadow: 0 1px #cdcdcd;
  background-color: #f3f3f3;
  color: #e64677;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 4.5% 4% 3.5% 4%;
  text-align: center;
  border-radius: 4px;
}
.btn-order-cancel-next:hover, .btn-order-cancel-next:visited, .btn-reset:hover, .btn-reset:visited, .btn-delete-go:hover, .btn-delete-go:visited {
  opacity: 0.8;
  text-decoration: none;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .btn-order-cancel-next, .btn-reset, .btn-delete-go {
    padding: 4%;
  }
}
a.btn-back, a.btn-back-to-list {
  font-size: 16px;
  border: solid 1px #cdcdcd;
  box-shadow: 0 2px #cdcdcd;
  background-color: #fff;
  color: #e64677;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 4.5% 4% 3.5% 4%;
  text-align: center;
  border-radius: 4px;
}
a.btn-back:hover, a.btn-back-to-list:hover {
  opacity: 0.8;
  text-decoration: none;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  a.btn-back, a.btn-back-to-list {
    padding: 4%;
  }
}
/* ----------------------------------
btn start　2019年分追加
----------------------------------*/
/**--------ピンク　確定するもの--------**/
.btn-change, .btn-delete, .btn-repurchase, .btn-cart, .btn-cancel, .btn-registration, .btn-add, a.btn-contact, .btn-order-cancel, .btn-top {
  font-size: 16px;
  background-color: #e64677;
  box-shadow: 0 2px #e94087;
  color: #fff;
  border: none;
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  padding: 4.5% 4% 3.5% 4%;
  text-align: center;
  border-radius: 4px;
}
.btn-change:hover, .btn-change:visited, .btn-delete:hover, .btn-delete:visited, .btn-repurchase:hover, .btn-repurchase:visited, .btn-cart:hover, .btn-cart:visited, .btn-cancel:hover, .btn-cancel:visited, .btn-registration:hover, .btn-registration:visited, .btn-add:hover, .btn-add:visited, a.btn-contact:hover, a.btn-contact:visited, .btn-order-cancel:hover, .btn-order-cancel:visited, .btn-top:hover, .btn-top:visited {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
}
/**--------再入荷案内をもらう--------**/
.btn-mail {
  font-size: 15px;
  border-radius: 4px;
  text-align: center;
  color: #e64677;
  background-color: #f2f2f2;
  box-shadow: 0 2px #ffb0d1;
  border: solid 1px #ffb0d1;
  padding: 4.5% 4% 3.5% 4%;
  display: block;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
.btn-mail:hover, .btn-mail:visited {
  opacity: 0.8;
  text-decoration: none;
  color: #e64677;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .btn-mail {
    padding: 4%;
  }
}
/**--------サイズ・カラーを選択--------**/
.btn-unit-selection {
  font-size: 15px;
  border-radius: 4px;
  text-align: center;
  color: #e64677;
  background-color: #fff;
  box-shadow: 0 2px #e64677;
  border: solid 1px #ffb0d1;
  padding: 4.5% 4% 3.5% 4%;
  display: block;


  text-decoration: none;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
.btn-unit-selection:hover, .btn-unit-selection:visited {
  opacity: 0.8;
  text-decoration: none;
  color: #e64677;
}
/**Chromeのみ適用**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .btn-unit-selection {
    padding: 4%;
  }
}
/**--------ご注文をキャンセルする（グレー確定する前）--------**/
.btn-order-cancel-next, .btn-reset {
  font-size: 16px;
  border: solid 1px #cdcdcd;
  box-shadow: 0 1px #cdcdcd;
  background-color: #f3f3f3;
  color: #e64677;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 4.5% 4% 3.5% 4%;
  text-align: center;
  border-radius: 4px;
}
.btn-order-cancel-next:hover, .btn-order-cancel-next:visited, .btn-reset:hover, .btn-reset:visited {
  opacity: 0.8;
  text-decoration: none;
}
.btn-reset {
  width: 100%;
}
/**--------一覧へ戻る--------**/
a.btn-back, a.btn-back-to-list {
  font-size: 16px;
  border: solid 1px #cdcdcd;
  box-shadow: 0 2px #cdcdcd;
  background-color: #fff;
  color: #e64677;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 4.5% 4% 3.5% 4%;
  text-align: center;
  border-radius: 4px;
}
a.btn-back:hover, a.btn-back-to-list:hover {
  opacity: 0.8;
  text-decoration: none;
}
a.btn-back:after, a.btn-back-to-list:after {
  position: absolute;
  top: 50%;
  left: 5%;
  content: '';
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #808080;
  border-left: 2px solid #808080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**--------disabled--------**/
.btn-change.disabled {
  cursor: default;
  opacity: 0.8;
  box-shadow: 0 0;
  background-color: #cdcdcd !important;
}
.cashless-banner {
  background-color: #e61212;
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  height: 68px;
}
/**--------メルマガ登録・解除--------**/
.TypeChange, .Unregister {
  font-size: 14px;
  margin-bottom: 40px;
  overflow: hidden;
}
.MailmagazineText {
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
.MailmagazineTextBold {
  color: #ff3d8f;
  font-weight: bold;
}
.MailmagazineTitle {
  background-image: url(h3_bg.gif);
  border-left: 5px solid #eb4576;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.3em 0.5em;
  margin-bottom: 15px;
  color: #2f171c;
  line-height: 30px;
  background-color: #f7f7f7;
}
.MailmagazineTable {
  margin-bottom: 40px;
  width: 100%;
}
.MailmagazineTable th {
  width: 250px;
}
.MailmagazineTable th {
  background-color: #eee;
}
.MailmagazineTable th, .MailmagazineTable td {
  padding: 15px 10px;
}
.MailmagazineTable, .MailmagazineTable th, .MailmagazineTable td {
  border: solid 1px #c4c4c4;
  border-collapse: collapse;
}
.MailmagazineTable input[type=text] {
  width: 100%;
}
#regist_email, #unregist_email {
  height: 40px;
}
.email .required::after {
  content: none;
}
.TypeChangeButton {
  font-size: 18px;
  background-color: #e64677;
  box-shadow: 0 2px #e94087;
  color: #fff;
  border: none;
  box-sizing: border-box;
  width: 320px;
  display: block;
  position: relative;
  padding: 2%;
  text-align: center;
  border-radius: 4px;
  margin: 8px auto 32px auto;
  cursor: pointer;
}
.TypeChangeButton:hover, .UnregisterButton:hover {
  opacity: 0.8;
}
.UnregisterButton {
  font-size: 18px;
  background-color: #fff;
  border: 1px solid #125a66;
  color: #125a66;
  box-sizing: border-box;
  width: 320px;
  display: block;
  position: relative;
  padding: 2%;
  text-align: center;
  border-radius: 4px;
  margin: 32px auto;
  cursor: pointer;
}
.check-btn[type="checkbox"] ~ label.UnregisterLabel {
  padding-left: 95px;
}
.check-btn[type=checkbox] ~ label.UnregisterLabel::before {
  left: 65px;
}
.check-btn[type=checkbox]:checked ~ label.UnregisterLabel::after {
  left: 67px;
}
.UnregisterText {
  text-align: center;
  margin-top: 10px;
}
/**--------メールマガジン設定完了--------**/
.MailmagazineRegist {
  text-align: center;
}
.MailmagazineRegistText {
  font-size: 18px;
  margin: 50px 0;
  text-align: center;
}
.MailmagazineRegistImage {
  width: 100%;
  height: auto;
  margin: 0 0 50px 0;
}
.MailmagazineRegistButton {
  font-size: 18px;
  background-color: #f2f2f2;
  box-shadow: 0 2px #ccc;
  color: #000;
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 320px;
  display: block;
  position: relative;
  padding: 2%;
  text-align: center;
  border-radius: 4px;
  margin: 8px auto 32px auto;
  cursor: pointer;
}
.MailmagazineRegistButton:hover {
  opacity: 0.8;
}
.MailmagazineRegistButton:visited {
  color: #000;
}
/* 定期購入ページ */
.AboutPeriodicalOrderDisc{
  display: flex;
  justify-content: center;
  margin: 24px 0;
  gap: 24px;
}
.AboutPeriodicalOrderDiscBox{
  border: 5px solid #e64677;
  border-radius: 10px;
  padding: 10px;
}
.AboutPeriodicalOrderDiscBoxText{
  text-align: center;
  font-weight: bold;
}
.AboutPeriodicalOrderDiscBoxImage{
  width: 180px;
  height: auto;
}
.AboutPeriodicalOrderText2{
  margin-bottom: 24px;
}
/* お支払い方法/後払い決済 */
.AtobaraiImage{
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.AtobaraiLink{
  text-decoration: underline;
}
/* 特定商取引に関する法律に基づく表示 / サイト運営・企画 */
.CommerceActManagementText{
  font-weight: bold;
}
.CommerceActManagementTable{
  margin: 16px 0;
  border: 1px solid #ccc;
  padding: 10px 16px;
}
.CommerceActManagementTableTitle{
  text-align: center;
  font-weight: normal;
  width: 90px;
}
/***********202506 register修正***********/
.registerStep{
  width: 100%;
  height: auto;
}
.RegisterWrapper .form-fields,
.RegisterWrapper .form-fields th,
.RegisterWrapper .form-fields td {
  border-collapse: collapse;
  font-size: 14px;
  border: none;
}
.RegisterWrapper .form-fields th,
.RegisterWrapper .form-fields td {
  padding: 12px 10px;
  vertical-align: top;
}
.RegisterWrapper .form-fields th{
  background-color: #fff;
  text-align: start;
}
.RegisterWrapper input[type="checkbox"] {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #e64677;
  border-radius: 2px;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.RegisterWrapper input[type="checkbox"]:checked{
  background-color: #e64677;
}
.RegisterWrapper input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}
.RegisterWrapper .registerPasswordText,
.RegisterWrapper .registerBirthDayText,
.RegisterWrapper .registerPostCodeText,
.RegisterWrapper .registerMagazineText{
  font-size: 12px;
}
.RegisterWrapper .registerMagazineText{
  margin-top: 8px;
}
.RegisterWrapper select {
  border: solid 1px #cdcdcd;
  border-radius: 5px;
  margin: 0;
  padding: 0.2em 0.3em;
  width: 90%;
  box-sizing: border-box;
}
.RegisterWrapper .required::after {
  content: "必須";
  color: #fff;
  background-color: #e64677;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 1.1rem;
  line-height: 17px;
  width: 23px;
  margin-left: 8px;
  margin-top: 0;
  float: none;
}
/* パスワードチェック */
.RegisterWrapper .password{
  position: relative;
  width: fit-content;
}
.RegisterWrapper .PasswordCheck{
  position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 14px;
}
.RegisterWrapper .PasswordCheck .PasswordCheckEye{
  width: 18px;
  height: 18px;
  background-image: url(password-eye.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.RegisterWrapper .PasswordCheck .PasswordCheckEyeOpen{
  width: 18px;
  height: 18px;
  background-image: url(password-eye-open.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.RegisterWrapper .PasswordCheckEyeOpen{
  display: none;
}
.RegisterWrapper .PasswordCheckEye.EyeSlash {
  display: none;
}
.RegisterWrapper .PasswordCheckEyeOpen.EyeSlash {
  display: revert;
}

/* 新規会員登録ページ確認画面 */
.RegisterWrapper .form-fields-confirm {
  margin-bottom: 1em;
  width: 100%;
}
.RegisterWrapper .form-fields-confirm, .form-fields-confirm th, .form-fields-confirm td {
  border: solid 1px #c4c4c4;
  border-collapse: collapse;
  font-size: 14px;
}
.RegisterWrapper .form-fields-confirm th, .form-fields-confirm td {
  padding: 15px 10px;
}
.RegisterWrapper .form-fields-confirm th {
  background-color: #eee;
  text-align: left;
}
.RegisterWrapper .form-fields-confirm .required::after{
  float: right;
}
/*****ラジオボタン、チェックボタン*****/
/* ラジオボタンのデフォルトスタイルを非表示にする */
.RegisterWrapper input[type="radio"] {
  display: none;
}

/* カスタムのラジオボタン */
.RegisterWrapper input[type="radio"] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 14px;
}

.RegisterWrapper input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: white;
  transition: background-color 0.3s, border-color 0.3s;
}

/* ラジオボタンが選択された時 */
.RegisterWrapper input[type="radio"]:checked + label:before {
  border-color: #e64677; 
}

/* チェック時に中央の●を白に */
.RegisterWrapper input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e64677;
}


h3#detailedContent{
      font-size: 30px;
    color: #125a66;
    margin-bottom: 30px;
    border-top: solid 1px #125a66;
    border-bottom: solid 1px #125a66;
    font-weight: bold;
    padding: 16px 0 14px 0;
    line-height: 45px;
    background-color: #fff;
    text-align: left;
}

    .cat-ProductDetailPack__descriptionTitle {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 200px;
        flex: 0 0 200px;
        padding-right: 20px;
        box-sizing: border-box;
    }
.l-AccordionUnit__contentBlock .l-GroupBox:nth-of-type(2n + 1) {
  background-color: #f7f7f7;
}
.l-AccordionUnit__contentBlock .l-GroupBox{
  margin: 0;
  padding: 15px 30px;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  padding: 15px 30px;
  border: none;
}


 .l-AccordionUnit__contentBlock .l-GroupBox > .l-Text {
    color: #333;
    margin: 0;
    letter-spacing: normal;
}

 .cat-ProductDetailPack__descriptionTitle {
    font-weight: 600;
    font-size: 14px;
}