@charset "UTF-8";
/* ----トップページ本文---- */
.block-top-body--items img {
 width: 100%;
}
/* ----トップページ予備テンプレート2---- */
.block-free-2--items img {
 width: 100%;
}
.block-free-2--sub-items {
 overflow: hidden;
}
.block-free-2--sub-items li {
 float: left;
 width: 33.33%;
 height: 33.33%;
}
/* ----PC/スマホ切り替えスイッチ---- */
.block-switcher {
 border-top: 1px solid #eee;
 display: block;
 padding: 10px 10px 0 0;
}
.block-switcher li {
 display: inline-block;
 padding: 0 0 10px 10px;
 width: 50%;
}
.block-switcher--switch {
 display: block;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background-color: #444;
 color: #fff;
 text-decoration: none;
}
.block-switcher--current {
 display: block;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background-color: #ccc;
 color: #fff;
}
.block-switcher .fa {
 margin-right: 10px;
 vertical-align: middle;
}
.block-switcher .fa-mobile-phone {
 font-size: 24px;
}
.block-switcher .fa-desktop {
 font-size: 18px;
}
/* ----Copyright---- */
.block-copyright {
 padding: 10px 0;
 font-size: 12px;
 text-align: center;
 background: #eee;
 color: #444;
}
/* ----TOP: 動的イベント---- */
.block-top-event-before {
 padding: 25px 0 0;
 margin: 0 auto 50px !important;
 text-align: center;
 width: 100%;
}
.block-top-event--image img {
 height: auto;
 min-width: 220px;
}
/*↓バナー告知エリア用↓*/
.block-top-event .block-top-event--bnr {
 display: flex;
 flex-direction: column;
 margin: 0 auto 20px;
 padding: 0 15px;
 text-align: center;
 font-size: 14px; 
}
.block-top-event .block-top-event--bnr img{
 width: 100%;
 height: auto;
 display: block;
 margin-bottom: 10px;
}
.block-top-event .block-top-event--bnr .title {
 font-size: 16px;
 font-weight: bold;
 display: block;
 margin: 10px auto　5px;
}
.block-top-event .block-top-event--bnr span{
  font-weight: bold;
}
.block-top-event--image2 {
 padding: 25px 0 0;
 margin: 0 auto 50px !important;
 text-align: center;
 width: 100%;
}
.block-top-event--image2 img {
 height: auto;
 min-width: 250px;
}
/* ↑バナー告知エリア用↑ */
.block-top-topic .block-top-topic--body h2 {
 text-align: center;
 width: 100%;
}
.block-top-topic .block-top-topic--body h2 img {
 height: auto;
 min-width: 300px;
}
.block-top-column h2 img {
 height: auto;
 min-width: 220px;
}
.block-top-insta h2 img {
 height: auto;
 width: 300px;
}
.block-top-event .block-thumbnail-t--goods-image {
 padding: 0;
}
.block-top-event .block-thumbnail-t--goods-image figure {
 width: auto;
 height: auto;
}
.block-top-event .block-thumbnail-t--goods-image figure img {
 width: 220px;
 height: 120px !important;
 object-fit: cover;
 margin: auto;
 display: block;
 vertical-align: middle;
}
/* ----TOP: ブランドピックアップ 20230427add---- */
/* ↓20230613 追加（PICKUP ITEM用） ↓*/
.block-top-event-before .title-img-headline {
 /*padding: 55px 0　20px;*/
 margin: 0px auto 20px !important;
 text-align: center;
}
.block-top-event-before .title-img-headline img {
 max-width: 100%;
 width: 260px;
 height: auto;
}
.block-top-event-before .title-img-headline02 {
 /*padding: 55px 0　20px;*/
 margin: 0px auto 20px !important;
 text-align: center;
}
.block-top-event-before .title-img-headline02 img {
 max-width: 100%;
 width: 260px;
 height: auto;
}
.block-top-pickup--header a {
 text-decoration: none;
}
.block-top-pickup--header br {
 display: block;
 content: "";
 margin: 20px 0;
}
.brand-pickup {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 20px;
 width: 85%;
 padding: 15px 20px;
 margin: 40px auto 60px;
 border: 1px solid #c3c2c2;
}
.brand-pickup .inner {
 flex-basis: 100%;
 text-align: center;
 vertical-align: center;
}
.brand-pickup .inner img {
 width: 80%;
 height: auto;
 object-fit: cover;
}
/* ----ブランド画面---- */
.block-brand-list--items {
 padding: 0 20px;
 margin: 30px 0 0;
}
.block-brand-list--item {
 border: 1px solid #A5A5A5;
 margin: 0 0 20px;
 padding: 20px 15px;
}
.block-brand-list--item:last-child {
 margin: 0;
}
.block-brand-list--item-img {
 margin: 0 0 15px;
}
.block-brand-list--item-name {
 padding: 0 10px;
 margin: 0 0 10px;
 font-size: 16px;
 font-weight: bold;
}
.block-brand-list--name2 {
 font-size: 12px;
 margin: 0 0 0 5px;
}
.block-brand-list--item-comment {
 padding: 0 10px;
}
.block-brand-list--item-comment span {
 font-size: 14px;
}
/* ----商品詳細画面---- */
/*CSSによる商品詳細画面の項目の並び順変更用*/
.block-goods-detail {
 display: -webkit-flex;
 display: flex;
 -webkit-flex-flow: column wrap;
 flex-flow: column nowrap;
}
/* ----Instagram非表示---- */
.page-goods .block-top-insta {
	display: none;
}
/* ----ゲストお気に入り画面---- */
.block-guest-favorite-synchronize-title {
 font-weight: bold;
 font-size: 16px;
}
.block-guest-favorite-synchronize-description {
 font-size: 14px;
}
.block-guest-favorite-synchronize-link {
 text-align: center;
}
/* ----定期購入商品サイクル情報変更画面---- */
.block-regular-purcharse-cycle-info-update--skip-cancel-message {
 margin: 5px 0 0 5px;
}
/* ----イベント---- */
.block-event-btn {
 margin: 50px 0 50px;
}
/* ----最近チェックした商品 非表示---- */
#cart_itemhistory, .block-brand-recent-item {
 display: none;
}
/* =================================* フッターバナー表示* 対象：カテゴリー、ブランド、商品ページ* ================================== */
.p-footer-banner {
 display: none;
}
body.page-category .p-footer-banner, body.page-brandlist .p-footer-banner, body.page-brandtop .p-footer-banner, body.page-goods .p-footer-banner, body.page-search .p-footer-banner, body.is-show-footer-banner .p-footer-banner {
 display: block;
 padding: 0 12px;
}
.p-footer-banner__items {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.p-footer-banner__item {
 width: 47.5%;
 margin-bottom: 20px;
}
.p-footer-banner__item-image {
 position: relative;
 height: 0;
 padding-bottom: 100%;
}
.p-footer-banner__item-image:hover {
 opacity: 0.8;
}
.p-footer-banner__item-image img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
@media screen and (min-width: 768px) {
 .p-footer-banner {
  padding: 0;
  max-width: 1060px;
  margin: 100px auto;
 }
 .p-footer-banner__items {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
 }
 .p-footer-banner__item {
  width: calc((100% / 3) - (24px * 2 / 3));
  margin-right: 24px;
  margin-bottom: 30px;
 }
 .p-footer-banner__item:nth-child(3n) {
  margin-right: 0;
 }
}

/*Instagramスタイリング*/
.p-footer-instagram {
   position: relative;
   padding: 0;
   max-width: 1060px;
   margin: 0px auto 50px;
   text-align: center;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
}
.p-footer-instagram h2{
   font-size: 28px;
   font-weight: bold;
 	 margin: 0 0 5px;
   padding: 40px 0 0;
   position: relative;
   display: block;
}

.p-footer-instagram h2:after {
   content: '';
   width: 1px;
   height: 30px;
   background: #c3c2c2;
   position: absolute;
   top: 0;
   left: 50%;
   margin: auto;
}


/* 最近チェックした商品 */
#block_of_itemhistory {
 margin: 30px 0 0;
 padding: 40px 0 0;
 border-top: 1px solid #A5A5A5;
}
.block-recent-item--header {
 font-weight: 600;
 text-align: center;
 font-size: 22px;
 color: #2C2C2C;
 margin: 0 0 20px;
 padding: 0;
}

/* Staff Start用見出し */
.pane-block--title{
	margin-top: 30px;
	font-size: 20px;
}

.pane-block--title.with-ttl-point {
	text-align: center;
	position: relative;
}
.pane-block--title.with-ttl-point::after {
	content: '';
	width: 1px;
	height: 24px;
	background: #c3c2c2;
	display: block;
	position: absolute;
	left: 50%;
	top: -40px;
}
