@charset "utf-8";
/* CSS Document */

/************************************************************************************************************************************
*
*
*  スマートフォン
*
*
************************************************************************************************************************************/

/**************************************************************************

  common style

**************************************************************************/
/* clearfix
--------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}


/* hover image
--------------------------------*/
a img {
  text-decoration: none;
}

@media screen and (min-width: 769px){
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

a.no_fade:hover img {
  opacity: inherit;
  -webkit-filter: inherit;
  filter: inherit;
  -ms-filter: inherit;
  text-decoration:inherit;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
}


/* float & clear
--------------------------------*/
.f_l { float: left; }
.f_r { float: right; }
.clr { clear: both; }


/* margin
--------------------------------*/
.mt0 {  margin-top: 0px  !important; }
.mt5 {  margin-top: 5px  !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }

.ml0 {  margin-left: 0px  !important; }
.ml5 {  margin-left: 5px  !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }

.mr0 {  margin-right: 0px  !important; }
.mr5 {  margin-right: 5px  !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }

.mb0 {  margin-bottom: 0px  !important; }
.mb5 {  margin-bottom: 5px  !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }

/* pading
--------------------------------*/
.pt0 {  padding-top: 0px  !important; }
.pt5 {  padding-top: 5px  !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }

.pl0 {  padding-left: 0px  !important; }
.pl5 {  padding-left: 5px  !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }

.pr0 {  padding-right: 0px  !important; }
.pr5 {  padding-right: 5px  !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }

.pb0 {  padding-bottom: 0px  !important; }
.pb5 {  padding-bottom: 5px  !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }



/* font
--------------------------------*/
.bold { font-weight: bold; }
.red {  color: #ef0000; }

/* PC・SP共通フォントサイズ指定 */
.fontsize08 { font-size: 8px !important; }
.fontsize09 { font-size: 9px !important; }
.fontsize10 { font-size: 10px !important; }
.fontsize11 { font-size: 11px !important; }
.fontsize12 { font-size: 12px !important; }
.fontsize13 { font-size: 13px !important; }
.fontsize14 { font-size: 14px !important; }
.fontsize15 { font-size: 15px !important; }
.fontsize16 { font-size: 16px !important; }
.fontsize17 { font-size: 17px !important; }
.fontsize18 { font-size: 18px !important; }
.fontsize19 { font-size: 19px !important; }
.fontsize20 { font-size: 20px !important; }
.fontsize21 { font-size: 21px !important; }
.fontsize22 { font-size: 22px !important; }
.fontsize23 { font-size: 23px !important; }
.fontsize24 { font-size: 24px !important; }
.fontsize25 { font-size: 25px !important; }
.fontsize26 { font-size: 26px !important; }
.fontsize27 { font-size: 27px !important; }
.fontsize28 { font-size: 28px !important; }
.fontsize29 { font-size: 29px !important; }
.fontsize30 { font-size: 30px !important; }
.fontsize31 { font-size: 31px !important; }
.fontsize32 { font-size: 32px !important; }
.fontsize33 { font-size: 33px !important; }
.fontsize34 { font-size: 34px !important; }
.fontsize35 { font-size: 35px !important; }
.fontsize36 { font-size: 36px !important; }
.fontsize37 { font-size: 37px !important; }
.fontsize38 { font-size: 38px !important; }
.fontsize39 { font-size: 39px !important; }
.fontsize40 { font-size: 40px !important; }
.fontsize41 { font-size: 41px !important; }
.fontsize42 { font-size: 42px !important; }
.fontsize43 { font-size: 43px !important; }
.fontsize44 { font-size: 44px !important; }
.fontsize45 { font-size: 45px !important; }
.fontsize46 { font-size: 46px !important; }
.fontsize47 { font-size: 47px !important; }
.fontsize48 { font-size: 48px !important; }
.fontsize49 { font-size: 49px !important; }
.fontsize50 { font-size: 50px !important; }
.fontsize51 { font-size: 51px !important; }
.fontsize52 { font-size: 52px !important; }
.fontsize53 { font-size: 53px !important; }
.fontsize54 { font-size: 54px !important; }
.fontsize55 { font-size: 55px !important; }
.fontsize56 { font-size: 56px !important; }
.fontsize57 { font-size: 57px !important; }
.fontsize58 { font-size: 58px !important; }
.fontsize59 { font-size: 59px !important; }
.fontsize60 { font-size: 60px !important; }
.fontsize61 { font-size: 61px !important; }
.fontsize62 { font-size: 62px !important; }
.fontsize63 { font-size: 63px !important; }
.fontsize64 { font-size: 64px !important; }
.fontsize65 { font-size: 65px !important; }
.fontsize66 { font-size: 66px !important; }
.fontsize67 { font-size: 67px !important; }
.fontsize68 { font-size: 68px !important; }
.fontsize69 { font-size: 69px !important; }
.fontsize70 { font-size: 70px !important; }
.fontsize71 { font-size: 71px !important; }
.fontsize72 { font-size: 72px !important; }
.fontsize73 { font-size: 73px !important; }
.fontsize74 { font-size: 74px !important; }
.fontsize75 { font-size: 75px !important; }
.fontsize76 { font-size: 76px !important; }
.fontsize77 { font-size: 77px !important; }
.fontsize78 { font-size: 78px !important; }
.fontsize79 { font-size: 79px !important; }
.fontsize80 { font-size: 80px !important; }

/* SPのみフォントサイズ指定 */
.spfontsize08 { font-size: 8px !important; }
.spfontsize09 { font-size: 9px !important; }
.spfontsize10 { font-size: 10px !important; }
.spfontsize11 { font-size: 11px !important; }
.spfontsize12 { font-size: 12px !important; }
.spfontsize13 { font-size: 13px !important; }
.spfontsize14 { font-size: 14px !important; }
.spfontsize15 { font-size: 15px !important; }
.spfontsize16 { font-size: 16px !important; }
.spfontsize17 { font-size: 17px !important; }
.spfontsize18 { font-size: 18px !important; }
.spfontsize19 { font-size: 19px !important; }
.spfontsize20 { font-size: 20px !important; }
.spfontsize21 { font-size: 21px !important; }
.spfontsize22 { font-size: 22px !important; }
.spfontsize23 { font-size: 23px !important; }
.spfontsize24 { font-size: 24px !important; }
.spfontsize25 { font-size: 25px !important; }
.spfontsize26 { font-size: 26px !important; }
.spfontsize27 { font-size: 27px !important; }
.spfontsize28 { font-size: 28px !important; }
.spfontsize29 { font-size: 29px !important; }
.spfontsize30 { font-size: 30px !important; }
.spfontsize31 { font-size: 31px !important; }
.spfontsize32 { font-size: 32px !important; }
.spfontsize33 { font-size: 33px !important; }
.spfontsize34 { font-size: 34px !important; }
.spfontsize35 { font-size: 35px !important; }
.spfontsize36 { font-size: 36px !important; }
.spfontsize37 { font-size: 37px !important; }
.spfontsize38 { font-size: 38px !important; }
.spfontsize39 { font-size: 39px !important; }
.spfontsize40 { font-size: 40px !important; }
.spfontsize41 { font-size: 41px !important; }
.spfontsize42 { font-size: 42px !important; }
.spfontsize43 { font-size: 43px !important; }
.spfontsize44 { font-size: 44px !important; }
.spfontsize45 { font-size: 45px !important; }
.spfontsize46 { font-size: 46px !important; }
.spfontsize47 { font-size: 47px !important; }
.spfontsize48 { font-size: 48px !important; }
.spfontsize49 { font-size: 49px !important; }
.spfontsize50 { font-size: 50px !important; }
.spfontsize51 { font-size: 51px !important; }
.spfontsize52 { font-size: 52px !important; }
.spfontsize53 { font-size: 53px !important; }
.spfontsize54 { font-size: 54px !important; }
.spfontsize55 { font-size: 55px !important; }
.spfontsize56 { font-size: 56px !important; }
.spfontsize57 { font-size: 57px !important; }
.spfontsize58 { font-size: 58px !important; }
.spfontsize59 { font-size: 59px !important; }
.spfontsize60 { font-size: 60px !important; }
.spfontsize61 { font-size: 61px !important; }
.spfontsize62 { font-size: 62px !important; }
.spfontsize63 { font-size: 63px !important; }
.spfontsize64 { font-size: 64px !important; }
.spfontsize65 { font-size: 65px !important; }
.spfontsize66 { font-size: 66px !important; }
.spfontsize67 { font-size: 67px !important; }
.spfontsize68 { font-size: 68px !important; }
.spfontsize69 { font-size: 69px !important; }
.spfontsize70 { font-size: 70px !important; }
.spfontsize71 { font-size: 71px !important; }
.spfontsize72 { font-size: 72px !important; }
.spfontsize73 { font-size: 73px !important; }
.spfontsize74 { font-size: 74px !important; }
.spfontsize75 { font-size: 75px !important; }
.spfontsize76 { font-size: 76px !important; }
.spfontsize77 { font-size: 77px !important; }
.spfontsize78 { font-size: 78px !important; }
.spfontsize79 { font-size: 79px !important; }
.spfontsize80 { font-size: 80px !important; }


/* HTML
--------------------------------*/
body {
  font-size: 13px;
  line-height: 1;
  font-family: "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  color: #1a1e23;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
_:lang(x)::-ms-backdrop, body {
  font-family: "メイリオ", Meiryo, sans-serif;
}

img {
  border: none;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
  padding: 0;
}

.none {
  display: none;
}

a {
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:link,
a:visited {
  /* color: #1a1e23; */
  color: #00a0de;
  text-decoration: underline;
}

a:hover,
a:active {
  text-decoration: none;
}

iframe {
  vertical-align: top;
}

/* iPhone対応 submit＆textboxデフォルト装飾解除 */
input[type="submit"],
input[type="text"] {
 -webkit-appearance: none;
 border-radius: 0;
}

input[type="radio"] {
  border-radius: 50%;
}

input[type="checkbox"] {
  border-radius: 5px;
}

input[type="text"],
input[type="password"],
textarea,
select {
  outline: none;
  /* border: none; */
  border-radius: 0;
}

.pc_cont {
  display: none;
}

.sp_cont {
  display: block;
}

.visuallyhidden{
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/*@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../fonts/NotoSerifJP-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif JP-Medium';
  src: url('../fonts/NotoSerifJP-Medium.otf') format('opentype');
}*/
 
/* noto-serif-jp-300 - latin_japanese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-serif-jp-v7-latin_japanese-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif JP Light'), local('NotoSerifJP-Light'),
       url('../fonts/noto-serif-jp-v7-latin_japanese-300.woff2') format('woff2'), /* Super Modern Browsers */
}
/* noto-serif-jp-regular - latin_japanese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-jp-v7-latin_japanese-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif JP'), local('NotoSerifJP-Regular'),
       url('../fonts/noto-serif-jp-v7-latin_japanese-regular.woff2') format('woff2'), /* Super Modern Browsers */
}
/* noto-serif-jp-500 - latin_japanese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif JP-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-serif-jp-v7-latin_japanese-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif JP Medium'), local('NotoSerifJP-Medium'),
       url('../fonts/noto-serif-jp-v7-latin_japanese-500.woff2') format('woff2'), /* Super Modern Browsers */
}


/**************************************************************************

  default style

**************************************************************************/
#wrapper {
  width: 100%;
}

/* コンテナ
--------------------------------*/
#container {
}



