@charset "utf-8";

@media screen and (max-width: 768px) {
#guide-wrap dt {
  font-weight: 600;
  width: 100%;
  text-indent: initial;
}
#guide-wrap dd {
  line-height: 1.8;
  width: 100%;
}
}
/*-------------------------------------------------------
  ie対応 ヘッダー
-------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
  header {
    position: relative;
  }
}
/*-------------------------------------------------------
  ImportantNotices　
  インクルードヘッダー直上
-------------------------------------------------------*/
#wrap .HeaderBanner {
  background-color: #777f8b;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 auto 10px;
  padding: 0;
  text-align: center;
  width: 100%;
  height: 45px;
}

#wrap .HeaderBanner a {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

#wrap .HeaderBanner p {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

#wrap .HeaderBanner img {
  margin: 0 auto;
  max-width: 100%;
}

#wrap .HeaderBanner .sameday-shipping {
  background-color: #ffffff;
  border-radius: 5px;
  color: #dd7f56;
  font-size: 14px;
  margin: 0 auto;
  padding: 0 5px;
}

@media screen and (max-width: 900px) {
  #wrap .HeaderBanner {
    align-items: baseline;
    display: flex;
    margin: 0 auto;
    padding: 5px;
    height: 40px;
  }

  #wrap .HeaderWebOrder .sameday-shipping {
    display: block;
  }
}

/*----ヘッダー最直上サービスリンク-----*/
#wrap .servicelinkWrap {
  background-color: #fff;
  padding: 2px 0;
  font-size: 12px;
}

#wrap .servicelinkWrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#wrap .servicelinkWrap ul li {
  align-items: center;
  display: inline-flex;
  margin: 0 5px;
  white-space: nowrap;
}

/* 区切り線を「li + li::before」で実装し段落ち防止 */
#wrap .servicelinkWrap ul li+li::before {
  content: "|";
  margin-right: 8px;
  color: #999;
}

#wrap .servicelinkWrap ul li a {
  text-decoration: none;
  color: #000;
  padding: 3px 5px;
}

#wrap .servicelinkWrap ul li a:hover {
  text-decoration: underline;
}

/* 768px以下で非表示にする */
@media screen and (max-width: 768px) {
  #wrap .servicelinkWrap {
    display: none;
  }
}

/*-------------------------------------------------------
  OrderSheetImportantNotices
  インクルードヘッダー直上　WEBオーダー
-------------------------------------------------------*/
#wrap .HeaderWebOrder {
  background-color: #ff9b43;
  display: inline-block;
  margin: 0 auto;
  padding: 3px;
  text-align: center;
  width: 100%;
}

#wrap .HeaderWebOrder p {
  color: #fff;
  display: inline-block;
  font-size: 1.4em;
  letter-spacing: 3px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#wrap .HeaderWebOrder .sameday-shipping {
  background-color: #ffffff;
  border-radius: 5px;
  color: #dd7f56;
  display: inline-block;
  font-size: 14px;
  margin: 0 auto 0 5px;
  padding: 0 5px;
}

#siteHeaderArea .webOrder .gnav_block_1 a {
  color: #fff;
  background-color: #e5b16c;
  border-radius: 10px;
  width: 275px;
}

#siteHeaderArea .webOrder .gnav_block_1 a::after {
  border: 2px solid transparent;
  content: "商品を探す";
  pointer-events: none;
  position: inherit;
  color: #ffffff;
  font-weight: 700;
  width: 250px;
}
@media screen and (max-width: 900px) {
  #wrap .HeaderWebOrder .sameday-shipping {
    display: block;
  }
}

.TxetLink {
  margin: 7px auto;
  padding: 0;
  text-align: center;
  max-width: 1040px;
}

.TxetLink a {
  color: #363947;
  display: inline-block;
  text-decoration: underline;
}

.TxetLink a:hover {
  color: #363947;
  text-decoration: underline;
  opacity: 1;
}

/*-------------------------------------------------------
  popularKeywordWrap
  インクルードヘッダー人気キーワード
-------------------------------------------------------*/
.search_box_keywords_sp {
  margin-left: 3%;
}
/*--------------------------------------------
  common.css 共通CSS
--------------------------------------------*/
.header_lower {
  padding: 0 60px;
}

#FreePage em {
  color: inherit;
}

p.sideParentCategoryName {
  padding: 4px 0px;
}

/*--------------------------------------------
  shoptop.css ショップトップの共通CSS
--------------------------------------------*/
#topGroupName .newarrival_wrap .tabs .tab-group {
  max-width: 1140px;
}

.newarrival_wrap .section_inner {
  padding-bottom: 0;
}

.newarrival_wrap .section_inner {
  padding-top: 20px;
}

#Shop .level_h1 {
  margin-bottom: 10px;
}

/*#GoodsDetail .section_inner {
  padding: 10px 0 0;
}*/

/*--------------------------------------------------------
    カルーセルエリア PC時マージン調整
    関連ファイル：https: //cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css
-------------------------------------------------------*/
/*PC時 カルーセルバナー 左右margin調整*/
@media screen and (min-width: 768px) {
.owl-item li.main-slider {
  margin-right: 3px;
}
}

/*--------------------------------------------------------
  shop.common.css 共通
-------------------------------------------------------*/
/*.pagePartsHtmlText {
  margin-left: 5px;
}*/

#siteHeaderArea .header_logo {
  max-width: 243px;
}

.slick-arrow {
  width: 45px;
  height: 45px;
}
/* 業種一覧リンクフォントサイズ */
#recommendSaleGoodsIncludeArea .link_to_list,
#recommendNewItemIncludeArea .link_to_list,
#recommendCategoryRankingIncludeArea .link_to_list {
  font-size: 1rem;
}

@media screen and (max-width: 900px) {
  .header_sp_wrap .header_sp .header_logo {
    margin-top: 10px;
    margin-right: 10px;
    width: auto;
  }
}

