@charset "UTF-8";

/*reset.css*/
body {
  margin: 0px;
  padding: 0px;
  font-family: 'Lucida Grande', 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN',
    sans-serif;
  color: #333;
  background-color: #fff;
}

div,
form,
h1,
h2,
h3,
h4,
ul,
li,
dl,
dt,
dd,
p {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}
/*p,dt,dd { text-align: justify; text-justify: distribute; }*/
a img,
img {
  border: 0;
  vertical-align: middle;
}
li {
  list-style-type: none;
}

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

table,
th,
td {
  line-height: 1;
}

/* base.css*/

/*==============================================================================================
 for windowsIE5
==============================================================================================*/
@media tty {
  i {
    content: '";/*'"*/}} @import '../browser/win_ie5.css'; /*";
  }
} /* */

/**
	 * Percents could work for IE, but for backCompat purposes, we are using keywords.
	 * x-small is for IE6/7 quirks mode.
	 */
body {
  font-size: 13px;
  /* for IE6/7 */
  *font-size: small;
  /* for IE Quirks Mode */
  *font: x-small;
}

body.open {
  overflow: hidden;
}

html.overflow {
  overflow: hidden;
}

/**
	 * Nudge down to get to 13px equivalent for these form elements
	 */
select,
input,
button,
textarea,
button {
  font: 99%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
  *font-size: 100%;
}

/**
	 * To help tables remember to inherit
	 */
table {
  font-size: inherit;
  font: 100%;
}

/**
	 * Bump up IE to get to 13px equivalent for these fixed-width elements
	 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/*02 共通用基本設定*/

/*==============================================================================================
	 共通用基本設定
	==============================================================================================*/

/* * { word-break: break-all; } */
img {
  border: none;
}
p {
  margin: 0;
  padding: 0;
}
b {
  color: #555;
}
form {
  margin: 0;
  padding: 0;
}
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
hr {
  height: 1px;
  border: none;
  border-top: solid 1px #ccc;
}
ins {
  font: 10px normal 'メイリオ', 'ヒラギノ', tahoma, 'ＭＳ Ｐゴシック' !important;
  font: 9px normal 'メイリオ', 'ヒラギノ', tahoma, 'ＭＳ Ｐゴシック';
  color: #666 !important;
  text-decoration: none;
}
label {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
.clr {
  clear: both;
}
.txtr {
  text-align: right;
}
.txtc {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.lastChild {
  margin-right: 0px !important;
  float: right !important;
}
.line_none {
  border: none !important;
}
.pdg_bottomA {
  padding-bottom: 15px;
}
.pdg_bottomB {
  padding-bottom: 5px !important;
}
.pdg_topA {
  padding-top: 8px;
  display: block;
}
.pdg_topB {
  padding-top: 15px;
}
.pdg_topC {
  padding-top: 2px;
  float: left;
} /* タブで動かして住所検索ボタンが郵便番号入力の次にフォーカスするようにfloat:leftを指定 */
.pdg_leftA {
  padding-left: 558px;
}
.pdg_leftB {
  padding-left: 150px;
}
*html .mrg_topA {
  margin-top: 9px !important;
}

.fred {
  color: #e31515;
}
.fgray {
  color: #999999px;
}
.input_border {
  border: #aaaaaa solid 1px;
}
.input_align input {
  /*vertical-align: sub!important;*/
}
.input_widthA {
  width: 55px;
}
.input_widthB {
  width: 210px;
}
.input_widthC {
  width: 150px;
}
.input_widthD {
  width: 294px;
}
.input_widthE {
  width: 250px;
}
.input_widthF {
  width: 220px;
}
.input_widthG {
  width: 100px;
}

.input_radio label {
  padding-right: 10px;
}

.boxWA {
  width: 230px;
}

/* ============================= その他共通設定 */

/*==============================================================================================
	ADOBE FONT ダイナミックサブセット
	==============================================================================================*/

.wf-loading {
  /* styles to use when web fonts are loading */
  /* Web フォントの読み込み中 */
  visibility: hidden;
  opacity: 0;
}

.wf-active {
  /* styles to use when web fonts are active */
  /* Web フォントがアクティブな状態 */
  visibility: visible;
  opacity: 1;
}
.wf-inactive {
  /* styles to use when web fonts are inactive */
  /* Web フォントが非アクティブな状態 */
}

/*==============================================================================================

	==============================================================================================*/

/* #primary > .unit */

#primary .unit {
  margin-bottom: 30px;
  clear: both;
}

#breadcrumb {
  clear: both;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 10px 0;
}

#breadcrumb ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#breadcrumb span,
#breadcrumb a {
  padding: 0 5px;
}

#pagination.below {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/*==============================================================================================
	 共通用リンク設定
	==============================================================================================*/

/* \*/
a {
  outline: none;
  overflow: hidden;
} /**/
/* \*/
a:focus {
  outline: none;
  overflow: hidden;
} /**/

::-moz-selection {
  background: #666;
  color: #ffffff;
}
::selection {
  background: #666;
  color: #ffffff;
}

/*==============================================================================================

	==============================================================================================*/

/*03 レーヤアウト*/

#Wrap {
  max-width: 980px;
  width: 100%;
  text-align: left;
  margin: 0px auto;
}
.wrapTop {
  width: 100%;
}
.wrapBottom {
  width: 100%;
}

#Foot {
  width: 100%;
  clear: both;
  border-top: 1px solid #ccc;
  padding: 15px 0;
  background-color: #f9f9f9;
}

#Foot .inner {
  width: 100%;
  max-width: 880px;
  margin: 0px auto;
  padding: 101px 0 125px;
  position: relative;
  text-align: left;
}

#Foot .inner .footer__logo {
  width: 100%;
  max-width: 114px;
  margin: 0 auto;
  margin-bottom: 60px;
}

#Foot .inner .footer__banner {
  width: 100%;
  max-width: 1000px;
  margin-bottom: 57px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.banner-left {
  width: 100%;
  max-width: 420px;
}

.banner-ttl {
  border-bottom: 2px solid #dadada;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: soleil, sans-serif;
  font-weight: 600;
  color: #343434;
  line-height: 1.5;
}

.banner-text {
  border-bottom: 2px solid #dadada;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  color: #343434;
  line-height: 1.7;
}

.banner-left .banner-left__list-wrap .banner-left__list {
  margin-bottom: 10px;
  border-bottom: 2px solid #dadada;
}

.banner-right {
  width: 100%;
  max-width: 420px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.banner-right a {
  display: block;
  width: 200px;
}

.banner-right img {
  display: block;
  width: 100%;
}

.footer__social {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 165px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.footer__social img {
  display: block;
  width: 100%;
}

.footer__social li:nth-child(1) {
  width: 20px;
}

.footer__social li:nth-child(2) {
  width: 25px;
}

.footer__social li:nth-child(3) {
  width: 20px;
}

address {
  font-style: normal;
}

/*04 ヘッダー・フッター関連*/
#Header {
  width: 100%;
}

#Head {
  width: 100%;
  background-color: #000;
}

#Head > .inner {
  width: 980px;
  margin: 0 auto;
}

/* ----- ヘッダー上部 */

#HeadMsg {
  color: #fff;
  background-color: #2b2b2b;
  padding: 10px;
  font-size: 85%;
}

#header.header {
  position: relative;
  z-index: 3;
  transition: all 0.7s;
}

#header.header.fixed {
  position: fixed;
  top: -38px;
  width: 100%;
}

#header.header .header__shadow {
  padding: 14px 0;
  box-shadow: 0px 5px 5px 0px #d5d5d5;
  background-color: #ffffff;
  /* transition: all 0.5s;
			position: fixed;
			z-index: 9999;
			width: 100%;
			top: 36px; */
}
.header__shadow.transform {
  margin-top: -84px;
  opacity: 0;
}
.header__menu {
  width: 100%;
  /* position: relative;
			z-index: 5; */
  transition: all 0.7s;
}
.header__menu.transform {
  transform: translateY(-100%);
  z-index: 0;
}

/* ----- メインロゴ */

#LogoMain {
  float: left;
  padding: 10px 0 0 10px;
}

#LogoMain h1 a {
  display: block;
  height: 45px;
  line-height: 45px;
  font-size: 182%;
  color: #fff;
}

#LogoMain h1 a span {
  font-size: 60%;
}

/* ----- ヘッダー右部 */

#HeadRight {
  float: right;
  width: 662px;
  padding: 15px 0;
}

#HeadRight .hoverMenu {
  position: relative;
}

#HeadRight .menu {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: absolute;
  z-index: 999;
  right: 0;
  top: 40px;
  display: none;
}

#HeadRight .menu > ul {
  float: left;
  padding: 10px;
}

#HeadRight .menu > ul > li {
  font-size: 108%;
  margin: 7px 0;
  line-height: 1;
}

#HeadMembers,
#HeadCartView,
#HeadUserNav {
  float: left;
  padding: 0 5px;
  height: 40px;
}

/* ----- ヘッダー検索 */

#HeadSearch {
  width: 300px;
  height: 36px;
  float: left;
  padding: 3px 5px 0;
}

.wrapSearch {
  float: left;
  border-bottom: 1px solid #fff;
}

.wrapSearch div {
  display: inline-block;
}

#HeadSearch .textBox {
  width: 182px;
}

#HeadSearch .btnSearch {
  width: 28px;
  vertical-align: top;
}

#HeadSearch .btnSearch a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#HeadSearch .textBox input {
  width: 160px;
  line-height: 1;
  padding: 5px;
  outline: none;
  color: #fff;
  font-size: 16px;
  background: transparent;
  border: none;
}

#HeadSearch .textBox input::-webkit-input-placeholder {
  color: #fff;
}

#HeadSearch .advanceSearch {
  float: right;
  width: 70px;
  padding-left: 15px;
  margin-top: 10px;
  background: url('../../Contents/ImagesPkg/arwR_S.png') no-repeat left 0;
}

#HeadSearch .advanceSearch a {
  color: #fff;
}

/* ----- ヘッダーメンバーズ */

#HeadMembers {
  width: 160px;
}

#HeadMembers > a {
  display: block;
  color: #fff;
  height: 38px;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#HeadMembers .line1 {
  line-height: 38px;
}
#HeadMembers .line2 {
  line-height: 19px;
}

#HeadMembers .menu {
  width: 420px;
}

#HeadMembers .menu > ul {
  width: 190px;
}

/* ----- ヘッダーカート */

#HeadCartView {
  width: 120px;
  text-align: center;
}

#HeadCartView > a {
  display: block;
  color: #fff;
  height: 38px;
  line-height: 19px;
}

/* ----- ヘッダーバーメニュー */

#HeadUserNav > a {
  display: block;
  height: 38px;
  width: 38px;
}

#HeadUserNav .menu {
  width: 200px;
}

#HeadUserNav .menu h3 {
  font-size: 116%;
  padding: 5px 10px 0;
}

/* ----- ヘッダーナビ */

#HeadNavi {
  clear: both;
  background-color: #000;
}

#HeadNavi ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#BrandNavi {
  float: left;
}
#UserNavi {
  float: right;
}

/* ----- ヘッダーグローバル */

#HeadGlobalNavi {
  clear: both;
  width: 980px;
  margin: 5px auto;
  position: relative;
}

#HeadGlobalNavi > ul > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 197px;
  height: 35px;
  line-height: 35px;
  margin: 0 0 0 -1px;
}

#HeadGlobalNavi > ul > li > a {
  display: block;
  text-align: center;
  border: 1px solid #333;
  font-size: 123.1%;
  font-family: Times, serif;
  text-decoration: none;
}

#HeadGlobalNavi > ul > li.active > a {
  background-color: #333;
  color: #fff;
}

.HeadGNaviList {
  position: absolute;
  z-index: 999;
  display: none;
  top: 36px;
  left: -1px;
  width: 96%;
  padding: 2%;
  border: 1px solid #333;
  background-color: #fff;
}

.HeadGNaviList .title {
  font-size: 123.1%;
  font-weight: bold;
  padding: 10px;
  border-bottom: 1px solid #333;
}

.HeadGNaviList .unitMenu {
  float: left;
  padding: 5px;
}

.HeadGNaviList .unitMenu ul li {
  padding: 3px;
}
.HeadGNaviList .unitMenu ul li a:hover {
  text-decoration: underline;
}

#UserArea {
  width: 502px;
  float: right;
  line-height: 1em !important;
  font-size: 10px;
  text-align: right !important;
  height: 73px;
}
#UserArea div.subbox {
  padding: 5px 5px 0 0;
  text-align: right !important;
}
#UserArea p.link {
  padding: 8px 0px;
  text-align: right;
}
#UserArea p.link a {
  color: #666666;
  padding: 0px 7px 0px 12px;
}

#HeadLogin {
  width: 490px;
  text-align: left;
}
#HeadLogin ul {
  height: 29px;
  padding-top: 0;
  padding-left: 88px;
}
#HeadLogin ul:not(:target) {
  padding-left: 86px;
}
*:first-child + html #HeadLogin ul {
  padding-left: 81px;
}
*html #HeadLogin ul {
  height: 29px;
  padding-top: 0;
}

#HeadLogin li {
  float: left;
  margin-right: 20px;
}

#HeadMyPage {
  width: 490px;
  text-align: left;
}
#HeadMyPage ul {
  height: 29px;
  padding-top: 0;
  padding-left: 88px;
}
#HeadMyPage ul:not(:target) {
  padding-left: 86px;
}
*:first-child + html #HeadMyPage ul {
  padding-left: 81px;
}
*html #HeadMyPage ul {
  height: 29px;
  padding-top: 0;
}
#HeadMyPage li {
  float: left;
  margin-right: 20px;
}

#Navi {
  background: url(../../Contents/ImagesPkg/common/bg_head_002.gif) no-repeat top
    center;
  width: 752px;
  margin: 0 auto;
}
#Navi ul {
  margin: 0;
  padding: 2px 0 0 0;
  list-style: none;
}
#Navi li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 1px 0 1px;
  padding: 0;
}

/* sub */
.gmenu {
  color: #555555;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 19px;
  padding-bottom: 3px;
  text-align: left;
}
.gm {
  margin-top: 0px;
}

a.ag {
  font-size: 11px;
  line-height: 120%;
  font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka;
}

a.ag:link {
  color: #555555;
  text-decoration: none;
}
a.ag:visited {
  color: #555555;
  text-decoration: none;
}
a.ag:hover {
  color: #555555 !important;
  text-decoration: none;
}
a.ag:active {
  color: #555555;
  text-decoration: none;
}

.head_productlist {
  width: 193px;
  float: left;
}
.head_productlist dt {
  width: 62px;
  float: left;
}
.head_productlist dt span {
  display: block;
  padding-top: 3px;
}
.head_productlist dd {
  width: 116px;
  float: right;
}

.head_search {
  width: 200px;
  float: right;
}
.head_search dt {
  width: 54px;
  float: right;
}
.head_search dd {
  width: 122px;
  float: left;
  background: url(../../Contents/ImagesPkg/common/bg_search.gif) no-repeat left
    top;
  padding: 2px 6px;
}
*html .head_search dd {
  width: 134px;
}

/* ----- フッター */

#FootNav {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  margin-bottom: 27px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

#FootNav li:last-child,
#FootNav li:nth-child(5) {
  margin-right: 0;
}

#FootNav li {
  margin-bottom: 20px;
  margin-right: 17px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#FootNav li a {
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  color: #343434;
}

#ToTop {
  position: absolute;
  top: -39px;
  right: 0;
}

#ToTop a {
  display: block;
  width: 95px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  padding: 4px 0;
  background-color: #ccc;
  font-size: 12px;
  text-decoration: none;
}

#coryRight {
  font-size: 10px;
  font-family: noto-sans-cjk-jp, sans-serif;
  color: #343434;
  text-align: center;
}

/*05 コンテンツ関連　*/

#Contents {
  /* margin: 1px 0 80px 0; */
  width: 100%;
}

#Contents input {
  vertical-align: middle;
  line-height: normal;
}
@media all and (-ms-high-contrast: none) {
  #Contents .input_radio input,
  #Contents .radioBtn input {
    display: none;
  }
}

*html #Contents input {
  vertical-align: middle !important;
}
*:first-child + html #Contents input {
  vertical-align: middle !important;
}

#tblLayout td {
  vertical-align: top;
}

/*==============================================================================================
	 #secondary
	==============================================================================================*/

#secondary {
  width: 180px;
  margin-top: 10px;
}

#secondary .unit {
  margin-bottom: 25px;
}

/* バナー */

#secondary .bnrBtn a {
  display: block;
  text-align: center;
  padding: 20px;
  background-color: #000;
  color: #fff;
  margin-bottom: 10px;
}

/* カテゴリー */

#secondary .categoryList {
  margin-bottom: 20px;
}

#secondary .categoryList a.title {
  display: block;
  padding: 15px 10px;
  border-top: 2px solid #000;
  background: url('../../Contents/ImagesPkg/icon_arwBelow.gif') #e1e1e1
    no-repeat 97% 50%;
}

#secondary .categoryList > ul {
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

#secondary .categoryList ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-bottom: 1px solid #e1e1e1;
}

#secondary .categoryList ul li ul li a {
  padding-left: 20px;
}
#secondary .categoryList ul li ul li ul li a {
  padding-left: 30px;
}
#secondary .categoryList ul li ul li ul li ul li a {
  padding-left: 40px;
}
#secondary .categoryList ul li ul li ul li ul li ul li a {
  padding-left: 50px;
}
#secondary .categoryList ul li ul li ul li ul li ul li ul li a {
  padding-left: 60px;
}
#secondary .categoryList ul li ul li ul li ul li ul li ul li ul li a {
  padding-left: 70px;
}
#secondary .categoryList ul li ul li ul li ul li ul li ul li ul li ul li a {
  padding-left: 80px;
}
#secondary
  .categoryList
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  a {
  padding-left: 90px;
}
#secondary
  .categoryList
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  ul
  li
  a {
  padding-left: 100px;
}

#secondary .categoryList li ul {
}

/*==============================================================================================
	 #primary
	==============================================================================================*/

#primary.clm1 {
  width: 100%;
  padding-left: 0;
  /*margin-top: 25px;*/
}

#primary {
  width: 780px;
  padding-left: 20px;
  margin-top: 10px;
}

/* ---------- TOP */

/* スライド */

#maincontents {
  width: 980px;
  margin: 0 auto 10px;
}
#mainvisual {
  position: relative;
  overflow: hidden;
}
#mainvisual-image {
}
#photoset-main {
  position: relative;
  left: 0;
  width: 20000px;
  height: 258px;
  z-index: 10;
}
#mainvisual-image p {
  width: 978px;
  height: 258px;
  border: solid 1px #dddddd;
  float: left;
}
#mainvisual-image p img {
  width: 978px;
  height: 258px;
}
#mainvisual-thumb {
  position: absolute;
  top: 265px;
  right: 10px;
  z-index: 100;
}
#mainvisual-thumb li {
  float: left;
  margin: 0 0 0 5px;
}
#mainvisual-thumb li:first-child {
  margin: 0;
}
#mainvisual-thumb li img {
  width: 50px;
  height: 50px;
}
#mainvisual-txt {
  background: #000000;
  height: 60px;
  position: relative;
  margin: 0px;
  color: #ffffff;
}
#mainvisual-txt p {
  line-height: 1.5em;
  position: absolute;
  left: 20px;
  display: none;
}
#mainvisual-txt p.line01 {
  top: 23px;
}
#mainvisual-txt p.line02 {
  top: 14px;
}
#mainvisual-btn {
  position: absolute;
  top: 275px;
  left: 857px;
}
#mainvisual-btn img {
  width: 110px;
  height: 26px;
}

/* バナー */

#dvTopBanner {
  clear: both;
  margin-bottom: 15px;
}

#dvTopBanner ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 7px;
}

/* 新着ニュース */

#dvTopNews .title {
  font-weight: bold;
  font-style: italic;
  font-family: Times, serif;
  font-size: 123.1%;
  padding: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #333;
}

#dvTopNews ul {
  height: 180px;
  overflow: auto;
}

#dvTopNews ul li {
  line-height: 1.5;
  font-size: 12px;
  margin-bottom: 10px;
}

#dvTopNews ul li .date {
  font-weight: bold;
}
#dvTopNews ul li a {
  text-decoration: underline;
}

#dvTopNews .viewAll {
  margin-top: 5px;
}

.horizontal-only {
  height: auto;
  max-height: 295px;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

.jspCap {
  display: none;
  height: 1px;
  background-color: #000;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  position: relative;
  background-color: #cacaca;
}

.jspDrag {
  background: #333;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #000;
  text-indent: -20000px;
  display: none;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #fff;
}

.jspVerticalBar .jspArrow {
  height: 13px;
}

.jspHorizontalBar .jspArrow {
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* ランキング・お薦めアイテム等 */

#dvTopRanking h3,
#dvRecommend h3 {
  font-family: Times, serif;
  font-size: 153.9%;
  padding: 2% 1%;
  border-top: 2px solid #000;
}

#dvTopRanking h3 span,
#dvRecommend h3 span {
  font-family: Arial, sans-serif;
  font-size: 60%;
  padding: 0 10px;
}