/* パンくず
---------------------------------*/
#container .breadcrumbs {
  /* margin-bottom: 20px;*/
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#container .breadcrumbs ol {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

#container .breadcrumbs li {
  font-size: 12px;
  line-height: 1.5;
}

#container .breadcrumbs li:after {
  content: '>';
  padding: 0 .25em;
}

#container .breadcrumbs li:last-of-type:after {
  content: none;
}

#container .breadcrumbs li a,
#container .breadcrumbs li a:visited {
  color: #00a0de;
}


/* form系
--------------------------------*/
#content #main input[type="email"],
#content #main input[type="text"],
#content #main input[type="password"],
#content #main textarea {
  margin: 4px 0 5px;
  height: 40px;
  padding: 5px;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  box-sizing: border-box;
}

#content #main select {
  font-size: 16px;
  line-height: 1.5;
}

/* button系
---------------------------------*/
/* #wrapper div.buttonarea input,
#wrapper div.buttonarea a,
#wrapper div.buttonarea button */
#wrapper .buttonarea input,
#wrapper .buttonarea a,
#wrapper .buttonarea button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 7px 10px;
  border: none;
  border-radius: 5px;
  background: #0190d6;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#wrapper .buttonarea .positive {
  border: none !important;
  background: #0190d6 !important;
}

