@charset "UTF-8";

/* ----------------------------------
 ブランドについて
---------------------------------- */
/* LAYOUT
---------------------------------- */
body.page-event .pane-main { max-width: 100% !important; padding: 0 !important; margin: 0 auto !important;}

/* TITLE
---------------------------------- */
#page_contents_about h2.sec-title.eng { margin: 0 0 35px; font-family: var(--font-family-stix); font-size: 24px; font-weight: 500; font-style: italic; text-align: center; letter-spacing: 0.05em;}

@media screen and (max-width: 1000px) {
	#page_contents_about h2.sec-title.eng { font-size: 20px;}
}

/* VISUAL
---------------------------------- */
#page_contents_about #sec_visual {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  background: var(--color-bg);
  position: relative;
  z-index: 2;
}
#page_contents_about #sec_visual .visual-desc { width: 50%; text-align: left; display: flex; justify-content: center; align-items: center;}
#page_contents_about #sec_visual .visual-desc .eng {
	margin: 0 0 10px;
  font-family: var(--font-family-stix);
  font-size: 24px;
  font-weight: 500;
  font-style: italic;
  text-align: left;
  letter-spacing: 0.05em;
}
#page_contents_about #sec_visual .visual-desc .jp {
  font-family: var(--font-family-ship);
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.05em;
	line-height: var(--line-height-high);
}
#page_contents_about #sec_visual .visual-image { width: 50%;}
#page_contents_about #sec_visual .visual-image img { width: 100%;}

@media screen and (max-width: 1000px) {
	#page_contents_about #sec_visual { flex-direction: column;}
	#page_contents_about #sec_visual .visual-desc { width: 100vw; height: 100vw;}
	#page_contents_about #sec_visual .visual-desc .eng { text-align: center;}
	#page_contents_about #sec_visual .visual-desc .jp { font-size: 12px; text-align: center;}
	#page_contents_about #sec_visual .visual-image { width: 100vw;}
}


/* MESSAGE
---------------------------------- */
#page_contents_about #sec_message { width: 100%; padding: 400px 0; position: relative; z-index: 1;}
#page_contents_about #sec_message::before {
	content: '';
  width: 100%;
	height: 100%;
  background-image: url("/img/usr/freepage/about/bg.png");
  background-attachment: fixed;
  -webkit-background-size: calc(100% - 100px) auto;
  background-size: calc(100% - 100px) auto;
  background-position: center var(--layout-header-height);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