/* 商品リスト */

.listProduct {
  /*padding: 10px 0;*/
}

.glbPlist {
  float: left;
  border: 1px solid #d0d0d0;
  margin: -1px 0 0 -1px;
  position: relative;
  background-color: #fff;
}

.glbPlist.column4 {
  width: 191px;
}
.glbPlist.column5 {
  width: 155px;
}

.glbPlist ul {
  padding: 10px;
}
.glbPlist ul li {
  margin-bottom: 5px;
}
.glbPlist ul li.name {
  font-size: 93%;
  line-height: 1.8;
}
.glbPlist ul li.thumb {
  text-align: center;
}
.glbPlist ul li.item {
  margin-bottom: 0;
}

.glbPlist.column4 ul li.thumb img {
  width: 170px;
  height: 170px;
}

.glbPlist.column5 ul li.thumb img {
  width: 133px;
  height: 133px;
}

/* ランク */
.glbPlist .rank {
  padding: 9px 0 0;
  text-align: center;
  font-family: Times, serif;
  font-style: italic;
  font-weight: bold;
}

.glbPlist ul li.price {
  font-size: 93%;
  line-height: 1.8;
  padding-top: 5px;
  border-top: 1px dotted #d0d0d0;
}

.glbPlist ul li.price p {
  line-height: 1.5;
}

.glbPlist.bl-hover {
  background-color: #fafafa;
}

/* 在庫切れ */
.glbPlist li .soldout {
  color: #fff;
  word-wrap: normal;
  position: absolute;
  top: 33%;
  left: 0%;
  text-align: center;
  width: 100%;
  height: 26px;
  line-height: 26px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#dvTopRanking .glbPlist li .soldout {
  top: 36%;
}
.glbPlist.column5 li .soldout {
  top: 28%;
}

/* アイコン */
.glbPlist li.icon img {
  height: 20px;
  border: none;
}

/* お気に入りの登録人数 */
.glbPlist li.favorite {
  font-size: 77%;
}

/* バリエーション画像 */
.variationview_wrap {
  display: none;
  position: absolute !important;
  z-index: 20 !important;
  border: 1px solid #d0d0d0;
  -moz-box-shadow: 2px 2px 3px #bababa;
  -webkit-box-shadow: 2px 2px 3px #bababa;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#bababa', Direction=125, Strength=3);
}

.glbPlist.column4 .variationview_wrap {
  top: -1px !important;
  left: 191px !important;
}

.glbPlist.column5 .variationview_wrap {
  top: -1px !important;
  left: 153px !important;
}

.glbPlist .variationview_wrap img {
  width: 60px !important;
  height: 60px !important;
}

.variationview_bg {
  width: 60px !important;
  text-align: center;
  padding: 5px 0;
  background-color: #fff;
}

.plPhoto .variationview_wrap {
  top: 0 !important;
  left: 220px !important;
}

.favoriteProductImage .variationview_wrap {
  top: 0 !important;
  left: 90px !important;
}

/* アイコン */
.checkedPlist li .icon {
  position: absolute;
  top: 5px;
  left: 5px;
}
.checkedPlist li .icon img {
  border: none;
}

#pagination p {
  padding: 5px 0 !important;
  line-height: 1.4;
  font-size: 16px;
  color: #343434;
}

#pagination .p-list {
  margin-top: 50px;
}

#pagination .p-list ul {
  display: inline-block;
  margin: 0 50px;
}

#pagination .p-list ul li {
  display: inline-block;
  width: 28px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  padding: 5px;
}

#pagination .p-list ul li.active {
  font-weight: 600;
}

#pagination .none {
  display: none;
}
#pagination .nav {
  float: right;
}
#pagination .count {
  float: left;
}

#pagination .nav a,
#pagination .nav strong {
  padding: 3px 4px;
  line-height: normal;
}

#pagination .nav strong {
  background-color: #636363;
  color: #fff;
}

#pagination .nav a {
  background-color: #e6e6e6;
}

#pagination .nav a:hover {
  background-color: #ddd;
}

#pagination .view {
  float: left;
  line-height: 20px;
}

#pagination .nav .next a,
#pagination .nav .prev a {
  background-color: transparent;
}

#pagination .nav .next a {
  padding: 0 15px 0 10px;
  background: url('../../Contents/ImagesPkg/arwR.png') no-repeat right 1px;
}

#pagination .nav .prev a {
  padding: 0 10px 0 15px;
  background: url('../../Contents/ImagesPkg/arwL.png') no-repeat left 1px;
}

/* 在庫が無い場合 */
.noProduct {
  text-align: center;
  font-size: 123.1%;
  padding: 20px 0 100px;
}

/* ----- 一覧ページ */

#dvCategoryBrand {
  margin: 10px 0;
}

#dvCategoryBrand .logo {
  float: left;
  width: 315px;
}

#dvCategoryBrand .logo img {
  border: 1px solid #e6e6e6;
}

#dvCategoryBrand .desc {
  float: right;
  width: 480px;
}

#dvCategoryBrand p {
  line-height: 1.8;
}
#dvCategoryBrand h2 {
  font-weight: bold;
  margin-bottom: 5px;
}

/* ----- 一覧ページ */

#dvCategoryBrand .logoamp {
  float: left;
  width: 215px;
}

#dvCategoryBrand .logoamp img {
  border: 1px solid #e6e6e6;
}

#dvCategoryBrand .descamp {
  float: right;
  width: 580px;
}

/* ----- 詳細ページ */

#detailWrap {
  margin-bottom: 30px;
}

#detailWrap .inner {
}

#detailWrap .left {
  width: 435px;
  float: left;
}

#detailWrap .right {
  width: 330px;
  float: right;
}

/* バリエーションカート */

#divMultiVariation {
  margin: 15px 0;
  clear: both;
}

#divMultiVariation table {
  width: 100%;
  font-size: 93%;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

#divMultiVariation table th {
  padding: 5px 7px;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  line-height: normal;
  font-weight: normal;
  background-color: #ececec;
}

#divMultiVariation table td {
  padding: 5px 7px;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  line-height: normal;
  vertical-align: middle;
}

#divMultiVariation table td.button {
  width: 111px;
}

#divMultiVariation table td span {
  /*font-weight: bold;*/
}
#divMultiVariation table td .stock1 {
  font-weight: bold;
  color: #f00;
}
#divMultiVariation table td .non {
  font-weight: bold;
  color: #c0c0c0;
}

/* ミニカート */

.miniCart td {
  line-height: 1.5em;
}

.product .productInfo .deleteProduct {
  float: right;
  margin-right: 5px;
  line-height: 1.5em;
}

/* ----- その他カスタムページ */

#Contents div.main {
  width: 780px;
  padding: 0px 50px;
  margin: 20px auto;
  background: url(../../Contents/ImagesPkg/common/line_solidB.gif) repeat-y left
    top;
}
*html #Contents div.main {
  width: 877px;
}
#Contents div.main h2 {
  padding-top: 4px;
}
#Contents div.submain {
  width: 780px;
}
#Contents div.column {
  width: 340px;
  float: left;
}
#Contents div.column h2 {
  padding-bottom: 18px;
}
#Contents div.column p.btmbtn {
  padding-top: 10px;
  text-align: left;
}
*html #Contents div.shoppingCart h2 {
  padding-bottom: 6px !important;
}

#Contents div.columnLeft {
  width: 340px;
  float: left;
}
#Contents div.columnLeft h2 {
  padding-bottom: 18px;
}
#Contents div.columnLeft p.btmbtn {
  padding-top: 10px;
  text-align: left;
}

#Contents div.columnRight {
  width: 340px;
  float: right;
  margin-bottom: 30px;
  clear: right;
}
#Contents div.columnRight h2 {
  padding-bottom: 18px;
}
#Contents div.columnRight p.btmbtn {
  padding-top: 10px;
  text-align: right;
}
#Contents div.columnRight p.btmbtn a {
  text-decoration: none;
}
#CartFlow {
  text-align: center;
  padding: 10px 0px 0px 0px;
}
#Contents h2.ttlA,
#Contents h2.ttlB,
#Contents h2.ttlC {
  position: relative;
  padding-bottom: 15px;
  margin: 20px 0;
  border-bottom: #cccccc solid 1px;
}
#Contents h2.ttlA em,
#Contents h2.ttlB em,
#Contents h2.ttlC em {
  display: block;
  padding: 5px 0 0 10px;
}
#Contents h2.ttlA span,
#Contents h2.ttlB span,
#Contents h2.ttlC span {
  display: block;
  position: absolute;
  top: 0px;
}
#Contents h2.ttlA span {
  right: 47px;
}
#Contents h2.ttlA .btn_back {
  right: 135px;
}
#Contents h2.ttlB span {
  right: -1px;
}
#Contents h2.ttlC span {
  right: 19px;
}

#CrossSellCart {
  background: url(../../Contents/ImagesPkg/common/line_solidA.gif) repeat-y left
    top;
  width: 877px;
}
#CrossSellCart div#ProductList {
  width: 496px;
  float: left;
}
#CrossSellCart div#ProductList h2 {
  width: 496px;
  position: relative;
}
#CrossSellCart div#ProductList h2 em {
  display: block;
  padding-top: 3px;
}
#CrossSellCart div#ProductList h2 span {
  display: block;
  position: absolute;
  top: 0px;
  right: 17px;
}
#CrossSellCart div#ProductList div.subbox {
  width: 478px;
  clear: both;
}
#CrossSellCart div#ProductList ul {
  width: 478px;
}
#CrossSellCart div#ProductList li {
  width: 146px;
  float: left;
  margin-right: 20px;
  padding: 20px 0px;
}
#CrossSellCart div#ProductList li p a {
  display: block;
  text-align: center;
}
#CrossSellCart div#ProductList li strong {
  display: block;
  width: 146px;
  padding-top: 4px;
}
#CrossSellCart div#ProductList li strong a {
  display: block;
  padding-left: 10px;
  color: #333333;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.6em;
}
#CrossSellCart div#ProductList li span {
  display: block;
  width: 146px;
  font-size: 11px;
  padding-top: 7px;
}

.rakutenPayment {
  padding: 10px 10px 10px 20px;
  border: #aaaaaa solid 1px;
}

.shoppingCart {
  width: 340px;
  float: right;
}
.shoppingCart a {
  text-decoration: underline;
}
.shoppingCart a:hover {
  text-decoration: none;
}
.shoppingCart h2 {
  width: 340px;
  position: relative;
}
.shoppingCart h2 span {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}
.shoppingCart h2 em {
  display: block;
  padding-top: 3px;
}
.shoppingCart input {
  border: #aaaaaa solid 1px;
  width: 28px;
  text-align: center;
}
.shoppingCart p.btmbtn {
  padding-top: 10px;
  text-align: right;
}

.shoppingCart div.subCartList {
  margin-top: 15px;
  background: url(../../Contents/ImagesPkg/common/bg_blockA.gif) repeat-y left
    top;
}
.shoppingCart div.subCartList h3 {
  color: #ffffff;
  font-size: 10px;
  padding: 5px 14px 4px 14px;
  background-color: #999999;
}
.shoppingCart div.subCartList div.bottom {
  background: url(../../Contents/ImagesPkg/common/btm_blockA.gif) no-repeat left
    bottom;
}
.shoppingCart div.subCartList h3 div.cartNo {
  text-align: left;
  float: left;
}
.shoppingCart div.subCartList h3 div.cartLink {
  text-align: right;
}
.shoppingCart div.subCartList h3 div.cartLink a {
  font-size: 9px;
  color: #ffffff;
}
.shoppingCart div.subCartList div.block {
  padding: 5px 21px 9px 21px;
}
.shoppingCart div.subCartList div.priceList {
  width: 298px;
  clear: both;
}
.shoppingCart div.subCartList div.fixedPurchasePriceList {
  width: 298px;
  clear: both;
}
.shoppingCart div.subCartList div.message {
  padding: 10px;
}
.shoppingCart div.subCartList div.message p {
  font-size: 9px;
  align-content: center;
  text-align: left;
}
.shoppingCart div.singleProduct {
  font-size: 10px;
}
.shoppingCart div.singleProduct dl {
  width: 298px;
  padding: 10px 0px 11px 0px;
}
.shoppingCart div.singleProduct dt {
  width: 96px;
  float: left;
}
.shoppingCart div.singleProduct dt a {
  display: block;
  text-align: center;
  width: 96px;
}
.shoppingCart div.singleProduct dt img {
  width: 100%;
}
.shoppingCart div.singleProduct dd {
  padding-left: 100px;
}
.shoppingCart div.singleProduct dd strong {
  display: block;
  padding-top: 2px;
  line-height: 1.5;
  font-size: 12px;
}
.shoppingCart div.singleProduct dd strong a {
  color: #333333;
  padding-left: 10px;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.5em;
  display: block;
  line-height: 1.5;
  font-size: 12px;
}
.shoppingCart div.singleProduct dd p {
  padding-top: 8px;
}
.shoppingCart div.singleProduct dd small {
  font-size: 10px;
  display: block;
  padding-top: 3px;
}
.shoppingCart div.singleProduct div {
  width: 298px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left bottom;
}

.shoppingCart div.multiProduct {
  font-size: 10px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left bottom;
  padding-bottom: 17px;
  width: 298px;
}
.shoppingCart div.multiProduct div {
  width: 298px;
}
.shoppingCart div.multiProduct dl {
  width: 298px;
  padding-top: 10px;
}
.shoppingCart div.multiProduct dt {
  width: 96px;
  float: left;
  text-align: center;
}
.shoppingCart div.multiProduct dt a {
  display: block;
  text-align: center;
  width: 96px;
}
.shoppingCart div.multiProduct dt img {
  width: 100%;
}
.shoppingCart div.multiProduct dd {
  padding-left: 90px;
}
.shoppingCart div.multiProduct dd strong {
  display: block;
  padding-top: 2px;
}
.shoppingCart div.multiProduct dd strong a {
  color: #333333;
  padding-left: 10px;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.5em;
}
.shoppingCart div.multiProduct small {
  font-size: 10px;
  display: block;
  padding-top: 3px;
}
.shoppingCart div.multiProduct dd p.delete {
  padding-top: 15px;
}
.shoppingCart div.multiProduct dd p a {
  display: block;
  line-height: 1em !important;
  position: absolute;
  right: 0px;
  bottom: 23px;
  width: 40px;
  text-align: right;
}
.shoppingCart div.multiProduct dd p a {
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat right
    center;
  padding-right: 11px;
  color: #333333;
}

.shoppingCart div.multiProduct table {
  width: 297px;
}
.shoppingCart div.singleProduct table {
  width: 204px;
}
.shoppingCart div.multiProduct td,
.shoppingCart div.singleProduct td {
  padding-top: 7px;
  font-size: 10px;
  text-align: right;
}
.shoppingCart div.multiProduct th,
.shoppingCart div.singleProduct th {
  padding-top: 7px;
  font-size: 10px;
  text-align: left;
  font-weight: normal;
}
.shoppingCart div.multiProduct td a,
.shoppingCart div.singleProduct td a {
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat right
    center;
  padding-right: 11px;
  color: #333333;
  text-align: right;
}
.shoppingCart div.multiProduct p,
.shoppingCart div.singleProduct p {
  padding-top: 10px;
}

.shoppingCart div.multiProduct .setpromotion dt {
}

.shoppingCart div.multiProduct .setpromotion dd {
  line-height: 1.5;
}

.shoppingCart div.priceList div {
  width: 298px;
}

.shoppingCart .novelty .title {
  margin: 7px 0;
  padding: 3px;
  background-color: #ddd;
  clear: both;
  line-height: 1.5;
}

.shoppingCart .novelty .msg {
  font-size: 11px;
}

.shoppingCart .novelty .product {
  width: 140px;
  margin: 3px;
  float: left;
}

.shoppingCart .novelty .product p {
  margin: 3px 0;
  line-height: 1.5;
  font-size: 12px;
}

.shoppingCart .novelty .product .image img {
  width: 100%;
}
.shoppingCart .novelty .add a {
  text-decoration: none;
}

.sumBox {
  padding: 20px;
  background-color: #f6f6f6;
  border: #cccccc solid 1px;
  margin-top: 15px;
  width: 298px;
}
.sumBox p {
  width: 298px;
}
.sumBox p img {
  vertical-align: middle;
  display: block;
  float: left;
}
.sumBox strong {
  font-size: 16px;
  display: block;
  float: right;
  width: 200px;
  text-align: right;
}
.sumBox dl {
  font-size: 10px;
  width: 298px;
}
.sumBox dt {
  padding: 3px 0px 0px 2px;
  width: 188px;
  float: left;
}
*html .sumBox dt {
  width: 190px;
}
.sumBox dd {
  padding: 3px 0px 0px 200px;
  text-align: right;
  font-weight: bold;
}
.sumBox small {
  padding-top: 3px;
  color: #888888;
  display: block;
}
.sumBox div.subSumBox {
  width: 298px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left bottom;
  margin-bottom: 5px;
  padding-bottom: 16px;
}
.sumBox div.subSumBoxB {
  width: 298px;
}

.pointBox {
  width: 263px;
  padding-top: 15px;
}
.pointBox div.boxbtm input {
  border: #aaaaaa solid 1px;
  width: 50px !important;
  text-align: left !important;
}
.pointBox div.boxbtm dt {
  width: 120px;
  float: left;
  line-height: 1em !important;
}
.pointBox div.boxbtm span {
  display: block;
  padding-top: 6px;
}
.pointBox div.boxbtm dd {
  float: right;
  text-align: right;
  width: 80px;
}

.couponBox {
  width: 263px;
  padding-top: 3px;
}
.couponBox div.boxbtm input {
  border: #aaaaaa solid 1px;
  width: 146px !important;
  text-align: left !important;
}
.couponBox div.boxbtm dt {
  width: 80px;
  float: left;
  line-height: 1em !important;
}
.couponBox div.boxbtm span {
  display: block;
  padding-top: 6px;
}
.couponBox div.boxbtm dd {
  float: right;
  text-align: right;
  width: 150px;
}

.pointBox a,
.couponBox a {
  color: #333333;
  padding-left: 11px;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.5em;
}
.pointBox div.boxbtm dl,
.couponBox div.boxbtm dl {
  width: 242px;
}
.pointBox div.box,
.couponBox div.box {
  margin: 10px 0px;
  background: url(../../Contents/ImagesPkg/common/bg_boxA.gif) repeat-y left top;
  width: 262px;
}
.pointBox div.boxbtm,
.couponBox div.boxbtm {
  font-size: 10px;
  background: url(../../Contents/ImagesPkg/common/btm_boxA.gif) no-repeat left
    bottom;
  padding: 10px;
}
.pointBox div.boxbtm div,
.couponBox div.boxbtm div {
  width: 242px;
}

.priceList {
  padding-top: 15px;
  font-size: 10px;
}
.priceList dl {
  width: 298px;
}
.priceList dl.bgc {
  background-color: #eeeeee;
}
.priceList dt {
  width: 115px;
  float: left;
  padding: 5px 0px 4px 7px;
  line-height: 1.5;
}
*html .priceList dt {
  width: 100px;
}
.priceList dd {
  padding: 5px 7px 4px 100px;
  text-align: right;
  font-weight: bold;
  line-height: 1.5;
}
.priceList dd.minus {
  color: #ff0000;
}
.priceList dl.result {
  font-size: 12px !important;
  margin-top: 3px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left top;
}
.priceList dl.result dt {
  font-weight: bold;
  padding-top: 6px;
}
.priceList dl.result dd {
  padding-top: 6px;
}

.fixedPurchasePriceList {
  padding-top: 5px;
  font-size: 10px;
}
.fixedPurchasePriceList dl {
  width: 298px;
}
.fixedPurchasePriceList dl.bgc {
  background-color: #eeeeee;
}
.fixedPurchasePriceList dt {
  width: 115px;
  float: left;
  padding: 5px 0px 4px 7px;
  line-height: 1.5;
}
*html .fixedPurchasePriceList dt {
  width: 100px;
}
.fixedPurchasePriceList dd {
  padding: 5px 7px 4px 100px;
  text-align: right;
  font-weight: bold;
  line-height: 1.5;
}
.fixedPurchasePriceList dd.minus {
  color: #ff0000;
}
.fixedPurchasePriceList dl.result {
  font-size: 12px !important;
  margin-top: 3px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left top;
}
.fixedPurchasePriceList dl.result dt {
  font-weight: bold;
  padding-top: 6px;
}
.fixedPurchasePriceList dl.result dd {
  padding-top: 6px;
}