#wrapper .buttonarea .cancel,
#wrapper .buttonarea .smallNegativeButton,
#wrapper .buttonarea .negative {
  border: none !important;
  background: #6d6d6d !important;
}

#main .sentence table input[type='button'] {
  margin-left: 10px;
  padding: 7px;
  font-size: 14px;
  color: #000;
  line-height: 1;
  border: 1px solid #ccc;
  background-color: #ddd;
  -webkit-appearance: none;
  cursor: pointer;
}


/* title系
---------------------------------*/
#main h2 {
  padding: 5px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  font-family: "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #ffffff;
  line-height: 1.5;
  text-shadow: none;
  background: #0089cf;
  background-color: #0089cf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* social_plus login&member_input用
   social_plus mypage用
--------------------------------*/
#main .social_provider .yahoo.custom {
  /* display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  justify-content: center; */
  color: #fff !important;
  background-image: url(../../userweb/images/yahoo_icon.png) !important;
  background-size: auto 75% !important;
  background-position: 2% center !important;
  background-color: #ff0033 !important;
  border-radius: 5px !important;
  border: none !important;
}

#main .social_provider .yahoo.custom span {
  /* padding: 14px 0 !important;
  margin: 0 !important; */
  background-color: transparent !important;
}

#main .social_provider .yahoo_off.custom {
  background-size: auto 95% !important;
  background-position: 0 center !important;
  background-color: #cdcdcd !important;
  border-radius: 5px !important;
  border: none !important;
}

#main .social_provider .yahoo_off.custom span {
  color: #5f5f5f;
}

#main .social_provider .line.custom {
  /* display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  justify-content: center; */
  color: #fff !important;
  background-image: url(../../userweb/images/line_icon.png) !important;
  background-size: auto 75% !important;
  background-position: 2% center !important;
  background-color: #00c300 !important;
  border-radius: 5px !important;
  border: none !important;
}

#main .social_provider .line.custom span {
  /* padding: 14px 0 !important;
  margin: 0 !important; */
  background-color: transparent !important;
}

#main .social_provider .line_off.custom {
  background-size: auto 95% !important;
  background-position: 0 center !important;
  background-color: #cdcdcd !important;
  border-radius: 5px !important;
  border: none !important;
}

#main .social_provider .line_off.custom span {
  color: #5f5f5f;
}



