@charset "UTF-8";
/* =================================================================
共通
=================================================================*/
body {
  color: #333;
  font-size: 13px;
  letter-spacing: 0.1em;
  min-width: 1160px;
}

body,
button {
  font-family: "Lato", Arial, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "メイリオ", "meiryo", sans-serif;
}

img,
input {
  max-width: 100%;
  height: auto;
}

.hover:hover {
  opacity: 0.6;
}

.c-txt_link {
  text-decoration: underline !important;
  font-weight: bold;
}

.c-txt_link:hover {
  text-decoration: none !important;
}

.displaynone {
  display: none;
}

#main.cart {
  margin: 0 auto;
  width: 1120px;
}

#main p {
  margin: 0 0 20px 0;
}

.aec-en {
  letter-spacing: 0.15em;
}

.aec-en01 {
  letter-spacing: 0.15em;
  color: #6B9410;
}

/*  header
-------------------------------------------------------------*/
.l-header {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 40px;
  padding-top: 40px;
}

/*  Global Navigation Top
-----------------------------*/
.gnav_top {
  padding: 0 40px;
  background-color: #dadada;
  text-align: right;
  font-size: 0;
  position: fixed;
  width: 100%;
  min-width: 1190px;
  top: 0;
  left: 0;
  z-index: 1000;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
.gnav_top ul {
  font-size: 0;
  /* Remove Margins of Inline Block */
}
.gnav_top li {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  font-size: 10px;
}

.gnav_top_sub {
  display: inline-block;
  vertical-align: top;
  /* オンラインストア用 */
}
.gnav_top_sub li {
  padding: 9px 0 8px;
}
.gnav_top_sub li a {
  display: inline-block;
  padding: 0 8px;
  height: 23px;
  line-height: 23px;
}
.gnav_top_sub li:not(.gnav_top_sub-border):not(.gnav_top_sub-guide):not(.gnav_top_sub-faq):not(.lang) a {
  color: #777;
}
.gnav_top_sub li:first-child {
  border-left: 1px solid #ebebeb;
}
.gnav_top_sub li:first-child a:before {
  content: "";
  display: inline-block;
  margin-right: 3px;
  width: 16px;
  height: 15px;
  background: url("https://www.mother-house.jp/img/common/icon_cart.png") no-repeat center;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.gnav_top_sub .lang {
  border-left: 1px solid #ebebeb;
  padding-left: 15px;
  padding-right: 7px;
  margin-left: 10px;
}
.gnav_top_sub .lang span:after {
  content: "|";
  margin: 0 4px;
  color: #000;
}
.gnav_top_sub .lang a {
  color: #7b7b7b;
  padding: 0 4px;
  margin-left: -5px;
}
.gnav_top_sub a:hover {
  background: #ebebeb !important;
}
.gnav_top_sub .gnav_top_sub-border {
  border-right: 1px solid #ebebeb;
  padding: 0;
}
.gnav_top_sub .gnav_top_sub-border a {
  display: inline-block;
  padding: 9px 15px 8px;
}
.gnav_top_sub .gnav_top_sub-border-cart {
  display: inline-block;
}
.gnav_top_sub .gnav_top_sub-border-cart img {
  vertical-align: top;
}
.gnav_top_sub .gnav_top_sub-border-qty {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  min-width: 19px;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  font-size: 10px;
  letter-spacing: 0;
}
.gnav_top_sub .gnav_top_sub-border-price {
  display: inline-block;
  font-size: 11px;
  padding-left: 10px;
}
.gnav_top_sub .gnav_top_sub-guide {
  padding-left: 10px !important;
}
.gnav_top_sub .gnav_top_sub-guide:after {
  content: ":";
}
.gnav_top_sub .gnav_top_sub-guide a:hover {
  background: none;
}

.gnav_top_catalog {
  display: inline-block;
  padding: 8px 10px 8px 0;
  vertical-align: top;
}
.gnav_top_catalog a {
  background: #fff;
  border-radius: 2px;
  text-decoration: none;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  font-size: 10px;
  display: block;
}
.gnav_top_catalog a:hover {
  opacity: 0.7;
}

.gnav_top_icon {
  display: inline-block;
  position: relative;
}
.gnav_top_icon li {
  margin-left: 8px;
  padding: 9px 0 8px;
  width: 23px;
  height: 23px;
}
.gnav_top_icon li:first-child {
  margin-left: 0;
}
.gnav_top_icon a {
  display: block;
  background-color: #dadada;
}

/*  Global Navigation Tooltip
-----------------------------*/
.gnav_tooltip {
  display: none;
  width: 120px;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 2px;
  position: absolute;
  right: 0;
  top: 43px;
}

.gnav_tooltip:before {
  content: "";
  display: block;
  width: 11px;
  height: 10px;
  background: url("../img/common/icon_balloon_header.png") no-repeat center;
  position: absolute;
  top: -10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .gnav_tooltip:before {
    background: url("../img/common/icon_balloon_header@2x.png") no-repeat center;
    background-size: 11px auto;
  }
}
.gnav_tooltip span {
  display: block;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 11px;
  color: #7b7b7b;
}

/* Arrow Positioning */
.gnav_facebook .gnav_tooltip:before {
  left: 7px;
}

.gnav_twitter .gnav_tooltip:before {
  left: 39px;
}

.gnav_instagram .gnav_tooltip:before {
  left: 72px;
}

.gnav_mail .gnav_tooltip:before {
  left: 105px;
}

.gnav_facebook .gnav_tooltip span,
.gnav_twitter .gnav_tooltip span {
  letter-spacing: 1px;
}

/*  パーツ
-------------------------------------------------------------*/
/* 見出し */
h2.aec-title {
  height: 60px;
  line-height: 60px;
  margin-bottom: 40px;
  border-bottom: 1px dotted #aeaeae;
  font-size: 11px;
  color: #666;
}

h2.aec-title span {
  margin: 0 20px -1px 0;
  font-size: 21px;
  border-bottom: 5px solid #aeaeae;
  height: 51px;
  line-height: 51px;
  display: inline-block;
  padding-top: 5px;
  color: #111;
  letter-spacing: 0.15em;
  font-weight: bold;
}

/*カラー*/
.colorArea li {
  display: inline-block !important;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: top;
}

.colorArea-12 {
  background: #fff;
  border: 1px solid #dfdfdf;
}

.colorArea-13 {
  background: #000;
}

.colorArea-14 {
  background: #999;
}

.colorArea-15 {
  background: #6a3907;
}

.colorArea-16 {
  background: #FFCC66;
}

.colorArea-17 {
  background: #ad6a01;
}

.colorArea-18 {
  background: #fdf100;
}

.colorArea-19 {
  background: #026623;
}

.colorArea-20 {
  background: #055994;
}

.colorArea-21 {
  background: #6a0060;
}

.colorArea-22 {
  background: #f37e82;
}

.colorArea-23 {
  background: #cd0202;
}

.colorArea-24 {
  background: #f39700;
}

.colorArea-26 {
  background: #3c0000;
}

/* ボタン */
.aec-cmn-btn,
.aec-cmn-btn3 {
  background: #7b7b7b;
  border-radius: 3px;
  font-size: 12px;
  border: none;
  padding: 17px 25px;
  color: #fff !important;
  min-width: 240px;
  line-height: 1;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
}

.aec-cmn-btn2 {
  font-size: 12px;
  display: inline-block;
  text-decoration: underline !important;
  cursor: pointer;
  margin-top: 20px;
}

.aec-cmn-btn2 img {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
}

.aec-cmn-btn2:hover {
  text-decoration: none !important;
}

.aec-cmn-btn:hover,
.aec-cmn-btn3:hover {
  opacity: 0.6;
}

.aec-cmn-btn3 {
  font-size: 14px;
}

.cart .aec-side-total .aec-cmn-btn2 {
  text-decoration: none !important;
  font-size: 12px;
}

.cart .aec-side-total .aec-cmn-btn2:hover {
  opacity: 0.6;
}

.aec-side-total .aec-cmn-btn {
  font-size: 14px;
  letter-spacing: 0.2em;
}

/* 税込 */
.aec-tax {
  font-size: 11px;
  color: #999;
  padding-left: 5px;
}

/* プルダウン */
.aec-pulldown {
  display: inline-block;
  border: 1px solid #b9b9b9;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  position: relative;
}

.aec-pulldown:hover {
  background: #f7f7f7;
}

.aec-pulldown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  /*Firefox用*/
  text-overflow: "";
  /*Firefox用*/
  background: transparent;
  border: none;
  padding: 0 34px 0 10px !important;
  cursor: pointer;
  height: 23px;
  width: 100%;
}

.aec-pulldown select {
  background: url(/client_info/MOTHERHOUSE/view/userweb/images/common/parts/pulldown.png) no-repeat right center;
}

/* icon */
.ec-c-tag {
  display: inline-block;
}

.ec-c-tag li {
  display: inline-block;
  line-height: 0;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  padding: 1px 9px 1px 11px;
  border-radius: 20px;
  letter-spacing: 0.3em;
}

.ec-c-tag li + li {
  margin-left: 5px;
}

.ec-c-tag .icon_new {
  border: 1px solid #AD0000;
  color: #AD0000;
}

.ec-c-tag .icon_newcolor {
  border: 1px solid #ff9900;
  color: #ff9900;
}

.ec-c-tag .icon_preorder {
  border: 1px solid #6B9410;
  color: #6B9410;
}

.ec-c-tag .icon_shipping {
  border: 1px solid #6B9410;
  color: #6B9410;
}

.ec-c-tag .icon_soldout {
  border: 1px solid #7F7F7F;
  color: #7F7F7F;
}

.ec-c-tag .icon_noreproduction {
  border: 1px solid #6B9410;
  color: #6B9410;
}

.icon_soldout {
  display: none !important;
}

.ec-lst .ec-c-tag {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
}

.img_box {
  position: relative;
}

/* pan navi */
.ec-pannavi {
  margin: 0 auto 50px;
}

/*  ポイント
-------------------------------------------------------------*/
.aec-point {
  border: 1px solid #e6e6e6;
  padding: 20px 20px 10px;
  margin-bottom: 40px;
  background: #f9f9f9;
  font-size: 12px;
}

.aec-point h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
  display: table;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}