#LoginBox {
  background: url(../../Contents/ImagesPkg/common/bg_boxC.gif) repeat-y left top;
  margin-left: 50px;
}
#LoginBox div.top {
  background: url(../../Contents/ImagesPkg/common/top_boxC.gif) no-repeat left
    top;
}
#LoginBox div.bottom {
  background: url(../../Contents/ImagesPkg/common/btm_boxC.gif) no-repeat left
    bottom;
  padding: 16px 51px 21px 51px;
}
#LoginBox div.bottom div {
  width: 238px;
}
#LoginBox dl {
  width: 238px;
}
#LoginBox dt {
  width: 100px;
  float: left;
  padding: 5px 0px 0px 0px;
}
#LoginBox dd {
  width: 130px;
  text-align: right;
  float: right;
  padding: 5px 0px 0px 0px;
}
#LoginBox p.btmbtn {
  padding: 18px 0px 0px 140px;
  text-align: right;
}
#LoginBox span {
  display: block;
  padding-left: 85px;
  font-size: 10px;
}
#LoginBox span a {
  color: #666666;
  background: url(../../Contents/ImagesPkg/common/arrow_B.gif) no-repeat 0em
    0.4em;
  padding-left: 11px;
}
#LoginBox span a {
  text-decoration: underline;
}
#LoginBox span a:hover {
  text-decoration: none;
}

#RegsiterBox div {
  padding-bottom: 23px;
  margin-bottom: 25px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left bottom;
}
#RegsiterBox div.last {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  background: none !important;
}
#RegsiterBox p {
  padding-top: 20px;
  text-align: right;
}
#RegsiterBox p.btn_regsiter {
  padding-left: 242px;
}
#RegsiterBox p.btn_login_cart {
  padding-left: 187px;
}

#Contents.order {
  width: 920px;
  padding: 20px;
  background-color: #fff;
}

#CartList div,
#CartList p,
#CartList dt,
#CartList dd,
#CartList {
  line-height: 1.5;
}

#CartList {
  padding-top: 6px;
}
*html #CartList {
  padding-top: 9px;
}
#CartList a {
  /*text-decoration: underline;*/
}
#CartList a:hover {
  /*text-decoration: none;*/
}
#CartList p.sum {
  text-align: right;
  font-size: 20px;
  padding-top: 10px;
  width: 100%;
}
#CartList p.sum strong {
  padding-left: 40px;
}
#CartList h3 {
  color: #ffffff;
  font-size: 12px;
  padding: 6px 14px 5px 14px;
  background-color: #999999;
}
#CartList div.btmbtn {
  clear: both;
  margin-top: 33px;
  border-top: #dddddd solid 1px;
}
#CartList div.btmbtn span {
  display: block;
  line-height: 1.5;
}
#CartList div.btmbtn div {
  width: 100%;
}

#CartList div.btmbtn .btn-large {
  padding: 8px 12px;
  font-size: 14px;
}

div.cartstep .btn-success,
#CartList div.btmbtn .btn-success {
  padding: 12px 17px;
  font-size: 16px;
}

div.cartstep h2 {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 !important;
}

div.btmbtn {
  position: relative;
}
div.btmbtn ul {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}

div.btmbtn ul li {
  display: inline;
  *display: inline;
  *zoom: 1;
  margin: 0 3px;
}

div.btmbtn.below {
  height: 50px;
}
div.btmbtn.below ul {
  top: 10px;
}

#CartList div.productList {
  padding: 10px 0px;
  width: 100%;
}
#CartList div.productList div.background {
  width: 100%;
}

#CartList div.productList div.list {
  padding: 15px 0;
}

#CartList div.productList p.ttl {
  padding-bottom: 10px;
}
#CartList div.productList div.ttl p.name {
  width: 271px;
  float: left;
  padding-left: 91px;
}
*html #CartList div.productList div.ttl p.name {
  width: 362px;
}
#CartList div.productList div.ttl p.price {
  width: 142px;
  text-align: center;
  float: left;
}
#CartList div.productList div.ttl p.quantity {
  width: 113px;
  text-align: center;
  float: left;
}
#CartList div.productList div.ttl p.subtotal {
  width: 142px;
  text-align: center;
  float: left;
}
#CartList div.productList div.product {
  border-top: #dddddd solid 1px;
  padding: 15px 0px;
}
#CartList div.productList div.product div {
  margin: 0px 10px;
}

#CartList div.productList dl.name {
  width: 362px;
  float: left;
}
#CartList div.productList dl.name dt {
  width: 96px;
  float: left;
}
#CartList div.productList dl.name dt a {
  display: block;
  text-align: center;
}
#CartList div.productList dl.name dt img {
  width: 100%;
}
#CartList div.productList dl.name dd {
  width: 250px;
  float: right;
  font-weight: bold;
}
#CartList div.productList dl.name dd span {
  display: block;
}
#CartList div.productList dl.name dd a {
  font-size: 93%;
  line-height: 1.8;
}
#CartList div.productList div.product p.message {
  font-size: 10px;
  padding-top: 5px;
}
#CartList div.productList div.product p.price {
  width: 142px;
  text-align: center;
  float: left;
  padding-top: 25px;
}
#CartList div.productList div.product p.quantity {
  width: 113px;
  text-align: center;
  float: left;
  padding-top: 25px;
}
#CartList div.productList div.product p.quantity input {
  border: #aaaaaa solid 1px;
  width: 28px;
  text-align: center;
}
#CartList div.productList div.product p.subtotal {
  width: 142px;
  text-align: center;
  float: left;
  padding-top: 25px;
  font-weight: bold;
}
#CartList div.productList div.product p.delete {
  font-size: 10px;
  padding-top: 27px;
  width: 50px;
  text-align: right;
  float: right;
}
#CartList div.productList div.product p.delete a {
  font-size: 13px;
}

#CartList div.productList div.cartOrder {
  width: 100%;
  background-color: #f1f1f1;
  clear: both;
}

#CartList div.productList div.subcartOrder {
  padding: 15px;
}
#CartList div.cartOrder div.priceList dl {
  width: 310px !important;
}
#CartList div.productList div.pointBox {
  float: left;
  padding-top: 0px !important;
}
#CartList div.productList div.couponBox {
  float: left;
  padding: 0px 0px 0px 15px !important;
}
#CartList div.productList div.pointBox div.box,
#CartList div.productList div.couponBox div.box {
  margin: 0px !important;
}
#CartList div.productList div.pointBox div.box div,
#CartList div.productList div.couponBox div.box div {
  width: 242px;
}
#CartList div.productList div.couponBox div.boxbtm {
  padding-bottom: 13px !important;
}
#CartList div.productList div.priceList {
  width: 330px !important;
  border: #cccccc solid 1px;
  background-color: #ffffff;
  padding: 10px 0px 5px 0px !important;
  float: right;
}
#CartList div.productList div.priceList div {
  margin: 0px 10px;
}

#CartList div.productList td.name {
  width: 504px;
}
#CartList div.productList td.name dl {
  width: 362px;
  float: left;
}
#CartList div.productList td.name dt {
  width: 96px;
  float: left;
}
#CartList div.productList td.name dt a {
  display: block;
  text-align: center;
}
#CartList div.productList td.name dt img {
  width: 100%;
}
#CartList div.productList td.name dd {
  width: 250px;
  float: right;
  font-weight: bold;
}
#CartList div.productList td.name dd span {
  display: block;
  padding-top: 25px;
}
#CartList div.productList td p.price {
  width: 142px;
}
#CartList div.productList td.quantity {
  width: 113px;
  text-align: center;
  vertical-align: middle;
}
#CartList div.productList td.quantity input {
  border: #aaaaaa solid 1px;
  width: 28px;
  text-align: center;
}
#CartList div.productList td.subtotal {
  width: 142px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
#CartList div.productList td.delete {
  width: 200px;
  text-align: right;
  vertical-align: middle;
}

#CartList div.dvAnnounceFreeShipping {
  font-size: 16px;
  padding: 10px;
}
#CartList div.dvAnnounceFreeShipping span.defPrice {
  color: #f00;
  font-weight: bold;
  font-size: 18px;
}
#CartList div.dvAnnounceFreeShipping span.freeShipping {
  font-weight: bold;
  font-size: 18px;
}

#CartList div.productList .novelty {
  clear: both;
  margin: 10px 0 20px;
}
#CartList div.productList .novelty .title {
  padding: 4px 0px 3px 14px;
  margin-bottom: 5px;
  background-color: #ddd;
  font-size: 12px;
}

#CartList div.productList .novelty .msg {
  font-size: 11px;
}

#CartList div.productList .novelty .plist {
  width: 140px;
  float: left;
  margin: 10px;
}
#CartList div.productList .novelty .plist p {
  margin: 3px 0;
  line-height: 1.5;
  font-size: 12px;
}
#CartList div.productList .novelty .plist .image img {
  width: 100%;
}

#CartList div.rakutenPayment {
  padding: 10px 10px 10px 20px;
  border: #aaaaaa solid 1px;
}

.orderSettlement div.exec {
  float: right;
  padding-bottom: 10px;
}

.btn_top_cart a {
  width: 92px;
  height: 24px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_top_cart.gif) no-repeat;
}
.btn_top_cart a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_top_cart_o.gif) no-repeat;
}
.btn_top_cart small {
  display: none;
}

.btn_search a {
  width: 54px;
  height: 23px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_search.gif) no-repeat;
}
.btn_search a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_search_o.gif) no-repeat;
}
.btn_search span {
  display: none;
}

.btn_search_mini a {
  width: 50px;
  height: 50px;
  margin-left: -1px;
  display: inline-block;
  vertical-align: middle;
  background: url(../../Contents/ImagesPkg/common/magni-glass.jpg) no-repeat;
  background-size: cover;
  border-radius: 0 5px 5px 0;
}

.btn_search_mini a:hover {
  opacity: 0.75;
}
.btn_search_mini span {
  display: none;
}

.btn_receiver a {
  width: 88px;
  height: 26px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_receiver.gif) no-repeat;
}
.btn_receiver a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_receiver_o.gif) no-repeat;
}
.btn_receiver small {
  display: none;
}

.btn_order a {
  width: 88px;
  height: 26px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_order.gif) no-repeat;
}
.btn_order a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_order_o.gif) no-repeat;
}
.btn_order small {
  display: none;
}
.btn_change {
  margin: 5px 0;
}
.btn_change a {
  text-decoration: none !important;
}

.btn_login a {
  width: 98px;
  height: 28px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_login.gif) no-repeat;
}
.btn_login a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_login_o.gif) no-repeat;
}
.btn_login small {
  display: none;
}

.btn_regsiter a {
  width: 98px;
  height: 28px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_regsiter.gif) no-repeat;
}
.btn_regsiter a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_regsiter_o.gif) no-repeat;
}
.btn_regsiter span {
  display: none;
}

.btn_login_cart a {
  width: 153px;
  height: 28px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_login_cart.gif) no-repeat;
}
.btn_login_cart a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_login_cart_o.gif)
    no-repeat;
}
.btn_login_cart span {
  display: none;
}

.btn_back_item a {
  width: 78px;
  height: 26px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_back_item.gif) no-repeat;
}
.btn_back_item a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_back_item_o.gif) no-repeat;
}
.btn_back_item small {
  display: none;
}

.btn_nxt_item a {
  width: 88px;
  height: 26px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_nxt_item.gif) no-repeat;
}
.btn_nxt_item a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_nxt_item_o.gif) no-repeat;
}
.btn_nxt_item small {
  display: none;
}

.btn_add_sea {
  margin-left: 3px;
}
.btn_add_sea a {
  text-decoration: none !important;
}

.btn_settlement a {
  width: 88px;
  height: 26px;
  display: block;
  background: url(../../Contents/ImagesPkg/common/btn_settlement.gif) no-repeat;
  float: right;
}
.btn_settlement a:hover {
  background: url(../../Contents/ImagesPkg/common/btn_settlement_o.gif)
    no-repeat;
}
.btn_settlement small {
  display: none;
}

/*06 コンテナ要素 */
#dvContainer {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

/*07 汎用クラス */
.alert {
  margin-top: 5px;
  border-style: solid;
  border-color: #ccc;
  border-width: 0px;
  display: block;
}
.error,
.error span {
  color: #ff0000;
}
.error_input {
  background-color: #ffaaaa !important;
}
.btn_search {
  padding-top: 2px;
}
.loading {
  text-align: center;
  vertical-align: middle;
  padding: 25px 0px 25px 0px;
}

/* Float Clearing */
.clearFix {
  min-height: 1%;
}
.clearFix:after {
  content: '.';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
* html .clearFix {
  height: 1%; /*for WinIE*/
  display: inline-table; /*for MacIE*/
}

/*08 エラー関連　*/
#dvErrorInfoBox {
  width: 100%;
  margin: 20px 0;
}
#dvErrorInfoBox #dvErrorInfo {
  text-align: center;
}
#dvErrorInfoBox #dvErrorInfo h6 {
  margin: 0px 0px 10px 0px;
  font-size: 18px;
}
#dvErrorInfoBox #dvErrorInfo h6 img {
  padding: 5px 10px;
}
#dvErrorInfoBox #dvErrorInfo div.dvErrorContents {
  padding: 20px 10px;
  text-align: center;
  line-height: 1.5;
  color: #ff0000;
}
.dvErrorBtnBox {
  text-align: center;
  max-width: 92%;
  margin: 0 auto;
}
.dvErrorBtnBox p {
  text-align: center;
  display: inline-block;
}

/*==============================================================================================

	==============================================================================================*/

#dvRecommend {
  margin: 10px 0 30px;
  clear: both;
}
#dvRecommend .title {
  font-size: 15px;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #333;
}

#dvRecommend .productInfoList {
  float: left;
  margin: 3px;
}

#dvRecommend .productInfoList ul {
  width: 150px;
}
#dvRecommend .productInfoList ul li {
  margin: 3px 0;
  line-height: 1.5;
}
#dvRecommend .productInfoList ul li p {
  line-height: 1.5;
}
#dvRecommend .productInfoList ul li p strike {
  color: #f00;
}
#dvRecommend .productInfoList ul li.thumnail img {
  width: 150px;
  height: 150px;
}

#dvRecommend .productInfoList ul li.thumnail {
  position: relative;
  text-align: center;
}

#dvRecommend .productInfoList ul li.thumnail .soldout {
  color: #fff;
  word-wrap: normal;
  position: absolute;
  top: 45%;
  left: 0%;
  text-align: center;
  width: 100%;
  height: 26px;
  line-height: 26px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/*==============================================================================================

	==============================================================================================*/

.pageAdvancedSearch {
  width: 980px;
}

.pageAdvancedSearch .inner {
  width: 780px;
  margin: 20px auto;
}

#header .header__newsticker {
  background-color: #343434;
}

#header .header__newsticker p {
  padding: 7px 0;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: #fff;
  text-align: center;
  letter-spacing: 0.075em;
}

#header .header__inner {
  width: 100%;
  max-width: calc(1300 * (100vw / 1400));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#header .header__inner .logo {
  width: 100%;
  max-width: 114px;
  margin-left: 90px;
}

#header .icon {
  width: 100%;
  max-width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#header .icon .icon__login {
  width: 60px;
}

#header .icon .icon__login img {
  display: block;
  width: 100%;
  max-width: 27px;
  margin: 0 auto;
  margin-bottom: 5px;
}

#header .icon .icon__login .login-lock-img {
  max-width: 21px;
  margin: 0 auto;
  margin-bottom: 5px;
  max-width: 21px;
}

#header .icon .icon__login p {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

#header .icon .icon__cart {
  position: relative;
  z-index: 2;
  width: 50px;
}

#header .icon .icon__cart img {
  display: block;
  width: 100%;
  max-width: 27px;
  margin: 0 auto;
  margin-bottom: 5px;
}

#header .icon .icon__cart p {
  position: absolute;
  top: -30%;
  right: 10%;
  width: 21px;
  height: 21px;
  background-color: #f47076;
  border-radius: 50%;
  font-size: 12.78px;
  font-family: montserrat, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 21px;
  color: #fff;
  text-align: center;
  z-index: -1;
}

#header .icon .icon__cart span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.navigation .hamburger__button {
  display: block;
  position: relative;
  background-color: transparent;
  width: 40px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.5s ease;
  border: 2px solid transparent;
}

.navigation .hamburger__button span:nth-child(2) {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.navigation .hamburger__button.open {
  /* border: 2px solid #343434; */
  box-shadow: none;
}

.navigation .hamburger__button-icon {
  display: inline-block;
  position: absolute;
  background: #343434;
  margin: 0 auto;
  width: 100%;
  height: 2px;
  top: 30%;
  left: 0;
  right: 0;
  transition: all 0.5s ease;
  transform: translateY(-1px);
}

.navigation .hamburger__button-icon:before,
.navigation .hamburger__button-icon:after {
  content: '';
  position: absolute;
  margin: 0 auto;
  background: #343434;
  width: 100%;
  height: 2px;
  left: 0;
  right: 0;
  transition: all 0.5s ease;
}

.navigation .hamburger__button-icon:before {
  bottom: 10px;
}

.navigation .hamburger__button-icon:after {
  top: 10px;
}

.hamburger__button.open .hamburger__button-icon {
  background: transparent;
}

.hamburger__button.open .hamburger__button-icon:before,
.hamburger__button.open .hamburger__button-icon:after {
  transform-origin: 50% 50%;
  width: 30px;
}

.hamburger__button.open .hamburger__button-icon:before {
  transform: rotateZ(0.78539816rad);
  top: 0;
  transform: rotate(135deg);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.hamburger__button.open .hamburger__button-icon:after {
  transform: rotateZ(-0.78539816rad);
  top: 0;
  transform: rotate(225deg);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.hamburger__menu {
  position: absolute;
  top: 9.2%;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: -1;
  transition: all 0.4s;
  left: -100%;
  overflow: auto;
}

.hamburger__menu.active {
  left: 0;
}

.header__2ndnewsticker {
  background-color: #888888;
  transition: all 415ms ease-out;
}

.header__2ndnewsticker.transform {
  margin-top: -84px;
  opacity: 0;
}

.header__2ndnewsticker p {
  padding: 7px 0;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: #fff;
  text-align: center;
  letter-spacing: 0.075em;
}

body.open .header__2ndnewsticker {
  opacity: 0;
  visibility: hidden;
}

/* hamburger Content */
.hamburger__inner-top {
  background-color: #f9f9f9;
}

.hamburger__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 40px;
}

.hamburger__inner-bot {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 300px;
}

.hamburger__links {
  margin-bottom: 20px;
}

.hamburger__links a {
  padding-bottom: 5px;
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  color: #343434;
  line-height: 2.25;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #888888;
}
/* LEFT */

.hamburger__inner-bot-left {
  width: 100%;
  max-width: 470px;
}

.hamburger__inner-bot-left .hamburger__inner-bot-search {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.hamburger__inner-bot-left .hamburger__inner-bot-search .search-box__wrap {
  display: flex;
}

.hamburger__inner-bot-left .hamburger__inner-bot-search .search-box__input {
  width: 100%;
  max-width: 640px;
  height: 50px;
}

.hamburger__inner-bot-left
  .hamburger__inner-bot-search
  .search-box__input
  input.text {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background-color: #f4f4f4;
  border-radius: 5px;
  padding-left: 20px;
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  color: #848484;
  letter-spacing: 0.05em;
}

.hamburger__inner-bot-keywords {
  margin-bottom: 30px;
}

.hamburger__inner-bot-ttl {
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  color: #343434;
  line-height: 2.25;
  letter-spacing: 0.05em;
}

.hamburger__inner-bot-keywords ul {
  display: flex;
  flex-wrap: wrap;
}

.hamburger__inner-bot-keywords ul li {
  border-bottom: 2px solid #d2d2d2;
  font-size: 13px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  color: #343434;
  line-height: 2.8;
  letter-spacing: 0.05em;
}

.hamburger__inner-bot-keywords ul li:not(:last-child) {
  margin-right: 20px;
}

.hamburger__inner-bot-search-by-type ul li {
  margin-bottom: 10px;
  border-bottom: 2px solid #d2d2d2;
}

.acc__ttl {
  position: relative;
  padding-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 600;
  color: #343434;
  line-height: 1.2;
}

.acc__ttl.open {
  border-bottom: 0;
}

.acc__ttl::before,
.acc__ttl::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  display: block;
  height: 2px;
  width: 14px;
  background: #343434;
  transition: transform 0.25s ease-in-out;
}

.acc__ttl::before {
  transform: rotate(90deg);
}

.acc__ttl.open::before {
  transform: rotate(180deg);
}

.acc__item {
  display: none;
}

.acc__text:first-child {
  padding-top: 10px;
}

.acc__text {
  margin-bottom: 10px;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
}

.acc__text:last-child {
  padding-bottom: 0;
}

/* RIGHT */

.hamburger__inner-bot-right {
  width: 100%;
  max-width: 470px;
}

.hamburger__inner-bot-right img {
  width: 100%;
  display: block;
}

/* CHECK ITEM TOP */

.check__item-wrap .check__item-ttl {
  margin-bottom: 10px;
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  color: #343434;
  line-height: 2.25;
  letter-spacing: 0.05em;
}

#dvCheckList.productCheckListTop__list {
  margin: 0;
}

.productCheckListTop__list {
  display: flex;
  align-items: center;
}

.productCheckListTop__list-item {
  display: block;
  width: 100%;
  max-width: 140px;
}

.productCheckListTop__list-item:not(:last-child) {
  margin-right: 40px;
}

.productCheckListTop__list-item:nth-child(n + 6) {
  display: none;
}

.productCheckListTop__list-item img {
  width: 100%;
  display: block;
}

.member__wrap-inner {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.member__wrap-inner .member__link-myPage,
.member__wrap-inner .member__link-login {
  position: relative;
  display: block;
  width: 165px;
  height: 40px;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
}

.member__wrap-inner .member__link-login {
  width: 250px;
}

.member__wrap-inner .member__link-myPage i,
.member__wrap-inner .member__link-login i {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 35%;
  right: 10%;
}

.member__link-myPage {
  background-color: #454545;
}

.member__link-login {
  background-color: #f47076;
}

.member__name-wrap {
  display: flex;
  align-items: flex-end;
  margin-right: 60px;
}

.member__name-wrap img {
  margin-right: 10px;
}

.member__name-wrap p {
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  color: #343434;
  line-height: 2.5;
  letter-spacing: 0.05em;
}

.member__name-wrap p span {
  margin-left: 20px;
  padding-bottom: 2px;
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  color: #343434;
  border-bottom: 1px solid #343434;
}

.check__item-view-more a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.check__item-view-more p {
  margin-top: 10px;
  font-size: 14px;
  font-family: soleil, sans-serif;
  font-weight: 500;
  color: #888888;
  line-height: 2.1;
}

.hb-sp {
  display: none;
}

/*==============================================================================================
	MEDIA QUERY
	==============================================================================================*/

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hamburger__inner-wrap {
    max-width: calc(1000 * (100vw / 1024));
    margin-bottom: calc(30 * (100vw / 1024));
    padding-top: calc(20 * (100vw / 1024));
    padding-bottom: calc(40 * (100vw / 1024));
  }
  .productCheckListTop__list-item {
    max-width: calc(140 * (100vw / 1024));
  }
  .check__item-view-more img {
    max-width: calc(140 * (100vw / 1024));
  }
  .productCheckListTop__list-item:not(:last-child) {
    margin-right: calc(40 * (100vw / 1024));
  }
  .check__item-view-more p {
    margin-top: calc(10 * (100vw / 1024));
    font-size: calc(16 * (100vw / 1024));
  }
  .hamburger__inner-bot {
    max-width: calc(1000 * (100vw / 1024));
  }
  .hamburger__inner-bot-ttl {
    margin-bottom: calc(15 * (100vw / 1024));
    font-size: calc(18 * (100vw / 1024));
  }
  .hamburger__inner-bot-left,
  .hamburger__inner-bot-right {
    max-width: calc(485 * (100vw / 1024));
  }
  .hamburger__inner-bot-left .hamburger__inner-bot-search {
    margin-bottom: calc(30 * (100vw / 1024));
  }
  .hamburger__inner-bot-keywords {
    margin-bottom: calc(30 * (100vw / 1024));
  }

  .check__item-wrap {
    width: 100%;
    max-width: calc(950 * (100vw / 1024));
    margin: 0 auto;
  }
  #Foot .inner {
    max-width: calc(950 * (100vw / 1024));
    padding: calc(100 * (100vw / 1024)) 0 calc(125 * (100vw / 1024));
  }
  #Foot .inner .footer__banner {
    max-width: calc(980 * (100vw / 1024));
  }
  .banner-left {
    max-width: calc(420 * (100vw / 1024));
  }
  .banner-right {
    max-width: calc(420 * (100vw / 1024));
  }
  .banner-right img {
    display: block;
    width: 100%;
    max-width: calc(200 * (100vw / 1024));
  }
  #pagination p {
    font-size: calc(16 * (100vw / 1024));
  }
  #pagination .p-list {
    margin-top: calc(50 * (100vw / 1024));
  }
  #pagination .p-list ul {
    margin: 0 calc(50 * (100vw / 1024));
  }
  #pagination .p-list ul li {
    width: calc(28 * (100vw / 1024));
    font-size: calc(16 * (100vw / 1024));
    padding: calc(5 * (100vw / 1024));
  }
}