/**************************************************************************

  header style

**************************************************************************/
/* 固定ヘッダー：ロゴ
--------------------------------*/
#header_area{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 61px;*/
  margin-bottom: 1%;
  z-index: 1000;
}

#header_area.cart {
  position: static;
}

#header_area .hd_info_cont {
  display: flex;
  width: 100%;
  height: 61px;
  background-color: rgba(255,255,255,0.923);
  background: linear-gradient(to bottom, #0081cc, #6bc8f2);
}

#header_area .hd_link_cont {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

#header_area .hd_link_cont .hd_link_list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

#header_area .hd_link_cont .hd_link_list> li {
  flex: 1;
  width: 100%;
  height: 28px;
  padding: 0;
  color: #00a0de;
  text-align: center;
  border-right: 1px solid #00a0de;
}

#header_area .hd_link_cont .hd_link_list> li:last-child {
  border: none;
}
#header_area .hd_link_cont .hd_link_list> li:first-child {
  /*border-left: 1px solid #AAAAAA;*/
}

#header_area .hd_link_cont .hd_link_list> li a {
  font-size: 13px;
  color: #00a0de;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* 固定ヘッダー：ロゴ
--------------------------------*/
#header_area .h_logo_area{
  width: 60px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 320px){
  #header_area .h_logo_area{
    margin-right: 5px;
  }
}

#header_area .h_logo_area a{
  height: auto;
  background: none;
  text-indent: inherit;
}

#header_area .h_logo_area img{
  width: 100%;
  height: auto;
}

/* 固定ヘッダー：メニュー
--------------------------------*/
#header_area .h_menu {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  padding-right: 5px;
}

#header_area .h_menu .h_menu_list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14%;
  padding-bottom: 3px;
  font-size: 10px;
  text-align: center;
  background-size: 50px !important;
  vertical-align: bottom;
}

#header_area .h_menu .h_menu_list a {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /*height: 100%;*/
  color: #0190d6;
  text-decoration: none;
}

/*** 固定ヘッダー：メニュー画像指定 ***/
/*
#header_area .h_menu .h_menu_list.h_menu_tenpo { background: url('../images/common/sp_tenpo.png') center center no-repeat; background-size: 100%; }
#header_area .h_menu .h_menu_list.h_menu_login { background: url('../images/common/sp_login.png') center center no-repeat; background-size: 100%; }
#header_area .h_menu .h_menu_list.h_menu_cart { background: url('../images/common/sp_cart.png') center center no-repeat; background-size: 100%; position: relative; }
#header_area .h_menu .h_menu_list.h_menu_menu { background: url('../images/common/sp_menu.png') center center no-repeat; background-size: 100%; }
#header_area .h_menu .h_menu_list.h_menu_signup { background: url('../images/common/sp_singup.png') center center no-repeat ; background-size: 100%; }
#header_area .h_menu .h_menu_list.h_menu_logout { background: url('../images/common/sp_logout.png') center center no-repeat; background-size: 100%; letter-spacing: -1px; }
#header_area .h_menu .h_menu_list.h_menu_mypage { background: url('../images/common/sp_mypage.png') center center no-repeat; background-size: 100%; letter-spacing: -1px; }
*/
/*#header_area .h_menu .h_menu_list.h_menu_search { background: url('../images/common/sp_searchico.png') center center no-repeat; background-size: 100%; } /* 検索アイコン：通常 */
/*#header_area .h_menu .h_menu_list.h_menu_search.active { background: url('../images/common/sp_searchico_active.png') center center no-repeat; background-size: 100%; } /* 検索アイコン：展開時 */
/*#header_area .h_menu .h_menu_list.h_menu_search.active .h_menu_txt { color: #ccc; } /* 検索アイコンテキスト：展開時 */

#header_area .h_menu .h_menu_list{background-position: center 0px;}
#header_area .h_menu .h_menu_list img{
  width: 100%;
  width: 26px;
  height: auto;
}

#header_area .h_menu .h_menu_list.h_menu_tel img{
  width: 24px;
}
#header_area .h_menu .h_menu_list .h_menu_txt{
  color: #00a0de;
}

#header_area .h_menu .h_menu_list .h_menu_cartNum{
  position: absolute;
  top: 10px;
  right: 60px;
  z-index: 10;
  min-width: 15px;
  padding: 3px;
  margin-left: 3px;
  height: 15px;
  line-height: 1.2;
  border-radius: 50%;
  background-color: #cc0033;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
}

/* ハンバーガーメニュー
--------------------------------*/
.h_menu_hum {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17%;
  height: 100%;
  padding-bottom: 3px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing: border-box;
  z-index: 500;
}

.h_menu_hum .menu_hum_inner {
  text-align: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.h_menu_hum .menu_hum_inner .menu-trigger {
  display: inline-block;
  /*margin-bottom: 6px;*/
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 30px;
  height: 20px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 9px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/**********/
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}

.menu-tri-txt {
  font-size: 10px;
  color: #0190D6;
  text-align: center;
}




/* ハンバーガーメニュー
--------------------------------*/
#hum_menu {
  position: fixed;
  top: 96px;
  right: -90%;
  width: 90%;
  height: calc(100% - 61px);
  background-color: #ffffff;
  transition: right .3s;
  z-index: 2000;
}