.aec-point h3 strong {
  color: #ad0005;
}

#main .aec-point p {
  margin-bottom: 10px;
  font-size: 12px;
}

/*  cart content
-------------------------------------------------------------*/
.aec-main {
  width: 770px;
  float: left;
}

.cartindex-care {
  padding: 20px 0;
}

.cartindex-care h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.cartindex-care-about {
  display: table;
}

.cartindex-care-about-img {
  display: table-cell;
  vertical-align: text-bottom;
  padding-left: 20px;
  text-align: center;
}

.cartindex-care-about-img h5 {
  font-size: 13px;
  font-weight: bold;
  color: #777;
  margin-bottom: 10px;
}

.cartindex-care-about-txt {
  display: table-cell;
  vertical-align: top;
}

.cartindex-care h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.cartindex-care-menu {
  overflow: hidden;
  margin-bottom: 10px;
}

.cartindex-care-menu li {
  width: 344px;
  border: 8px solid #e6e6e6;
  float: left;
}

.cartindex-care-menu li + li {
  margin-left: 20px;
}

.cartindex-care-menu li a {
  display: table;
  border: 1px solid #fff;
}

.cartindex-care-menu li a:hover {
  opacity: 0.8;
}

.cartindex-care-menu-img,
.cartindex-care-menu-txt {
  display: table-cell;
  vertical-align: top;
}

.cartindex-care-menu-img,
.cartindex-care-menu-img img {
  width: 130px;
}

.cartindex-care-menu-txt {
  width: 212px;
}

.cartindex-care-menu li h5 {
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  background: #e6e6e6;
  height: 90px;
}

.cartindex-care-menu li h5 div {
  height: 90px;
  width: 212px;
  display: table-cell;
  vertical-align: middle;
}

.cartindex-care-menu li h5 i {
  font-size: 11px;
}

.cartindex-care-menu li h5 span {
  color: #777;
  font-size: 11px;
  display: block;
  padding-top: 5px;
}

.cartindex-care-menu-price {
  background: #fff;
  display: block;
  text-align: center;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
}

.cartindex-care-menu-price span {
  color: #888;
  font-size: 11px;
  padding-left: 3px;
}

/*  cartサイドバー
-------------------------------------------------------------*/
.aec-side {
  width: 300px;
  float: right;
}

.aec-side .aec-cmn-btn2 {
  margin-top: 10px;
}

.aec-side-total {
  border: 10px solid #dadada;
  padding: 20px;
  text-align: center;
  background: #f7f7f7;
}

#main .aec-side-total table {
  width: 100%;
  margin-bottom: 20px;
}

.cart .aec-side-total table {
  border-bottom: 1px solid #3a3a3a;
}

#main .aec-side-total th,
#main .aec-side-total td {
  padding: 3px 0;
}

#main .aec-side-total tr + tr th,
#main .aec-side-total tr + tr td {
  border-top: 1px solid #dfdfdf;
}

.aec-side-total th {
  text-align: left;
}

.aec-side-total td {
  text-align: right;
}

.aec-side-total strong {
  font-size: 14px;
}

.aec-side-total .small {
  font-size: 90%;
}

.aec-side-total .aec-cmn-btn,
.aec-side-total .aec-cmn-btn3 {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.aec-side-total .aec-cmn-btn2 {
  margin-top: 15px;
}

.aec-gift-btn {
  background: url(../images/gift-btn.gif) no-repeat 10px center #fff;
  display: block;
  font-size: 11px;
  text-align: left;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 0 10px 52px;
  line-height: 1.3;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .aec-gift-btn {
    background: url(../images/gift-btn@2x.gif) no-repeat 10px center #fff;
    background-size: 28px 30px;
  }
}
.aec-gift-btn:hover {
  font-weight: bold;
}

.aec-side-total-prdct {
  font-size: 12px;
}

.aec-side-total-prdct th {
  line-height: 1.4;
}

.aec-side-total-prdct + tr:not(.aec-side-total-prdct) th,
.aec-side-total-prdct + tr:not(.aec-side-total-prdct) td {
  border-top: 2px solid #999 !important;
}

.aec-side-total-prdct h4 {
  font-size: 11px;
  padding-bottom: 5px;
}

/*  ソート
-------------------------------------------------------------*/
.aec-tpagelink {
  font-size: 12px;
  margin: 10px 0;
}

.aec-tpagelink-t-sort {
  display: inline-block;
  float: left;
  border-right: 1px dotted #b8b8b8;
  padding-right: 30px;
}

.aec-tpagelink-t-pagelink {
  display: inline-block;
  float: left;
  padding-left: 30px;
}

.aec-tpagelink-t-sort span,
.aec-tpagelink-t-pagelink span {
  letter-spacing: 0.15em;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.aec-tpagelink-t-sort span {
  width: 80px;
  display: inline-block;
}

.aec-tpagelink-b {
  position: relative;
}

#shiborikomi_area {
  display: inline-block;
  float: left;
  width: 701px;
}

.shiborikomi_area-ttl {
  display: inline-block;
  width: 90px;
  font-size: 11px;
}

#shiborikomi_area > span {
  display: inline-block;
  margin: 20px 0 10px 0;
}

#shiborikomi_area .select {
  font-size: 11px;
  line-height: 1;
  padding: 7px 20px;
  display: inline-block;
  /*reset*/
  float: none;
}

#shiborikomi_area .select:hover {
  background: #7b7b7b;
  color: #fff;
}

.aec-tpagelink .clearArea {
  float: right;
  width: 105px;
  margin-top: 13px;
}

.aec-tpagelink .clearArea {
  border-left: 1px dotted #b8b8b8;
  padding-left: 10px;
}

.aec-tpagelink .clearArea a {
  display: block;
}

.aec-tpagelink .clearArea a:hover {
  opacity: 0.6;
}

.aec-tpagelink-loading {
  position: absolute;
  left: 393px;
  top: 10px;
}

.aec-tpagelink-loading img {
  width: 30px;
}

/*  ページネーション
-------------------------------------------------------------*/
.aec-pageguide {
  display: inline-block;
  float: left;
  margin-left: 10px;
}

.aec-pagelink {
  display: inline-block;
  float: right;
}

.aec-pagelink-p {
  display: inline-block;
  padding: 0 10px 0 0;
}

.aec-pagelink-n {
  display: inline-block;
  padding: 0 0 0 10px;
}

.aec-pagelink-n {
  display: inline-block;
}

.aec-pagelink-n .current,
.aec-pagelink-n a {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #666;
}

.aec-pagelink-n .current {
  background: #666;
  color: #fff;
}

.aec-pagelink-n a:hover {
  background: #f7f7f7;
}

/*  フロー
-------------------------------------------------------------*/
.aec-flow {
  margin: 0 auto 50px auto;
  padding-top: 20px;
  display: table;
}
.aec-flow li {
  display: table-cell;
  font-size: 11px;
  width: 150px;
  padding-top: 10px;
  position: relative;
  text-align: center;
  background: url(../images/flow/flow-x.png) repeat-x top;
  color: #999;
}
.aec-flow li:after {
  content: " ";
  position: absolute;
  top: -13px;
  left: 50%;
  width: 13px;
  height: 13px;
  background: #ccc;
  margin-left: -13px;
  border-radius: 90px;
  border: 7px solid #fff;
}
.aec-flow li.done,
.aec-flow li.current {
  color: #333 !important;
}
.aec-flow li.done:after,
.aec-flow li.current:after {
  background: #555;
}
.aec-flow li:first-child {
  background: url(../images/flow/flow-l.png) no-repeat center top;
}
.aec-flow li:last-child {
  background: url(../images/flow/flow-r.png) no-repeat center top;
}
.aec-flow li.done {
  background: url(../images/flow/flow-d-x.png) repeat-x top;
}
.aec-flow li:first-child.done {
  background: url(../images/flow/flow-d-l.png) repeat-x top;
}
.aec-flow li.current {
  background: url(../images/flow/flow-c-x.png) repeat-x top;
}
.aec-flow li:first-child.current {
  background: url(../images/flow/flow-l.png) no-repeat center top;
}
.aec-flow li:last-child.current {
  background: url(../images/flow/flow-c-r.png) no-repeat center top;
}