@media screen and (max-width: 767px) {
  #header .header__inner .logo {
    margin-left: calc(135 * (100vw / 767));
    max-width: calc(175 * (100vw / 767));
  }
  #header .header__inner {
    max-width: calc(690 * (100vw / 767));
  }
  #header .header__inner .logo img {
    width: calc(163 * (100vw / 767));
  }
  #header .icon {
    max-width: calc(200 * (100vw / 767));
  }
  #header .icon .icon__login {
    width: calc(170 * (100vw / 767));
  }
  #header .icon .icon__login .login-lock-img {
    max-width: calc(35 * (100vw / 767));
  }
  #header .icon .icon__login img {
    max-width: calc(35 * (100vw / 767));
  }
  #header .icon .icon__login p {
    font-size: calc(20 * (100vw / 767));
  }
  #header .icon .icon__cart {
    width: calc(100 * (100vw / 767));
    /* height: calc(36*(100vw/767)); */
  }
  #header .icon .icon__cart img {
    max-width: calc(40 * (100vw / 767));
  }
  #header .icon .icon__cart p {
    width: calc(32 * (100vw / 767));
    height: calc(32 * (100vw / 767));
    font-size: calc(18 * (100vw / 767));
    line-height: calc(32 * (100vw / 767));
  }
  #header .icon .icon__cart span {
    font-size: calc(20 * (100vw / 767));
  }
  #header .header__newsticker p {
    font-size: calc(18 * (100vw / 767));
  }
  #header .header__2ndnewsticker p {
    font-size: calc(18 * (100vw / 767));
  }
  .hamburger__inner-bot {
    flex-wrap: wrap;
    padding-bottom: calc(150 * (100vw / 767));
  }
  .hamburger__inner-bot-right {
    order: -1;
    width: 90%;
    margin: 0 auto;
    margin-bottom: calc(30 * (100vw / 767));
  }
  .hamburger__inner-bot-left {
    width: 90%;
    margin: 0 auto;
    margin-bottom: calc(200 * (100vw / 767));
  }
  .hamburger__inner-bot-left .hamburger__inner-bot-search {
    margin-bottom: calc(42 * (100vw / 767));
  }
  .hamburger__inner-bot-ttl {
    margin-bottom: calc(20 * (100vw / 767));
    font-size: calc(30 * (100vw / 767));
  }
  .hamburger__inner-bot-keywords {
    margin-bottom: calc(93 * (100vw / 767));
  }
  .hamburger__inner-bot-keywords ul li {
    font-size: calc(30 * (100vw / 767));
  }
  .hamburger__inner-bot-search-by-type {
    padding-bottom: calc(33 * (100vw / 767));
  }
  .hamburger__inner-bot-search-by-type ul {
    margin-top: calc(33 * (100vw / 767));
  }
  .hamburger__inner-bot-search-by-type ul li {
    padding-bottom: calc(33 * (100vw / 767));
  }
  .acc__ttl {
    padding-bottom: calc(15 * (100vw / 767));
    font-size: calc(26 * (100vw / 767));
  }
  .acc__text:first-child {
    margin-top: calc(20 * (100vw / 767));
  }
  .acc__text:last-child {
    padding-bottom: 0;
  }
  .acc__text {
    margin-bottom: calc(33 * (100vw / 767));
    font-size: calc(26 * (100vw / 767));
  }
  .hb-sp {
    display: block;
  }
  .hb-sp ul {
    margin-top: calc(33 * (100vw / 767));
  }
  .hb-sp ul li {
    padding-bottom: calc(33 * (100vw / 767));
    border-bottom: 1px solid #d2d2d2;
    font-size: calc(26 * (100vw / 767));
    font-weight: 500;
    line-height: 1.2;
  }
  .hb-sp ul li:not(:last-child) {
    margin-bottom: calc(33 * (100vw / 767));
  }
  .check__item-wrap {
    width: 90%;
    margin: 0 auto;
  }
  #breadcrumb {
    max-width: calc(690 * (100vw / 767));
  }
  #pagination p {
    font-size: calc(18 * (100vw / 767));
  }
  #pagination .p-list {
    margin-top: calc(30 * (100vw / 767));
  }
  #pagination .p-list ul {
    margin: 0 calc(30 * (100vw / 767));
  }
  #pagination .p-list ul li {
    width: calc(30 * (100vw / 767));
    font-size: calc(26 * (100vw / 767));
  }
  .banner-left {
    max-width: 100%;
    margin-bottom: calc(60 * (100vw / 750));
  }
  .banner-right {
    max-width: 100%;
  }
  .banner-right a {
    display: block;
    width: 47%;
  }
  .banner-right img {
    width: 100%;
    max-width: calc(325 * (100vw / 750));
  }
  .footer__social {
    margin-bottom: calc(100 * (100vw / 750));
    max-width: calc(295 * (100vw / 750));
  }
  #Foot .inner {
    max-width: calc(880 * (100vw / 750));
    padding: calc(106 * (100vw / 750)) calc(30 * (100vw / 750))
      calc(135 * (100vw / 750));
  }
  #Foot .inner .footer__logo {
    max-width: calc(160 * (100vw / 750));
    margin-bottom: calc(80 * (100vw / 750));
  }
  #Foot .inner .footer__banner {
    max-width: calc(980 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
    justify-content: center;
  }
  #FootNav {
    max-width: calc(560 * (100vw / 750));
    margin-bottom: calc(25 * (100vw / 750));
    text-align: left;
    justify-content: space-between;
  }
  #FootNav li {
    display: block;
    width: 100%;
    max-width: calc(255 * (100vw / 750));
    margin-bottom: calc(50 * (100vw / 750));
  }
  #FootNav li:not(:last-child) {
    margin-right: 0;
  }
  #FootNav li:not(:nth-child(5)) {
    margin-right: 0;
  }
  #FootNav li a {
    font-size: calc(20 * (100vw / 750));
  }
  #coryRight {
    font-size: calc(14 * (100vw / 750));
  }
}

@media screen and (min-width: 481px) and (max-width: 699px) {
  #pagination p {
    font-size: calc(18 * (100vw / 700));
  }
  #pagination .p-list {
    margin-top: calc(30 * (100vw / 700));
  }
  #pagination .p-list ul {
    margin: 0 auto;
  }
  #pagination .p-list ul li {
    width: calc(30 * (100vw / 700));
    font-size: calc(22 * (100vw / 700));
  }
}

@media screen and (max-width: 480px) {
  #header.header.fixed {
    top: -31px;
  }
  .member__wrap-inner {
    margin-bottom: calc(53 * (100vw / 480));
    flex-direction: column;
    align-items: center;
    max-width: calc(690 * (100vw / 480));
  }
  .member__name-wrap {
    margin-right: 0;
    align-items: center;
  }
  .member__name-wrap img {
    margin-right: calc(22 * (100vw / 480));
  }
  .member__name-wrap p {
    font-size: calc(18 * (100vw / 480));
  }
  .member__name-wrap p span {
    margin-left: calc(46 * (100vw / 480));
    padding-bottom: calc(2 * (100vw / 480));
    font-size: calc(20 * (100vw / 480));
  }
  .member__wrap-inner .member__link-myPage,
  .member__wrap-inner .member__link-login {
    width: 90%;
    height: calc(73 * (100vw / 480));
    font-size: calc(20 * (100vw / 480));
    line-height: calc(73 * (100vw / 480));
  }

  .productCheckListTop__list {
    flex-wrap: wrap;
  }
  .productCheckListTop__list-item:not(:last-child) {
    margin-right: calc(20 * (100vw / 480));
  }
  .productCheckListTop__list-item:nth-child(3n) {
    margin-right: 0;
  }
  .productCheckListTop__list-item:nth-child(-n + 3) {
    margin-bottom: calc(26 * (100vw / 480));
  }
  .productCheckListTop__list-item {
    max-width: calc(124 * (100vw / 480));
  }
  .check__item-view-more {
    display: block;
    width: calc(124 * (100vw / 480));
  }
  .check__item-view-more a {
    justify-content: center;
  }
  .check__item-view-more a img {
    width: calc(66 * (100vw / 480));
  }
  .check__item-view-more p {
    margin-top: calc(5 * (100vw / 480));
    font-size: calc(16 * (100vw / 480));
  }
  #pagination p {
    font-size: calc(14 * (100vw / 480));
  }
  #pagination .p-list {
    margin-top: calc(50 * (100vw / 480));
  }
  #pagination .p-list ul {
    margin: 0 calc(50 * (100vw / 480));
  }
  #pagination .p-list ul li {
    width: calc(30 * (100vw / 480));
    font-size: calc(20 * (100vw / 480));
  }
  .banner-ttl {
    font-size: calc(20 * (100vw / 480));
  }
  .banner-left .banner-left__list-wrap .banner-left__list .acc__ttl.open {
    padding-bottom: 0;
  }
  .banner-text {
    font-size: calc(16 * (100vw / 480));
  }
}

/* order.css*/
.userBox {
  background: url(../../Contents/ImagesPkg/common/bg_boxC.gif) repeat-y left top;
  margin-top: 15px;
}
.userBox a {
  text-decoration: underline;
}
.userBox a:hover {
  text-decoration: none;
}
.userBox div.top {
  background: url(../../Contents/ImagesPkg/common/top_boxC.gif) no-repeat left
    top;
}
.userBox div.bottom {
  background: url(../../Contents/ImagesPkg/common/btm_boxC.gif) no-repeat left
    bottom;
  padding: 10px 21px 21px 21px;
}
.userBox img {
  vertical-align: middle;
}
.userBox dt {
  padding-top: 17px;
  font-weight: bold;
  color: #333333;
}
.userBox dt span {
  font-weight: normal !important;
}
.userBox dd {
  padding-top: 2px;
}
.userBox dd small.btn_add_sea {
  display: none;
}
.userBox dd a.gotop {
  float: right;
  color: #333333;
}

.userList {
  padding: 14px 21px 15px 21px;
}
.userList img {
  vertical-align: middle;
}
.userList dt {
  padding-top: 17px;
  font-weight: bold;
  color: #333333;
}
.userList dt span {
  font-weight: normal !important;
}
.userList dd {
  padding-top: 2px;
}
.userList dd.last {
  padding-bottom: 0px !important;
}
.userList div.subbox {
  margin: 18px 0px 2px 0px;
  padding-top: 4px;
  background: url(../../Contents/ImagesPkg/common/top_sub_boxA.gif) no-repeat
    left top;
}
*html .userList div.subbox {
  margin-bottom: 10px !important;
}
.userList div.subbox input {
  vertical-align: sub !important;
}
.userList div.subbox p {
  padding: 11px 15px;
  background-color: #eeeeee;
}
.userList div.subbox span {
  display: block;
  padding-top: 5px;
}
.userList div.subbox img {
  display: block;
}

*html .orderComplete {
  width: 877px;
}
.orderComplete p,
dt,
dd {
  text-align: left;
}
.orderComplete h3 {
  background: url(../../Contents/ImagesPkg/common/top_boxD.gif) no-repeat left
    top;
  font-size: 11px;
  color: #ffffff;
  padding: 5px 0px 5px 11px;
}
.orderComplete h4 {
  border: #adc3d0 solid 1px;
  background-color: #c8d3da;
  color: #333333;
  padding: 2px 0px 2px 11px;
  font-size: 12px;
}
.orderComplete div.background {
  background: url(../../Contents/ImagesPkg/common/bg_boxD.gif) repeat-y left top;
  width: 837px;
}
.orderComplete div.bottom {
  background: url(../../Contents/ImagesPkg/common/btm_boxD.gif) no-repeat left
    bottom;
  width: 837px;
}
.orderDetail {
  padding: 0px 30px 6px 30px;
  margin: 15px 0px 10px 0px;
  width: 777px;
  background: url(../../Contents/ImagesPkg/common/line_solidC.gif) repeat-y left
    top;
}
.orderDetail2 {
  padding: 0px 30px 6px 30px;
  margin: 15px 0px 10px 0px;
  width: 777px;
}
*html .orderDetail {
  width: 837px;
}
.suborderDetail {
  width: 777px;
}
.orderComplete div.orderDetail div.left,
.orderComplete div.orderDetail div.right {
  width: 360px;
}
.orderComplete div.orderDetail div.left div,
.orderComplete div.orderDetail div.right div {
  width: 360px;
}
.orderComplete div.orderDetail em {
  font-style: normal;
  font-weight: bold;
  color: #333333;
  display: block;
  padding-bottom: 8px;
}
.orderComplete div.orderDetail dl {
  width: 355px;
  padding-bottom: 8px;
}
.orderComplete div.orderDetail dl.last {
  padding-bottom: 0px !important;
}
.orderComplete div.orderDetail dt {
  width: 140px;
  float: left;
  padding: 1px 0px;
}
.orderComplete div.orderDetail dd {
  padding: 1px 0px 1px 150px;
}
.orderComplete div.orderDetail dd p {
  width: 200px;
}
.orderComplete div.orderDetail dd.paymentinfo {
  padding: 5px 0px 1px 0px;
}
.orderComplete div.orderDetail dd.paymentinfo table {
  padding: 5px;
  border: solid 2px #888;
}
.orderComplete div.orderDetail dd.paymentinfo table td {
  vertical-align: top;
  font-size: 10px;
}

.orderComplete div.productList {
  padding: 0px 0px 0px 0px;
  width: 807px;
  margin: 0px 15px;
}
.orderComplete div.product {
  padding: 15px 0px;
  width: 807px;
  border-bottom: #dddddd solid 1px;
}
.orderComplete div.product div {
  width: 787px;
  margin: 0px 10px;
}
.orderComplete div.productList dl.name {
  width: 486px;
  float: left;
}
.orderComplete div.productList dl.name dt {
  width: 70px;
  float: left;
}
.orderComplete div.productList dl.name dt a {
  display: block;
  text-align: center;
}
.orderComplete div.productList dl.name dd {
  width: 395px;
  float: right;
  font-weight: bold;
}
.orderComplete div.productList dl.name dd span {
  display: block;
  padding-top: 25px;
}
.orderComplete div.productList dl.name dd a {
  color: #333333;
  padding-left: 10px;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.4em;
}
.orderComplete div.productList p.subtotal {
  width: 170px;
  text-align: right;
  float: right;
  padding-top: 25px;
  font-weight: bold;
}
.orderComplete div.productList td.name {
  width: 486px;
}
.orderComplete div.productList td.name dl {
  width: 486px;
  float: left;
}
.orderComplete div.productList td.name dt {
  width: 70px;
  float: left;
}
.orderComplete div.productList td.name dt a {
  display: block;
  text-align: center;
}
.orderComplete div.productList td.name dd {
  width: 395px;
  float: right;
  font-weight: bold;
}
.orderComplete div.productList td.name dd span {
  display: block;
  padding-top: 25px;
}
.orderComplete div.productList td.name dd a {
  color: #333333;
  padding-left: 10px;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.4em;
}
.orderComplete div.productList td.quantity {
  width: 120px;
  text-align: left;
  vertical-align: middle;
}
.orderComplete div.productList td.subtotal {
  text-align: right;
  font-weight: bold;
  vertical-align: middle;
}

.orderComplete div.productList div.product2 {
  padding: 8px 0px 0px 0px;
  width: 807px;
  border-bottom: #dddddd solid 1px;
}
.orderComplete div.productList div.product2 dl.name dd span {
  padding-top: 10px;
  display: block;
}
.orderComplete div.productList div.product2 p.quantity {
  text-align: left;
}
.orderComplete div.productList div.product2 p.subtotal {
  width: 170px;
  text-align: right;
  float: right;
  padding-top: 10px;
  font-weight: bold;
}
.orderComplete div.orderDetail div.box {
  width: 360px;
  padding: 10px 10px 15px 15px;
  float: left;
}

.orderComplete div.cartOrder {
  padding-top: 20px;
  width: 807px;
}
.orderComplete div.cartOrder dl {
  width: 260px !important;
}
.orderComplete div.subcartOrder {
  width: 775px;
  padding-bottom: 10px;
}
.orderComplete div.sumBox {
  width: 338px;
  float: left;
  margin-top: 0px !important;
}

.orderComplete .productList {
  width: 96% !important;
}