@media screen and (max-width: 641px) {
  .header_sp_wrap .header_sp .header_logo {
    margin-right: 10px;
    margin-left: 5px;
    width: 150px;
  }
}

.slick-prev,
.slick-next {
  z-index: 1;
}

@media screen and (max-width: 641px) {
  a.slick-prev {
    top: 42%;
    left: 5px;
  }

  a.slick-next {
    top: 42%;
    right: 5px;
  }
}

.gnavi_items_child {
  left: 240px;
  width: calc(100% - 240px);
}

#siteHeaderArea .gnav {
  max-width: 1080px;
}

#siteHeaderArea .gnav_list {
  width: 20.66%;
}

#siteHeaderArea .menu_sub {
  box-shadow: -1px 1px 5px rgba(160, 160, 160, 0.4);
}

#siteHeaderArea ::-webkit-scrollbar {
  width: 15px;
}

.event_wrap .event_item {
  width: calc(99.9% / 5 - 30px);
}

@media screen and (max-width: 641px) {
  .event_wrap .event_item {
    width: calc(99.9% / 2 - 10px);
  }
}

@media screen and (max-width: 641px) {
  #searchNaviSp .search_box_category {
    max-width: 120px;
  }
}

#siteHeaderGnav .gnavi_category {
  box-shadow: 0 2px 2px 0 rgba(160, 160, 160, 0.4);
  height: auto;
  min-height: 150px;
}

#siteHeaderGnav .gnavi_items_list .gnavi_items_title a {
  color: #363947;
}

#siteHeaderGnav .gnavi_items_title.in-active a {
  background-color: #fff;
  color: #363947;
}

#GoodsList.esthetic .header_gnav_inner {
  border-bottom-color: #ff9b43;
}

.header_pc .menu_sub span.category_top_title {
  background: #e8e8e8;
  border-bottom: 1px solid #ccc;
  color: #363947;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
}

.header_utility_menu p.name {
  padding-top: 6px;
}

.header_pc .header_utility_menu .open.header_menu {
  background-color: #363947;
  color: #fff;
}

.header_pc .header_utility_menu a.open.header_menu::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(54, 57, 71, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #363947;
  top: 100%;
  left: 50%;
}

.header_utility_menu .open.header_menu::before {
  content: "\f00d";
}

.header_utility_menu span.afterName {
  display: inline-block;
  padding-left: 5px;
  margin-top: 0px;
  font-size: 0.8em;
}

.header_utility_menu span.name {
  display: inline-block;
  font-size: 1.0em;
}

.header_utility_menu span.beforeName {
  font-size: 0.8em;
  padding-right: 10px;
  margin-top: 0px;
  margin: auto 0;
}

.header_utility_menu p.name {
  padding-right: 20px;
  text-align: left;
}

.section_inner {
  padding: 30px 0;
  max-width: 1240px;
}

#Shop .section_wrap:last-child {
  /*border-top: 1px solid #dbdbdb;*/
  border-bottom: none;
}

#Shop .browsing_history_wrap {
  border-top: none;
}

@media screen and (max-width: 1024px) {
  #spNaviMenu .category_top_title {
    background-color: #888888;
    border-bottom: 2px solid #cccccc;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
  }

  #spNaviMenu .sp_menu_list .category_top_title::after {
    color: #969696;
  }
}