#page_contents_about #sec_message.imagefix-for-ios::before { 
	background-attachment: unset;
	-webkit-background-size: 98% auto;
	background-size: 98% auto;
	background-position: center center;
	position: fixed;
	z-index: 1;
}
#page_contents_about #sec_message::after {
	content: '';
	width: 100%;
	height: 220px;
	background: linear-gradient(180deg, transparent 0%, var(--color-bg) 80%, var(--color-bg) 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
#page_contents_about #sec_message .section-inner {
  max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
  padding: 0 var(--layout1-base-padding);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 2;
}
#page_contents_about #sec_message .image-frame { width: 50%; text-align: center; position: relative;}
#page_contents_about #sec_message .image-frame .photo-list { display: flex; position: relative;}
#page_contents_about #sec_message .image-frame .photo-list li { min-width: 214px;}
#page_contents_about #sec_message .image-frame .photo-list li:nth-child(1) { position: relative; bottom: -80px; z-index: 3;}
#page_contents_about #sec_message .image-frame .photo-list li:nth-child(2) { position: relative; left: -80px; top: -160px; z-index: 2;}
#page_contents_about #sec_message .image-frame .photo-list li:nth-child(3) { position: relative; left: -120px; z-index: 1;}
#page_contents_about #sec_message .text-frame { width: 50%; padding: 0 0 0 14%; font-family: var(--font-family-ship); line-height: var(--line-height-high);}
#page_contents_about #sec_message .text-frame .eng {
	margin: 0 0 25px;
  font-family: var(--font-family-stix);
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  text-align: left;
  letter-spacing: 0.05em;
	color: var(--color-accent1);
}
#page_contents_about #sec_message .text-frame h2.main { margin: 0 0 38px; font-family: var(--font-family-ship); font-size: 18px; font-weight: 400; line-height: var(--line-height-high);}
#page_contents_about #sec_message .text-frame .sub { font-family: var(--font-family-ship); font-size: 14px; font-weight: 500;}
#page_contents_about #sec_message .text-frame .sub + .sub { margin-top: 25px;}
#page_contents_about #sec_message .text-frame br.for-sp { display: none;}
#page_contents_about #sec_message .movie-frame { width: 50%; margin: 200px auto 0;}
#page_contents_about #sec_message .movie-frame figure { margin: 0 auto 20px;}
#page_contents_about #sec_message .movie-frame .youtube { margin: 0 auto 20px;}
#page_contents_about #sec_message .movie-frame .link { display: flex; justify-content: center; align-items: center;}
#page_contents_about #sec_message .movie-frame .link a {
  font-family: var(--font-family-stix);
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  text-decoration: underline;
  display: flex;
  align-items: center;
  transition: var(--transition);
}
#page_contents_about #sec_message .movie-frame .link a::before {
	content: '';
	width: 13px;
	height: 13px;
	margin: 0 8px 0 0;
	background-image: url("/img/usr/common/ico_movie_on.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
	display: inline-block;
}
#page_contents_about #sec_message .movie-frame .link a:hover { opacity: var(--opacity);}

@media screen and (max-width: 1000px) {
	#page_contents_about #sec_message { width: 100%; padding: 240px 0; position: relative;}
	#page_contents_about #sec_message::before { background-size: 120vw auto; background-position: 120vw auto;}
	#page_contents_about #sec_message .section-inner { padding: 0 var(--layout-base-padding); display: block;}
	#page_contents_about #sec_message .image-frame { width: 100%; margin: 0 0 120px;}
	#page_contents_about #sec_message .image-frame .photo-list li { min-width: 35vw;}
	#page_contents_about #sec_message .image-frame .photo-list li:nth-child(1) { bottom: -10vw;}
	#page_contents_about #sec_message .image-frame .photo-list li:nth-child(2) { left: -8vw; top: -20vw;}
	#page_contents_about #sec_message .image-frame .photo-list li:nth-child(3) { left: -14vw;}
	#page_contents_about #sec_message .text-frame  { width: 100%; padding: 0 7%;}
	#page_contents_about #sec_message .text-frame h2.main { margin: 0 0 70px; font-size: 16px;}
	#page_contents_about #sec_message .text-frame .sub { font-size: 12px;}
	#page_contents_about #sec_message .text-frame br.for-sp { display: block;}
	#page_contents_about #sec_message .movie-frame { width: 100%; padding: 0 7%; margin: 80px auto 0;}
	#page_contents_about #sec_message .movie-frame figure { margin: 0 auto 20px;}
}


/* FEATUREY
---------------------------------- */
#page_contents_about #sec_feature { padding-bottom: 1px; background: var(--color-bg); position: relative; z-index: 2;}
#page_contents_about #sec_feature .contents-inner {
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 0 auto 280px;
}
#page_contents_about #sec_feature .feature-list { padding: 0 5%; display: flex; justify-content: space-between;}
#page_contents_about #sec_feature .feature-item { width: 50%; position: relative;}
#page_contents_about #sec_feature .feature-item .image { width: 35%; min-width: 160px; margin: 0 auto 25px; position: relative;}
#page_contents_about #sec_feature .feature-item .image figure { display: flex; justify-content: center; align-items: center;}
#page_contents_about #sec_feature .feature-item .image figure img { width: 100%;}
#page_contents_about #sec_feature .feature-item .desc { width: 90%; margin: 0 auto; text-align: center;}
#page_contents_about #sec_feature .feature-item .desc .number { margin: 0 0 20px; font-family: var(--font-family-lato); font-size: 14px; font-weight: 700; text-align: center;}
#page_contents_about #sec_feature .feature-item .desc .title {
  margin: 0 0 20px;
  font-family: var(--font-family-ship);
  font-size: 20px;
  font-weight: 500;
  text-align: center;
	line-height: var(--line-height-middle);
}
#page_contents_about #sec_feature .feature-item .desc p {
  font-family: var(--font-family-ship);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
	line-height: var(--line-height-high);
}
#page_contents_about #sec_feature .feature-item .desc p + p { margin-top: 15px;}