.orderComplete div.sumBox dl {
  width: 338px !important;
  background: none !important;
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.orderComplete div.priceList {
  padding-top: 0px !important;
  width: 260px !important;
  float: right;
}
.orderComplete div.priceList div {
  width: 260px;
}

.orderCompleteSum {
  padding: 0px 20px;
  background: url(../../Contents/ImagesPkg/common/line_solidB.gif) repeat-y left
    top;
  width: 837px;
  margin: 0 auto;
}
*html .orderCompleteSum {
  width: 877px;
}
.suborderCompleteSum {
  width: 837px;
}
.orderCompleteSum div.sumBox {
  width: 338px;
  margin-top: 0px !important;
}
.orderCompleteSum div.sumBox dl {
  width: 338px !important;
  background: none !important;
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.orderCompleteSum div.sumBox p {
  width: 338px;
}
.orderCompleteSum span {
  display: block;
  padding-top: 10px;
  float: right;
}
.orderCompleteSum div.left,
.orderCompleteSum div.right {
  width: 378px;
}

/* 決済画面 */
.orderSettlement {
  padding: 0px 20px 20px 20px;
  width: 837px;
}
*html .orderSettlement {
  width: 877px;
}
.orderSettlement h3 {
  background: url(../../Contents/ImagesPkg/common/top_boxD.gif) no-repeat left
    top;
  font-size: 11px;
  color: #ffffff;
  padding: 5px 0px 5px 11px;
}
.orderSettlement div.background {
  background: url(../../Contents/ImagesPkg/common/bg_boxD.gif) repeat-y left top;
  width: 837px;
}
.orderSettlement div.bottom {
  background: url(../../Contents/ImagesPkg/common/btm_boxD.gif) no-repeat left
    bottom;
  width: 837px;
}
.orderDetail {
  padding: 0px 30px 6px 30px;
  margin: 15px 0px 10px 0px;
  width: 777px;
  background: url(../../Contents/ImagesPkg/common/line_solidC.gif) repeat-y left
    top;
}
*html .orderDetail {
  width: 837px;
}
.suborderDetail {
  width: 777px;
}
.orderSettlement div.orderDetail em {
  font-style: normal;
  font-weight: bold;
  color: #333333;
  display: block;
  padding-bottom: 8px;
}
.orderSettlement div.productList td.name {
  width: 60%;
  float: left;
}
.orderSettlement div.productList td.quantity {
  width: 40%;
  text-align: left;
}
.orderSettlement div.status {
  font-style: normal;
  font-size: large;
  font-weight: bold;
  color: #333333;
  display: block;
  padding: 4px 0px 8px 0px;
  float: right;
}

/* カート選択 */
#dvOrderBox p {
  margin: 0px;
  padding: 0px;
}
#dvOrderBox h2,
#dvOrderBox h3 {
  clear: both;
  font-weight: normal;
  line-height: 1.2;
  margin: 0px;
}

#dvOrderBox table img {
  vertical-align: middle;
}
#dvOrderBox table .productPrice img {
  height: 20px;
}
#dvOrderBox table td,
#dvOrderBox table th {
  empty-cells: show;
  vertical-align: middle;
  color: #333;
}
#dvOrderBox table th {
  text-align: left;
}
#dvOrderBox table td {
  line-height: 1.4 !important;
}
#dvOrderBox h2 {
  margin: 20px 0px 20px 0px;
  font: bold 12px 'ＭＳ Ｐゴシック';
}
#dvOrderBox h3 {
  margin: 10px 0px 10px 0px;
  font: bold 12px 'ＭＳ Ｐゴシック', Arial;
}
#dvOrderBox {
  /*width:700px;margin-left:75px;margin-top:10px;*/
  width: 100%;
  margin: 10px 0;
}

#dvOrderBox #dvCartSelect p {
  margin: 5px 0px 20px 0px;
  padding: 10px;
  background-color: #ececec;
  line-height: 1.6;
}
#dvOrderBox #dvCartSelect table {
  width: 100%;
  padding: 0;
  margin: 0px 0px 20px 0px;
  border-spacing: 0;
  empty-cells: show;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: collapse;
}
#dvOrderBox #dvCartSelect table th {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 4px;
  font-weight: bold;
  text-align: left;
}
#dvOrderBox #dvCartSelect table td {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 4px;
  text-align: left;
}
#dvOrderBox #dvCartSelect table .productImg {
  width: 80px !important;
  text-align: center;
}
#dvOrderBox #dvCartSelect table .productName {
  width: 300px;
}
#dvOrderBox #dvCartSelect table .productName img {
  height: 20px;
}
#dvOrderBox #dvCartSelect table .productPrice {
  width: 200px;
}
#dvOrderBox #dvCartSelect table .remark {
  width: 100px;
  text-align: center;
}

#dvOrderBox .dvOrderBtnBox {
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 10px;
}
#dvOrderBox .dvOrderBtnBox p {
  text-align: center;
}
#dvOrderBox .dvOrderBtnBox p span {
  margin: 0px 5px;
}

#dvOrderBox table {
  border-color: #ccc;
  background-color: #ececec;
}
#dvOrderBox table th {
  color: #444 !important;
  border-color: #ccc;
}
#dvOrderBox table td {
  border-color: #ccc;
  background-color: #fff;
}

/* 注文配送先選択（ギフト）　*/
.orderBoxLarge {
  border: #c2cfd7 solid 1px;
  margin: 5px 0px 15px 0px;
}
.orderBoxLarge a {
  text-decoration: underline;
}
.orderBoxLarge a:hover {
  text-decoration: none;
}
.orderBoxLarge h3 {
  background-color: #7799aa;
  font-size: 11px;
  color: #ffffff;
  padding: 5px 11px 5px 11px;
}
.orderBoxLarge h3 div.cartNo {
  text-align: left;
  float: left;
}
.orderBoxLarge h3 div.cartNo a {
  font-size: 11px;
  color: #ffffff;
}
.orderBoxLarge h3 div.cartLink {
  text-align: right;
}
.orderBoxLarge h3 div.cartLink a {
  font-size: 10px;
  color: #ffffff;
}
.orderBoxLarge h4 {
  border: #adc3d0 solid 1px;
  background-color: #c8d3da;
  color: #333333;
  padding: 2px 11px 2px 11px;
  font-size: 12px;
}
.orderBoxLarge h4 div.cartNo {
  text-align: left;
  float: left;
}
.orderBoxLarge h4 div.cartLink {
  text-align: right;
}
.orderBoxLarge h4 div.cartLink a {
  font-size: 10px;
}
.orderBoxLarge h5 {
  border: #adc3d0 solid 1px;
  background-color: #e8f3fa;
  color: #333333;
  padding: 2px 0px 2px 11px;
  font-size: 12px;
  margin: 0px 1px 10px 1px;
}
.orderBoxLarge h5 a {
  font-size: 11px;
}
/*.orderBoxLarge div.bottom{padding-bottom:13px;}*/
.orderBoxLarge div.addShipping {
  clear: both;
  padding: 2px 0px 2px 0px;
  background-color: #ebf0ff;
}

.orderBoxLarge div.last div.box {
  border-bottom: none !important;
}
.orderBoxLarge div.box {
  padding: 14px 21px 15px 21px;
  margin-bottom: 2px;
  border-bottom: #c2cfd7 solid 1px;
}
.orderBoxLarge div.box div {
  width: 298px;
}
.orderBoxLarge div.box em {
  font-style: normal;
  font-weight: bold;
  color: #333333;
  display: block;
  padding-bottom: 8px;
}
.orderBoxLarge div.box dl {
  width: 298px;
  padding-bottom: 15px;
}
.orderBoxLarge div.box dt {
  width: 120px;
  float: left;
  padding: 1px 0px;
}
.orderBoxLarge div.box dd {
  padding: 1px 0px 1px 130px;
}
.orderBoxLarge div.box dd p {
  width: 168px;
}

*html .orderBoxLarge div.box dd p {
  width: 165px;
}

.orderBoxLarge div.list {
  padding: 14px 21px 15px 21px;
}
.orderBoxLarge div.list p {
  padding-top: 10px;
}
.orderBoxLarge div.list dl {
  padding: 3px 0px 0px 0px;
}
.orderBoxLarge div.list dt {
  clear: both;
  float: left;
  width: 120px;
  height: 20px;
  color: #333333;
  font-weight: bold;
  padding: 2px 0px 2px 5px;
  background-color: #ecf2f5;
  margin: 0px 0px 5px 0px;
}
.orderBoxLarge div.list dt input {
  vertical-align: sub !important;
}
.orderBoxLarge div.list dd {
  float: left;
  width: 250px;
  padding: 2px 0px 2px 5px !important;
}
.orderBoxLarge div.list dd.error {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px !important;
}

.orderBoxLarge div.list li {
  padding: 10px 0px 0px 11px;
  background: url(../../Contents/ImagesPkg/common/bg_spot.gif) no-repeat 0em
    1.2em;
}
.orderBoxLarge div.memo {
  padding: 14px 21px 5px 21px;
}

.orderBoxLarge div.userListFloat {
  float: left;
  width: 405px;
  background-color: #f8fbff;
  padding: 10px;
  margin: 5px;
  height: 100%;
}
.orderBoxLarge div.userListWide {
  float: left;
  width: 842px;
  background-color: #f8fbff;
  padding: 10px;
  margin: 5px;
  height: 100%;
}
.orderBoxLarge div.userListWide .inner {
  padding: 10px 10px 0px 10px;
}

.orderBoxLarge div.userProductBox {
  width: 842px;
  background-color: #f8fbff;
  padding: 10px 10px 5px 10px;
  margin: 5px;
  height: 100%;
}
.orderBoxLarge div.userProductTitle {
  padding: 0px 2px 0px 20px;
}
.orderBoxLarge div.userProduct {
  padding: 0px 21px;
}
.orderBoxLarge div.userProduct div {
  background-color: #f8fbff;
  width: 405px;
  padding: 10px 0px 5px 0px;
  background: url(../../Contents/ImagesPkg/common/line_dottedB.gif) repeat-x
    left bottom;
}
.orderBoxLarge div.userProduct div.last {
  background: none !important;
}
.orderBoxLarge div.userProduct dl {
  width: 298px;
  font-size: 10px;
}
.orderBoxLarge div.userProduct dt {
  width: 48px;
  float: left;
}
.orderBoxLarge div.userProduct dt a {
  display: block;
  text-align: center;
}
.orderBoxLarge div.userProduct dd {
  width: 228px;
  float: right;
}
.orderBoxLarge div.userProduct dd strong {
  display: block;
  padding-top: 15px;
}
.orderBoxLarge div.userProduct dd strong a {
  color: #333333;
  padding-left: 10px;
  background: url(../../Contents/ImagesPkg/common/arrow_C.gif) no-repeat 0em
    0.5em;
}
.orderBoxLarge div.userProduct p.quantity input {
  border: #aaaaaa solid 1px;
  width: 28px;
  text-align: center;
}

/* LandingOrderPage */

.LandingOrderPage #Contents div.main,
.LandingOrderPage #Contents div.submain {
  width: 850px !important;
  padding: 0;
  background-image: none;
}
.LandingOrderPage .columnLeft,
.LandingOrderPage #Contents .columnLeft div.column {
  width: 450px !important;
}
.LandingOrderPage .userBox {
  background-image: none;
}
.LandingOrderPage .userBox dt {
  background-color: #eee;
  padding: 4px;
}
.LandingOrderPage .userBox dd {
  padding: 4px 4px 20px;
}
.LandingOrderPage .userBox div.bottom {
  background-image: none;
  padding: 0;
}

.OrderCombineSelectlist table:last-child {
  margin-bottom: 30px;
}
.OrderCombineSelectlist .title {
  width: 100%;
  font-size: 15px;
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.OrderCombineSelectlist table {
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}
.OrderCombineSelectlist .selected {
  background-color: #f1f1f1;
}
.OrderCombineSelectlist .radio {
  width: 60px;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
  cursor: pointer;
}
.OrderCombineSelectlist table td {
  padding: 7px;
  line-height: 1.3;
}
.OrderCombineSelectlist table th {
  padding: 7px;
  line-height: 1.3;
  width: 150px;
  font-weight: normal;
  text-align: right;
}
.InternationalShippingAttention {
  color: red;
}
.OrderCombineSelectlist .radio {
  position: relative;
}
.OrderCombineSelectlist .radio input::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 20%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #9d9d9d;
  border-radius: 100%;
}
.OrderCombineSelectlist .radio input[type='radio']:checked::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 29%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #545454;
  border-radius: 100%;
}
.OrderCombineSelectlist table {
  min-height: 60px;
}
@media screen and (max-width: 768px) {
  .OrderCombineSelectlist .radio {
    width: 10%;
  }
  .OrderCombineSelectlist table th {
    width: 33%;
  }
  .OrderCombineSelectlist .radio::before {
    left: 26%;
  }
  .OrderCombineSelectlist .radio input[type='radio']:checked::after {
    left: 35%;
  }
}
@media screen and (max-width: 480px) {
  .OrderCombineSelectlist .radio input[type='radio']:checked::after {
    left: 40%;
  }
}

/* user.css*/

/*==============================================================================================
 * 全体の設定値を初期化
==============================================================================================*/

#dvUserBox .btmbtn {
  clear: both;
  margin-top: 10px;
}

/*==============================================================================================
 * 各タグを初期化
==============================================================================================*/
#dvUserBox ins {
  font: 11px normal 'メイリオ', 'ヒラギノ', tahoma, 'ＭＳ Ｐゴシック' !important;
  font: 10px normal 'メイリオ', 'ヒラギノ', tahoma, 'ＭＳ Ｐゴシック';
  color: #666 !important;
  text-decoration: none;
}

#dvUserBox select {
  background-color: #fff;
}
#dvUserBox textarea {
  background-color: #fff;
}

/*==============================================================================================
 * Form内のパーツの設定
==============================================================================================*/
input.nameFull {
  width: 208px;
} /* 名前用(フルネーム) */
input.nameFirst {
  width: 100px;
} /* 苗字用 */
input.nameLast {
  width: 100px;
} /* 名前用 */
input.nickname {
  width: 100px;
} /* ニックネーム用 */
select.year {
  width: 60px;
} /* 年選択ボックス */
select.month {
  width: 45px;
} /* 月選択ボックス */
select.date {
  width: 45px;
} /* 日付選択ボックス */
input.mailAddr {
  width: 250px;
} /* メールアドレス用 */
input.zipFirst {
  width: 50px;
} /* 郵便番号前 */
input.zipLast {
  width: 70px;
} /* 郵便番号後 */
select.district {
  width: 100px;
} /* 都道府県選択ボックス */
input.addr {
  width: 250px;
} /* 市区町村用 */
input.addr2 {
  width: 250px;
} /* 番地・建物名用 */
input.tel {
  width: 120px;
} /* 電話番号用 */
input.tel1,
input.tel2,
input.tel3 {
  width: 50px;
} /* 問合せ内容 */
textarea.inquirytext {
  width: 400px;
} /* カード番号 */
input.cardNo1,
input.cardNo2,
input.cardNo3,
input.cardNo4 {
  width: 60px;
}
input.loginId {
  width: 120px;
} /* ログインID用 */
input.loginIdInMailAddr {
  width: 160px;
} /* ログインID用(メールアドレスのログインID利用時) */
input.loginPass {
  width: 120px;
} /* ログインパスワード用 */
input.orderCount {
  width: 30px;
} /* カート注文数 */
input.password {
  width: 120px;
}
input.nameShipping {
  width: 208px;
} /* 配送先名 */
#dvUserBox label {
  color: #333;
  padding: 0px 3px;
} /* ラジオボタンラベル用 */
#dvUserBox input {
  vertical-align: middle;
}

/* チェックボックス、ラジオボタン用の縦の整列 */
.checkBox input {
  vertical-align: middle;
}
.radioBtn input {
  vertical-align: middle;
  background-color: transparent !important;
}
.checkBox label {
  vertical-align: middle;
}
.radioBtn label {
  vertical-align: -3px;
}
* + html .radioBtn label {
  vertical-align: 0px;
} /* ie7用 */
* html .radioBtn label {
  vertical-align: -2px;
} /* ie6以下 */
* html > body .radioBtn label {
  vertical-align: 0px;
}

/*==============================================================================================
 * Table内のパーツの設定
==============================================================================================*/
/*----------------------------------------------------------------------------------------------
 ユーザー系テーブル
----------------------------------------------------------------------------------------------*/
/* テーブル内の画像 */
#dvUserBox table img {
  vertical-align: middle;
} /* inputなどの要素と並びを揃える */
#dvUserBox table td #imgProductImage,
#dvUserBox table td .imgProductImage,
#dvUserBox table td #picture {
  width: 100%;
}

/* ----- 注文系テーブル セルの一括指定 ----- */
#dvUserBox table td,
#dvUserBox table th {
  empty-cells: show;
  vertical-align: middle;
  color: #333;
}

/* ----- 注文系th要素全体 ----- */
#dvUserBox table th {
  text-align: left;
  font-weight: normal;
}

/* ラジオボタンの左マージン回避 */
#dvUserBox table th input {
  margin-left: -7px;
}
#dvUserBox table th label {
  font-weight: bold;
  vertical-align: -1px;
}

/* ----- 注文系td要素全体 ----- */
#dvUserBox table td {
  line-height: 1.4;
}

/* 注釈 */
#dvUserBox table td ins {
  margin-left: 2px !important;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系パンくず
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvHeaderRegistClumbs p,
#dvUserBox #dvHeaderModifyClumbs p,
#dvUserBox #dvHeaderWithdrawClumbs p,
#dvUserBox #dvHeaderUserShippingClumbs p,
#dvUserBox #dvHeaderUserCreditCardClumbs p {
  text-align: center;
  padding: 9px 0px 9px 0px;
}

/*==============================================================================================
ユーザー系情報領域
 * ファイル名でIDを振る。
 * 例(CartListページの場合)、#dvOrderBox #dvCartList
==============================================================================================*/
/*----------------------------------------------------------------------------------------------
 ユーザー系マイページ
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMyPage {
}

/*----------------------------------------
 ユーザおすすめ商品一覧
-----------------------------------------*/
#dvUserBox #dvMyPage #dvUpSell {
  margin-top: 20px;
}
#dvUserBox #dvMyPage #dvUpSell dl dt {
  border-bottom: solid 1px #ccc;
  padding-bottom: 1px;
  margin-bottom: 2px;
}
#dvUserBox #dvMyPage #dvUpSell dl dd.productInfo ul li.productInfoList {
  width: 220px;
  float: left;
  margin: 2px 0px;
  height: 80px;
}
#dvUserBox #dvMyPage #dvUpSell dl dd.productInfo ul li ul li.thumnail {
  text-align: center;
  width: 80px;
  border: solid 1px #ccc;
  float: left;
  margin-right: 3px;
  padding: 2px 0px;
}
#dvUserBox #dvMyPage #dvUpSell dl dd.productInfo ul li ul li.productName {
  width: 115px;
  float: right;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系お気に入りリスト
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvFavoriteList {
}
#dvUserBox #dvFavoriteList p {
}

/*----------------------------------------
 お気に入りリストブロック
-----------------------------------------*/
#dvUserBox #dvFavoriteList .dvFavoriteList {
}

/* ===== お気に入りリストテーブル ===== */
#dvUserBox #dvFavoriteList table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvFavoriteList table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvFavoriteList table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}
/* 商品画像 */
#dvUserBox #dvFavoriteList table .productImage {
  width: 80px;
}
.favoriteProductImage {
  position: relative;
}
/* 商品型番 */
#dvUserBox #dvFavoriteList table .productPatternNum {
}
/* 商品名 */
#dvUserBox #dvFavoriteList table .productName {
  width: 360px;
}
/* 削除ボタン列 */
#dvUserBox #dvFavoriteList table .delete {
  width: 50px;
}
/* ページャ */
#dvUserBox #dvFavoriteList .pager {
  border: none;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系アドレス帳 アドレス帳一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserShippingList {
}
#dvUserBox #dvUserShippingList p {
}

/*----------------------------------------
 アドレス帳一覧ブロック
-----------------------------------------*/
#dvUserBox #dvUserShippingList .dvUserShippingList {
}

/* ===== お気に入りリストテーブル ===== */
#dvUserBox #dvUserShippingList table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserShippingList table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserShippingList table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}
/* 配送先名 */
#dvUserBox #dvUserShippingList table .shippingName {
  width: 160px;
}
/* お届け先 */
#dvUserBox #dvUserShippingList table .shippingAddr {
  width: 300px;
}
/* 更新・削除ボタン列 */
#dvUserBox #dvUserShippingList table .updatedelete {
  width: 120px;
}
#dvUserBox #dvUserShippingList table .updatedelete a {
  margin-bottom: 3px;
}
/* 追加ボタン例 */
#dvUserBox #dvUserShippingList table .insert {
  border-bottom-style: none;
  background-color: #ffffff;
  text-align: right;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳 アドレス帳の入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserShippingInput {
}
#dvUserBox #dvUserShippingInput table,
#dvUserBox #dvUserShippingConfirm table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}
/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserShippingInput table th,
#dvUserBox #dvUserShippingConfirm table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserShippingInput table td,
#dvUserBox #dvUserShippingConfirm table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}
#dvUserBox #dvUserShippingInput table table {
  padding: 0;
  margin: 0;
  border: none;
  border-top-width: 0px;
  width: auto;
}
#dvUserBox #dvUserShippingInput table table td {
  border: none;
  border-top-width: 0px;
  padding: 0px;
  margin: 0px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserShippingConfirm {
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード クレジットカード一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserCreditCardList {
}
#dvUserBox #dvUserCreditCardList p {
}

/*----------------------------------------
 クレジットカード一覧ブロック
-----------------------------------------*/
#dvUserBox #dvUserCreditCardList .dvUserCreditCardList {
}