@media screen and (max-width: 641px) {
  .header_sp_wrap .header_sp .header_utility_menu {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 641px) {
  .header_sp .header_utility_menu>li {
    width: 45px;
  }
}



/*インクルードエリア調整*/
.service_business_wrap .level_h3 {
  font-size: 1.2em;
  line-height: 1.2;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.event_wrap {
  border-top: 1px solid #dbdbdb;
}

.ex_event_wrap,
.store_wrap {
  margin-right: 30px;
  width: calc(99.9% / 2 - 10px);
}

.ex_event_wrap:last-child {
  margin-right: 0;
}

.event_store_inner {
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 641px) {
  .event_store_inner {
    flex-wrap: wrap;
  }

  .ex_event_wrap,
  .store_wrap {
    margin-right: 0;
    width: 100%;
  }
}

.event_store_item {
  margin: 0 15px 30px 15px;
  width: calc(99.9% / 2 - 30px);
}

.event_store_wrap .level_h3 {
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.35em;
  margin-bottom: 20px;
}
/*----*/
.service_business_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.service_business_inner div {
  margin-bottom: 20px;
}
.service_business_inner div.service_wrap,
.service_business_inner div.business_wrap,
.service_business_inner div.logistics_wrap {
  padding: 3px;
  width: calc(100%/2);
}

.service_business_inner div.esthemachine_wrap {
  width: 100%;
}

.service_business_wrap .service_inner,
.service_business_wrap .business_inner,
.service_business_wrap .logistics_inner {
  display: inline-block;
}

.service_item,
.business_item,
.service_item:not(:last-child),
.business_item:not(:last-child),
.logistics_item {
  display: inline-block;
  margin: 0 5px 10px 5px;
  width: 94%;
}

.service_business_wrap ul.esthemachine_inner {
  display: flex;
}

.service_business_wrap ul.esthemachine_inner .esthemachine_item {
  padding: 3px 7px;
}
.service_business_wrap .store_wrap {
  margin-right: 30px;
}

@media screen and (min-width:480px) {
  .service_business_wrap .business_wrap,
  .service_business_wrap .store_wrap {
    margin-right: 0;
  }
  .service_business_inner div.service_wrap,
  .service_business_inner div.business_wrap {
    margin-right: 0;
    padding: 0;
    width: calc(99.9% / 4 - 10px);
  }
  .service_business_inner div.esthemachine_wrap,
  .service_business_inner div.logistics_wrap{
    margin-right: 0;
    padding: 0;
    width: calc(99.9% / 2 - 10px);
  }
  .service_item, .business_item, .service_item:not(:last-child), .business_item:not(:last-child), .logistics_item {
    margin: 0 0 30px;
    width: 100%;
  }
  .service_business_wrap ul.esthemachine_inner .esthemachine_item {
    padding: 0;
  }
  .service_business_wrap ul.esthemachine_inner .esthemachine_item:first-child {
    padding-right: 10px;
  }
  .service_business_wrap ul.logistics_inner {
    display: flex;
  }
  .logistics_item {
    padding-right: 7px;
    width: calc(100%/2);
  }
}
@media screen and (min-width:960px) {
  .service_item, .business_item, .service_item:not(:last-child), .business_item:not(:last-child), .logistics_item {
    width: 100%;
  }
  .service_business_wrap ul.esthemachine_inner .esthemachine_item:first-child {
    padding-right: 20px;
  }
}

/*----------------------------------------------

新規会員登録_メリット訴求(202312追加)

----------------------------------------------*/
.newmember_wrap .section_inner{
  padding: 0;
  width: 100%;
}
.newmember_wrap .signupAppeal-point{
  background: #edeadd;
  padding: 6% 3% 8%;
}
.newmember_wrap .signupAppeal-point .pointTxt,
.newmember_wrap .signupAppeal-overview .overviewTxt{
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 5%;
  text-align: center;
}
.newmember_wrap .signupAppeal-point .pointTxt em{
  color: #d60000;
}
.newmember_wrap .signupAppeal-point ul{
  align-items: flex-start;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.newmember_wrap .signupAppeal-point ul li{
  margin: 0 auto 2%;
  width: 48%;
}
.newmember_wrap .signupAppeal-point .signupBtn a{
  background: #01de05;
  border-bottom: solid 5px #00b703;
  border-radius: 8px;
  color: #FFF;
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 3% auto 0;
  padding: 2%;
  position: relative;
  text-align: center;
  width: 85%;	
}
.newmember_wrap .signupAppeal-point .signupBtn a::before{
  border: 0;
  border-top: solid 3px #FFF;
  border-right: solid 3px #FFF;
  content: '';
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(45deg);
  width: 7px;
  height: 7px;
}
.newmember_wrap .signupAppeal-overview{
  background: #fbf9f2;
  padding: 6% 3%;
}
.newmember_wrap .signupAppeal-overview .overviewTxt{
  margin-bottom: 3%;
}
.newmember_wrap .signupAppeal-overview .overviewBtn a{
  display: block;
  font-size: 1rem;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 62%;
}
.newmember_wrap .signupAppeal-overview .overviewBtn a::before{
  border: 0;
  border-top: solid 2px #dd7e54;
  border-right: solid 2px #dd7e54;
  content: '';
  margin-top: -3px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}
.newmember_wrap .signupAppeal-overview .overviewBtn a:hover{
  text-decoration: underline;
  opacity: 1;
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
.newmember_wrap .signupAppeal-point{
  padding: 4% 3% 6%;
}
.newmember_wrap .signupAppeal-point .pointTxt,
.newmember_wrap .signupAppeal-overview .overviewTxt{
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 3%;
}
.newmember_wrap .signupAppeal-point .pointTxt .sp-only,
.newmember_wrap .signupAppeal-overview .overviewTxt .sp-only{
  display: none;
}
.newmember_wrap .signupAppeal-point ul{
  width: 80%;
}
.newmember_wrap .signupAppeal-point .signupBtn a{
  font-size: 1.4rem;
  padding: 1%;
  width: 65%;	
}
.newmember_wrap .signupAppeal-point .signupBtn a::before{
  right: 20px;
}
.newmember_wrap .signupAppeal-overview{
  padding: 4% 3%;
}
.newmember_wrap .signupAppeal-overview .overviewTxt{
  margin-bottom: 2%;
}
.newmember_wrap .signupAppeal-overview .overviewBtn a{
  font-size: 1.1rem;
  width: 35%;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
.newmember_wrap,
.newmember_wrap .section_inner{
  max-width: 100%;
}
.newmember_wrap .signupAppeal-point{
  margin-top: 20px;
  padding: 40px 0;
}
.newmember_wrap .signupAppeal-point .pointTxt,
.newmember_wrap .signupAppeal-overview .overviewTxt{
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 30px;
}
.newmember_wrap .signupAppeal-point .pointTxt  .sp-only,
.newmember_wrap .signupAppeal-overview .overviewTxt .sp-only{
  display: none;
}
.newmember_wrap .signupAppeal-point ul{
  max-width: 1240px;
}
.newmember_wrap .signupAppeal-point ul li{
  margin: 0 auto;
  width: calc(100% / 4 - 20px);
}
.newmember_wrap .signupAppeal-point .bnr-box img{
  display: block;
  width: 450px;
  height: auto;
  margin: 30px auto 0;
}
.newmember_wrap .signupAppeal-point .signupBtn a{
  font-size: 1.5rem;
  margin-top: 30px;
  padding: 10px;
  width: 450px;	
}
.newmember_wrap .signupAppeal-point .signupBtn a::before{ 
  right: 20px;
}
.newmember_wrap .signupAppeal-overview{
  padding: 20px 0;
}
.newmember_wrap .signupAppeal-overview .overviewTxt{
  margin-bottom: 20px;
}
.newmember_wrap .signupAppeal-overview .overviewBtn a{
  font-size: 1rem;
  width: 240px;
}
.newmember_wrap .signupAppeal-overview .overviewBtn a::before{
  width: 6px;
  height: 6px;
}
}

/*20210209 PCグロナビ SPメニュー調整*/
.gnavi_items_wrap {
  margin: 1.6% 5% 0;
}

@media screen and (max-width: 1366px) {
  #spNaviMenu .sub_category_wrap {
    background-color: #f3f3f3;
  }

  #spNaviMenu .sp_menu_list li ul li span.category_title {
    font-weight: bold;
  }
}

/*20210311　検索窓調整*/
.search_box_category {
  background-color: #f7f7f7;
  border-right: 1px solid #dbdbdb;
  border-radius: 20px 0 0 20px;
}

.search_box {
  border: 2px solid #dbdbdb;
}

.search_box_category select {
  color: #333333;
}

.header_pc .btnHamburger .line {
  background: #333333;
}

.header_pc .header_utility_menu .header_menu_pc:hover,
.header_pc .header_utility_menu .open .header_menu_pc {
  background-color: #333333;
}

.header_pc .header_utility_menu a.header_menu_pc:hover::after,
.header_pc .header_utility_menu .open a.header_menu_pc::after {
  border-top-color: #333333;
}

.header_pc .header_utility_menu .header_menu_pc:hover .btnHamburger .line,
.header_pc .header_utility_menu .open .header_menu_pc .btnHamburger .line {
  background: #fff;
}

/*20210311　メニュー+-色変更*/
@media screen and (max-width: 1366px) {

  #spNaviMenu .sp_menu_list .category_title::after,
  #spNaviMenu .sp_menu_list .category_sub_title::after {
    color: #333333;
  }
}

@media screen and (max-width: 1024px) {
  #spNaviMenu .sp_menu_list .category_top_title::after {
    color: #ffffff;
  }
}