/* =================================================================
ショッピングカート
=================================================================*/
#main .aec-cart-tbl {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #dfdfdf;
  margin: 0 0 30px 0;
}

#main .aec-cart-tbl td {
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}

#main .aec-cart-tbl td + td {
  padding-left: 20px;
}

.aec-cart-tbl-price,
.aec-cart-tbl-quantity {
  white-space: nowrap;
}

.aec-cart-tbl-pic {
  width: 80px;
  line-height: 1;
}

.aec-cart-tbl-pic img {
  width: 80px;
}

.aec-cart-total {
  display: table;
  border-bottom: 1px solid #dfdfdf;
  padding: 0 0 5px 0;
  margin-bottom: 60px;
  font-size: 14px;
  font-weight: bold;
  float: right;
}

.aec-cart-total-price {
  padding-left: 20px;
  font-size: 16px;
}

.aec-cart-delete {
  width: 53px !important;
  max-width: 53px !important;
  vertical-align: middle;
}

.aec-cart-empty {
  margin-bottom: 60px;
  font-size: 15px;
}

/*cartindex-care*/
.cart-care-title {
  font-size: 16px;
  margin: 0 0 20px 0;
  font-weight: normal;
  border-bottom: 1px solid #333;
  padding: 0 0 5px 0;
  text-align: center;
}

.l-cart-care {
  display: table;
  width: 820px;
  margin: 0 -10px 20px -10px;
}

.cart-care-b {
  display: table-cell;
  padding: 0 10px 34px 10px;
  width: 140px;
  position: relative;
}

.cart-care-b + .cart-care-b {
  border-left: 1px solid #dfdfdf;
}

.cart-care-b a {
  color: #333;
  text-decoration: none;
  display: block;
}

.cart-care-b a:hover {
  opacity: 0.6;
}

.cart-care-b h4 {
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 5px;
}

.cart-care-b strong {
  font-size: 11px;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  text-align: center;
}

.cart-care-b span {
  font-size: 11px;
  color: #999;
  height: 12px;
  line-height: 12px;
  bottom: 22px;
  position: absolute;
}

.cart-care-b-for {
  font-size: 10px;
  position: absolute;
  bottom: 0;
  height: 12px;
  line-height: 12px;
  background: #acacac;
  padding: 2px 3px;
  color: #fff;
}

.cart-care-b img {
  width: 117px;
}

/* =================================================================
ログイン
=================================================================*/
.aec-clogin-box h3 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 15px;
}

.aec-clogin-box {
  border: 5px solid #e6e6e6;
  width: 530px;
  float: left;
  margin-bottom: 30px;
  position: relative;
  padding: 40px 40px 0 40px;
  height: 409px;
  box-sizing: border-box;
}

.aec-clogin-box + .aec-clogin-box {
  float: right;
}

.aec-clogin-box-height {
  margin-bottom: 20px;
}

#main .aec-clogin-box-login {
  border-collapse: collapse;
  /*reset*/
  border: none;
  margin: 0;
  /*--*/
  width: 100%;
}

#main .aec-clogin-box-login th,
#main .aec-clogin-box-login td {
  background: #e6e6e6;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
  line-height: 1;
  padding: 10px;
}

#main .aec-clogin-box-login th {
  white-space: nowrap;
  width: 100px;
}

#main .aec-clogin-box-login td input {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  box-sizing: border-box;
}

#main .aec-clogin-box-login td a {
  text-decoration: underline;
  font-size: 11px;
  margin-top: 6px;
  display: inline-block;
}

#main .aec-clogin-box-login td a:hover {
  text-decoration: none;
}

#main .aec-clogin-box-login p {
  font-size: 12px;
}

/* =================================================================
注文情報の入力
cart_seisan.xhtml
=================================================================*/
#main .aec-ipt-main h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}
#main .aec-ipt-main .aec-ipt-ttl-btn {
  float: right;
}
#main .aec-ipt-main table {
  border-collapse: collapse;
  border: 5px solid #e6e6e6;
  border-left: none;
  margin-bottom: 40px;
  width: 100%;
}
#main .aec-ipt-main td {
  padding: 15px;
  vertical-align: middle;
}
#main .aec-ipt-main td span.hsk {
  font-size: 12px;
  color: #888;
}
#main .aec-ipt-main td input + span.hsk {
  padding-left: 20px;
}
#main .aec-ipt-main td.ico {
  padding: 0;
}
#main .aec-ipt-main tr + tr th,
#main .aec-ipt-main tr + tr td {
  border-top: 1px solid #d5d5d5;
}
#main .aec-ipt-main th {
  background: #e6e6e6;
  padding: 0 15px;
  vertical-align: middle;
  font-size: 13px;
}
#main .aec-ipt-main input[type="text"],
#main .aec-ipt-main input[type="password"],
#main .aec-ipt-main textarea {
  border-radius: 2px;
  padding: 5px 7px;
  border: 1px solid #ccc;
  font-size: 13px;
  box-sizing: border-box;
}
#main .aec-ipt-main input#ZIP,
#main .aec-ipt-main input#SEND_ZIP {
  width: 160px;
}
#main .aec-ipt-main input#CREDIT_NO,
#main .aec-ipt-main input#CREDIT_NAME {
  width: 250px;
}
#main .aec-ipt-main textarea {
  width: 100%;
}
#main .aec-ipt-main td input[type="button"] {
  background: #7b7b7b;
  padding: 5px 7px;
  color: #fff;
  border: none;
  border-radius: 2px;
}
#main .aec-ipt-main span.required,
#main .aec-ipt-main span.option {
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
  padding: 3px 4px;
  display: inline-block;
  line-height: 1;
}
#main .aec-ipt-main span.required {
  background: #ad0005;
}
#main .aec-ipt-main span.option {
  background: #7b7b7b;
}
#main .aec-ipt-main td .hosoku {
  display: block;
  padding: 5px 0;
  font-size: 13px;
}
#main .aec-ipt-main .pointcard_box {
  margin-bottom: 30px;
}
#main .aec-ipt-main .pointcard_box dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#main .aec-ipt-main .pointcard_box dd {
  font-size: 13px;
}
#main .aec-ipt-main .aec-ipt-main-pay {
  border: 5px solid #e6e6e6;
  display: table;
  margin-bottom: 40px;
  width: 760px;
}
#main .aec-ipt-main .aec-ipt-main-pay-tbl {
  width: 760px;
  display: table;
}
#main .aec-ipt-main .aec-ipt-main-pay-ttl {
  background: #e6e6e6;
  padding: 5px 10px 10px 10px;
}
#main .aec-ipt-main .aec-ipt-main-pay-box {
  display: table-row;
  line-height: 1;
  cursor: pointer;
}
#main .aec-ipt-main .aec-ipt-main-pay-box:hover {
  background: #f7f7f7;
}
#main .aec-ipt-main .aec-ipt-main-pay-box + .aec-ipt-main-pay-box h4,
#main .aec-ipt-main .aec-ipt-main-pay-box + .aec-ipt-main-pay-box p {
  border-top: 1px solid #d5d5d5;
}
#main .aec-ipt-main .aec-ipt-main-pay-box h4 {
  font-weight: bold;
  font-size: 13px;
  display: table-cell;
  padding: 15px;
  white-space: nowrap;
  vertical-align: middle;
  height: 30px;
}
#main .aec-ipt-main .optionWrapping h4 {
  padding-right: 0;
  width: 240px;
}
#main .aec-ipt-main .aec-ipt-main-pay-box h4 label {
  padding-left: 5px;
}
#main .aec-ipt-main .aec-ipt-main-pay-box p {
  display: table-cell;
  padding: 15px;
  vertical-align: middle;
  font-size: 12px !important;
  overflow: hidden;
}
#main .aec-ipt-main .aec-ipt-main-pay-box p img {
  width: 230px;
  float: right;
  margin-left: 20px;
}
#main .aec-ipt-main .aec-ipt-main-pay-box h4 .HTMLFORM_LABEL_GROUP {
  display: table;
  float: left;
  padding-top: 3px;
}
#main .aec-ipt-main .aec-ipt-main-pay-box h4 strong {
  display: block;
  width: 200px;
  float: left;
  white-space: normal;
  line-height: 1.5;
}
#main .aec-ipt-main .aec-ipt-main-pay-box-price {
  padding: 0 0 0 10px;
  display: inline-block;
}