@media screen and (max-width: 1000px) {
	#page_contents_about #sec_feature .contents-inner { padding: 0 var(--layout-base-padding); margin: 0 auto 200px;}
	#page_contents_about #sec_feature .feature-list { padding: 0; display: block;}
	#page_contents_about #sec_feature .feature-item { width: 100%; position: relative;}
	#page_contents_about #sec_feature .feature-item + .feature-item { margin-top: 80px;}
	#page_contents_about #sec_feature .feature-item .desc .title { font-size: 18px;}
	#page_contents_about #sec_feature .feature-item .desc p { font-size: 12px;}
}


/* STORY
---------------------------------- */
#page_contents_about #sec_story { padding-bottom: 1px; background: var(--color-bg); position: relative; z-index: 2;}
#page_contents_about #sec_story .contents-inner {
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 0 auto 280px;
}
#page_contents_about #sec_story h2.sec-title.eng { margin: 0 0 35px; text-align: center;}
#page_contents_about #sec_story .story-list li { border: var(--border-solid1);}
#page_contents_about #sec_story .story-list li + li { margin-top: 40px;}
#page_contents_about #sec_story .story-item { display: flex; justify-content: space-between; align-items: center; background-color: var(--color-bg-dark);}
#page_contents_about #sec_story .story-item .image { width: 50%; position: relative;}
#page_contents_about #sec_story .story-item .image figure { display: flex; justify-content: center; align-items: center;}
#page_contents_about #sec_story .story-item .image figure img { width: 100%;}
#page_contents_about #sec_story .story-item .desc { width: 50%; padding: 0 7%;}
#page_contents_about #sec_story .story-item .desc h3.story-number { margin: 0 0 18px; font-family: var(--font-family-lato); font-size: 14px; font-weight: 700;}
#page_contents_about #sec_story .story-item .desc h3.story-number .num { margin: 0 0 0 10px; font-family: var(--font-family-lato); font-size: 16px; font-weight: 700;}
#page_contents_about #sec_story .story-item .desc .title { margin: 0 0 20px; font-family: var(--font-family-ship); font-size: 16px; font-weight: 700;}
#page_contents_about #sec_story .story-item .desc .text { font-family: var(--font-family-ship); font-size: 12px; font-weight: 500;}

@media screen and (max-width: 1000px) {
	#page_contents_about #sec_story .contents-inner { padding: 0 var(--layout-base-padding); margin-bottom: 200px;}
	#page_contents_about #sec_story .story-list li + li { margin-top: 30px;}
	#page_contents_about #sec_story .story-item { display: block;}
	#page_contents_about #sec_story .story-item .image { width: 100%;}
	#page_contents_about #sec_story .story-item .desc  { width: 100%; padding: 40px 7%;}
	#page_contents_about #sec_story .story-item .desc h3.issues-number { margin: 0 0 26px; font-size: 20px; text-align: center;}
	#page_contents_about #sec_story .story-item .desc h3.issues-number .num { margin: 0 0 0 12px; font-family: var(--font-family-stix); font-size: 36px;}
	#page_contents_about #sec_story .story-item .desc .title { font-size: 14px;}
	#page_contents_about #sec_story .story-item .desc .text  { font-size: 12px;}
	#page_contents_about #sec_story .story-item .desc .view-more { margin: 20px 0 0;}
}