/*20211221 グロナビサムネ幅調整*/
.gnavi_items_list {
  padding: 10px 10px 0;
}

/*20230519 お問い合わせボタン角丸調整*/
[class*="btn_"] {
  border-radius: 3px;
}

/*-----------------------------------------
  口コミ投稿欄上部マージン
-------------------------------------------*/
#recommendCategoryIncludeArea {
  margin-top: 10px;
}

/*-----------------------------------------
  関連特集
-------------------------------------------*/
.articles_wrap {
  border: none;
  margin-bottom: 1%;
  max-width: 1480px;
  padding: 30px 0 10px;
}

h2.articles_title {
  border-bottom: 1px solid #363947;
  padding-bottom: 10px;
  font-size: 1.4em;
  margin-bottom: 20px;
}

#GoodsList h2.articles_title {
  border-bottom: none;
  margin-bottom: 0;
}

.articles_wrap .slick-articles {
  position: relative;
}

.articles_wrap .articles-box {
  margin: 0 0.7%;
}

.articles_wrap .articles-box img {
  display: block;
  margin: 0 auto;
}

.articles_wrap .articles-box p {
  line-height: 1.5;
  margin-top: 3%;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.articles_wrap .articles-arrow {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .3);
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative;
}

.articles_wrap .articles-arrow::after {
  content: "";
  display: block;
  margin-top: -7px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 55%;
  left: 58%;
}

.articles_wrap .prev-articles::after {
  border-left: 1px solid #939393;
  border-bottom: 1px solid #939393;
  transform: rotate(45deg);
  margin-left: -7px;
}

.articles_wrap .next-articles:after {
  border-right: 1px solid #939393;
  border-bottom: 1px solid #939393;
  transform: rotate(-45deg);
  margin-left: -10px;
}

.articles_wrap .prev-articles,
.articles_wrap .next-articles {
  position: absolute;
  top: 28%;
  z-index: 1;
}

.articles_wrap .prev-articles {
  left: 0;
}

.articles_wrap .next-articles {
  right: 0;
}

.articles_wrap .all_item_link a {
  display: block;
  font-size: 1.1rem;
  text-align: center;
  margin: 3% 0;
}

/*-----------------------------------------
  フッター
-------------------------------------------*/
/*フッター調整 20201001*/
footer .title {
  color: #3c3c3c;
  font-weight: bold;
}

footer .inquiryIcon:before,
footer .telIcon:before,
footer .supportIcon:before {
  color: #b5b2a6;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  padding-right: 5px;
  transition: all .1s;
}

footer .inquiryIcon:before {
  content: "\f406";
}

footer .telIcon:before {
  content: "\f2a0";
}

footer .supportIcon:before {
  content: "\f05a";
}

.footerSubNavi {
  padding: 0;
}

footer .phone .contact_th,
footer .reception .contact_th {
  font-size: 14px;
  width: 110px;
}

/*APP SPトップのみ告知 10/1～ */
#include1 .app {
  display: none;
}

#include1 .app {
  max-width: 100%;
}

#include1 .app img {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  #include1 .app {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  #include1 .app img {
    width: auto;
  }
}

/*フッターAPP */
footer .app {
  max-width: 100%;
}

/*footer .app {
  display: none;
}*/
@media screen and (max-width: 1024px) {
  footer .app {
    background: none;
    border: none;
  }

  #wrap footer .app img {
    margin: 0 auto;
    width: auto;
  }

  footer .app a {
    padding: 0;
  }
}

/*フッター調整 20201020 */
footer .inquiry_btn {
  position: relative;
  display: inline-block;
  padding: 0;
  background-color: #fff;
  border: 1px solid #4e9db1;
  border-radius: 5px;
  color: #4e9db1;
  line-height: 2.8;
  margin: 0 3px 6px;
  text-align: center;
  text-decoration: none;
  transition: all .1s;
  width: 75%;/*20260806 電話導線撤去調整*/
}

footer .inquiry_btn a {
  display: block;
  transition: unset;
  color: #4e9db1;
}

footer .inquiry_btn a:hover {
  color: #dd7e54;
  opacity: unset;
}

/*footer .inquiry_btn a:before {
    content: "\f0e0";
    color: #7c858e;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    padding-right: 5px;
    transition: all .1s;
}*/

footer .inquiry_btn a:hover::before {
  color: #dd7e54;
}

footer .fa-envelope,
footer .fa-comments {
  margin-right: 3px;
}

/* ボタンアロー
footer .inquiry_btn::after {
    position: absolute;
    top: 54%;
    right: 2em;
    content: '';
    margin-top: -5px;
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #7c858e;
    border-right: solid 2px #7c858e;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left-color: #fff;
    transition: all .3s;
}
*/
.links_section {
  color: #363947;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.links_section .menu_wrap ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.links_section .menu_wrap ul li {
  margin: 5px 15px 0 0;
}

.links_section .menu_wrap a:hover {
  color: initial;
  text-decoration: underline;
}

footer .contact_section li span a:hover {
   color: initial;
   text-decoration: underline;
 }