.aec-ipt-main-wrapping a {
  text-decoration: underline;
}
.aec-ipt-main-wrapping a:hover {
  text-decoration: none;
}
.aec-ipt-main-wrapping-modal {
  text-align: left;
}
.aec-ipt-main-wrapping-modal-content h2 {
  margin-bottom: 10px;
  text-align: center;
  font-family: "Lato";
  font-size: 20px;
  letter-spacing: 0.2em;
}
.aec-ipt-main-wrapping-modal-content > p {
  margin-bottom: 25px;
  text-align: center;
  font-size: 13px;
}
.aec-ipt-main-wrapping-modal-content dl {
  display: table;
  width: 100%;
  border-top: 1px solid #ddd;
  padding-top: 25px;
}
.aec-ipt-main-wrapping-modal-content dl + dl {
  margin-top: 25px;
}
.aec-ipt-main-wrapping-modal-content dt {
  display: table-cell;
  width: 230px;
  padding-right: 20px;
  vertical-align: middle;
  text-align: center;
}
.aec-ipt-main-wrapping-modal-content dd {
  display: table-cell;
  vertical-align: top;
}
.aec-ipt-main-wrapping-modal-content dd li {
  overflow: hidden;
}
.aec-ipt-main-wrapping-modal-content dd li + li {
  margin-top: 20px;
}
.aec-ipt-main-wrapping-modal-content dd img {
  display: block;
  margin-right: 10px;
  width: 160px;
  float: left;
}
.aec-ipt-main-wrapping-modal-content dd h3 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.aec-ipt-main-wrapping-modal-content dd p {
  font-size: 12px;
}

/* =================================================================
注文情報の確認
=================================================================*/
#main .aec-cfm-main-table {
  border-collapse: collapse;
  border: 5px solid #e6e6e6;
  border-left: none;
  margin-bottom: 40px;
  width: 100%;
}

#main .aec-cfm-main-table th {
  background: #e6e6e6;
  padding-left: 20px;
  vertical-align: middle;
  width: 150px;
}

#main .aec-cfm-main-table h3 {
  font-size: 14px;
}

#main .aec-cfm-main-table td {
  vertical-align: middle;
  font-size: 13px;
  padding: 10px 20px;
}

#main .aec-cfm-main-table table {
  border-collapse: collapse;
  margin: 0;
}

#main .aec-cfm-main-table table th {
  padding: 2px 30px 2px 0;
  white-space: nowrap;
  width: auto;
  background: none;
  font-size: 12px;
  font-weight: bold;
}

#main .aec-cfm-main-table table td {
  padding: 2px 0;
  width: 500px;
}

#main .aec-cfm-main-table table tr + tr th,
#main .aec-cfm-main-table table tr + tr td {
  border-top: 1px solid #e6e6e6;
}

.aec-cfm-main-table-change {
  width: 90px;
  text-align: right;
  padding-left: 0 !important;
}

.aec-cfm-main-table-change a {
  text-decoration: underline;
}

.aec-cfm-main-table-change a:hover {
  text-decoration: none;
}

.aec-cfm-main-table-change a:before {
  content: "→";
}

/* =================================================================
注文完了
=================================================================*/
.aec-reslt-contact {
  background: #f7f7f7;
  padding: 25px 50px;
  text-align: center;
  display: table;
  margin: 60px 0 75px;
  font-size: 13px;
}

.aec-reslt-contact h3 {
  margin-bottom: 15px;
  font-weight: bold;
  border-bottom: 2px solid #fff;
  padding-bottom: 7px;
}

#main .aec-reslt-contact th {
  padding-right: 20px;
}

#main .aec-reslt-contact th a {
  text-decoration: underline;
}

#main .aec-reslt-contact th a:hover {
  text-decoration: none;
}

/*  メルマガ登録
--------------------------- */
.block_magazine_body {
  overflow: hidden;
}

.block_magazine_main {
  width: 610px;
  float: left;
}

.block_magazine_sidebar {
  width: 208px;
  float: right;
}

.block_magazine_sidebar figcaption {
  margin-bottom: 8px;
  line-height: 1;
  letter-spacing: 4px;
  text-align: center;
  font-size: 18px;
  font-family: "Lora", serif;
  font-weight: bold;
  color: #999;
}

.magazine_backnumber {
  display: block;
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
  text-decoration: underline !important;
}

.magazine_backnumber:hover {
  text-decoration: none !important;
}

.block_magazine_section {
  margin-bottom: 35px;
  padding-bottom: 35px;
  font-size: 12px;
}

.block_magazine_section_head {
  margin-bottom: 10px;
  letter-spacing: 2px;
  line-height: 1.25;
  font-weight: bold;
  font-size: 18px;
}

.block_magazine_box {
  margin: 20px 0 15px;
  background: #e6e6e6;
  text-align: center;
  padding: 25px 0;
}

#main .block_magazine_box table {
  margin: 0 auto;
}

#main .block_magazine_box th {
  vertical-align: top;
  line-height: 20px;
  white-space: nowrap;
  padding: 10px 20px 0 0;
}

#main .block_magazine_box th span {
  background: #ad0005;
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
  padding: 3px 4px;
  display: inline-block;
  line-height: 1;
  margin-left: 5px;
}

#main .block_magazine_box td input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin: 0;
  background: #fff;
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  border-radius: 2px;
  outline: none;
  line-height: 1.25;
  font-family: "Lato", Arial, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
  font-size: 14px;
  color: #3a3a3a;
  padding: 10px;
  width: 400px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}

#main .block_magazine_box .btn {
  border: none;
  width: 242px;
  cursor: pointer;
  padding: 15px 0;
  display: inline-block;
  box-sizing: border-box;
  background-color: #7b7b7b;
  border-radius: 2px;
  line-height: 1.25;
  text-align: center;
  font-size: 12px;
  color: #fff;
  transition: background-color 0.2s ease;
}

.block_magazine_box .btn:hover {
  background-color: #afafaf;
}

#main .block_magazine_states {
  border-collapse: collapse;
}

#main .block_magazine_states th,
#main .block_magazine_states td {
  border-bottom: 1px dotted #b9b9b9;
  padding: 10px 0;
}

#main .block_magazine_states th {
  white-space: nowrap;
  padding-right: 31px;
  font-weight: bold;
  font-size: 12px;
  vertical-align: top;
}

.block_magazine_states a {
  text-decoration: underline;
}

.block_magazine_states a:hover {
  text-decoration: none;
}

/* =================================================================
商品一覧 item_list$image
=================================================================*/
/* itemList - ★商品一覧★　
-------------------------------------------------------------*/
#itemList {
  padding-bottom: 40px;
}

#itemList .box {
  margin-left: 30px;
  margin-bottom: 0;
}

#itemList .img_box {
  width: auto;
  height: auto;
}

#itemList .img {
  vertical-align: middle;
}

#itemList .priceArea {
  text-align: center;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 1;
}

#itemList .colorArea li img {
  vertical-align: top;
}

#itemList .img_box a {
  display: block;
}

#itemList .img_box a:hover {
  opacity: 0.6;
}

.aec-itmlst-error #error {
  padding: 0 30px 25px 30px;
}

/* =================================================================
商品詳細 item_detail
=================================================================*/
body {
  cursor: auto !important;
}

.aec-itmdtl-pic-main li .innner {
  position: relative;
}

.img_on {
  width: 520px;
  height: 521px;
  position: absolute;
  top: 0;
  left: 59px;
  z-index: 10100;
  cursor: pointer;
  cursor: zoom-in !important;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.ok-listener {
  cursor: pointer;
  cursor: zoom-out !important;
}

.aec-itmdtl {
  position: relative;
}

.aec-itmdtl h1 {
  font-size: 11px;
  margin-bottom: 20px;
  font-size: 11px;
  width: 638px;
  line-height: 1;
}

.aec-itmdtl h1 span {
  font-size: 22px;
  letter-spacing: 0.15em;
  display: block;
  padding-bottom: 10px;
}

.aec-itmdtl-pic-icon li {
  margin-bottom: 20px;
}

.aec-itmdtl-pic-main {
  width: 638px;
  float: left;
  position: relative;
}

.aec-itmdtl-pic-main li {
  width: 638px;
}

.aec-itmdtl-pic .innner {
  display: table-cell;
  text-align: center;
  line-height: 0;
  width: 638px;
  height: 587px;
}

.aec-itmdtl-pic-main li img {
  width: 520px;
  height: 520px;
  z-index: 1;
}

.aec-itmdtl-pic .bx-wrapper .bx-controls-direction a {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 240px;
  text-indent: -9999px;
  z-index: 100;
  filter: alpha(opacity=80);
  opacity: 0.8;
  margin-top: -20px;
}

.aec-itmdtl-pic .bx-wrapper .bx-prev {
  background: url(/client_info/MOTHERHOUSE/view/userweb/images/itemdetail/arrow_left.png) no-repeat;
  left: 10px;
}

.aec-itmdtl-pic .bx-wrapper .bx-prev:hover {
  background: url(/client_info/MOTHERHOUSE/view/userweb/images/itemdetail/arrow_left_o.png) no-repeat;
}

.aec-itmdtl-pic .bx-wrapper .bx-next {
  background: url(/client_info/MOTHERHOUSE/view/userweb/images/itemdetail/arrow_right.png) no-repeat;
  right: 10px;
}

.aec-itmdtl-pic .bx-wrapper .bx-next:hover {
  background: url(/client_info/MOTHERHOUSE/view/userweb/images/itemdetail/arrow_right_o.png) no-repeat;
}

.aec-itmdtl-pic .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  font-size: 13px;
  padding: 15px 60px;
  height: 67px;
  box-sizing: border-box;
  line-height: 18px;
}