/* INGREDIENT
---------------------------------- */
#page_contents_about #sec_ingredient { padding-bottom: 1px; background: var(--color-bg); position: relative; z-index: 2;}
#page_contents_about #sec_ingredient .contents-inner {
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 0 auto 280px;
}
#page_contents_about #sec_ingredient h2.sec-title.eng { margin: 0 0 35px; text-align: center;}
#page_contents_about #sec_ingredient .ingredient-list { display: flex; flex-wrap: wrap; column-gap: 54px;}
#page_contents_about #sec_ingredient .ingredient-item {
  width: calc((100% - 54px * 3)/4);
  padding: 20px 20px 60px;
  margin: 0 0 40px;
  border: var(--border-solid1);
	position: relative;
	transition: var(--transition);
  cursor: pointer;
}
#page_contents_about #sec_ingredient .ingredient-item:hover { background: var(--color-bg-dark);}
#page_contents_about #sec_ingredient .ingredient-item::after {
	content: '';
  width: var(--view-more-size-sss);
  height: 9px;
	padding: 0;
  margin: 0;
	display: inline-block;
  background-image: url("/img/usr/common/ico_to_next_sss.png");
  -webkit-background-size: var(--view-more-size-sss) auto;
  background-size: var(--view-more-size-sss) auto;
  background-position: center center;
	background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
	left: calc(50% - (var(--view-more-size-sss) / 2));
	transform: rotate(0deg);
	transition: var(--transition);
}
#page_contents_about #sec_ingredient .ingredient-item:hover::after { left: calc(50% - (var(--view-more-size-sss) / 2) + 10px);}
#page_contents_about #sec_ingredient .ingredient-item .image { width: 100%; padding: 100% 0 0 0; margin: 0 0 25px; position: relative;}
#page_contents_about #sec_ingredient .ingredient-item .image figure {
  width: 100%;
  height: 100%;
	padding: 20px 20px 35px;
  border: var(--border-solid1);
  display: flex;
  justify-content: center;
  align-items: center;
	background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
}
#page_contents_about #sec_ingredient .ingredient-item .name-eng {
	width: 100%;
  font-family: var(--font-family-stix);
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 10px;
}
#page_contents_about #sec_ingredient .ingredient-item .name-jp { font-family: var(--font-family-ship); font-size: 16px; font-weight: 500; text-align: center;}

@media screen and (max-width: 1000px) {
	#page_contents_about #sec_ingredient .contents-inner { padding: 0 var(--layout-base-padding); margin-bottom: 200px;}
	#page_contents_about #sec_ingredient .ingredient-list { display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 20px;}
	#page_contents_about #sec_ingredient .ingredient-item { width: calc(50% - 10px); padding: 15px 15px 40px; margin: 0 0 20px;}
	#page_contents_about #sec_ingredient .ingredient-item::after { bottom: 20px; transform: scale(0.8, 0.8);}
	#page_contents_about #sec_ingredient .ingredient-item .image { margin: 0 0 16px;}
	#page_contents_about #sec_ingredient .ingredient-item .name-jp { font-size: 12px;}
}


/* INGREDIENT POPUP
---------------------------------- */
#ingredient_bg { display: none;}
body.ingredient-pop-on #ingredient_bg {
  width: 100%;
  display: block;
  background: rgba(248, 247, 243, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  cursor: pointer;
}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
	left: 0;
	right: 0;
  top: calc(var(--layout-header-height) + 40px);
  z-index: 101;
}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .section-inner { overflow: hidden;}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup_slider { overflow: visible;}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup_slider .swiper-button-prev { top: calc(50% - 50px); left: -50px;}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup_slider .swiper-button-next { top: calc(50% - 50px); right: -50px;}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close { height: 80px; margin: 0; text-align: center; cursor: pointer;}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span { height: 80px; font-size: 0; display: inline-block; position: relative;}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span::before,
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span::after {
	content: '';
	width: 80px;
	border-top: var(--border-solid1);
	display: block;
	position: absolute;
	top: 30px;
	left: -40px;
}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span::before { transform: rotate(-45deg);}
body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span::after  { transform: rotate(45deg);}