.footerSubNavi ul li a:hover {
  color: initial;
  text-decoration: underline;
}

.footerSubNavi .app img {
  height: auto;
  width: 100%;
}

footer .menu_wrap {
  /*20260806 電話導線撤去
  border-top: 1px solid #c3c0b1;*/
  display: block;
}

/*20260806 電話導線撤去
footer .menu_wrap .title {
  padding-top: 15px;
}*/

footer .menu_wrap ul:not(:last-child) {
  margin-right: 0;
}

footer .contact_section>ul {
  margin-right: 1.2em;
}

footer .contact_section .inquiryWrap {
  min-width: 300px;
    /*20260806 電話導線撤去調整*/
}
@media screen and (max-width: 768px) {
footer .contact_section .inquiryWrap {
  min-width: stretch;
}
}

footer .social_section {
  text-align: center;
  margin-top: 1em;
}

footer .contact_section {
  display: flex;
  flex-flow: nowrap;
  /*margin-right: 2%;20260806 電話導線撤去*/
}

@media screen and (max-width: 768px) {
footer .contact_section {
    flex-flow: wrap;
  }
}

footer .social_section ul li {
  margin-right: 10px;
}

footer .logo_section .sign {
  margin-top: 3.5em;
  width: 60%;
}

footer .logo_section .sign img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  footer .contact_section {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .footerContents {
    padding: 15px 10px 20px 10px;
  }

  footer .phone .contact_th,
  footer .reception .contact_th {
    width: 105px;
  }

  footer .contact_section>ul {
    margin-right: 0;
  }

  footer .inquiry_btn {
    margin: 5px auto;
    width: 100%;
  }

  .links_section .menu_wrap ul li {
    margin: 5px auto 0 0;
    width: 100%;
  }

  footer .menu_wrap .title {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .footer_logo {
    margin-right: 10px;
    width: 80%;
  }

  .footer_logo img {
    width: 100%;
  }

  footer .logo_section .sign {
    margin-top: 0;
    width: 40%;
  }

  footer .menu_wrap {
    border-top: none;
    padding: 0 3%;
  }
}

#chatbotIcon {
  width: 110px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 30px;
  background: #4e9db1;
  border-radius: 5px;
  z-index: 3;
}


#chatbotIcon a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

#chatbotIcon a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f086';
  font-size: 26px;
  color: #fff;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 0px;
  left: 5px;
  margin: auto;
  text-align: center;
}

#chatbotIcon a::after {
  content: 'チャットで聞く';
  font-size: 13px;
  color: #ffffff;
  line-height: 1.3;
  position: absolute;
  top: 8px;
  bottom: 0;
  right: 0;
  left: 45px;
  margin: auto;
  text-align: center;
  width: 60px;
}


/**** チャットアイコン非表示画面 ****/
#GoodsList .chatboticon,
#GoodsDetail .chatboticon,
#BulkOrder .chatboticon,
#Member .chatboticon,
#Cart .chatboticon,
#FreePage .chatboticon,
#OrderInfoInput .chatboticon,
#OrderInfoConfirm .chatboticon {
  display: none;
}


/**** よくある質問アイコン左下固定 ****/
#questionIcon {
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 90px;
  background: #4e9db1;
  border-radius: 5px;
  padding: 5px 0 0 8px;
  z-index: 3;
  width: 110px;
}

#questionIcon a {
  position: relative;
  display: block;
  text-decoration: none;
}

#questionIcon a::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/contents/shop/sevenbeauty/images/common/faq-icom_50.png);
  background-size: contain;
  vertical-align: text-top;
  margin: auto;
  text-align: center;
}

#questionIcon a::after {
  content: 'よくある質問';
  font-size: 13px;
  color: #ffffff;
  line-height: 1.3;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 0;
  left: 38px;
  margin: auto;
  text-align: center;
  width: 55px;
}


/**** チャットアイコン非表示画面 ****/
#GoodsList .chatboticon,
#GoodsDetail .chatboticon,
#BulkOrder .chatboticon,
#Member .chatboticon,
#Cart .chatboticon,
#FreePage .chatboticon,
#OrderInfoInput .chatboticon,
#OrderInfoConfirm .chatboticon {
  display: none;
}


/**** よくある質問アイコン左下固定 ****/
#questionIcon {
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 90px;
  background: #4e9db1;
  border-radius: 5px;
  padding: 5px 0 0 8px;
  z-index: 3;
  width: 110px;
}

#questionIcon a {
  position: relative;
  display: block;
  text-decoration: none;
}

#questionIcon a::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/contents/shop/sevenbeauty/images/common/faq-icom_50.png);
  background-size: contain;
  vertical-align: text-top;
  margin: auto;
  text-align: center;
}

#questionIcon a::after {
  content: 'よくある質問';
  font-size: 13px;
  color: #ffffff;
  line-height: 1.3;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 0;
  left: 38px;
  margin: auto;
  text-align: center;
  width: 55px;
}

/**** よくある質問アイコン非表示画面 ****/
#GoodsList .questionIcon,
#GoodsDetail .questionIcon,
#BulkOrder .questionIcon,
#Member .questionIcon,
#Cart .questionIcon,
#FreePage .questionIcon,
#OrderInfoInput .questionIcon,
#OrderInfoConfirm .questionIcon {
  display: none;
}

/**** 20250801 商品開発ご要望アイコン左下固定 ****/
/**** 20260408非表示  
#productDevIcon {
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 30px;
  background: #ffffff;
  border: 2px solid #f7964c;
  border-radius: 5px;
  padding: 5px 0 0 8px;
  z-index: 3;
  width: 110px;
}

#productDevIcon a {
  position: relative;
  display: block;
  text-decoration: none;
}

#productDevIcon a::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 54px;
  background-image: url(/contents/shop/sevenbeauty/images/common/product_dev_icon.png);
  background-size: contain;
  vertical-align: text-top;
  margin: auto;
  top: 15px;
  bottom: 0;
  text-align: center;
  position: absolute;
}

#productDevIcon a::after {
  content: '商品開発ご要望';
  font-size: 13px;
  color: #f7964c;
  line-height: 1.3;
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
  left: 32px;
  margin: auto;
  text-align: center;
  width: 55px;
}
****/