#hum_menu.active {
  right: 0;
  box-shadow: 3px 8px 8px rgba(0,0,0,0.9);
}

#hum_menu .hum_inner {
  width: 100%;
  height: calc(100% - 30px);
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* hum_search_item
------------------------------------*/
.hum_search_item > dt {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.hum_search_item > dt > p {
  display: block;
  margin-right: 3px;
  margin-bottom: 2px;
  font-size: 13px;
}

.hum_search_item > dt > p > span {
  color: #0190D6;
}

.hum_search_item > dd > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}

.hum_search_item > dd > ul > li {
  width: 32%;
  margin: 0 4px 4px 0;
  box-sizing: border-box;
}

.hum_search_item > dd > ul > li > a {
  display: block;
  padding: 5px 0;
  font-size: 12px;
  color: #3388cc;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #c0c0c0;
  text-decoration: none;
}

/* hum_feature_area
------------------------------------*/
#hum_menu .hum_feature_area .hum_feature_ttl {
  padding: 15px 5px;
  font-size: 17px;
  color: #0190d6;
  border-top: 1px solid #0190d6;
  border-bottom: 1px solid #0190d6;
}

#hum_menu .hum_feature_area .hum_feature_list {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #0190d6;
  box-sizing: border-box;
}

#hum_menu .hum_feature_area .hum_feature_list > li {
  width: 50%;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

#hum_menu .hum_feature_area .hum_feature_list > li:nth-last-of-type(-n+2) {
  border-bottom: none; /* 最後の2つは下線なし */
}

#hum_menu .hum_feature_area .hum_feature_list > li:nth-last-of-type(2):nth-of-type(even) {
  border-bottom: 1px solid #cccccc; /* 最後から2つ目が偶数の場合、下線あり（総数が奇数） */
}

#hum_menu .hum_feature_area .hum_feature_list > li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 12px 0 8px;
  font-size: 14px;
  line-height: 1.4;
  background: url("https://www.letao.jp/user_data/packages/sphone/img/icon/arrow01.png") right 5px center/6px no-repeat;
  box-sizing: border-box;
}

/* hum_ctg_area
------------------------------------*/
#hum_menu .hum_ctg_area {
  margin-bottom: 10px;
}

#hum_menu .hum_ctg_area .hum_ctg_ttl {
  padding: 15px 5px;
  font-size: 17px;
  color: #0190d6;
  border-top: 1px solid #0190d6;
  border-bottom: 1px solid #0190d6;
}

#hum_menu .hum_ctg_area .hum_ctg_list {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #0190d6;
  box-sizing: border-box;
}

#hum_menu .hum_ctg_area .hum_ctg_list > li {
  width: 50%;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

#hum_menu .hum_ctg_area .hum_ctg_list > li:nth-last-of-type(-n+2) {
  border-bottom: none; /* 最後の2つは下線なし */
}

#hum_menu .hum_ctg_area .hum_ctg_list > li:nth-last-of-type(2):nth-of-type(even) {
  border-bottom: 1px solid #cccccc; /* 最後から2つ目が偶数の場合、下線あり（総数が奇数） */
}

#hum_menu .hum_ctg_area .hum_ctg_list > li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 12px 0 8px;
  font-size: 14px;
  line-height: 1.4;
  background: url("https://www.letao.jp/user_data/packages/sphone/img/icon/arrow01.png") right 5px center/6px no-repeat;
  box-sizing: border-box;
}

/* hum_bnr_area
------------------------------------*/
#hum_menu .hum_bnr_area {
  margin-bottom: 20px;
}

#hum_menu .hum_bnr_area > ul > li {
  margin-bottom: 10px;
}

#hum_menu .hum_bnr_area > ul > li:last-of-type {
  margin-bottom: 0;
}

#hum_menu .hum_bnr_area > ul > li a img {
  width: 100%;
}

/* hum_link_area
------------------------------------*/
#hum_menu .hum_link_area {
  padding-bottom: 20px;
}

#hum_menu .hum_link_area .hum_link_ttl {
  padding: 5px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5;
  background-color: #0089cf;
}

#hum_menu .hum_link_area > ul > li {
  border-bottom: 1px solid #b2b2b2;
}

#hum_menu .hum_link_area > ul > li a {
  display: block;
  padding: 12px 15px;
  font-size: 14px;
  color: #202020;
  background: url("https://www.letao.jp/user_data/packages/sphone/img/icon/arrow01.png") right 15px center/7px no-repeat;
  text-decoration: none;
}

/* hum_overlay
------------------------------------*/
#hum_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility .2s;
  z-index: 900;
}

#hum_overlay.active {
  opacity: 1;
  visibility: visible;
}


/* ヘッダー：商品検索ウィンドウ
--------------------------------*/
#h_search_area {
  padding-top: 106px;
}

#h_search_area .formArea {
  display: none;
}

#h_search_area #search_area {
  display: flex;
  padding: 10px;
  background-color: #ffffff;
}