.aec-itmdtl-pic .bx-wrapper .bx-caption br {
  display: block !important;
}

.aec-itmdtl-pic-thumb {
  width: 231px;
  float: right;
  margin-top: -32px;
}

.aec-itmdtl-pic-thumb li {
  width: 77px;
  float: left;
  padding: 0 0 10px 10px;
  box-sizing: border-box;
  display: block;
}

.aec-itmdtl-pic-thumb .detail_txt {
  width: 100%;
  height: 32px;
  line-height: 32px;
  letter-spacing: 0.15em;
  font-size: 16px;
  font-weight: bold;
}

.aec-itmdtl-pic-thumb a {
  border: 1px solid #dadada;
  display: block;
}

.aec-itmdtl-pic-thumb a.active {
  box-shadow: 0 0 0 4px #b9b9b9 inset;
  border: 1px solid #b9b9b9;
}

.aec-itmdtl-pic-thumb a.active img {
  z-index: -1;
  position: relative;
}

.aec-itmdtl-pic-thumb .innner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 65px;
  height: 65px;
}

.aec-itmdtl-pic-thumb img {
  width: 65px;
  height: auto;
}

.aec-itmdtl-info {
  margin: 20px 0 40px 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.aec-itmdtl-info-about {
  display: table-cell;
  vertical-align: top;
  padding-right: 20px;
  width: 100%;
  position: relative;
}
.aec-itmdtl-info-about-final {
  color: #6B9410;
}
.aec-itmdtl-info-about-lang {
  float: right;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.aec-itmdtl-info-about-lang li {
  line-height: 1;
  cursor: pointer;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: bold;
  background: #f7f7f7;
}
.aec-itmdtl-info-about-lang .is-active {
  cursor: default;
  background: #b9b9b9;
  color: #fff;
}
.aec-itmdtl-info-about h3 {
  margin-bottom: 40px;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 1.5;
}
.aec-itmdtl-info-about a {
  text-decoration: underline;
}
.aec-itmdtl-info-about a:hover {
  text-decoration: none;
}
.aec-itmdtl-info-about .en h3,
.aec-itmdtl-info-about .en, .aec-itmdtl-info-about p {
  word-break: normal;
}

.info-box-2column {
  overflow: hidden;
}

.info-box-2column-pic {
  float: right;
  width: 300px;
}

.info-box-2column-txt {
  float: left;
  width: 318px;
}

#main .info-box-2column-txt p {
  margin-bottom: 10px;
}

#main .info-box-2column-txt-hsk {
  font-size: 90%;
  color: #888;
}

.aec-itmdtl-info .info {
  font-size: 13px;
  margin-bottom: 40px;
  line-height: 1.5;
}
.aec-itmdtl-info .info h4 {
  font-weight: bold;
  font-size: 16px;
  margin: 20px 0;
  display: block;
}
.aec-itmdtl-info .info .aec-btn {
  display: table;
  margin: 0 auto;
  border: 1px solid #dfdfdf;
  border-radius: 50px;
  padding: 7px 15px;
  font-size: 10px;
  background: #fff;
  text-decoration: none;
}
.aec-itmdtl-info .info .aec-btn:hover {
  background: #555;
  color: #fff;
  border-color: #555;
}
.aec-itmdtl-info .info .aec-btn:before {
  content: ">";
  padding-right: 5px;
}

.aec-itmdtl-info .info-box {
  padding-top: 50px;
}

.aec-itmdtl-info p + .info-box {
  margin-top: -20px;
}

.aec-itmdtl-info .info-box h4:first-child {
  margin-top: 0;
}

.aec-itmdtl-info .info-box p:last-child {
  margin-bottom: 0 !important;
}

.aec-itmdtl-info-spec {
  width: 221px;
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.aec-itmdtl-info-spec-inner {
  width: 221px;
  font-size: 11px;
  border-bottom: 2px solid #b9b9b9;
}

.aec-itmdtl-info-spec-inner.fixed-top {
  position: fixed;
  top: 45px;
}

.aec-itmdtl-info-spec-inner.fixed-bottom {
  position: absolute;
  bottom: 0;
}

.aec-itmdtl-size {
  width: 100% !important;
  table-layout: fixed;
}

.aec-itmdtl-size th,
.aec-itmdtl-size td {
  padding: 10px;
  text-align: center;
}

.aec-itmdtl-size th {
  background: #7b7b7b;
  color: #fff;
  border-right: 1px solid #fff;
}

.aec-itmdtl-size td {
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  width: auto;
}

.aec-itmdtl-size th:last-child,
.aec-itmdtl-size td:last-child {
  border-right: 1px solid #7b7b7b;
}

.aec-itmdtl-size td:first-child {
  border-left: 1px solid #7b7b7b;
}

.aec-itmdtl-size tr:last-child td {
  border-bottom: 1px solid #7b7b7b;
}

.aec-itmdtl-spec h2 {
  border-bottom: 2px solid #b9b9b9;
  padding-bottom: 10px;
  font-size: 15px;
  letter-spacing: 0.15em;
}

.aec-itmdtl-spec div:not(.aec-itmdtl-spec-inner) {
  padding: 15px 10px;
  line-height: 1.5;
}

.aec-itmdtl-spec div + div {
  border-top: 1px dotted #000;
}

.aec-itmdtl-spec h3 {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1;
}

.aec-itmdtl-spec-weight h3 {
  margin-bottom: 0;
  display: inline-block;
  padding-right: 20px;
}

.aec-itmdtl-spec .aec-itmdtl-spec-color {
  padding-bottom: 5px;
}

.aec-itmdtl-spec-color ul {
  margin: 0 -10px;
  letter-spacing: -0.4em;
}

.aec-itmdtl-spec-color li {
  width: 79px;
  display: inline-block;
  letter-spacing: normal;
  padding: 0 0 10px 10px;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
}

.aec-itmdtl-spec-color img {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
}

.aec-itmdtl-cart-spec {
  font-size: 12px;
  margin-bottom: 40px;
  margin-top: 40px;
  border-bottom: 2px solid #b9b9b9;
  overflow: hidden;
}

.aec-itmdtl-cart-spec h3 {
  font-size: 13px;
  position: absolute;
  left: 0;
}

.aec-itmdtl-cart-spec > div {
  padding-left: 110px !important;
  position: relative;
}

.aec-itmdtl-cart-spec-size {
  border-bottom: 1px dotted #000;
}

.aec-itmdtl-cart-spec-sozai,
.aec-itmdtl-cart-spec-weight {
  width: 50%;
  box-sizing: border-box;
  float: left;
  border-top: none !important;
}

.aec-itmdtl-cart-spec-weight + div,
.aec-itmdtl-cart-spec .aec-itmdtl-spec-color,
.aec-itmdtl-cart-spec .aec-itmdtl-spec-attention,
.aec-itmdtl-cart-spec div:last-child {
  clear: both;
}

.aec-itmdtl-info-spec .kotohaco_rsview_title {
  font-size: 13px;
  line-height: 1.4;
  padding-top: 10px;
  font-weight: bold;
}

.aec-itmdtl-info-spec .s-kotohako-reco {
  padding-bottom: 20px;
}

.aec-itmdtl-info-spec .kotohaco_rsview_outerframe li {
  width: 50%;
}

.aec-itmdtl-info-spec .kotohaco_rsview_outerframe li:nth-child(9),
.aec-itmdtl-info-spec .kotohaco_rsview_outerframe li:nth-child(10) {
  display: none;
}

/* 返品交換 */
.aec-itmdtl-return {
  display: block;
  margin-bottom: 30px;
}

/* SNS & MAIL MAGAZINE */
.aec-sns {
  margin-bottom: 40px;
}

.aec-sns h4 {
  margin-bottom: 25px;
  padding-bottom: 0;
}

.aec-sns h4 span {
  display: block;
  font-size: 80%;
}

.m-sns {
  overflow: hidden;
  margin-bottom: 40px;
}

.m-facebook {
  width: 270px;
  height: 242px;
  float: left;
}

.m-mail {
  width: 280px;
  height: 242px;
  float: left;
  margin-left: 30px;
  background: url(https://www.mother-house.jp/magazine/img/mail-bg.png) no-repeat;
  position: relative;
  box-sizing: border-box;
  padding: 104px 23px 0 23px;
}

.m-mail input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  margin: 0;
  padding: 3px 10px;
  width: 100%;
  background: #fff;
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  border-radius: 2px;
  outline: none;
  line-height: 1.25;
  font-family: "Lato", Arial, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
  font-size: 14px;
  color: #3a3a3a;
}

#main .m-mail p {
  font-size: 10px;
  margin-bottom: 10px;
  letter-spacing: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .m-mail {
    background: url(https://www.mother-house.jp/magazine/img/mail-bg@2x.png) no-repeat;
    background-size: 280px 242px;
  }
}
.m-mail-sample {
  position: absolute;
  top: 56px;
  left: 207px;
}

.m-mail-btn {
  background: #0198a6;
  color: #fff;
  border-radius: 5px;
  border: none;
  width: 100%;
  margin-top: 6px;
  padding: 13px;
  font-size: 13px;
  -webkit-appearance: none;
}

.m-tw {
  width: 269px;
  height: 242px;
  border: 1px solid #dadada;
  border-top: 6px solid #0693e3;
  float: left;
  margin-left: 30px;
  box-sizing: border-box;
  text-align: center;
}

.m-tw-logo {
  margin: 0 auto;
  display: block;
  padding: 20px 0 10px;
  transition: all 0.2s ease;
}

.m-tw-logo:hover {
  opacity: 0.6;
}

.m-tw-user {
  color: #0693e3 !important;
  display: block;
  text-decoration: underline;
}

.m-tw-user:hover {
  text-decoration: none;
}

#main .m-tw p {
  font-size: 11px;
  margin: 0;
  letter-spacing: 0;
}