/**** 商品開発ご要望アイコン非表示画面 ****/
#GoodsList .productDevIcon,
#GoodsDetail .productDevIcon,
#BulkOrder .productDevIcon,
#Cart .productDevIcon,
#FreePage .productDevIcon,
#OrderInfoInput .productDevIcon,
#OrderInfoConfirm .productDevIcon {
  display: none;
}

/*ページトップ調整 */
#scrollUp {
  background-color: rgb(177 177 177 / 90%);
  border-radius: 5px;
  height: 50px;
  width: 50px;
  right: 10px;
  bottom: 150px;
  z-index: 1002!important;
}

/*--------------------------------------------
  login.css ログイン画面 共通CSS
--------------------------------------------*/
#memberRegisterGroup {
  background-color: #f9fbf3;
  border: 5px solid #dbdbdb;
  min-height: 277px;
}

.memberRegisterTitle.level_h2,
.memberRegisterTitle.level_h2 {
  margin: 10px auto 5px;
}

#memberRegisterGroup,
#netMemberAddGroup {
  width: 48%;
  min-height: 220px;
}

#loginInputGroup {
  min-height: 450px;
  width: 50%;
}

@media screen and (max-width: 641px) {
  #loginInputGroup {
    width: 100%;
  }

  #memberRegisterGroup,
  #netMemberAddGroup {
    width: 100%;
  }
}

#announceModalInnerArea {
  padding: 25px 15px 20px;
  top: 10%;
  bottom: 10%;
  left: 7%;
  right: 7%;
}

.sideCancelReturnLinkArea {
  margin: 20px 0 10px;
  text-align: center;
}

.OrderInfoConfirmCancelReturnLink a::before {
  content: url(/contents/shop/sevenbeauty/images/iconAttention.svg);
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  width: 25px;
}

@media screen and (max-width: 768px) {
  #buttonGroup {
    margin-bottom: 15px;
  }
}

/*-----------------------------------------
  よりどり購入画面
------------------------------------------*/
#orderSelectedGoods_link .cartAdd {
  font-size: 1em;
}
#goodsSelectionGoodsDetailLink_innerId {
  font-size: .9rem;
}
/*-----------------------------------------
  フリーページ
------------------------------------------*/
/*コンテンツ幅 */
#FreePage .contents {
  max-width: inherit;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #FreePage .contents {
    width: 100%;
  }
}

/*パンくず調整 */
#breadcrumb {
  width: 98%;
}

@media screen and (max-width: 641px) {
  #breadcrumb {
    padding-left: 5px;
    padding-bottom: 10px;
  }
}

#breadcrumbFooter {
  margin: 0 auto;
  padding: 10px;
  max-width: 1190px;
}

/*--------------------------------------------------------
  goodsList.css
-------------------------------------------------------*/
.all_categories_wrap {
  border-bottom: none;
}
#wrap .all_categories_list div p img {
  margin-right: 8px;
  width: 2.6em;
}

.goodsList .goodsItem .variationPurchase {
  background-color: #899199;
  border: 1px solid #899199;
}

.goodsList .goodsItem .goodsNameItemWrap {
  line-height: 1.4;
}

#spNarrowButtonArea {
  background-color: #f7f7f7;
}
#screenTitleItemWrap {
  margin-bottom: 5px;
}

.news_wrap .title_wrap {
  padding-left: 10px;
}

.level_h3 {
   padding-left: 10px;
 }
 
/*SP時一覧ディスクリプション2行表示*/
 @media screen and (max-width: 480px) {
   #brandExpItemWrap {
     height: 50px;
   }
 }

/*20260501 行間調整*/
.goodsList .goodsItem .goodsInfo .taxExcludedDiscountedPriceItemWrap .taxExcludedDiscountedPrice {
  line-height: 1.0;
}

/*--------------------------------------------------------
  goodsDetail.css
-------------------------------------------------------*/
#GoodsDetail .carrentNavi {
  border-bottom: solid 4px #888888;
}

#GoodsDetail .descSpecLayoutGroup {
  border: none;
  padding-bottom: 30px;
}

.bulkSkuChildGoodsName span {
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  h2#descTitle_innerId::before,
  h2#specTitle_innerId::before {
    color: #bbc8cb;
    font-size: 1em;
    padding-right: 1em;
    font-family: 'Font Awesome 5 Free';
    content: '\f107';
    font-weight: bold;
    margin-left: 10px;
  }

  .descTableLayoutGroup,
  .specTableLayoutGroup {
    display: none;
  }

  .descTableLayoutGroup.open,
  .specTableLayoutGroup.open {
    display: block;
  }

  h2#descTitle_innerId.level_h2,
  h2#specTitle_innerId.level_h2 {
    border-bottom: 1px dotted #dbdbdb;
  }
}

.item_submit .addCount,
.contents input[type="button"].plusButton,
.contents input[type="button"].minusButton {
  margin-right: 0;
  margin: 0 auto;
  border-radius: 3px;
}

.item_submit .btn_cart {
  width: calc(100% - 12em);
}

@media screen and (max-width: 768px) {

  .item_submit .btn_cart,
  .item_submit .btn_stock {
    width: calc(100% - 9.3em);
  }
}

#wrap .recommendBrowsingTitle.level_h1,
#GoodsDetail .browsing_history_wrap .level_h3 {
  font-size: 1.4em;
  line-height: 1.4;
  padding: 0 5px 0 10px;
  width: auto;
}

@media screen and (max-width: 768px) {

  h2#descTitle_innerId.level_h2,
  h2#specTitle_innerId.level_h2 {
    width: auto;
  }

  #goodsDetailArea #topGoodsNameItemWrap {
    line-height: 1.4;
    margin: 0 10px;
  }
}

