@charset "UTF-8";
@font-face {
  font-family: 'Helvetica-Md';
  src: url('fonts/Helvetica-Md.woff') format('woff'),
       url('fonts/Helvetica-Md.woff2') format('woff2'),
       url('fonts/Helvetica-Md.otf') format("opentype");
}
#contents { width: 100%!important; max-width: 100%!important; padding: 0; }
#pisss { width: 100%!important; max-width: 100%!important; }
#pi { width: 100%!important; max-width: 100%!important; margin: 0 0 40px; background-color: #fff!important; padding: 0; }
#pi > img { display: none!important; }
picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
@media (min-width: 768px)	{
	#contents { overflow: hidden; }
	.bread	{ margin-bottom: 8px!important; max-width: 980px; margin: 0 auto; }
	.bread ul, .bread ol { margin: 0 auto; }
	.section_common {  margin-left: 0!important; width: 100%; }
	.related_styling_list { justify-content: center; }
}
.bannerSwitch	{ width: 100%; max-width: 1120px; margin: 0 auto; padding: 40px 10px 10px; background-color: #2A2C2D; }
.bannerSwitch img	{ width: 100%; vertical-align: bottom; line-height: 0; }
@media (max-width: 767px) {
	.bannerSwitch	{ padding: 0 0 10px; }
}
.product_list	{ background-color: #fff; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.pi_lgzformat	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0 0 100px; margin: 0; position: relative; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; background-color: #fff; }
.pi_lgzformat	{ font-family:'Helvetica-Md', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, sans-serif; }
.pi_lgzformat ul:before,
.pi_lgzformat ol:before,
.pi_lgzformat dl:before, 
.pi_lgzformat ul:after, 
.pi_lgzformat ol:after, 
.pi_lgzformat dl:after	{ display: none!important; }
.pi_lgzformat img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.pi_lgzformat .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat > h3	{ font-size: 38px; font-weight: 700; line-height: 1; text-align: center; margin: 0 auto 70px; padding: 140px 0 0; }
@media (max-width: 767px) {
	.pi_lgzformat	{ padding: 0 0 40px; }
}

/* ------------ FADEIN ------------- */
.fadein	{ opacity : 0; transform : translate(0, 20px); transition: all 1s; }
.fadein.scrollin	{ opacity : 1; transform : translate(0, 0); }

/* ------------ MAIN AREA ------------- */
.mainarea	{ width: 100%; max-width: 1020px; padding: 20px 20px 0; margin: 0 0 60px; }
.mainimg	{ width: 100%; padding: 0 0 18px; margin: 0 0 54px; border-bottom: 1px solid #000; }
@media (max-width: 767px) {
	.mainarea	{ margin: 0 0 45px; }
	.mainimg	{ padding: 0 0 5px; margin: 0 0 25px; }
}

/* ------------ INTRODUCTION ------------- */
.introduction	{ width: 100%; padding: 55px 0 0; margin: 0; border-bottom: 1px solid #000; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.introduction p	{ width: 100%; max-width: 782px; padding: 0; margin: 0 0 50px; font-size: 14px; font-weight: 700; line-height: 32px; }
@media (max-width: 767px) {
	.introduction	{ padding: 30px 0 0; margin: 0; }
	.introduction p	{ margin: 0 0 30px; font-size: 3.2vw; line-height: 2; }
}

/* ------------ HEADER ------------- */
.itemHeader	{ width: 100%; max-width: 1020px; padding: 30px 20px 0; margin: 0 0 60px; }
.itemHeader p	{ margin: 0; padding: 0 0 90px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #000; }
@media (max-width: 767px) {
	.itemHeader	{ padding: 30px 20px 0; margin: 0 0 45px; }
	.itemHeader p	{ padding: 0 0 75px; }
}

/* ------------ ITEM ------------- */
.itemWrapper	{ width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 0 60px; }
.itemssw	{ margin: 0; padding: 0 0 60px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #000; }
.itemInner	{ width: 100%; display: -webkit-flex; display: flex; }
.itemImg	{ width: 50%; position: relative; padding: 0 0 8px; }
.itemTxt	{ width: 50%; position: relative; display: -webkit-flex; display: flex; justify-content: space-between; flex-direction: column; padding: 0 0 0 6%; }
.itemTxt > b	{ font-family:'Helvetica-Md', sans-serif; font-size: 21px; line-height: 1; text-align: center; margin: 0; padding: 0; }
.itemTxt > h2	{ margin: 0; flex-grow: 1; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
.itemTxt > h2 b	{ font-family: 'Helvetica-Md', sans-serif; font-size: 36px; line-height: 43px; font-weight: 700; text-align: center; letter-spacing:.06rem; margin: 0; }
.itemTxt > strong	{ font-family:'Helvetica-Md', sans-serif; font-weight: 400; font-size: 21px; line-height: 33px; text-align: center; margin: 0 0 40px; }
.itemTxt > p	{ font-size: 14px; line-height: 32px; font-weight: 700; padding: 0; margin: 0; }
@media (min-width: 767.99px) {
	.reflect .itemImg	{ order:2; }
	.reflect .itemTxt	{ order:1; padding: 0 6% 0 0; }
	.itemTxt > h2 b span	{ display: none; }
}
@media (max-width: 767px) {
	.itemWrapper	{ padding: 0 20px; margin: 0 0 45px; }
	.itemInner	{ flex-wrap: wrap; }
	.itemImg	{ width: 100%; position: relative; padding: 0; margin: 0 0 46px; }
	.itemTxt	{ width: 100%; padding: 0; }
	.itemTxt > b	{ font-size: 4.5vw; margin: 0 0 30px; }
	.itemTxt > h2	{ margin: 0 0 40px; }
	.itemTxt > h2 b	{ font-size: 8vw; line-height: 1.13; white-space: nowrap; }
	.itemTxt > h2 b br	{ display: none; }
	.itemTxt > strong	{ font-size: 4.5vw; line-height: 1.55; margin: 0 0 37px; }
	.itemTxt > p	{ font-size: 3vw; line-height: 2.18; padding: 0; margin: 0; }
}
.buybtn	{ width: 100%; list-style-type: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 70px 0 0; margin: 0; }
.buybtn li	{ position: relative; padding: 0 0 0 35px; margin: 0 25px; }
.buybtn li::before	{ position: absolute; left: 0; top: 0; content:""; width: 22px; height: 22px; border-radius: 50%; background-color: #000; }
.buybtn li a	{ display: -webkit-flex; display: flex; align-items: center; }
.buybtn li a span	{ font-family:'Helvetica-Md', sans-serif; font-size: 25px; line-height: 1; text-decoration: none; white-space: nowrap; padding: 0; position: relative; transition: all .3s; z-index: 2; }
.buybtn li a span::after	{ content:""; position: absolute; bottom: -5px; left: 0; right: 0; height: 1px; width: 100%; background-color: #000; transition: all .3s; z-index: 1; }
.buybtn li a:hover	{ text-decoration: none; }
@media (min-width: 767.99px) {
	.buybtn li a:hover span::after	{ width: 0; }
}
@media (max-width: 767px) {
	.buybtn	{ padding: 38px 0 0; }
	.buybtn li	{ padding: 0 0 0 2em; margin: 0 .8em; }
	.buybtn li a span	{ font-size: 4.5vw; line-height: 1; text-decoration: none; white-space: nowrap; padding: 0; position: relative; transition: all .3s; z-index: 2; }
	.buybtn li::before	{ top: 10%; width: 15px; height: 16px; }
}

.btmWrapper	{ width: 100%; max-width: 1020px; padding: 80px 20px 0; margin: 0; }
.btmimg	{ width: 100%; padding: 0; margin: 0 0 65px; }
.btmtxt	{ width: 100%; padding: 0; margin: 0 0 65px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.btmtxt p	{ font-family:'Helvetica-Md', sans-serif; font-size: 17px; line-height: 30px; text-decoration: none; text-align: center; }
@media (max-width: 767px) {
	.btmWrapper	{ padding: 30px 20px 0; }
	.btmtxt p	{ font-size: 2.8vw; line-height: 2.27; padding: 0; margin: 0; }
}


/* ------------ SLICK ------------- */
.itemslider	{ position: relative; }
.slick-prev, 
.slick-next	{ position: absolute; z-index: 3; top: 50%; cursor: pointer; outline: none; border-top: 2px solid #eee; border-right: 2px solid #eee; height: 24px; width: 24px; }
.slick-prev	{ left:15px; transform: rotate(-135deg); }
.slick-next	{ right:15px; transform: rotate(45deg); }
.slick-num	{ width: 100%; position: absolute; left: 0; right: 0; bottom: -68px; font-size: 44px; text-align: left; line-height: 1; }
.now-count,
.all-count	{ font-family:'Helvetica-Md', sans-serif; }
@media (min-width: 767.99px) {
	.reflect .slick-num	{ text-align: right; }
}
@media (max-width: 767px) {
	.slick-num, 
	.reflect .slick-num	{ bottom: -48px; font-size: 30px; text-align: right; }
}

/* ------------ BLOCK ------------- */
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
@media (max-width: 767px)	{ .pconly { display: none!important; } }