#page_contents_about #sec_ingredient_popup { display: none;}
#page_contents_about #sec_ingredient_popup .section-inner { 
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 0 auto;
}
#page_contents_about #sec_ingredient_popup .ingredient-detail-item {
  width: 100%;
	min-height: 500px;
  padding: 40px 80px;
  margin: 0;
  border: var(--color-gray) 1px solid;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	background: var(--color-bg-dark);
	position: relative;
	transition: var(--transition);
}
#page_contents_about #sec_ingredient_popup .image { width: 320px; padding: 320px 0 0 0; margin: 0; position: relative;}
#page_contents_about #sec_ingredient_popup .image figure {
  width: 100%;
  height: 100%;
	padding: 20px 20px 35px;
  border: var(--border-solid1);
  display: flex;
  justify-content: center;
  align-items: center;
	background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
}
#page_contents_about #sec_ingredient_popup .desc { width: calc(100% - 400px); position: relative;}
#page_contents_about #sec_ingredient_popup .name-jp { margin: 0 0 10px; font-family: var(--font-family-ship); font-size: 24px; font-weight: 500;}
#page_contents_about #sec_ingredient_popup .name-eng { margin: 0 0 10px; font-family: var(--font-family-stix); font-size: 16px; font-weight: 700; font-style: italic; color: var(--color-accent1);}
#page_contents_about #sec_ingredient_popup .classification { margin: 0 0 40px;}
#page_contents_about #sec_ingredient_popup .classification dl { display: flex; flex-wrap: nowrap;}
#page_contents_about #sec_ingredient_popup .classification dl + dl { margin-top: 5px;}
#page_contents_about #sec_ingredient_popup .classification dl dt { font-family: var(--font-family-ship); font-size: 11px; font-weight: 500; word-break: keep-all; white-space: nowrap;}
#page_contents_about #sec_ingredient_popup .classification dl dt::after { content: '：'; margin: 0 5px;}
#page_contents_about #sec_ingredient_popup .classification dl dd { font-family: var(--font-family-ship); font-size: 11px; font-weight: 500; text-align: left;}
#page_contents_about #sec_ingredient_popup .details p { font-family: var(--font-family-ship); font-size: 14px; font-weight: 500; line-height: var(--line-height-high);}
#page_contents_about #sec_ingredient_popup .details p + p { margin-top: 10px;}
#page_contents_about #sec_ingredient_popup .details .icon { margin-top: 20px; display: flex; align-items: center; column-gap: 10px;}
#page_contents_about #sec_ingredient_popup .details .icon span {
  padding: 7px 20px;
	border: var(--border-solid1);
  font-family: var(--font-family-base);
  font-size: 12px;
  font-weight: 400;
	line-height: 1.0;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1000px) {
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup { top: calc(var(--layout-header-height)/ 2);}
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .section-inner { width: 100vw;}
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup_slider .swiper-button-prev { top: calc(100% + 12px); left: 0;}
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup_slider .swiper-button-next { top: calc(100% + 12px); right: 0;}
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close { width: 100px; height: 55px; margin: 0 auto; position: relative; z-index: 3;}
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span { height: 55px;}
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span::before,
	body.ingredient-pop-on #page_contents_about #sec_ingredient_popup .ingredient-pop-close span::after { width: 40px; top: 20px; left: -20px;}

	#page_contents_about #sec_ingredient_popup { padding: 0; margin-bottom: 200px;}
	#page_contents_about #sec_ingredient_popup .section-inner { max-width: 100%; padding: 0 20px; margin: 0;}
	#page_contents_about #sec_ingredient_popup .ingredient-detail-item {
	  min-height: auto;
	  height: calc(80vh - var(--layout-header-height));
	  padding: 35px;
	  margin: 0;
	  display: block;
		overflow-y: scroll;
	}
	#page_contents_about #sec_ingredient_popup .image { width: 100%; padding: 100% 0 0 0; margin: 0 0 15px;}
	#page_contents_about #sec_ingredient_popup .desc  { width: 100%; text-align: center;}
	#page_contents_about #sec_ingredient_popup .name-jp  { margin: 0 0 5px; font-size: 18px;}
	#page_contents_about #sec_ingredient_popup .name-eng { font-size: 14px;}
	#page_contents_about #sec_ingredient_popup .classification { margin: 0 0 20px;}
	#page_contents_about #sec_ingredient_popup .classification dl + dl { margin-top: 2px;}
	#page_contents_about #sec_ingredient_popup .classification dl dt { font-size: 10px;}
	#page_contents_about #sec_ingredient_popup .classification dl dd { font-size: 10px;}
	#page_contents_about #sec_ingredient_popup .details { text-align: left;}
	#page_contents_about #sec_ingredient_popup .details p { font-size: 12px; text-align: left; line-height: var(--line-height-middle);}
	#page_contents_about #sec_ingredient_popup .details .icon { margin-top: 10px;}
	#page_contents_about #sec_ingredient_popup .details .icon span { padding: 2px 10px; font-size: 10px;}
}