/* クレジットカード名 */
#dvUserBox #dvUserCreditCardList table .CreditcardName {
  width: 160px;
}
/* クレジットカード詳細 */
#dvUserBox #dvUserCreditCardList table .CreditCardDetail {
  width: 300px;
}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail li {
  line-height: 1.4;
}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .itemname {
  float: left;
  width: 80px;
}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .iteminfo {
  float: left;
  width: 200px;
}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .separator {
  float: left;
  width: 10px;
}
/* 削除ボタン列 */
#dvUserBox #dvUserCreditCardList table .delete {
  width: 120px;
  text-align: right;
  padding-right: 15px;
}
/* 追加ボタン */
#dvUserBox #dvUserCreditCardList table .insert {
  border-bottom-style: none;
  background-color: #ffffff;
  text-align: right;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード クレジットカードの入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserCreditCardInput {
}
#dvUserBox #dvUserCreditCardInput p {
  margin: 5px 0px 1px 0px;
}
#dvUserBox #dvUserCreditCardInput .dvUserCreditCardInfo,
#dvUserBox #dvUserCreditCardConfirm .dvUserCreditCardInfo {
  margin-bottom: 20px;
}
#dvUserBox #dvUserCreditCardInput table,
#dvUserBox #dvUserCreditCardConfirm table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}
/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserCreditCardInput table th,
#dvUserBox #dvUserCreditCardConfirm table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserCreditCardInput table td,
#dvUserBox #dvUserCreditCardConfirm table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserCreditCardConfirm {
}

/*----------------------------------------
 購入履歴一覧ブロック
-----------------------------------------*/
#dvUserBox #dvOrderHistoryList .dvOrderHistoryList {
}

/* ===== 購入履歴一覧テーブル ===== */
#dvUserBox #dvOrderHistoryList table {
  width: 100%;
  padding: 0;
  margin: 15px 0;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvOrderHistoryList table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvOrderHistoryList table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}

#dvUserBox #dvOrderHistoryList tbody.orderContents {
  background-color: #fbfbfb;
}

#dvUserBox #dvOrderHistoryList tbody.orderContents:hover {
  background-color: #f9f7f7;
}

#dvUserBox #dvOrderHistoryList tbody.orderContents td {
  background-color: transparent;
}

#dvUserBox #dvOrderHistoryList tbody.orderContents:hover td a {
  color: #333;
}

#dvUserBox #dvOrderHistoryList table td p,
#dvUserBox #dvOrderHistoryList table td div {
  line-height: 1.4;
}

/* ご注文番号 */
#dvUserBox #dvOrderHistoryList table .orderNum {
  width: 200px;
  text-align: center;
}
/* ご購入日 */
#dvUserBox #dvOrderHistoryList table .orderDate {
  width: 110px;
  text-align: center;
}
/* お支払い金額合計 */
#dvUserBox #dvOrderHistoryList table .paymentTotal {
  text-align: right;
  padding-right: 20px;
  width: 110px;
  text-align: center;
}
/* ご注文状況 */
#dvUserBox #dvOrderHistoryList table .orderStatus {
  width: 100px;
  text-align: center;
  text-align: center;
}
/* 詳細ボタン */
#dvUserBox #dvOrderHistoryList table .btnDetail {
  width: 55px;
  text-align: center;
}
/* 配送希望日 */
#dvUserBox #dvOrderHistoryList table .shippingDate {
  width: 110px;
  text-align: center;
}
/* 定期購入ID */
#dvUserBox #dvOrderHistoryList table .fixedPurchaseId {
  width: 200px;
  text-align: center;
}
/* 注文一覧・商品一覧の表示切替 */
#dvUserBox #dvOrderHistoryList .displayType {
  float: left;
}

#dvUserBox #dvOrderHistoryList table .orderItemProductInfo {
  width: 220px;
}

/* 商品表示エリア */
#dvUserBox #dvOrderHistoryList tbody.orderContents .itemArea {
  width: 100%;
  margin: 5px 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/* 商品タイトル */
#dvUserBox #dvOrderHistoryList tbody.orderContents .itemArea .itemTitle {
  width: 100%;
  padding: 5px;
  margin: 0 10px;
  display: inline-block;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴詳細
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryDetail {
}

/* ===== 購入履歴詳細テーブル ===== */
#dvUserBox #dvOrderHistoryDetail table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvOrderHistoryDetail table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvOrderHistoryDetail table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}
/*----------------------------------------
 購入履歴詳細ブロック ご注文情報
-----------------------------------------*/
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo {
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .orderTotal {
  font-weight: bold;
}
/*----------------------------------------
 購入履歴詳細ブロック お届け先情報
-----------------------------------------*/
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping {
}

/*----------------------------------------
 購入履歴詳細ブロック 商品一覧
 * テーブルのつなげるために上のborderを消す
-----------------------------------------*/
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table * {
  width: auto;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table,
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table th {
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productName {
  width: 300px;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productPrice,
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderCount,
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal {
  text-align: right;
}

/* テーブルブロックごとの余白 */
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table,
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table {
  margin-bottom: 20px;
}

/*----------------------------------------
 購入履歴合計額ブロック
-----------------------------------------*/
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap {
  width: 100%;
  position: relative;
}
/* ===== 合計情報ブロック ===== */
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum {
  width: 300px;
  float: right;
}

/* ----- 商品合計、配送料金、ポイント情報 ----- */
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderSum {
}

/* ----- 総合計 ----- */
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal {
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  margin: 5px 0px 0px 0px;
  padding: 3px 0px;
  height: 2.4em;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dt,
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dd {
  font-weight: bold;
}

/* 項目名 */
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dt {
  margin-top: 8px;
  width: 150px;
  text-align: right;
  line-height: 1.4em;
}
/* 値 */
#dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd {
  width: 110px;
  text-align: right;
  margin-top: -1.3em;
  margin-left: 170px;
  margin-right: 0;
}
/* 会員ランク割引額*/
#dvUserBox
  #dvOrderHistoryDetail
  .dvOrderSumWrap
  .dvOrderSum
  dl
  dd.MemberRankUse
  span {
  color: #ff0000;
}
/* ポイント利用額 */
#dvUserBox
  #dvOrderHistoryDetail
  .dvOrderSumWrap
  .dvOrderSum
  dl
  dd.pointUse
  span {
  color: #ff0000;
}
/* クーポン割引額 */
#dvUserBox
  #dvOrderHistoryDetail
  .dvOrderSumWrap
  .dvOrderSum
  dl
  dd.couponUse
  span {
  color: #ff0000;
}

/*----------------------------------------------------------------------------------------------
   注文履歴一覧画面でのカート投入時フローティングウィンドウ表示
   PC、スマートフォンで同じものを利用
----------------------------------------------------------------------------------------------*/
/* フローティングウィンドウデザイン */
#addCartResultPopup {
  display: none;
  position: absolute;
  z-index: 0;
  background: #fdfdfd;
  width: 200px;
  height: 200px;
  border: 2px solid #777;
  text-align: center;
  box-shadow: 8px 8px 16px #aaa;
}

/* フローティングウィンドウ内、タイトル */
#addCartResultPopup .popupTitle {
  width: 100%;
  background: #efefef;
  border-bottom: solid 1px #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

/* フローティングウィンドウ内、非表示ボタン */
#addCartResultPopup .closePopup {
  cursor: pointer;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 定期購入情報一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvFixedPurchaseList {
}

/*----------------------------------------
 定期購入情報一覧ブロック
-----------------------------------------*/
#dvUserBox #dvFixedPurchaseList .dvFixedPurchaseList {
}

/* ===== 定期購入情報一覧テーブル ===== */
#dvUserBox #dvFixedPurchaseList table {
  width: 100%;
  padding: 0;
  margin: 15px 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvFixedPurchaseList table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvFixedPurchaseList table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px 8px;
  text-align: left;
}

#dvUserBox #dvFixedPurchaseList tbody.orderContents {
  background-color: #fbfbfb;
}

#dvUserBox #dvFixedPurchaseList tbody.orderContents:hover {
  background-color: #f9f7f7;
}

#dvUserBox #dvFixedPurchaseList tbody.orderContents td {
  background-color: transparent;
}

#dvUserBox #dvFixedPurchaseList tbody.orderContents:hover td a {
  color: #333;
}

/* 定期購入ID */
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseId {
  width: 165px;
  text-align: center;
}
/* 定期購入ステータス */
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus {
  width: 95px;
  text-align: center;
}
/* 定期購入設定 */
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseTerm {
  width: 120px;
}
/* 最終購入日 */
#dvUserBox #dvFixedPurchaseList table .lastOrderDate {
  width: 145px;
  text-align: center;
}
/* 次回配送日 */
#dvUserBox #dvFixedPurchaseList table .nextShippingDate {
  width: 145px;
  text-align: center;
}
/* 購入回数 */
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseCount {
  text-align: center;
  width: 35px;
}
/* 詳細ボタン */
#dvUserBox #dvFixedPurchaseList table .btnDetail {
  text-align: center;
  width: 65px;
}
/* 定期購入ステータス（通常) */
#dvUserBox
  #dvFixedPurchaseList
  table
  .fixedPurchaseStatus
  .fixedPurchaseStatus_10 {
  color: #333333;
  font-weight: bold;
}
/* 定期購入ステータス（決済エラー停止) */
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_11,	/*決済エラー停止*/
#dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_12 {
  /*在庫エラー停止*/
  color: #ff0000;
  font-weight: bold;
}
/* 定期購入ステータス（キャンセル) */
#dvUserBox
  #dvFixedPurchaseList
  table
  .fixedPurchaseStatus
  .fixedPurchaseStatus_30 {
}

/* 商品表示エリア */
#dvUserBox #dvFixedPurchaseList tbody.orderContents .itemArea {
  width: 100%;
  margin: 5px 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/* 商品タイトル */
#dvUserBox #dvFixedPurchaseList tbody.orderContents .itemArea .itemTitle {
  width: 100%;
  padding: 5px;
  margin: 0 10px;
  display: inline-block;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 定期購入情報詳細
-----------------------------------------------------------------------------------------------*/

/* アラート・情報 */
#dvUserBox #dvFixedPurchaseDetail table td .alert {
  color: #ff0000;
  font-weight: bold;
}

/*----------------------------------------
 定期購入情報詳細ブロック お届け先情報
-----------------------------------------*/
#dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryShipping {
}

/*----------------------------------------
 定期購入情報詳細ブロック 商品一覧
 * テーブルのつなげるために上のborderを消す
-----------------------------------------*/
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table * {
  width: auto;
}
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table,
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table th {
}
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productName {
  width: 300px;
}
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productPrice,
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderCount,
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderSubtotal {
  text-align: right;
}

/* テーブルブロックごとの余白 */
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail table,
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table,
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetailCard table {
  margin-bottom: 20px;
}

/* 定期購入ステータス（通常) */
#dvUserBox #dvFixedPurchaseDetail table td .fixedPurchaseStatus_10 {
  color: #333333;
  font-weight: bold;
}
/* 定期購入ステータス（決済エラー停止) */
#dvUserBox #dvFixedPurchaseDetail table .fixedPurchaseStatus_11,	/*決済エラー停止*/
#dvUserBox #dvFixedPurchaseDetail table .fixedPurchaseStatus_12 {
  /*在庫エラー停止*/
  color: #ff0000;
  font-weight: bold;
}

/* 決済ステータス（通常) */
#dvUserBox #dvFixedPurchaseDetail table .paymentStatus_10 {
  color: #333333;
  font-weight: bold;
}
/* 決済ステータス（決済失敗) */
#dvUserBox #dvFixedPurchaseDetail table td .paymentStatus_11 {
  color: #ff0000;
  font-weight: bold;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 登録情報変更 会員情報の入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserModifyInput .dvUserInfo,
#dvUserBox #dvUserModifyConfirm .dvUserInfo {
  margin-bottom: 20px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 会員退会
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserWithdrawInput .dvWithdrawInfo {
  margin-top: 20px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistRegulation p {
  line-height: 1.8;
}
#dvUserBox #dvUserRegistRegulation ul {
  margin-bottom: 5px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員情報の入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistInput table,
#dvUserBox #dvUserRegistConfirm table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#dvUserBox #dvUserRegistInput table table {
  padding: 0;
  margin: 0;
  border: none;
  border-top-width: 0px;
  width: auto;
}
#dvUserBox #dvUserRegistInput table table td {
  border: none;
  border-top-width: 0px;
  padding: 0px;
  margin: 0px;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserRegistInput table th,
#dvUserBox #dvUserRegistConfirm table th {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: #f1f1f1;
  padding: 10px;
  text-align: left;
  width: 220px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserRegistInput table td,
#dvUserBox #dvUserRegistConfirm table td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: #fff;
  padding: 10px;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 パスワードリマインダー
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvPasswordReminderInput,
#dvUserBox #dvPasswordModifyInput {
  line-height: 1.5;
}

#dvUserBox #dvPasswordReminderInput .dvReminder table,
#dvUserBox #dvPasswordModifyInput .dvModify table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvPasswordReminderInput .dvReminder table th,
#dvUserBox #dvPasswordModifyInput .dvModify table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
}

#dvUserBox #dvPasswordModifyInput .dvModify table th {
  width: 150px;
}

/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvPasswordReminderInput .dvReminder table td,
#dvUserBox #dvPasswordModifyInput .dvModify table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}

#dvUserBox #dvPasswordModifyInput .dvModify table td {
  width: 300px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン解除入力画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineCancelInput .dvMailMagazineCancel table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvMailMagazineCancelInput .dvMailMagazineCancel table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvMailMagazineCancelInput .dvMailMagazineCancel table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン登録入力画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineRegistInput table,
#dvUserBox #dvMailMagazineRegistConfirm table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvMailMagazineRegistInput table th,
#dvUserBox #dvMailMagazineRegistConfirm table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 180px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvMailMagazineRegistInput table td,
#dvUserBox #dvMailMagazineRegistConfirm table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 シリアルキー認証画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvSerialKeyAuth table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}
#dvUserBox #dvSerialKeyAuth table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #fff;
  background-color: #ececec;
  padding: 3px 6px;
  text-align: left;
  width: 120px;
}
#dvUserBox #dvSerialKeyAuth table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #fff;
  background-color: #f4f4f4;
  padding: 3px 6px;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 ログインページ
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvLogin {
  /*float:left;*/
  position: relative;
}
#dvUserBox #dvLogin p {
  margin: 5px 20px 10px 12px;
}
#dvUserBox #dvLogin #dvLoginWrap {
  float: left;
  width: 450px;
  display: inline;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ccc;
}

#dvUserBox #dvLogin .dvLoginLogin {
}
#dvUserBox #dvLogin .dvLoginLogin ul {
  padding: 5px 40px 10px 10px;
}
/* ログイン情報 */
#dvUserBox #dvLogin .dvLoginLogin ul li {
  margin: 3px;
}
/* ログインボタン */
#dvUserBox #dvLogin .dvLoginLogin ul li.loginBtn {
  margin-top: -60px;
  margin-left: 180px;
}
/* パスワードリマインダー */
#dvUserBox #dvLogin #dvLoginWrap .dvLoginReminder {
  margin-top: 30px;
}

/* 会員登録 */
#dvUserBox #dvLogin .dvLoginRegist {
  float: right;
  width: 460px;
}
#dvUserBox #dvLogin .dvLoginRegist p {
  margin-right: 0px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ内容の入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserInquiryInput .dvUserInfo,
#dvUserBox #dvUserInquiryConfirm .dvUserInfo {
  margin-bottom: 20px;
}
#dvUserBox #dvUserInquiryInput table,
#dvUserBox #dvUserInquiryConfirm table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: separate;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserInquiryInput table th,
#dvUserBox #dvUserInquiryConfirm table th {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: #ececec;
  padding: 10px;
  text-align: left;
  width: 180px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserInquiryInput table td,
#dvUserBox #dvUserInquiryConfirm table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 10px;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
　オーダー系ボタン領域　
----------------------------------------------------------------------------------------------*/
/*----------------------------------------
 ボーダーなし
-----------------------------------------*/
#dvUserBox .dvUserBtnBox {
  margin: 0px;
  padding-top: 20px;
}
#dvUserBox .dvFixedPurchaseCancelConfirm {
  margin: 0px;
  padding-bottom: 20px;
  padding-top: 0px;
}
#dvUserBox .alert {
  color: #ff0000;
  font-weight: bold;
}
#dvUserBox .dvUserBtnBox p {
  text-align: center;
}
#dvUserBox .dvUserBtnBox p span {
  margin: 0px 0px 0px 5px;
}
#dvUserBox .dvUserBtnBox p span img {
  margin: 0;
  padding: 0;
}

#dvUserBox .dvUserBtnBox div.btmbtn ul {
  text-align: center;
}

#dvUserBox .dvUserBtnBox div.btmbtn ul li {
  display: inline;
  *display: inline;
  *zoom: 1;
  margin: 0 3px;
}

/*----------------------------------------
 ボーダーあり
-----------------------------------------*/
#dvUserBox .dvUserBtnBoxB {
  margin: 20px 0px 0px 0px;
  padding-top: 20px;
  padding-bottom: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
}
#dvUserBox .dvUserBtnBoxB p {
  text-align: center;
}
#dvUserBox .dvUserBtnBoxB p span {
  margin: 0px 5px;
}

/*==============================================================================================
 マイページ系メニューボックス
==============================================================================================*/
#dvUserBox #dvUserMenu h6 {
  padding: 16px 10px;
  font-weight: bold;
  font-size: 15px;
}

#dvUserBox #dvUserMenu ul {
}
#dvUserBox #dvUserMenu ul li {
}

#dvUserBox #dvUserMenu ul li a {
  display: block;
  padding: 16px 10px;
}

/*==============================================================================================
 汎用クラス
==============================================================================================*/
/* セルが結合されている場合は既存の幅の指定を解除 */
#dvUserBox .combine {
  width: auto !important;
  font-weight: normal;
  padding-left: 10px !important;
}

/* 必須マーク */
#dvUserBox .necessary {
  color: #ff0000 !important;
  padding: 0px 4px !important;
}

#dvUserBox .notes {
  color: #666;
  font-size: 11px !important;
  padding: 0px 3px;
}

#dvUserBox .productId {
  padding: 0px 3px !important;
}

/* 完了系の文言 */
#dvUserBox .completeInfo {
  text-align: center;
  padding: 15px;
  background-color: #ececec;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #ccc;
  line-height: 1.7;
}
#dvUserBox .completeInfo span {
  color: #ff0000;
  padding: 0px 3px;
}

/* 受付センター情報 */
#dvUserBox .receptionInfo {
  text-align: center;
  padding: 15px;
  line-height: 1.7;
}

/* ページャ */
#dvUserBox .pager {
  text-align: right;
  display: block;
  margin: 7px 0px;
}

#dvUserBox .dvContentsInfo p {
  line-height: 1.8;
  /*width:500px; MacIE用の幅 */
}

/*MacIE以外\*/
* html #dvUserBox .dvContentsInfo p {
  line-height: 1.8;
  width: auto;
}
/**/
#dvUserBox .contentsInfo {
  padding: 10px 20px 5px 20px;
  background: #ececec;
  margin-bottom: 20px;
}
#dvUserBox .contentsInfo p {
  padding: 0;
  margin: 0;
}

/*----------------------------------------------------------------------------------------------
　Float Clearing　
----------------------------------------------------------------------------------------------*/
.clearFix {
  min-height: 1%;
}
.clearFix:after {
  /*for modern browser*/
  content: '.';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
* html .clearFix {
  /*\*/
  height: 1%; /*for WinIE*/
  display: inline-table; /*for MacIE*/
}

/*----------------------------------------------------------------------------------------------
 ユーザー系テーブルの入れ子のテーブル
 * 設定値を上書きするために下方に記述
----------------------------------------------------------------------------------------------*/
#dvUserBox table table {
  padding: 0;
  margin: 0;
  border: none;
  border-top-width: 0px;
  border-spacing: 0;
  width: auto;
}
#dvUserBox table table th {
  border: none;
  border-top-width: 0px;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}
#dvUserBox table table td {
  border: none;
  border-top-width: 0px;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

#dvUserBox table table td ins {
  padding: 0px;
}
#dvUserBox table table td .fname {
  padding: 0px 4px 0px 0px;
}
#dvUserBox table table td .lname {
  padding: 0px 4px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 ポイント履歴一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserPointHistoryList {
  line-height: 1.5;
}

/*----------------------------------------
 ポイント履歴一覧ブロック
-----------------------------------------*/
#dvUserBox #dvUserPointHistoryList .bl-hover td {
  background-color: #fafafa;
}
#dvUserBox #dvUserPointHistoryList .bl-hover td a {
  color: #333;
}