#h_search_area #search_area .h_search_input {
  position: relative;
  flex: 1;
  margin-right: 10px;
}

#h_search_area #search_area .h_search_input > input {
  position: relative;
  width: 100%;
  height: 44px;
  box-shadow: none;
  padding: 10px 5px 10px 40px;
  background: url("../images/common/sp_searchico.png") left top -2px/40px no-repeat #f2f2f2;
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  box-sizing: border-box;
}

#h_search_area #search_area .h_search_input > button[type="reset"] {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 20px;
  padding: 0;
  font-size: 12px;
  text-align: right;
  background: none;
  border: 0;
  text-shadow: none;
  box-shadow: none;
  z-index: 10;
}

#h_search_area #search_area .h_search_btn > input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 44px;
  font-size: 14px;
  font-weight: normal;
  color: #202020;
  line-height: 1.5;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#E7E7E7));
  border: 1px solid #999999;
  border-radius: 5px;
  box-sizing: border-box;
}


/* ヘッダー：会員登録ウィンドウ
--------------------------------*/
#h_member_area {
  display: none;
}

#h_member_area .hd_member_list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

#h_member_area .hd_member_list .hd_member_item {
  width: 48%;
  max-width: 100px;
  margin-right: 30px;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #bbbbbb;
  border-radius: 20px;
}

#h_member_area .hd_member_list .hd_member_item:last-child {
  margin-right: 0;
}

#h_member_area .hd_member_list .hd_member_item a {
  /*color: #333333;*/
  text-decoration: none;
}





/**************************************************************************

  header ハンバーガー style
  top_parts_hum.xhtml

**************************************************************************/
#hum_menu #footer_area .f_navi_area {
  margin-bottom: 0;
}

#hum_menu #footer_area .f_copyright {
  display: none;
}

#hum_menu #footer_area #form_pc {
  display: none;
}






/**************************************************************************

  header slide navi style
  /common/h_navi.xhtml

**************************************************************************/
.slide_navi_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  background-color: #ffffff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.slide_navi_list > li a {
  display: block;
  height: 100%;
  padding: 10px;
  font-size: 14px;
  color: #0190d6;
  line-height: 1.5;
  text-decoration: none;
  letter-spacing: 0;
}

.slide_navi_list > li:first-child a {
  padding: 10px 10px 10px 20px;
}







/**************************************************************************

  footer style

**************************************************************************/
/* 固定ヘッダー：ロゴ
--------------------------------*/
#footer_area {
  background-color: transparent;
}

/* f_navi_area
**********************************************/
#footer_area .f_navi_area {
  margin-bottom: 10px;
}

#footer_area .f_navi_area > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
  background-color: #193D5F;
}

#footer_area .f_navi_area > ul > li {
  width: 33.3%;
}

#footer_area .f_navi_area > ul > li a {
  display: block;
  padding: 17px 5px;
  font-size: 11px;
  color: #FFFFFF;
  line-height: 1.5;
  text-align: center;
  background: url(https://www.letao.jp/user_data/packages/sphone/img/icon/arrow01.png) right 10px center no-repeat;
  text-decoration: none;
}

.foot__tel{
  background: #F5F4F4;
  text-align: center;
  padding: 20px 0;
  color: #193D5F;
  font-size: 16px;
  font-weight: bold;
}
.foot__tel__title{
  font-size: 16px;
}
.foot__tel dt{
  display: inline-block;
  font-size: 22px;
  background-size: 20px auto;
  padding: 5px 0 5px 26px;
  background-image: url(/client_info/LETAO/view/userweb/images/icon_phone_blue.svg);
  background-repeat: no-repeat;
  background-position: left 40%;
}
.foot__tel a{
  color: #193D5F;
  text-decoration: none;
}

/* サポートボタンエリア
**********************************************/
.support__area {
    padding: 20px 0;
    margin-bottom: 20px;
    border-top: 1px solid #193D5F;
    background: #F5F4F4;
    text-align: center;
    color: #193D5F;
    font-size: 12px;
    font-weight: bold;
}
.support__area p:last-of-type{
max-width: 250px;
    margin: 25px auto 0;
}
.support__area a {
display: block;
    padding: 7% 8%;
    border-radius: 50px;
    background: #193D5F;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.support_area__link a {
    padding: 0;
    color: #193D5F;
    background: transparent;
    text-decoration: underline;
}


/* f_sns_area
**********************************************/
#footer_area .f_sns_area {
  display: none;
  padding: 20px;
  text-align: center;
}
#footer_area .f_sns_area > ul {
  display: flex;
  justify-content: center;
}
#footer_area .f_sns_area > ul::after {
  content: none;
}
#footer_area .f_sns_area > ul > li {
  margin: 0 8px;
}
#footer_area .f_sns_area > ul > li a img {
  width: 40px;
}

/* ハンバーガー内のSNSアイコンエリア */
#hum_menu #footer_area .f_sns_area {
  display: block;
}


/* form_pc
**********************************************/
#form_pc{
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}
#form_pc a{
  text-decoration: underline;
  color: #0190d6!important;
}