/* PRODUCT
---------------------------------- */
#page_contents_about #sec_visumo { position: relative; z-index: 2;}

/* PRODUCT
---------------------------------- */
#page_contents_about #sec_products { padding-bottom: 1px; background: var(--color-bg); position: relative; z-index: 2;}
#page_contents_about #sec_products .contents-inner {
	max-width: calc(var(--layout1-max-width) + (var(--layout1-base-padding) * 2));
	padding: 0 var(--layout1-base-padding);
	margin: 0 auto 280px;
}
#page_contents_about #sec_products .block-pickup-list-p.swiper .block-pickup-list-p--items { padding: 5px 0 100px;}
#page_contents_about #sec_products .block-pickup-list-p.swiper .swiper-button-prev { left: 48px; right: auto; bottom: 40px;}
#page_contents_about #sec_products .block-pickup-list-p.swiper .swiper-button-next { left: auto; right: 48px; bottom: 40px;}

@media screen and (max-width: 1000px) {
	#page_contents_about #sec_products .contents-inner { padding: 0 var(--layout-base-padding); margin-bottom: 200px;}
	#page_contents_about #sec_products .block-pickup-list-p.swiper .block-pickup-list-p--items { padding: 5px 0 30px;}
	#page_contents_about #sec_products .block-pickup-list-p.swiper .swiper-button-prev { left: 20px; bottom: 20px;}
	#page_contents_about #sec_products .block-pickup-list-p.swiper .swiper-button-next { right: 20px; bottom: 20px;}
}

html[data-browse-mode="S"] #page_contents_about #sec_products .block-pickup-list-p.swiper .block-pickup-list-p--items { flex-wrap: nowrap; justify-content: flex-start;}
html[data-browse-mode="S"] #page_contents_about #sec_products .block-pickup-list-p.swiper .block-pickup-list-p--item-description { position: relative;}
html[data-browse-mode="S"] #page_contents_about #sec_products .block-pickup-list-p.swiper .block-pickup-list-p--image { margin-bottom: 15px;}
html[data-browse-mode="S"] #page_contents_about #sec_products .block-pickup-list-p.swiper .block-icon { position: absolute; bottom: calc(100% + 15px); left: 0;}


/* PRODUCT - event
---------------------------------- */
#page_contents_about .block-top-event--goods { max-width: 100%; padding: 0; margin: 0;}
#page_contents_about .block-event-page--accessory .view-more { margin-top: 40px; display: flex; align-items: center; justify-content: center;}