/*----------------------------------------------------------------------------------------------
 商品系 通知メール登録フォーム
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryList #divProductArrivalMail,
#divComplete {
  padding: 15px 15px 5px 15px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail .btnClose,
#dvUserBox #dvOrderHistoryList #divComplete .btnClose {
  text-align: center;
  margin: 10px 10px 0px 10px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail h1,
#divComplete h1 {
  font-size: 14px;
  padding: 3px 0px;
  border-bottom: solid 1px #ececec;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail h2 {
  font-size: 13px;
  border-left: solid 3px #333;
  padding: 0px 3px;
  margin: 10px 0px;
}
#dvUserBox #dvOrderHistoryList #dvOrderHistoryList #divProductArrivalMail div,
#divComplete div {
  font-size: 12px;
  line-height: 1.5;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail table {
  width: 100%;
  border: solid 1px #ececec;
  margin-top: 5px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail table th {
  padding: 10px;
  border: solid 1px #ececec;
  background-color: #ececec;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail table td {
  padding: 10px;
  border-top: solid 1px #ececec;
  border-bottom: solid 1px #ececec;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail ul {
  display: inline;
  padding-left: 0px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail ul li {
  display: inline;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail .necessary {
  color: #ff0000;
  padding: 0px 2px;
}

/* hack css */
#Wrap,
.wrapBottom,
#Contents,
#Header,
#Head,
#HeadCart,
#HeadCart div.right,
.head_productlist,
.head_search,
#CrossSellCart,
#CrossSellCart div#ProductList div.subbox,
#CrossSellCart div#ProductList ul,
.sumBox p,
.sumBox dl,
.shoppingCart div.singleProduct dl,
.shoppingCart div.multiProduct dl,
.shoppingCart div.subCartList div.block,
#Order div.main,
.orderBox div.box dl,
.orderBox div.userProduct dl， #CartList div.productList div.product dl.name,
.orderDetail,
.orderComplete div.productList dl.name,
.orderComplete div.cartOrder,
.orderBox div.bottom {
  display: inline-block;
}

#Wrap:after,
.wrapBottom:after,
#Contents:after,
#Header:after,
#Head:after,
#HeadCart:after,
#HeadCart div.right:after,
.head_productlist:after,
.head_search:after,
#CrossSellCart:after,
#CrossSellCart div#ProductList div.subbox:after,
#CrossSellCart div#ProductList ul:after,
.sumBox p:after,
.sumBox dl:after,
.shoppingCart div.singleProduct dl:after,
.shoppingCart div.multiProduct dl:after,
.shoppingCart div.subCartList div.block:after,
#Order div.main:after,
.orderBox div.box dl:after,
.orderBox div.userProduct dl:after,
#CartList div.productList div.product dl.name:after,
.orderDetail:after,
.orderComplete div.productList dl.name:after,
.orderComplete div.cartOrder:after,
.orderBox div.bottom:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

/* Hide from IE-mac \*/
*html #Wrap,
*html .wrapBottom,
*html #Contents,
*html #Header,
*html #Head,
*html #HeadCart,
*html #HeadCart div.right,
*html .head_productlist,
*html .head_search,
*html #CrossSellCart,
*html #CrossSellCart div#ProductList div.subbox,
*html #CrossSellCart div#ProductList ul,
*html .sumBox p,
*html .sumBox dl,
*html .shoppingCart div.singleProduct dl,
*html .shoppingCart div.multiProduct dl,
*html .shoppingCart div.subCartList div.block,
*html #Order div.main,
*html .orderBox div.box dl,
*html .orderBox div.userProduct dl,
*html #CartList div.productList div.product dl.name,
*html .orderDetail,
*html .orderComplete div.productList dl.name,
*html .orderComplete div.cartOrder,
*html .orderBox div.bottom {
  height: 1%;
}

#Wrap,
.wrapBottom,
#Contents,
#Header,
#Head,
#HeadCart,
#HeadCart div.right,
.head_productlist,
.head_search,
#CrossSellCart,
#CrossSellCart div#ProductList div.subbox,
#CrossSellCart div#ProductList ul,
.sumBox p,
.sumBox dl,
.shoppingCart div.singleProduct dl,
.shoppingCart div.multiProduct dl,
.shoppingCart div.subCartList div.block,
#Order div.main,
.orderBox div.box dl,
.orderBox div.userProduct dl,
#CartList div.productList div.product dl.name,
.orderDetail,
.orderComplete div.productList dl.name,
.orderComplete div.cartOrder,
.orderBox div.bottom {
  display: block;
}
/* End hide fromIE-mac*/

/*parts.css*/

/*========================================
 お勧め商品
=========================================*/

/* 商品詳細ページ用（お勧め商品） */
.tblLayout_ProductDetail #dvRecommend {
}
.tblLayout_ProductDetail #dvRecommend dl {
}
.tblLayout_ProductDetail #dvRecommend dl dd {
  margin-right: 5px;
}
.tblLayout_ProductDetail #dvRecommend dl dd.productInfoList ul li {
  margin: 1px 0px;
  line-height: 1.4;
}
.tblLayout_ProductDetail #dvRecommend dl dd.productInfoList ul li.thumnail {
  text-align: center;
  width: 39px;
  border: solid 1px #ccc;
  float: left;
  margin-right: 3px;
  padding: 2px 0px;
}
.tblLayout_ProductDetail #dvRecommend dl dd.productInfoList ul li.thumnail img {
}
.tblLayout_ProductDetail #dvRecommend dl dd.productInfoList ul li.productInfo {
  width: 113px;
  float: right;
}
.tblLayout_ProductDetail #dvRecommend dl dd.toList {
  text-align: right;
}

/* 商品一覧ページ用（お勧め商品） */
.tblLayout_ProductList #dvRecommend {
}
.tblLayout_ProductList #dvRecommend dl {
}
.tblLayout_ProductList #dvRecommend dl dd {
  margin-right: 5px;
}
.tblLayout_ProductList #dvRecommend dl dd.productInfoList ul li {
  margin: 1px 0px;
  line-height: 1.4;
}
.tblLayout_ProductList #dvRecommend dl dd.productInfoList ul li.thumnail {
  text-align: center;
  width: 39px;
  border: solid 1px #ccc;
  float: left;
  margin-right: 3px;
  padding: 2px 0px;
}
.tblLayout_ProductList #dvRecommend dl dd.productInfoList ul li.thumnail img {
}
.tblLayout_ProductList #dvRecommend dl dd.productInfoList ul li.productInfo {
  width: 113px;
  float: right;
}
.tblLayout_ProductList #dvRecommend dl dd.toList {
  text-align: right;
}

/*========================================
 商品ランキング
=========================================*/
/* Topページ、商品一覧ページ、商品詳細ページ */
#dvSalesRanking {
  width: 164px;
}
#dvSalesRanking dl {
}
#dvSalesRanking dl dd {
  margin-right: 5px;
}
#dvSalesRanking dl dd.productInfo ul li {
  margin: 1px 0px;
}
#dvSalesRanking dl dd.productInfo ul li ul li.thumnail {
  text-align: center;
  width: 39px;
  border: solid 1px #ccc;
  float: left;
  margin-right: 3px;
  padding: 2px 0px;
}
#dvSalesRanking dl dd.productInfo ul li ul li.thumnail img {
}
#dvSalesRanking dl dd.productInfo ul li ul li.productName {
  width: 113px;
  float: right;
}
#dvSalesRanking dl dd.toList {
  text-align: right;
}

/*========================================
 商品検索ボックス
=========================================*/
/* Topページ、商品一覧ページ、商品詳細ページ */
#dvProductSearch dl {
  background: url(../../Contents/ImagesPkg/searchbox_btm.jpg) left bottom
    no-repeat;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}
#dvProductSearch dl dd {
  padding: 0;
  margin: 3px 5px;
}
#dvProductSearch select {
  width: 150px;
}
#dvProductSearch input.text {
  width: 100px;
}

/*========================================
 商品詳細検索ボックス
=========================================*/
/* Topページ、商品一覧ページ、商品詳細ページ */
.dvProductAdvancedSearch {
  margin-bottom: 10px;
}

.dvProductAdvancedSearch h3 {
  width: 100%;
  text-align: center;
  background-color: #e1e1e1;
  padding: 10px 0;
  cursor: pointer;
}
.pageAdvancedSearch .dvProductAdvancedSearch h3 {
  cursor: default;
}

.dvProductAdvancedSearch .toogle {
  background-color: #fafafa;
  display: none;
}
.pageAdvancedSearch .dvProductAdvancedSearch .toogle {
  display: block;
}

.dvProductAdvancedSearch .button {
  text-align: center;
  padding: 5px 0;
}

.dvProductAdvancedSearch input[radio] {
  vertical-align: top;
}

.dvProductAdvancedSearch table {
  width: 100%;
}

.dvProductAdvancedSearch table th,
.dvProductAdvancedSearch table td {
  padding: 7px;
}

.dvProductAdvancedSearch table th {
  width: 85px;
}

.dvProductAdvancedSearch table td select {
  width: 200px;
}

.dvProductAdvancedSearch table td ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 5px 3px;
}
.dvProductAdvancedSearch table td ul li label {
  margin-left: 3px;
}
.dvProductAdvancedSearch .sort-price li {
  width: 200px;
}

/*========================================
 カテゴリ検索ボックス
=========================================*/
/* Topページ、商品一覧ページ、商品詳細ページ */
#dvCategorySearch {
  background: url(../../Contents/ImagesPkg/searchbox_bg.jpg) left top repeat-y;
  margin-bottom: 10px;
  width: 164px;
}
#dvCategorySearch dl {
  background: url(../../Contents/ImagesPkg/searchbox_btm.jpg) left bottom
    no-repeat;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}
#dvCategorySearch ul {
  padding: 0;
  margin: 5px 0 2px 3px;
  text-align: left;
}
#dvCategorySearch ul li {
  list-style: none;
  background: url(../../Contents/ImagesPkg/mark_top.jpg) left top no-repeat;
  margin: 3px 0 0 2px;
  padding: 0 0 0 17px;
}
#dvCategorySearch ul ul {
  margin: 5px 0 0 -17px;
  padding: 0 3px 0 0;
}
#dvCategorySearch ul ul li {
  background: url(../../Contents/ImagesPkg/mark_circle.gif) left top no-repeat;
  padding: 0 0 0 9px;
  margin: 3px 0 0 9px;
}
#dvCategorySearch ul ul ul {
  margin: 5px 0 0 0;
  padding: 0;
}

/*========================================
 商品表示履歴（最近チェックした商品）
=========================================*/
.product-showCase__title {
  margin-bottom: 40px;
  font-size: 36px;
  font-family: soleil, sans-serif;
  font-weight: 600;
  color: #343434;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-feature-settings: normal;
  text-align: center;
}
.product-showCase__title span {
  display: block;
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
}
.product-showCase__list-wrap {
  /* margin: 10px 0 30px;
	clear: both; */
  display: flex;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}
.product-showCase__list-wrap .product-showCase__list:not(:last-child) {
  margin-right: 40px;
}
.product-showCase__list-wrap li:nth-child(n + 6) {
  display: none;
}

.product-showCase__list {
  min-width: 220px;
  max-width: 220px;
}
.product-showCase__list .product-showCase__price p {
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.product-showCase__list .product-showCase__price p .price-type {
  font-size: 14px;
}
.product-showCase__list .product-showCase__price p .price-tax {
  padding-left: 8px;
  font-size: 12px;
}

#dvCheckList .productCheckList ul li {
  line-height: 1.5;
}
#dvCheckList .productCheckList ul li p {
  line-height: 1.5;
}
#dvCheckList .productCheckList ul li p strike {
  color: #f00;
}
#dvCheckList .productCheckList ul li.thumnail img {
  margin-bottom: 20px;
  width: 100%;
}

#dvCheckList .productCheckList ul li.thumnail {
  position: relative;
  text-align: center;
}

#dvCheckList .productCheckList ul li.thumnail .soldout {
  color: #fff;
  word-wrap: normal;
  position: absolute;
  top: 45%;
  left: 0%;
  text-align: center;
  width: 100%;
  height: 26px;
  line-height: 26px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#dvCheckList .productCheckList ul li.product-showCase__name a {
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

/* ================================================================= */
.product-showCase__list-wrap ul li {
  line-height: 1.5;
}
.product-showCase__list-wrap ul li p {
  line-height: 1.5;
}
.product-showCase__list-wrap ul li p strike {
  color: #f00;
}
.product-showCase__list-wrap ul li.thumnail img {
  margin-bottom: 20px;
  width: 100%;
}

.product-showCase__list-wrap ul li.thumnail {
  position: relative;
  text-align: center;
}

.product-showCase__list-wrap ul li.thumnail .soldout {
  color: #fff;
  word-wrap: normal;
  position: absolute;
  top: 45%;
  left: 0%;
  text-align: center;
  width: 100%;
  height: 26px;
  line-height: 26px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.product-showCase__list-wrap ul li.product-showCase__name a {
  font-size: 14px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

.productHistory {
  padding: 96px 0 97px;
  background-color: #f9f9f9;
}

.productLineUp {
  padding: 100px 0 97px;
  background-image: linear-gradient(
    135deg,
    #efefef 8.33%,
    #ffffff 8.33%,
    #ffffff 50%,
    #efefef 50%,
    #efefef 58.33%,
    #ffffff 58.33%,
    #ffffff 100%
  );
  background-size: 8.49px 8.49px;
}

/*========================================
 ミニカート
=========================================*/
/* Topページ、商品一覧ページ、商品詳細ページ */

.wrapMiniCart {
  display: none;
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 999;
}

.dvMiniCart {
  background-color: #fff;
  width: 300px;
  z-index: 102;
  text-align: left;
}

.dvMiniCart h3 {
  font-size: 116%;
  padding: 5px 10px 0;
}

.dvMiniCart .inner {
  padding: 5px 10px;
}

.dvMiniCart ul {
  border-top: 1px solid #333;
}
.dvMiniCart ul li {
  padding: 5px 0;
  line-height: 1.5;
  font-size: 12px;
}

.dvMiniCart ul li.productInfo {
  border-bottom: 1px dotted #333;
}

.dvMiniCart ul li.productInfo a {
  text-decoration: underline;
}
.dvMiniCart ul li.productInfo a:hover {
  text-decoration: none;
}

.dvMiniCart ul li.productInfo .pimg {
  float: left;
}
.dvMiniCart ul li.productInfo .productName,
.dvMiniCart ul li.productInfo .productPrice {
  float: right;
  width: 215px;
}

.dvMiniCart ul li.priceTotal {
  text-align: right;
}
.dvMiniCart ul li.viewCartLink a {
  width: 100%;
  padding: 5px 0;
}

/*========================================
 新着情報
=========================================*/
/* Topページ、商品一覧ページ、商品詳細ページ */
#dvInformationArea {
  margin: 10px auto;
  width: 96%;
}
#InformationList #dvInformationArea {
}
#dvInformationArea dl dt {
  font-size: 15px;
  padding: 5px;
}
#dvInformationArea dl dt,
#InformationList #dvInformationArea dl dt {
}
#InformationList #dvInformationArea dl dd {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 3px 0;
}
#dvInformationArea dl dd ul li,
#InformationList #dvInformationArea dl dd ul li {
  line-height: 1.4;
}
#InformationList #dvInformationArea dl dd ul li {
}
#InformationList #dvInformationArea dl dd ul li span.infoDate {
  float: left;
  width: 90px;
  display: block;
  text-align: left;
  padding: 3px;
  font-weight: bold;
}
#dvInformationArea dl dd ul li span.infoContent {
  float: right;
  width: 545px;
  display: block;
  text-align: left;
  padding: 3px;
}
#dvInformationArea dl dd ul li span.infoContent a {
  text-decoration: underline;
}
#InformationList #dvInformationArea .InformationFooter {
  text-align: center;
  padding: 10px 0;
}