/* f_copyright
**********************************************/
#footer_area .f_copyright {
  margin: 0;
  padding: 0 0 10px;
  font-size: 12px;
  text-align: center;
}



/**************************************************************************

  error style

**************************************************************************/
#main.error h2 {
  padding: 5px;
  background: #0089cf;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}



/**************************************************************************

  2209リニューアル
　ハンバーガーメニュー style

**************************************************************************/
#hum_menu .top_parts_ttl,
#itemlist_menu .top_parts_ttl {
  margin-bottom: 10px;
}

/* ハンバーガーリンク共通 */
#hum_menu #hum_genre .hum_genre_list,
#hum_menu #hum_campaign .hum_campaign_list,
#itemlist_menu #sp_all_item .hum_genre_list {
  padding: 0 15px;
}

#hum_menu #hum_genre .hum_genre_list .parts_sub_item,
#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item {
  margin-bottom: 10px;
}

#hum_menu #hum_genre .hum_genre_list .parts_sub_item a,
#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item a,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item a {
  display: flex;
  align-items: center;
  color: #333333;
  text-decoration: none;
}

#hum_menu #hum_genre .hum_genre_list .parts_sub_item a img,
#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item a img,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item a img {
  width: 70px;
}

/* ジャンルで選ぶ */
#hum_menu #hum_genre,
#itemlist_menu #sp_all_item {
  margin-bottom: 30px;
}

#hum_menu #hum_genre .hum_genre_list .parts_sub_item a .genre_sub_txt,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item a .genre_sub_txt {
  margin-left: 20px;
  font-size: 17px;
}

/* キャンペーン・イベント */
#hum_menu #hum_campaign {
  margin-bottom: 30px;
}

#hum_menu #hum_campaign .hum_campaign_list {
  display: flex;
  flex-wrap: wrap;
}

#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item {
  width: 49%;
  margin-right: 2%;
}

#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item:nth-of-type(2n) {
  margin-right: 0;
}

#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item a img {
  width: 60px;
}

#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item a .genre_sub_txt {
  margin-left: 10px;
  font-size: 14px;
}



/**************************************************************************

  2305リニューアル
　ハンバーガーメニュー style

**************************************************************************/
#hum_menu{
  top: 108px;
  right: -95%;
  width: 95%;
  height: calc(100% - 108px);
}
#hum_menu #hum_genre{
  margin: 0;
  padding: 5%;
}
#hum_menu #footer_area .foot__tel,
#hum_menu #footer_area .f_navi_area{
  display: none;
}


#hum_menu .top_parts_ttl{
  border-top: 2px #070606 solid;
  border-bottom: 2px #070606 solid;
  padding: 10px 0;
  line-height: 1;
  font-size: 10px;
  color: #070606;
  margin: 20px 0 10px;
  font-weight: normal;
  text-align: left;
}
#hum_menu .top_parts_ttl b{
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 16px;
  margin-right: 10px;
  font-weight: 600;
}

#hum_menu #hum_genre .hum_genre_list,
#itemlist_menu #sp_all_item .hum_genre_list,
#hum_menu #hum_campaign .hum_campaign_list {
  padding: 0 0 20px;
}
#hum_menu .hum_genre_list .parts_sub_item,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item{
  font-size: 12px;
  line-height: 1;
  font-family: 'Noto Serif JP', sans-serif;
  padding: 5px;
  margin: 0!important;
  border-bottom: 1px #707070 dotted;
  position: relative;
}

#hum_menu .hum_genre_list.hum_genre_guide .parts_sub_item,
#itemlist_menu #sp_all_item .hum_genre_list.hum_genre_guide .parts_sub_item{
  font-family: "メイリオ", Meiryo, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#hum_menu .hum_genre_list .parts_sub_item .list__inner,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item .list__inner{
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 0;
}
#hum_menu .hum_genre_list .parts_sub_item .list__inner .image,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item .list__inner .image{
  margin-right: 15px;
}
#hum_menu .hum_genre_list .parts_sub_item .list__inner .image img,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item .list__inner .image img{
  width: 50px;
}

#hum_menu .hum_genre_list .parts_sub_item.acc__box,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box{
  border-bottom:none;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box .parts_sub_item.acc__box,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .parts_sub_item.acc__box{
  border-bottom: 1px #707070 dotted;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box>.list__inner,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box>.list__inner{
  border-bottom: 1px #707070 dotted;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box .acc__target .acc__box>.list__inner,
#hum_menu .hum_genre_list .parts_sub_item.acc__box .acc__target .acc__box .acc__target li:last-child,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .acc__target .acc__box>.list__inner,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .acc__target .acc__box .acc__target li:last-child{
  border-bottom:none;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box .acc__target .acc__box .acc__target li:first-child,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .acc__target .acc__box .acc__target li:first-child{
  border-top: 1px #707070 dotted;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box .acc__target .list__inner,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .acc__target .list__inner{
  padding-left: 60px;
}

#hum_menu #hum_genre .hum_genre_list .parts_sub_item a,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item a,
#hum_menu #hum_campaign .hum_campaign_list .parts_sub_item a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: none;
  font-size: 0;
  text-indent: -9999px;
}