.setBuying {
  margin-top: 0;
  margin-bottom: 10px;
}

/*価格周り ボーダー削除*/
.itemTitleInfo {
  border-bottom: none;
  padding-bottom: 5px;
}

.goodsDetailContents .goodDetail_cart_area .level_h2 {
  line-height: 1.4;
  margin: 0 0 0.3em;
  padding: 0;
}

dl.salesGoodsCode {
  padding: 0 0 10px;
  border-top: none;
}

.link_to_page a,
a.link_to_page {
  border-bottom: 1px solid #333333;
  padding-bottom: 2px;
  text-decoration: none;
}

/*合わせ買いデザイン調整*/
.plusBuying .staff_comment {
  padding-left: 10px;
  width: 100%;
}

@media screen and (min-width: 960px) {
  .plusBuying .staff_comment {
    width: 83.7%;
  }
}

.plusBuying .staff_photo {
  width: 190px;
  max-width: 190px;
}

.plusBuying {
  border-radius: 15px;
}

.itemTags li {
  font-size: 11px;
  margin: 0 5px 5px 0;
}

#goodsDetailLink_link {
  border-radius: 3px;
}

/*商品詳細画面 プロモーション説明余白追加*/
#skuList .set-group .pWrap {
    display: inline-block;
    width: 97%;
}

#goodsSelectionLinkGroup {
  margin-top: 10px;
}

#GoodsDetail #cta_bottomarea img {
  height: auto;
  width: 100%;
  margin-bottom: 10px;
}

#GoodsDetail #cta_bottomarea img:last-child {
  margin-bottom: 0;
}

/*商品詳細画面 口コミ欄調整*/
#GoodsDetail .reviewContent {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}

/*口コミ星サイズ調整*/
.evaluation,
.aveEvaluation {
  font-size: 1.2em;
  margin-right: 3px;
}

/*口コミ投稿 運営者コメントレイアウト調整*/
#kutikomi-wrap {
  margin: 0 auto;
}

#kutikomi-wrap .nickname {
  display: block;
  margin: 0 auto 5px
}

#kutikomi-wrap .nickname img,
#goodsListArea #kutikomi-wrap img {
  border: 0;
  max-width: 30px;
  min-width: 30px;
}

#goodsListArea #results .resultsRow img {
  vertical-align: middle;
  height: auto;
  min-height: auto;
  min-width: auto;
  border: 0;
}

#kutikomi-wrap .nickname span {
  display: inline-block;
}

#kutikomi-wrap .desc {
  font-size: 14px;
  line-height: 1.5;
}

/*商品詳細画面 プロモーション説明余白追加*/
#headerNaviGroup {
  background: #f2f2f2;
}
#headerNaviGroup a {
  border-left: 1px solid #dbdbdb;
}

/*-----------------------------------------
  商品詳細サムネイルテキスト 
------------------------------------------*/
#thumbnailBox {
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
}

.thumbnailTitle {
  font-size: 1.4em;
  font-weight: bold;
  max-width: 600px;
}

.thumbnailDesc {
  font-size: 1.0em;
  max-width: 600px;
}

/*-----------------------------------------
  トップページ カルーセル下部 .btn-area
------------------------------------------*/
.btn-area {
  display: flex;
  flex-flow: nowrap;
  margin: 10px auto 20px;
  position: relative;
  max-width: 1170px;
}

.btn-area .button {
  position: relative;
  display: inline-block;
  padding: .8em 2em;
  background-color: none;
  border: 2px solid #7c858e;
  border-radius: 5px;
  color: #7c858e;
  margin: 10px 10px 0;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  width: 100%;
}

.btn-area .button::after {
  position: absolute;
  top: 50%;
  right: 2em;
  content: '';
  margin-top: -5px;
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #7c858e;
  border-right: solid 2px #7c858e;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left-color: #fff;
  transition: all .3s;
}

.btn-area .button:hover {
  background-color: #7c858e;
  color: #fff;
  letter-spacing: .1rem;
  opacity: unset;
}

.btn-area .button:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

#category-list {
  display: none;
}

@media screen and (max-width: 768px) {
  .btn-area {
    flex-flow: nowrap;
  }

  .btn-area .button {
    width: 365px;
  }
}

/*-- SPリストデザイン--*/
@media screen and (max-width: 641px) {
  .btn-area .button:hover {
    background-color: #7c858e;
    color: #fff;
    letter-spacing: .1rem;
    opacity: unset;
  }

  #category-list {
    display: block;
  }

  #category-list::after {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #category-list:hover::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }

  #brands-list:hover,
  #feautre-list:hover,
  #sale-list:hover {
    background: none;
    color: #7c858e;
    letter-spacing: normal;
    text-decoration: underline;
    opacity: unset;
  }

  #brands-list:hover::after,
  #feautre-list:hover::after,
  #sale-list:hover::after {
    border-top: solid 2px #7c858e;
    border-right: solid 2px #7c858e;
  }

  #brands-list {
    margin-top: 10px;
  }

  #feautre-list,
  #sale-list {
    margin-top: 0;
  }

  #feautre-list,
  #sale-list {
    background: #fafafa;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #7c858e;
    border-radius: 0;
    position: relative;
    display: block;
    line-height: 1.5;
    letter-spacing: normal;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
    #brands-list {
      display: none;
    }

  .btn-area {
    flex-flow: wrap;
  }

  .btn-area .button {
    width: 96%;
  }
}

/*-----------------------------------------
  トップページ カルーセル下部 .text-area
------------------------------------------*/
.text-area {
  margin: 10px auto 0;
  position: relative;
  max-width: 1170px;
  text-align: center;
}

.text-area .textlink {
  /*color: red; 20250303色変更*/
  color: #333;
  display: block;
  font-weight: bold;
  text-decoration: underline;
}

/*-----------------------------------------
  トップページ カルーセル下部 注目商品・特集 #pickupLpWrap
------------------------------------------*/
#pickupLpWrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 1.4em 0 1em;
}

