@charset "utf-8";

/* =========================================================
Basic
========================================================= */
:root {
--swiper-theme-color: #FFDA2A;
--swiper-pagination-bullet-inactive-color: #FFF;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-width: 12px;
--swiper-pagination-bullet-height: 12px;
--swiper-pagination-bullet-horizontal-gap: 8px;
}

#Wrapper {
width: 100%;
max-width: 960px;
margin: 0 auto 60px;
}

#Wrapper *,
#Wrapper *::before,
#Wrapper *::after {
box-sizing: border-box;
}

.Kanjuku-Grid {
display: grid;
gap: 20px;
width: 100%;
grid-template-columns: repeat(6,1fr);
margin: 15px 0;
}

.Kanjuku-Cell--2 {
grid-column: span 2;
}

.Kanjuku-Cell--3 {
grid-column: span 3;
}

.Text--Rouge {
color: #B70E5E;
}

.Text--Blanc {
color: #005B34;
}

.Text--Rose {
color: #C72869;
}

.Text--Center {
text-align: center;
}

/* Smartphone Layout
--------------------------------------------------------- */
@media screen and (max-width: 640px) {
.Kanjuku-Cell--2 {
grid-column: span 6;
}

.Kanjuku-Cell--3 {
grid-column: span 6;
}
}


/* =========================================================
ContentsArea
========================================================= */
#ContentsArea {
padding: 30px 0 15px;
background: url("../images/contentsarea_bg.png") no-repeat;
font-size: 1.5rem;
line-height: 1.7;
}

.ContentsArea__Header-1 {
margin-bottom: 30px;
}

.ContentsArea__Header-1:not(:first-child) {
margin-top: 30px;
}

.ContentsArea__Header-2 {
margin: 30px 0 15px;
text-align: center;
}

.ContentsArea__Header-3 {
margin-bottom: 15px;
text-align: center;
}

.ContentsArea__Contents {
padding: 0 20px;
}

/* Tablet Layout
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
#ContentsArea {
background: url("../images/contentsarea_tb_bg.png") no-repeat;
}
}

/* Smartphone Layout
--------------------------------------------------------- */
@media screen and (max-width: 640px) {
#ContentsArea {
background: url("../images/contentsarea_sp_bg.png") no-repeat;
}
}

/* =========================================================
Product
========================================================= */
.Product__Cell {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 294px;
margin: 0 auto 5px;
}

.Product__Bottle {
width: 24.545733474%;
text-align: center;
}

.Product__Description {
width: 70.681485016%;
}

.Product__Logo {
margin-bottom: 20px;
text-align: center;
}


.Product__Label {
width: 100%;
max-width: 140px;
margin: 0 auto 15px;
color: #FFF;
line-height: 30px;
text-align: center;
}

.Label--Rouge {
background: #B70E5E;
}

.Label--Blanc {
background: #005B34;
}

.Label--Rose {
background: #C72869;
}

/* =========================================================
Enjoy
========================================================= */
.Enjoy__Image {
  margin-bottom: 5px;
  text-align: center;
}