.m-tw iframe {
  margin: 10px auto 0 auto;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10001;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  border: 1px solid #333;
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxLoadingGraphic {
  background: url(https://www.mother-house.jp/magazine/img/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -32px;
  background: url(https://www.mother-house.jp/img/project/zadan/controls.png) no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #cboxPrevious {
    background: url(https://www.mother-house.jp/img/project/zadan/controls@2x.png) no-repeat top left;
    background-size: 98px 130px;
  }
}
#cboxPrevious:hover {
  background-position: bottom left;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -32px;
  background: url(https://www.mother-house.jp/img/project/zadan/controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #cboxNext {
    background: url(https://www.mother-house.jp/img/project/zadan/controls@2x.png) no-repeat top right;
    background-size: 98px 130px;
  }
}
#cboxNext:hover {
  background-position: bottom right;
}

#cboxClose {
  position: absolute;
  top: 1px;
  right: 10px;
  display: block;
  background: url(https://www.mother-house.jp/img/project/zadan/controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #cboxClose {
    background: url(https://www.mother-house.jp/img/project/zadan/controls@2x.png) no-repeat top center;
    background-size: 98px 130px;
  }
}
#cboxClose:hover {
  background-position: bottom center;
}

/* 予約注文 */
.pre-item1,
.pre-item2,
.pre-itemAll {
  display: none;
}

#main .aec-itmdtl-cart-pre table {
  margin-bottom: 10px;
  width: 100%;
}

#main .aec-itmdtl-cart-pre-all tr + tr th,
#main .aec-itmdtl-cart-pre-all tr + tr td {
  border-top: 1px solid #dadada;
}

.aec-itmdtl-cart-pre h4 {
  color: #AD0000;
  font-size: 14px;
  font-weight: bold;
}

#main .aec-itmdtl-cart-pre th {
  padding: 0 10px 0 0;
}

#main .aec-itmdtl-cart-pre td {
  padding: 10px;
}

#main .aec-itmdtl-cart-pre td strong {
  color: #AD0000;
}

.aec-itmdtl-cart-pre button {
  background: #333;
  border-radius: 5px;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

.aec-itmdtl-cart-pre button span {
  height: 17px;
  line-height: 17px;
  display: inline-block;
  vertical-align: middle;
}

.aec-itmdtl-cart-pre button img {
  vertical-align: middle;
  margin-right: 5px;
}

/* item_detail カート領域 */
.aec-itmdtl-cart {
  background: #dadada;
  padding: 10px;
  overflow: hidden;
}

.aec-itmdtl-cart-price {
  display: table;
  padding: 10px 10px 20px;
  float: right;
}

.aec-itmdtl-cart-price-p {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 15px;
}

.aec-itmdtl-cart-price-p strong {
  font-size: 18px;
  padding-left: 15px;
}

.aec-itmdtl-cart-price-q {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 15px;
}

.aec-itmdtl-cart-price-p span {
  font-size: 13px;
}

#main .aec-itmdtl-cart table {
  width: 100%;
  background: #fff;
  position: relative;
  table-layout: fixed;
}

#main .aec-itmdtl-cart table:after {
  top: 100%;
  left: 65.9%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 20px;
  margin-left: -20px;
}

#main .aec-itmdtl-cart th,
#main .aec-itmdtl-cart td {
  border-bottom: 1px solid #dadada;
  text-align: center;
}

#main .aec-itmdtl-cart td {
  transition: all 0.2s;
  height: 49px;
}

#main .aec-itmdtl-cart-tbl-ttl th {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 2px solid #dadada;
  font-size: 11px !important;
  font-weight: bold;
}

#main .aec-itmdtl-cart table th:first-child {
  padding-left: 20px;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
  width: 193px;
  box-sizing: border-box;
}

#main .aec-itmdtl-cart table tr:last-child th,
#main .aec-itmdtl-cart table tr:last-child td {
  border-bottom: none;
}

.aec-itmdtl-cart-tbl-ns {
  width: 94px;
  background: #eee;
  color: #ce6d72;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  height: 30px;
  line-height: 30px;
}

.aec-itmdtl-cart-tbl-ns-b {
  width: 250px;
}

.aec-itmdtl-cart label {
  cursor: pointer;
  display: block;
  padding: 18px 0;
}

.aec-itmdtl-cart label input {
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}

.aec-itmdtl-cart a:hover img {
  opacity: 0.8;
}

.aec-itmdtl-cart-btn {
  padding: 40px 0 10px;
  display: table;
  width: 100%;
}

.aec-itmdtl-cart-btn-fav {
  width: 193px;
  display: table-cell;
  vertical-align: middle;
}

.aec-itmdtl-cart-btn-fav a {
  display: block;
}

.aec-itmdtl-cart-btn-fav a:hover {
  opacity: 0.8;
}