#pickupLpWrapName {
  font-size: 1.4em;
  line-height: 1.4;
  padding: 0 5px 0 10px;
  text-align: center;
}

.pickupName {
  font-size: 0.7em;
  color: #aaa;
}

.bannerBox {
  text-align: center;
  padding: 10px;
}

.bannerBox img {
  width: 228px !important;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.bannerBox img {
    width: 100%;
  }
}

.title-name {
  font-size: 0.9em;
  line-height: 1.5;
  margin-top: 0.5em;
  color: #333;
  text-align: left;
}

p.title-name {
  margin-top: 0.4em;
}

.owl-carousel .item {
  padding: 10px;
}

/*-------------------------------------------------------
  ランディングページ LP.css
-------------------------------------------------------*/
.securityCodeArea {
  background-color: initial;
}

/*-------------------------------------------------------
  マイページ
-------------------------------------------------------*/

/*--メニューhover--*/
.menuGroup:hover>a {
  opacity: 1;
}

.mypageMenu.sub li a::hover {
  opacity: 0.7;
  color: inherit;
}

.menuGroup.sub:hover>a {
  color: #363947;
  opacity: 0.7;
}

/*--クーポン・ポイント欄調整--*/
#onlyyouPromoWrap .level_h3 {
  margin: 10px 0 0;
}

#onlyyouPromoWrap dl {
  margin: 5px 15px 15px;
}

/*-------------------------------------------------------
  カート
-------------------------------------------------------*/
#Cart .recommendBrowsingTitle.level_h1 {
  font-size: 1.4em;
  padding: 0 10px;
}

h2#cartTitle_innerId {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  div#cartInfoGroup {
    margin: 0 10px;
  }
}
/*-------------------------------------------------------
  クイックオーダー
-------------------------------------------------------*/
#QuickOrder .contents input[type="button"].plusButton,
#QuickOrder .contents input[type="button"].minusButton {
  margin: 0 5px;
}
@media screen and (max-width: 641px) {
  .orderGoodsList td.orderGoodsOrderNumCol {
    margin: 5px auto 0;
    padding: 5px;
  }
}

#QuickOrder input[type="text"][id^="orderNum_"] {
  max-width: 90px;
}

/*-------------------------------------------------------
  お知らせ
-------------------------------------------------------*/
body#NewsDetail .inputGroup .imageGroup .imgWrap {
  max-width: 100%;
}

/*-------------------------------------------------------
  使用方法/組立方法
-------------------------------------------------------*/
#GoodsDetail .htmlText3,
#GoodsDetail .htmlText4,
#GoodsDetail .htmlText5 {
  margin: 0 auto;
  max-width: 1200px;
}

/*-------------------------------------------------------
  本会員登録画面
-------------------------------------------------------*/
.corporation_btn_col.general,
.corporation_btn_col.business {
  border-radius: 10px;
  margin: 5px;
}

/*-------------------------------------------------------
  仮会員登録画面 MemberTempRegister.css
-------------------------------------------------------*/
#corporationSelectButton {
  font-size: 1rem;
  line-height: 1.2;
}

/*-------------------------------------------------------
  エラー画面
-------------------------------------------------------*/
div.alertMessageContentTitle,
#errorGroup .alertMessageContent,
#messageGroup .systemMessageContent {
  background-color: #f2f2f2;
  border-radius: 5px!important;
  border: none;
  margin: 0 auto 10px;
  padding: 1.2em 1em;
  /*width: 90%;*/
}

/*-------------------------------------------------------
  注文入力画面 お支払いについて
-------------------------------------------------------*/
.paymentPrecautionIncludePartsItemWrap {
  top: 275px;
}

@media screen and (max-width: 641px) {
  .paymentPrecautionIncludePartsItemWrap {
    top: 19.5%;
  }
}

/*------------------------------------------------------
  注文履歴 
-------------------------------------------------------*/
div.orderListRow {
  border-radius: 5px;
  /*padding: 10px;*/
}

div.destinationInfoGroup {
  /*margin: 0 auto;*/
}

.destinationList {
  /*margin: 5px;
  padding: 5px;*/
}

.goodsInfoGroup .goodsName {
  font-size: 1.0em;
}

@media screen and (max-width: 768px) {
  #wrap .destinationListGroup {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*-------------------------------------------------------
口コミ投稿 ReviewList.css / shop.common.css
-------------------------------------------------------*/
#reviewRegisterAreaField legend {
  font-size: 1.4em;
}

#reviewRegisterLinkItemWrap {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #ReviewList .menuGroup,
  #ReviewList .menuGroup.sub,
  #ReviewList .menuGroup:first-child,
  #ReviewList .menuGroup.sub:first-child {
    border: 1px solid #dbdbdb;
  }
}

body#GoodsReviewList .reviewContent {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}

body#GoodsReviewList .reviewTitle,
body#GoodsList .reviewTitle {
  font-size: 16px;
}

#goodsDetailArea #topGoodsNameItemWrap {
  font-size: 1.4em;
  margin-left: 10px;
}

.item-price-wrap {
  display: none;
}

/*-------------------------------------------------------
  お問い合わせ　InquiryInput.jsp
-------------------------------------------------------*/
#InquiryInput .table select {
  height: 42px;
}

/*-------------------------------------------------------
  アンケート画面　EnqueteAnswerInput.jsp
-------------------------------------------------------*/
#EnqueteAnswerInput .enqueteArea .enqueteQuestionList dt {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}

#EnqueteAnswerInput .enqueteArea .enqueteQuestionList .contentItemWrap {
  font-size: 1.2em;
  margin-bottom: 5px;
}


/*-------------------------------------------------------
ビジネスプラス businessManual.css
-------------------------------------------------------*/
@media screen and (max-width: 768px) {
  #container {
      display: block;
    }
   #main_contents {
          margin: 0px auto;
    }
　#free_largeMenu {
    width: 100vw;
    margin: 20px auto 0 auto;
  }
  .largeMenu_contents {
      display: flex;
      justify-content: space-between;
      overflow-y: auto;
    }
}