#hum_menu .hum_genre_list .parts_sub_item .list__inner:after,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item .list__inner:after{
  content: ">";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

#hum_menu .hum_genre_list .parts_sub_item.acc__box .list__inner.acc__btn:before,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .list__inner.acc__btn:before{
  position: absolute;
  right: 9.5px;
  top: 50%;
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #070606;
  margin-top: -5px;
  transition: all 0.3s ease;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box .list__inner.acc__btn:after,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .list__inner.acc__btn:after{
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #070606;
}
#hum_menu .hum_genre_list .parts_sub_item.acc__box .list__inner.acc__btn.open:before,
#itemlist_menu #sp_all_item .hum_genre_list .parts_sub_item.acc__box .list__inner.acc__btn.open:before{
  margin-top: 0;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}

#hum_bnr{
  padding: 0 2%;
}

.acc__target{
  display: none;
}

/*********** 閲覧履歴 *************/
#hum_menu #itemAccessLog .itemAccessLog_list{
  display: flex;
  font-weight: normal;
  padding: 0;
}
#hum_menu #itemAccessLog .itemAccessLog_list .box{
  width: 32.6666%;
  margin-top: 0;
  margin-right: 1%;
}
#hum_menu #itemAccessLog .itemAccessLog_list .box:last-child{
  margin-right: 0;
}
#hum_menu .itemAccessLog_list .box .img_box a{
  display: block;
  width: 100%;
}
#hum_menu .itemAccessLog_list .box .img_box img{
  width: 100%;
  height: auto;
  position: static;
}
#hum_menu #itemAccessLog{
  border-top: 2px #070606 solid;
  padding-bottom: 40px;
  margin: 0;
}
#hum_menu #itemAccessLog .detailTitle{
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 7px 0 14px;
}
#hum_menu #itemAccessLog .itemAccessLog_list .itemAccessLog_itemName{
  font-size: 10px;
  padding: 5px 0;
  font-weight: normal;
  line-height: 1;
}
#hum_menu #itemAccessLog .itemAccessLog_list .itemAccessLog_itemName a{
  color: #1a1e23;
  text-decoration: none;
  font-size: 10px;
  line-height: 1.3;
  font-weight: normal;
}
#hum_menu #itemAccessLog .itemAccessLog_list .price{
  font-size: 11px;
  font-weight: normal;
  color: #1a1e23;
  line-height: 1;
}
#hum_menu .itemAccessLog_list .iconArea{
  margin-top: 10px;
}
#hum_menu .itemAccessLog_list .iconArea ul{
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
}
#hum_menu .itemAccessLog_list .iconArea ul .detail_icon{
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #070606;
  border-radius: 5px;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 9px;
  line-height: 1.1;
  letter-spacing: -0.05em;
  text-align: center;
}
#hum_menu .itemAccessLog_list .iconArea ul .detail_icon.icon_frozn{
  color: #ffffff;
  background-color: #0276BA;
  border-color: #0276BA;
}
#hum_menu .itemAccessLog_list .box .iconArea .detail_icon.icon_deli_free,
#hum_menu .itemAccessLog_list .box .iconArea .detail_icon.icon_deli_free{
  color: #ffffff;
  border-color: #CC0033;
  background-color: #CC0033;
}

#hum_menu .itemAccessLog_list .box .list_point p{
  font-size: 9px;
  letter-spacing:-0.15em;
  padding: 2px;
  color: #BF303B!important;
  border: 1px #BF303B solid!important;
  display: inline-block;
  margin: 2px 0 0;
}


#hum_genre #login{
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 25px;
}
#hum_genre #login p{
  width: 100%;
}
#hum_genre #login p a{
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 0;
  color: #FFF;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  background-color: #0276BA;
  background-image:  url(/client_info/LETAO/view/userweb/images/header/hd_nv_member.png);
  background-size: 18px auto;
  background-repeat: no-repeat;
  background-position: 8% center;
}
#hum_genre #login p.left_login_btn a{
  background-image:  url(/client_info/LETAO/view/userweb/images/header/hd_nv_mypage.png);
  background-position: 18% center;
}


#hum_genre #login.account{
  display: block;
}
#hum_genre #login.account p{
  width: 100%;
}
#hum_genre #login.account p.name{
  font-size: 12px;
}
#hum_genre #login.account p.name strong{
  font-size: 16px;
}
#hum_genre #login p.left_point{
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 15px;
}
#hum_genre #login p.left_point .point{
  font-size: 14px;
  color: #FD0215;
}
#hum_genre #login p.left_mypage_btn{
  width: 140px;
}
#hum_genre #login p.left_mypage_btn a{
  background-image: none;
}
#hum_genre .item__point__area{
  height: 17px;
}




/**************************************************************************

  2305リニューアル
　旧カテゴリタイトル非表示

**************************************************************************/
#container .categoryTtl {
  display: none !important;
}




.ChatButtonContainer__Container-ch-front__sc-qgvnh9-0 cgHhTF {
  width: 60px !important;
  height: 60px !important;
}