/*商品詳細ページカテゴリー別HTML*/
.tblLayout_ProductList .html {
  letter-spacing: 0.05em;
}
.tblLayout_ProductList .html .only_sp {
  display: none;
}
.tblLayout_ProductList .html h2 .img {
  width: 100%;
  height: calc(766 * (100vw / 1400));
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.tblLayout_ProductList .html .cont {
  width: calc(1000 * (100vw / 1400));
  max-width: 1000px;
  margin: 0 auto;
}
.tblLayout_ProductList .html h3 {
  font-size: 36px;
  text-align: center;
  line-height: 0.8;
  margin-top: 100px;
  font-family: soleil, sans-serif;
  font-weight: bold;
}
.tblLayout_ProductList .html h3 span {
  display: block;
  font-size: 14px;
  letter-spacing: 0.075em;
  margin-top: 20px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
}
.tblLayout_ProductList .html .lead {
  font-size: 16px;
  line-height: 2.5;
  margin: 48px auto 108px;
  text-align: center;
}
.tblLayout_ProductList .html .bland_banner {
  margin-bottom: 94px;
  text-align: center;
}
.tblLayout_ProductList .html .bland_banner > a {
  width: calc(320 * (100vw / 1400));
  height: calc(92 * (100vw / 1400));
  max-width: 320px;
  max-height: 92px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  display: inline-block;
}
.tblLayout_ProductList .html .bland_banner .link_tex {
  font-size: 14px;
  letter-spacing: 0.1em;
  display: block;
  text-align: center;
}
.tblLayout_ProductList .html .bland_banner .link_tex:after {
  content: '＞';
  display: inline-block;
  padding-left: 6px;
}
.tblLayout_ProductList .html ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
}
.tblLayout_ProductList .html ul li {
  width: calc(220 * (100vw / 1400));
  max-width: 220px;
}
.tblLayout_ProductList .html ul li .img {
  width: 100%;
  height: calc(220 * (100vw / 1400));
  max-height: 220px;
  background-size: contain;
  background-repeat: no-repeat;
}
.tblLayout_ProductList .html ul li div:last-child {
  display: flex;
  flex-direction: column-reverse;
}
.tblLayout_ProductList .html ul li h4 {
  font-size: 16px;
  margin-top: 7px;
  line-height: 1.88;
}
.tblLayout_ProductList .html ul li p {
  font-size: 13px;
  font-weight: bold;
  margin-top: 20px;
  width: calc(66 * (100vw / 1400));
  max-width: 66px;
  border-bottom: 1px solid #343434;
  padding-bottom: 6px;
}
.tblLayout_ProductList .html .message {
  background-color: #f9f9f9;
  padding: 100px 0;
  position: relative;
  z-index: 2;
}
.tblLayout_ProductList .html .message .cont {
  padding: 0;
  text-align: center;
}
.tblLayout_ProductList .html .message h2 {
  width: calc(610 * (100vw / 1400));
  height: calc(65 * (100vw / 1400));
  max-width: 610px;
  max-height: 65px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 95% 0;
}
.tblLayout_ProductList .html .message h3 {
  margin-top: 0;
  margin-bottom: 40px;
}
.tblLayout_ProductList .html .movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.tblLayout_ProductList .html .movie-wrap .movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tblLayout_ProductList .html .message p {
  font-size: 14px;
  letter-spacing: 0.075em;
  text-align: center;
}
.tblLayout_ProductList .html .message .message_tex {
  margin-top: 40px;
  border-bottom: 1px dashed #454545;
  border-top: 1px dashed #454545;
  width: calc(800 * (100vw / 1400));
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.tblLayout_ProductList .html .message .message_tex:after {
  content: '';
  position: absolute;
  width: calc(980 * (100vw / 1400));
  height: calc(74 * (100vw / 1400));
  max-width: 980px;
  max-height: 74px;
  background: url(../../Contents/Html/Category/img/shadow.png) center center;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -100%;
  left: -10%;
  margin: auto;
  z-index: -1;
}
.tblLayout_ProductList .html .message .message_tex p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 20px 0;
}
.tblLayout_ProductList .html .message .message_tex p:first-child {
  border-bottom: 1px dashed #454545;
}
.tblLayout_ProductList .html .change_btn {
  padding-top: 100px;
  background: url(../../Page/LP/subscription/img/bg01.png) top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tblLayout_ProductList .html .change_btn ul {
  justify-content: center;
  /* padding-bottom: 137px; */
}
.tblLayout_ProductList .html .change_btn li {
  width: auto;
  max-width: unset;
  margin-left: 40px;
}
.tblLayout_ProductList .html .change_btn li:first-child {
  margin-left: 0;
}
.tblLayout_ProductList .html .change_btn a {
  font-size: 16px;
  border-bottom: 1px solid #343434;
  padding-bottom: 4px;
  opacity: 0.6;
}
.tblLayout_ProductList .html .change_btn a.active {
  pointer-events: none;
}
.tblLayout_ProductList .html .change_btn a.active {
  opacity: 1;
}
.tblLayout_ProductList .html .change_btn li:first-child a {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .tblLayout_ProductList .html h3 {
    font-size: 2.57vw;
    margin-top: calc(100 * (100vw / 1400));
  }
  .tblLayout_ProductList .html h3 span {
    font-size: 1vw;
    margin-top: calc(20 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .lead {
    font-size: 1.14vw;
    line-height: 2.5;
    margin: calc(48 * (100vw / 1400)) auto calc(108 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .bland_banner {
    margin-bottom: calc(94 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .bland_banner > a {
    margin-bottom: calc(10 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .bland_banner .link_tex:after {
    padding-left: calc(6 * (100vw / 1400));
  }
  .tblLayout_ProductList .html ul li h4 {
    font-size: 1.14vw;
    margin-top: calc(7 * (100vw / 1400));
  }
  .tblLayout_ProductList .html ul li p {
    font-size: 0.92vw;
    margin-top: calc(20 * (100vw / 1400));
    padding-bottom: calc(6 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .message {
    padding: calc(100 * (100vw / 1400)) 0;
  }
  .tblLayout_ProductList .html .change_btn ul {
    padding-bottom: calc(137 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .change_btn li {
    margin-left: calc(40 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .message h3 {
    margin-bottom: calc(40 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .message p {
    font-size: 1vw;
  }
  .tblLayout_ProductList .html .message .message_tex {
    margin-top: calc(40 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .message .message_tex p {
    font-size: 1.14vw;
    padding: calc(20 * (100vw / 1400)) 0;
  }
  .tblLayout_ProductList .html .change_btn {
    padding-top: calc(100 * (100vw / 1400));
  }
  .tblLayout_ProductList .html .change_btn a {
    font-size: 1.14vw;
    padding-bottom: calc(4 * (100vw / 1400));
  }
}

@media only screen and (min-width: 1401px) {
  .tblLayout_ProductList .html h2 .img {
    width: 100%;
    max-width: 1400px;
    height: 766px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .tblLayout_ProductList .html .only_pc {
    display: none;
  }
  .tblLayout_ProductList .html .only_sp {
    display: block;
  }
  .tblLayout_ProductList .html {
    letter-spacing: 0.05em;
  }
  .tblLayout_ProductList .html h2 .img {
    width: 100%;
    height: calc(1050 * (100vw / 750));
  }
  .tblLayout_ProductList .html .cont {
    width: 100%;
    max-width: unset;
  }
  .tblLayout_ProductList .html h3 {
    font-size: calc(48 * (100vw / 750));
    line-height: 0.8;
    margin-top: calc(140 * (100vw / 750));
  }
  .tblLayout_ProductList .html h3 span {
    font-size: calc(14 * (100vw / 750));
    margin-top: calc(20 * (100vw / 750));
  }
  .tblLayout_ProductList .html .lead {
    font-size: calc(26 * (100vw / 750));
    line-height: 2.31;
    margin: calc(45 * (100vw / 750)) auto calc(83 * (100vw / 750));
  }
  .tblLayout_ProductList .html .bland_banner > a {
    width: calc(690 * (100vw / 750));
    height: calc(200 * (100vw / 750));
    max-width: unset;
    max-height: unset;
    margin-bottom: calc(20 * (100vw / 750));
  }
  .tblLayout_ProductList .html .bland_banner .link_tex {
    font-size: calc(26 * (100vw / 750));
    letter-spacing: 0.05em;
  }
  .tblLayout_ProductList .html .bland_banner .link_tex:after {
    padding-left: calc(18 * (100vw / 750));
  }
  .tblLayout_ProductList .html .message {
    padding: calc(140 * (100vw / 750)) 0;
  }
  .tblLayout_ProductList .html .change_btn {
    padding-top: calc(138 * (100vw / 750));
  }
  .tblLayout_ProductList .html .change_btn ul {
    padding-bottom: calc(113 * (100vw / 750));
  }
  .tblLayout_ProductList .html .change_btn li {
    width: auto;
    max-width: unset;
    margin-left: calc(78 * (100vw / 750));
  }
  .tblLayout_ProductList .html .change_btn li:first-child {
    margin-left: 0;
  }
  .tblLayout_ProductList .html .change_btn a {
    font-size: calc(30 * (100vw / 750));
    border-bottom: calc(2 * (100vw / 750)) solid #343434;
    padding-bottom: calc(10 * (100vw / 750));
  }
  .tblLayout_ProductList .html .change_btn a.active {
    opacity: 1;
  }
  .tblLayout_ProductList .html .change_btn li:first-child a {
    margin-left: 0;
  }
  .tblLayout_ProductList .html .change_btn li:last-child {
    margin-left: 0;
  }
  .tblLayout_ProductList .html .change_btn li:last-child {
    margin-top: calc(46 * (100vw / 750));
  }
}
/*商品詳細ページカテゴリー別HTML*/

/* PARTS PICK UP COLUMN START*/

.pickUp {
  background-image: url(../../Contents/ImagesPkg/top/beauty-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0 180px;
}

/* .pickUp__btn{
	background-color: #cf5743;
} */

.pickUp .pickUp__ttl {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  margin-bottom: 54px;
}

.section__ttl .section__ttl-en {
  margin-bottom: 20px;
  font-size: 36px;
  font-family: soleil, sans-serif;
  font-weight: 600;
  color: #343434;
  text-align: center;
  letter-spacing: 0.05em;
}

.pickUp .column__ttl {
  display: inline-block;
  background-color: #ffffff;
  color: #cf5743;
}

.section__ttl-en.column__ttl {
  padding: 12px 10px;
}

.pickUp .section__ttl-jp.column__ttl {
  padding: 8px 7px;
  transform: translateX(70%);
  letter-spacing: 0.15em;
}

.column__list {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.column__list .column__list-item {
  width: 100%;
  max-width: 220px;
  position: relative;
  box-shadow: 0px 0px 10px 1px #b0b0b0;
}

.column__icon {
  width: 46px;
  height: 20px;
  background-color: #343434;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  font-family: soleil, sans-serif;
  font-weight: 600;
  line-height: 19px;
  color: #ffffff;
  text-align: center;
}

.column__list .column__list-img img {
  display: block;
  width: 100%;
}

.column__list .column__list-detail {
  padding: 20px 20px 20px 8px;
  background-color: #ffffff;
}

.column__list .column__list-ttl {
  margin-bottom: 14px;
  font-size: 16px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  color: #343434;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.column__list .column__list-text {
  margin-bottom: 14px;
  font-size: 13px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  color: #888888;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.text-pc {
  display: block;
}

.text-sp {
  display: none;
}

.column__list .column__list-date {
  font-size: 12px;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  color: #888888;
  letter-spacing: 0.05em;
}

#dvProductDetailArea .product-showCase .product-showCase__icon {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}
#dvProductDetailArea .product-showCase .product-showCase__icon span {
  margin-bottom: 4px;
  padding: 0 4px;
  background-color: #343434;
  font-size: 13px;
  font-family: soleil, sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #ffffff;
  line-height: 2;
}
#dvProductDetailArea
  .product-showCase
  .product-showCase__icon
  span:not(:last-child) {
  margin-right: 10px;
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .product-showCase__list-wrap {
    max-width: calc(1200 * (100vw / 1300));
  }
  .product-showCase__list {
    min-width: calc(220 * (100vw / 1300));
    max-width: calc(220 * (100vw / 1300));
  }
  .product-showCase__list-wrap .product-showCase__list:not(:last-child) {
    margin-right: calc(25 * (100vw / 1300));
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #dvCheckList .productCheckList ul li.thumnail img {
    margin-bottom: calc(20 * (100vw / 1024));
  }
  #dvCheckList .productCheckList ul li.product-showCase__name a {
    font-size: calc(14 * (100vw / 1024));
  }
  .product-showCase__list .product-showCase__price p {
    font-size: calc(16 * (100vw / 1024));
  }
  .product-showCase__list .product-showCase__price p .price-type {
    font-size: calc(14 * (100vw / 1024));
  }
  .product-showCase__list .product-showCase__price p .price-tax {
    padding-left: calc(8 * (100vw / 1024));
    font-size: calc(12 * (100vw / 1024));
  }
  .productHistory {
    padding: calc(96 * (100vw / 1024)) 0 calc(97 * (100vw / 1024));
  }
  .product-showCase__list-wrap {
    padding-bottom: calc(25 * (100vw / 1024));
    overflow-y: auto;
    max-width: calc(950 * (100vw / 1024));
  }
  .productLineUp {
    padding: calc(100 * (100vw / 1024)) 0 calc(97 * (100vw / 1024));
  }
  .product-showCase__title {
    margin-bottom: calc(40 * (100vw / 1024));
    font-size: calc(36 * (100vw / 1024));
  }
  .product-showCase__list-wrap .product-showCase__list:not(:last-child) {
    margin-right: calc(40 * (100vw / 1024));
  }
  .product-showCase__list {
    min-width: calc(220 * (100vw / 1024));
    max-width: calc(220 * (100vw / 1024));
  }
  .pickUp {
    padding: calc(90 * (100vw / 1024)) 0 calc(180 * (100vw / 1024));
  }
  .pickUp .pickUp__ttl {
    /* max-width: calc(411*(100vw/1024)); */
    margin-bottom: calc(54 * (100vw / 1024));
  }
  .section__ttl-en.column__ttl {
    padding: 12px 10px;
  }
  .section__ttl .section__ttl-en {
    margin-bottom: 20px;
    font-size: 36px;
  }
  .pickUp .section__ttl-jp.column__ttl {
    padding: 8px 7px;
  }
  .column__list {
    max-width: calc(980 * (100vw / 1024));
    margin-bottom: calc(40 * (100vw / 1024));
  }
  .column__list .column__list-item {
    max-width: calc(220 * (100vw / 1024));
  }
  .column__icon {
    width: calc(46 * (100vw / 1024));
    height: calc(20 * (100vw / 1024));
    font-size: calc(13 * (100vw / 1024));
    line-height: calc(19 * (100vw / 1024));
  }
  .column__list .column__list-detail {
    padding: calc(20 * (100vw / 1024)) calc(20 * (100vw / 1024))
      calc(20 * (100vw / 1024)) calc(8 * (100vw / 1024));
  }
  .column__list .column__list-ttl {
    margin-bottom: calc(14 * (100vw / 1024));
    font-size: calc(16 * (100vw / 1024));
  }
  .column__list .column__list-text {
    margin-bottom: calc(14 * (100vw / 1024));
    font-size: calc(13 * (100vw / 1024));
  }
  .column__list .column__list-date {
    font-size: calc(12 * (100vw / 1024));
  }
  .allReview {
    font-size: calc(14 * (100vw / 1024));
  }
}

@media screen and (max-width: 767px) {
  .tblLayout_ProductList .html .message .cont iframe {
    width: calc(690 * (100vw / 768));
    height: calc(440 * (100vw / 768));
    margin: 0 auto;
    display: block;
  }

  .column__list {
    max-width: calc(650 * (100vw / 768));
  }

  .column__list .column__list-item {
    margin-bottom: calc(40 * (100vw / 768));
    max-width: 100%;
  }

  .column__list-item a {
    display: flex;
  }

  .column__list-img {
    width: calc(260 * (100vw / 768));
  }

  .column__list-img img {
    width: 100%;
    height: 100%;
  }

  .column__icon {
    width: calc(80 * (100vw / 768));
    height: calc(40 * (100vw / 768));
    font-size: calc(24 * (100vw / 768));
    line-height: calc(40 * (100vw / 768));
    background-color: #f39611;
  }

  .column__list .column__list-detail {
    padding: calc(22 * (100vw / 768)) calc(30 * (100vw / 768))
      calc(22 * (100vw / 768)) calc(30 * (100vw / 768));
    width: calc(430 * (100vw / 768));
  }

  .column__list .column__list-ttl {
    margin-bottom: calc(5 * (100vw / 768));
    font-size: calc(28 * (100vw / 768));
    line-height: 1.7;
  }

  .column__list .column__list-text {
    margin-bottom: calc(23 * (100vw / 768));
    font-size: calc(26 * (100vw / 768));
    line-height: 1.7;
    font-feature-settings: normal;
    letter-spacing: 0.048em;
  }

  .column__list .column__list-date {
    font-size: calc(20 * (100vw / 768));
  }

  .product-showCase__list-wrap {
    max-width: calc(700 * (100vw / 768));
    padding-bottom: calc(20 * (100vw / 768));
    overflow-y: auto;
  }

  #dvProductDetailArea .product-showCase .product-showCase__icon span {
    font-size: calc(20 * (100vw / 768));
  }
}

@media screen and (min-width: 481px) and (max-width: 766px) {
  .pickUp {
    padding: calc(90 * (100vw / 766)) 0 calc(50 * (100vw / 766));
  }
  .pickUp .pickUp__ttl {
    max-width: calc(348 * (100vw / 766));
    margin-bottom: calc(54 * (100vw / 766));
  }
  .section__ttl .section__ttl-en {
    margin-bottom: calc(10 * (100vw / 766));
    font-size: calc(36 * (100vw / 766));
  }
  .section__ttl-en.column__ttl {
    padding: calc(12 * (100vw / 766)) calc(10 * (100vw / 766));
  }
  .pickUp .section__ttl-jp.column__ttl {
    padding: calc(8 * (100vw / 766)) calc(7 * (100vw / 766));
    font-size: calc(14 * (100vw / 766));
  }
  .column__list {
    max-width: calc(550 * (100vw / 766));
    margin-bottom: 0;
  }
  .column__list .column__list-item {
    margin-bottom: calc(40 * (100vw / 766));
    max-width: 100%;
  }
  .column__list-img {
    width: calc(260 * (100vw / 766));
  }
  .column__icon {
    width: calc(60 * (100vw / 766));
    height: calc(30 * (100vw / 766));
    font-size: calc(20 * (100vw / 766));
    line-height: calc(30 * (100vw / 766));
    background-color: #f39611;
  }
  .column__list .column__list-detail {
    padding: calc(22 * (100vw / 766)) calc(30 * (100vw / 766))
      calc(22 * (100vw / 766)) calc(30 * (100vw / 766));
    width: calc(430 * (100vw / 766));
  }
  .column__list .column__list-ttl {
    font-size: calc(23 * (100vw / 766));
  }
  .column__list .column__list-text {
    font-size: calc(18 * (100vw / 766));
  }
  .column__list .column__list-date {
    font-size: calc(16 * (100vw / 766));
  }
}

@media screen and (max-width: 480px) {
  .pickUp {
    padding: calc(130 * (100vw / 480)) 0 calc(140 * (100vw / 480));
  }
  .pickUp .pickUp__ttl {
    max-width: calc(325 * (100vw / 480));
    margin-bottom: calc(50 * (100vw / 480));
  }
  .section__ttl .section__ttl-en {
    margin-bottom: calc(13 * (100vw / 480));
    font-size: calc(32 * (100vw / 480));
  }
  .pickUp .section__ttl-jp.column__ttl {
    font-size: calc(10 * (100vw / 480));
    transform: translateX(90%);
  }
  .column__list {
    max-width: calc(430 * (100vw / 480));
  }
  .productLineUp {
    padding: calc(86.6 * (100vw / 480)) 0;
  }
  #dvCheckList .productCheckList ul li.product-showCase__name a {
    font-size: calc(17.3 * (100vw / 480));
  }
  .product-showCase__list .product-showCase__price p {
    font-size: calc(16 * (100vw / 480));
  }
  .product-showCase__list .product-showCase__price p .price-type {
    font-size: calc(16 * (100vw / 480));
  }
  .product-showCase__list .product-showCase__price p .price-tax {
    padding-left: calc(8 * (100vw / 480));
    font-size: calc(12 * (100vw / 480));
  }
  .productHistory {
    padding: calc(86.6 * (100vw / 480)) 0;
  }
  .product-showCase__title {
    margin-bottom: calc(36.6 * (100vw / 480));
    font-size: calc(32 * (100vw / 480));
  }
  .product-showCase__title span {
    font-size: calc(14 * (100vw / 480));
  }
  .product-showCase__list-wrap {
    max-width: calc(450 * (100vw / 480));
  }
  .product-showCase__list {
    min-width: calc(170 * (100vw / 480));
    max-width: calc(170 * (100vw / 480));
    padding-bottom: calc(25 * (100vw / 480));
  }
  .product-showCase__list-wrap .product-showCase__list:not(:last-child) {
    margin-right: calc(26.6 * (100vw / 480));
  }
  .product-showCase__list-wrap .product-showCase__list:last-child {
    margin-right: calc(40 * (100vw / 480));
  }
  .productCheckList ul li.product-showCase__name a {
    font-size: calc(17.3 * (100vw / 480));
  }
  .product-showCase__list .product-showCase__price p {
    font-size: calc(16 * (100vw / 480));
  }
  .product-showCase__list .product-showCase__price p .price-type {
    font-size: calc(16 * (100vw / 480));
  }
  .product-showCase__list .product-showCase__price p .price-tax {
    padding-left: calc(8 * (100vw / 480));
    font-size: calc(12 * (100vw / 480));
  }
}
/* PARTS PICK UP COLUMN END*/

/* general_classes.css*/
/*//////////////////////////////////////////////////

Title : general_classes.css
For   : General Classes of the site

Created       : 2007-MM-DD
Last Modified : 2007-MM-DD

----------------------------------------

Content

    1. Float & Clear
    2. Text Align
    3. Font & Text
    4. Margin
    5. Padding


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

/* ---------------------------------------(=1)
    1. Float & Clear
   ---------------------------------------- */
.floatL {
  float: left;
}
.floatR {
  float: right;
}

.clearL {
  clear: left;
}
.clearR {
  clear: right;
}
.clearB {
  clear: both;
}

/* ---------------------------------------(=2)
			 2. Text Align
			---------------------------------------- */
.alignL {
  text-align: left !important;
}
.alignC {
  text-align: center !important;
}
.alignR {
  text-align: right !important;
}

.valignT {
  vertical-align: top;
}
.valignM {
  vertical-align: middle;
}
.valignB {
  vertical-align: bottom;
}
.valignBL {
  vertical-align: baseline;
}

/* ---------------------------------------(=3)
			 3. Font & Text
			---------------------------------------- */
/* size */
.fsizeS {
  font-size: 78%;
}
.fsizeM {
  font-size: 90%;
}
.fsizeL {
  font-size: 120%;
}

/* weight */
.fontB {
  font-weight: bold;
}
.fontN {
  font-weight: normal;
}

/* color */
.weak {
  color: #666666;
}

/* family */

.arial {
  font-family: Arial, serif;
}

/*
	 .required,
	 */
.attention {
  color: #ff0000 !important;
}

/* text-transform */
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}

/* indent */
.indent05 {
  margin-left: 0.5em;
  text-indent: -0.5em;
}
.indent10 {
  margin-left: 1em;
  text-indent: -1em;
}
.indent15 {
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.indent20 {
  margin-left: 2em;
  text-indent: -2em;
}
.indent25 {
  margin-left: 2.5em;
  text-indent: -2.5em;
}

/* ---------------------------------------(=4)
			 4. Margin
			---------------------------------------- */
.mt0 {
  margin-top: 0;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}

.mr0 {
  margin-right: 0;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr35 {
  margin-right: 35px;
}
.mr40 {
  margin-right: 40px;
}
.mr45 {
  margin-right: 45px;
}

.mb0 {
  margin-bottom: 0;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}

.ml0 {
  margin-left: 0;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml35 {
  margin-left: 35px;
}
.ml40 {
  margin-left: 40px;
}
.ml45 {
  margin-left: 45px;
}

.mt0i {
  margin-top: 0 !important;
}
.mr0i {
  margin-right: 0 !important;
}
.mb0i {
  margin-bottom: 0 !important;
}
.ml0i {
  margin-left: 0 !important;
}

/* ---------------------------------------(=5)
			 5. Padding
			---------------------------------------- */
.pt0 {
  padding-top: 0;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}

.pr0 {
  padding-right: 0;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.pr35 {
  padding-right: 35px;
}
.pr40 {
  padding-right: 40px;
}
.pr45 {
  padding-right: 45px;
}

.pb0 {
  padding-bottom: 0;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb45 {
  padding-bottom: 45px;
}

.pl0 {
  padding-left: 0;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pl35 {
  padding-left: 35px;
}
.pl40 {
  padding-left: 40px;
}
.pl45 {
  padding-left: 45px;
}

/* ---------------------------------------(=6)
			 6. Ohters
			---------------------------------------- */
/* hidden element */
.hidden {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*form control */
.byte1 {
  ime-mode: inactive;
}
.byte2 {
  ime-mode: active;
}

/* rollover */
.btn {
}

/* ---------------------------------------(=)
			 TBS
			---------------------------------------- */

.btn-org {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: 0.3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.btn-org-blk {
  color: #ffffff !important;
  background-color: #000;
}

.btn-org-gry {
  color: #000 !important;
  background-color: #ccc;
}

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: 0.3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

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

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-large {
  padding: 9px 30px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.btn-large [class^='icon-'] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}

.btn-small [class^='icon-'] {
  margin-top: -1px;
}

.btn-mini {
  padding: 4px 10px;
  font-size: 11px;
  line-height: 14px;
}

.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  background-color: #0074cc;
  *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0088cc),
    to(#0055cc)
  );
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}

.btn-warning {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fbb450),
    to(#f89406)
  );
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#ee5f5b),
    to(#bd362f)
  );
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#62c462),
    to(#51a351)
  );
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#5bc0de),
    to(#2f96b4)
  );
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff !important;
  background-color: #000 !important;
}

.error_inline {
  color: #ff0000;
  padding: 1px !important; /* for IE */
  display: block !important;
}