.aec-itmdtl-cart-btn-cart {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.aec-itmdtl-cart-btn-cart button,
.aec-itmdtl-cart-btn-cart-no_btn,
.aec-itmdtl-cart-btn-fav a {
  display: table-cell;
  vertical-align: middle;
  border-radius: 5px;
  border: none;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  transition: all 0.2s;
}

.aec-itmdtl-cart-btn-cart button,
.aec-itmdtl-cart-btn-cart-no_btn {
  background: #000;
  color: #fff;
  font-size: 14px;
  width: 425px;
  height: 45px;
}

.aec-itmdtl-cart-btn-cart button:hover {
  background: #333;
}

.aec-itmdtl-cart-btn-cart button img,
.aec-itmdtl-cart-btn-cart-no_btn img {
  vertical-align: middle;
  margin-right: 10px;
}

.aec-itmdtl-cart-btn-cart-no_btn {
  cursor: not-allowed;
  opacity: 0.3;
}

.aec-itmdtl-cart-btn-fav a {
  background: #7b7b7b;
  color: #fff;
  font-size: 11px;
  width: 183px;
  height: 45px;
}

.aec-itmdtl-cart-btn-fav a:hover {
  background: #888;
}

.aec-itmdtl-cart-btn-fav a img {
  vertical-align: middle;
  margin-right: 3px;
}

.aec-itmdtl-cart-info {
  border: 1px solid #dadada;
  padding: 20px;
  font-size: 11px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.aec-itmdtl-cart-info h3 {
  border-bottom: 2px dotted #dadada;
  font-size: 14px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  margin-top: -5px;
}
.aec-itmdtl-cart-info p {
  margin-bottom: 0 !important;
  color: #ab0000;
}

.aec-itmdtl-cart-info01 {
  border: 1px solid #6B9410;
  padding: 20px 20px 10px 20px;
  font-size: 11px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.aec-itmdtl-cart-info01 h3 {
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: -5px;
  position: relative;
  cursor: pointer;
  padding-right: 26px;
}
.aec-itmdtl-cart-info01 h3 span,
.aec-itmdtl-cart-info01 h3 span:before,
.aec-itmdtl-cart-info01 h3 span:after {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.aec-itmdtl-cart-info01 h3 span {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
}
.aec-itmdtl-cart-info01 h3 span:before,
.aec-itmdtl-cart-info01 h3 span:after {
  position: absolute;
  right: 0;
  top: 12px;
  width: 50%;
  height: 1px;
  background-color: #6B9410;
  border-radius: 4px;
  content: "";
}
.aec-itmdtl-cart-info01 h3 span:before {
  transform: rotate(0deg);
}
.aec-itmdtl-cart-info01 h3 span:after {
  transform: rotate(90deg);
}
.aec-itmdtl-cart-info01 h3 span.active:before {
  display: none;
}
.aec-itmdtl-cart-info01 h3 span.active:after {
  transform: rotate(180deg);
}
.aec-itmdtl-cart-info01-content {
  display: none;
  border-top: 2px dotted #6B9410;
  padding: 15px 0 10px;
}

.aec-itmdtl-cart-info-guide p {
  color: #333;
  overflow: hidden;
}

.aec-itmdtl-cart-info-guide p + p {
  margin-top: 15px !important;
}

.aec-itmdtl-cart-info-guide a {
  font-size: 13px;
  margin-top: 5px;
}

.aec-itmdtl-cart-info a strong {
  color: #ad0005;
}

.timeaccessItem .img_box .inner {
  border: none;
}

/*レビュー*/
.aec-itmdtl-review {
  margin-top: 60px;
  font-size: 12px;
}
.aec-itmdtl-review h3 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}
.aec-itmdtl-review h3 strong {
  font-weight: normal;
  font-size: 13px;
  color: #888;
  padding-left: 15px;
  letter-spacing: 0.1em;
}
.aec-itmdtl-review p {
  margin-bottom: 0 !important;
}
.aec-itmdtl-review > ul {
  border-bottom: 1px solid #dadada;
}
.aec-itmdtl-review > ul > li {
  padding: 30px 0;
  border-top: 1px solid #dadada;
}
.aec-itmdtl-review .review-status {
  margin-bottom: 15px;
  font-size: 10px;
  position: relative;
}
.aec-itmdtl-review .review-status-color {
  display: table !important;
  background: #b9b9b9;
  color: #fff;
  padding: 4px 10px;
  margin-bottom: 10px;
}
.aec-itmdtl-review .review-status-date {
  color: #888;
  margin-top: 5px;
  text-align: right;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.aec-itmdtl-review .review-status ul {
  display: table;
  padding: 0 10px 0 1px;
}
.aec-itmdtl-review .review-status li {
  display: inline-block;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  padding: 0 10px;
  margin: 0 0 4px -1px;
}
.aec-itmdtl-review .review-status li span + span:before {
  content: "、";
}
.aec-itmdtl-review .review-reply {
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 20px 20px 35px;
  margin-top: 10px;
  position: relative;
  display: flex;
  align-items: start;
}
.aec-itmdtl-review .review-reply img {
  width: 77px;
  border-radius: 100px;
  margin-right: 20px;
}
.aec-itmdtl-review .review-reply p {
  font-size: 11px;
}
.aec-itmdtl-review .review-reply-date {
  text-align: right;
  padding-top: 5px;
  color: #888;
  font-size: 10px;
  width: 100%;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.review-more {
  text-align: center;
  font-size: 12px;
  color: #888;
  padding: 5px 0;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.2s ease;
}
.review-more:hover {
  background: #f7f7f7;
}
.review-more img {
  padding-right: 10px;
  width: 12px;
  vertical-align: middle;
}

.review-kijun {
  margin-top: 10px !important;
  font-size: 10px;
  color: #888;
}

/* 旧レビュー */
.review-info {
  margin-top: 15px;
  font-size: 10px;
  position: relative;
}

.review-use {
  display: inline-block;
  padding-right: 10px;
}

.review-use span {
  display: inline-block;
  background: #b9b9b9;
  color: #fff;
  padding: 4px 15px;
  line-height: 1;
}

.review-use span + span {
  margin-left: 10px;
}

.review-age {
  display: inline-block;
}

.review-age span {
  display: inline-block;
}

.review-age span + span {
  margin-left: 10px;
}

.review-data {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #888;
}

.review-reply-data {
  text-align: right;
  padding-top: 5px;
  color: #888;
  font-size: 10px;
}

/*レコメンドエリア*/
.s-kotohako-reco .kotohaco_rsview_title {
  font-size: 14px;
  margin-bottom: 20px;
}

.kotohaco_rsview_itemwindow ol {
  overflow: hidden;
}

.s-kotohako-reco .kotohaco_rsview_item {
  font-size: 10px;
  float: left;
  width: 175px;
  padding: 0 !important;
  text-align: center;
}

.s-kotohako-reco .kotohaco_rsview_item a {
  display: block;
  transition: all 0.2s ease;
}

.s-kotohako-reco .kotohaco_rsview_item a:hover {
  opacity: 0.6;
}

.s-kotohako-reco .kotohaco_rsview_item .item_image {
  padding: 0 14px;
}

.s-kotohako-reco .kotohaco_rsview_item img {
  padding-bottom: 10px;
}

.s-kotohako-reco .item_data1 a {
  font-size: 12px;
  letter-spacing: 0;
  color: #888;
}

.s-kotohako-reco-btm {
  margin-bottom: 60px;
}

/* 商品詳細 staff comment */
.comment {
  border: 3px solid #eee;
  padding: 20px;
}

.comment img:first-child {
  float: left;
  width: 80px;
  margin-right: 15px;
}

.comment h3 {
  font-size: 12px;
  border-bottom: 1px solid #eee;
  display: table;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.comment strong {
  font-size: 14px;
  font-weight: normal;
}

#main .comment p {
  clear: both;
  font-size: 12px;
  margin: 20px 0 0 0;
}

#main .comment p + p {
  margin-top: 10px;
}

/* ご利用ガイド */
.itmdtl-guide {
  margin-bottom: 20px;
  border-top: 1px dotted #7B7B7B;
}

.itmdtl-guide h4 {
  font-size: 14px;
  text-align: center;
  padding: 30px 0 20px;
}

.itmdtl-guide h5 {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
}

.itmdtl-guide {
  overflow: hidden;
}

.itmdtl-guide-content > li {
  float: left;
  border-top: 1px solid #dadada;
  width: 269px;
  font-size: 11px;
  padding: 15px 0 35px;
  position: relative;
  box-sizing: content-box;
}
.itmdtl-guide-content > li:nth-child(3n+1), .itmdtl-guide-content > li:nth-child(3n+2) {
  margin-right: 36px;
}
.itmdtl-guide-content > li > a {
  display: table;
  position: absolute;
  bottom: 15px;
  right: 0;
  border: 1px solid #dfdfdf;
  border-radius: 50px;
  padding: 2px 12px;
  font-size: 10px;
}
.itmdtl-guide-content > li > a:before {
  content: ">";
  padding-right: 5px;
}
.itmdtl-guide-content > li > a:hover {
  background: #555;
  color: #fff;
  border-color: #555;
}

#main .itmdtl-guide-content p {
  margin-bottom: 10px;
}

#main .itmdtl-guide-buy table {
  margin: 5px 0 10px;
  border-radius: 5px;
  overflow: hidden;
  background: #f5f5f5;
  width: 100%;
}

#main .itmdtl-guide-buy table + table {
  margin-top: 10px;
}

#main .itmdtl-guide-buy th {
  vertical-align: middle;
  padding: 20px 0 20px 20px;
  line-height: 1;
}

#main .itmdtl-guide-buy td {
  vertical-align: middle;
  padding: 20px;
  line-height: 1;
}

.itmdtl-guide-buy table strong {
  font-weight: bold;
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #777;
  vertical-align: middle;
}

.itmdtl-guide-buy table span {
  display: block;
  font-size: 10px;
}

.itmdtl-guide-buy table a {
  font-weight: bold;
  display: block;
  font-size: 14px;
  color: #777;
  vertical-align: middle;
}

.itmdtl-guide-buy table img {
  vertical-align: middle;
}

.itmdtl-guide-shipping strong {
  font-size: 14px;
}

.itmdtl-guide-content ul {
  margin-left: 20px;
  margin-bottom: 5px;
}

.itmdtl-guide-content ul li {
  list-style: disc;
  font-size: 10px;
}

.itmdtl-guide-return span {
  color: #777;
}

/* =================================================================
エラー文 common/message
=================================================================*/
#error {
  width: 100%;
  padding: 0 0px 30px 0;
}

#error .ico {
  vertical-align: middle;
}

#error .content {
  padding: 0 0 0 10px;
}

/* 入荷お知らせ */
.l-aec-nk h2 {
  font-size: 20px;
  margin-bottom: 20px;
}

#main .l-aec-nk p {
  font-size: 13px;
  margin-bottom: 15px;
}

#main .l-aec-nk-prdct {
  background: #e6e6e6;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
  width: 880px;
}

.l-aec-nk-prdct th,
.l-aec-nk-prdct td {
  font-size: 12px;
  text-align: left;
  padding: 20px 30px;
  line-height: 1;
}

.l-aec-nk-prdct th {
  white-space: nowrap;
  width: 130px;
}

#main .l-aec-nk-prdct tr + tr th,
#main .l-aec-nk-prdct tr + tr td {
  border-top: 1px solid #fff;
}

.l-aec-nk-prdct th span.required,
.l-aec-nk-prdct th span.option {
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
  padding: 3px 4px;
  display: inline-block;
  line-height: 1;
  margin-left: 10px;
  font-weight: normal;
}

.l-aec-nk-prdct th span.required {
  background: #ad0005;
}

.l-aec-nk-prdct th span.option {
  background: #7b7b7b;
}

.l-aec-nk-prdct td input[type=text],
.l-aec-nk-prdct td input[type=email] {
  border-radius: 2px;
  padding: 5px 7px;
  border: 1px solid #ccc;
  font-size: 13px;
  box-sizing: border-box;
  width: 100%;
}

.l-aec-nk-prdct td .error {
  display: block;
  color: #ad0005;
  padding-top: 10px;
}

.l-aec-nk button[type=submit],
.aec-nk-btn {
  background: #7b7b7b;
  padding: 10px 30px;
  color: #fff !important;
  border: none;
  border-radius: 2px;
  letter-spacing: 0.1em;
  font-size: 13px;
  display: table;
  cursor: pointer;
  text-decoration: none !important;
}

.l-aec-nk button[type=submit]:hover,
.aec-nk-btn:hover {
  opacity: 0.8;
}

.l-aec-nk #thankyou a {
  text-decoration: underline;
}

.l-aec-nk #thankyou a:hover {
  text-decoration: none;
}

/* 決済完了
-------------------------------------------------------------*/
#main.cart-result {
  width: 850px;
  margin: 0 auto;
  float: none;
}

/* guide - ご利用ガイド
-------------------------------------------------------------*/
.guide-container .hide {
  display: none;
}

#ext.guide h3 {
  font-size: 20px;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
  font-weight: bold;
}

#ext.guide h4 {
  font-size: 15px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  font-weight: bold;
  display: table;
  border-bottom: 2px solid #dadada;
}

#ext.guide a {
  text-decoration: underline;
}

#ext.guide a:hover {
  text-decoration: none;
}

#ext .guide-content {
  border-bottom: 1px dotted #020202;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

#ext .guide-content *:last-child {
  margin-bottom: 0 !important;
}

#ext .guide-content-box {
  border: 5px solid #E6E6E6;
  padding: 30px;
  margin-bottom: 30px;
  display: table;
}

#ext .guide-content-lst {
  margin-bottom: 20px;
  margin-left: 20px;
  padding-right: 10px;
}

#ext .guide-content-lst li {
  list-style: disc;
}

#ext .guide-content-lst li + li {
  margin-top: 6px;
}

#ext .guide-content-table {
  margin-bottom: 20px;
}

#ext .guide-content-table th {
  font-weight: bold;
  padding-right: 20px;
}

/* ご購入について */
#ext .guide-buy-order {
  font-weight: bold;
}

#ext .guide-buy-order ol {
  margin: 0 0 0 20px;
}

#ext .guide-buy-order ol li {
  list-style: decimal;
  line-height: 1.6;
  font-size: 12px;
  letter-spacing: normal;
}

#ext .guide-buy-order ol li + li {
  margin-top: 15px;
}

#ext .guide-buy-order span {
  font-weight: normal;
}

#ext .guide-buy-contact {
  overflow: hidden;
}

#ext .guide-buy-contact dl {
  width: 410px;
  height: 105px;
  background: #E6E6E6;
  padding: 15px 10px 10px 10px;
  text-align: center;
  float: left;
}

#ext .guide-buy-contact dl + dl {
  float: right;
}

#ext .guide-buy-contact dl dt {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}

#ext .guide-buy-contact dl dd {
  background: #fff;
  height: 65px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: table-cell;
  width: 410px;
  vertical-align: middle;
  line-height: 1.2;
}

#ext .guide-buy-contact dl dd span {
  font-size: 12px;
  font-weight: normal;
  color: #888;
}

/* お支払について */
#ext .guide-payment-credit {
  margin-bottom: 20px;
}

#ext .guide-payment-credit li {
  display: inline-block;
  overflow: hidden;
}

#ext .guide-payment-credit li + li {
  margin-left: 20px;
}

/* 返品・交換について */
#ext .guide-exchange-section {
  padding: 20px 0 15px 20px;
  margin-bottom: 15px;
}

#ext .guide-exchange-section + .guide-exchange-section {
  border-top: 1px solid #dadada;
  padding-top: 30px;
}

#ext .guide-exchange-section h5 {
  font-size: 13px;
  margin-bottom: 20px;
  margin-left: -20px;
  letter-spacing: 0.1em;
  font-weight: bold;
  display: table;
  background: #f1f1f1;
  padding: 7px 20px;
  border-radius: 5px;
}

#ext .guide-menu-wrap {
  height: 132px;
}

#ext .guide-menu {
  position: absolute;
  overflow: hidden;
  width: 879px;
  padding-top: 50px;
  padding-bottom: 1px;
  background: url(../images/guide/menu-bg.gif) repeat-x bottom #fff;
}

#ext .guide-menu.fixed-top {
  position: fixed;
  top: 0;
  z-index: 1;
}

#ext .guide-menu li {
  position: relative;
  display: block;
  width: 150px;
  float: left;
  cursor: pointer;
  margin-right: 1px;
  margin-bottom: -1px;
  background: #7b7b7b;
  color: #fff;
  text-align: center;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
}

#ext .guide-menu li:not(.current):hover {
  background: #a7a7a7;
}

#ext .guide-menu .current {
  background: #fff;
  border: 1px solid #7b7b7b;
  border-bottom: none;
  color: #333;
  font-weight: bold;
}

/* WEB_0001-5321 修正
*************************************************************************/
.aec-cmn-disable-btn,
.aec-side-total .aec-cmn-disable-btn{
  display: none;
  background: #C1C1C1;
  color: #919191;
  cursor: default;
  letter-spacing: normal;
}
.aec-cmn-disable-btn:hover{
  opacity: 1;
}
.bridal-pledge-table td{
  border-left: 5px solid #e6e6e6 !important;
}
.bridal-pledge-table label{
  font-size: 13px !important;
  display: block;
  width: calc(100% - 25px);
  padding-left: 5px;
}
.bridal-pledge-table td > span{
  -ms-display: flex;
  -webkit-display: flex;
  display: -webkit-box;
  display: flex;
    -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* WEB_0001-5834 予約注文の実装
*************************************************************************/
.aec-itmdtl-cart-yoyaku input[type="radio"],
.aec-itmdtl-cart-yoyaku-txt{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.aec-itmdtl-cart-made-to-order-text{
  display: none;
  clear: both;
  color: #bb0000;
  margin:  0 3px 16px;
  text-align: center;
}

/* ユーザー写真リスト
*************************************************************************/
#navi-photo-list h3 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid  #dadada;
}
#navi-photo-list h3 strong {
  font-weight: normal;
  font-size: 13px;
  color: #888;
  padding-left: 15px;
  letter-spacing: 0.1em;
}
#navi-photo-list .list_wrap{
  padding: 0 20px;
  margin-bottom: 20px;
}
#navi-photo-list .list_wrap .list{
  display: flex;
  margin-bottom: 20px;
}
#navi-photo-list .list_wrap .list li{
  width: 110px;
  margin-right: 12px;
}
#navi-photo-list .list_wrap .list li a{
  display: block;
  cursor: pointer;
}
#navi-photo-list .list_wrap .list li:last-child{
  margin-right: 0;
}
#navi-photo-list .owl-carousel.owl-drag .owl-item{
  max-width: 110px;
}
#navi-photo-list .owl-carousel.owl-drag .owl-item a{
  display: block;
  cursor: pointer;
}
#navi-photo-list .owl-carousel .owl-nav{
  margin-top: 0;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -20px;
  width: calc(100% + 40px);
  display: flex;
  justify-content: space-between;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
#navi-photo-list .owl-theme .owl-nav .owl-prev{
  display: block;
  background: url(../images/usersphoto/ico_remodal_prev.png) no-repeat center center;
  width: 13px;
  height: 22px;
}
#navi-photo-list .owl-theme .owl-nav .owl-next{
  display: block;
  background: url(../images/usersphoto/ico_remodal_next.png) no-repeat center center;
  width: 13px;
  height: 22px;
}
#navi-photo-list .owl-theme .owl-nav [class*=owl-]{
  margin: 0;
  -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
       -o-transition: opacity 0.2s;
          transition: opacity 0.2s;
}
#navi-photo-list .owl-theme .owl-nav [class*=owl-].disabled{
  opacity: 0;
}
#navi-photo-list .owl-theme .owl-nav [class*=owl-]:hover,
#navi-photo-list .owl-theme .owl-nav [class*=owl-]:focus{
  outline-style: none;
  border: none;
}
.remodal.remodal_userphoto{
  max-width: 720px;
  padding: 80px 80px 50px 80px;
}
.remodal.remodal_userphoto .remodal-close{
  left: auto;
  top: 20px;
  right: 20px;
}
.remodal.remodal_userphoto .remodal-close:before{
  display: none;
}
.remodal.remodal_userphoto .prev{
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  display: block;
}
.remodal.remodal_userphoto .next{
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: block;
}
.remodal.remodal_userphoto .remodal_box{
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.remodal.remodal_userphoto .remodal_box .left{
  max-width: 250px;
  width: 100%;
  text-align: right;
}
.remodal.remodal_userphoto .remodal_box .left .image{
  margin-bottom: 5px;
}
.remodal.remodal_userphoto .remodal_box .left .account{
  font-size: 12px;
}
.remodal.remodal_userphoto .remodal_box .left .account a{
  color: #9D989A;
  text-decoration: none;
}
.remodal.remodal_userphoto .remodal_box .right{
  max-width: 285px;
  width: 100%;
  margin-top: 20px;
}
.remodal.remodal_userphoto .remodal_box .right table{
  font-size: 12px;
}
.remodal.remodal_userphoto .remodal_box .txt{
  font-size: 13px;
  padding-top: 15px;
  border-top: 2px solid  #dadada;
  margin-top: 15px;
}