@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper {
   color: #5b5b5b;
   font: 1em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-feature-settings: 'palt';
   padding: 0;
   position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	height: auto;
	max-width: 100%;
}

/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
 /*  全体指定 スマホ縦 i5 i5SE　350pxまで  */
 
 
 
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/* ボタンデザイン自由に変えてください  */
.buy-btn {
   color: #ffffff;
   display: block;
   font: 400 1.6em/1.4 'Zen Kaku Gothic New', sans-serif;
   padding: 6%;
   position: relative;
   text-align: center;
   width: 100%;
   z-index: 1;
   transition: .0.5s;
}
 .buy-btn:hover {
   color: #fff;
 }

/*-- 画面外にいる状態 --*/
.fadein {
	opacity : 0;
	transform : translate(0, 30px);
	transition: ease-in 400ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
#container section {
	margin: 0 auto;
	padding: 0;
}

/*--------------------------
   -----------
--------------------------*/
.wrapper .inner-wrap {
   padding: 15% 6%;
   margin: 0 auto;
   text-align: center;
   position: relative;
}
/*--------------------------
   mainvisual
--------------------------*/
.mainvisual .inner-wrap {
	padding: 0;
}
.mainvisual {
    background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/picodonna_fv.jpg);
    background-size: 100%;
    background-position: center;
    height: 120vw;
}
.mainvisual h1 {
   padding: 7% 65% 0 0;
   margin-bottom: 4%;
}
.mainvisual .fv-name {
   animation: fadein 4s ease-out forwards;
   padding: 2% 13% 0 6%;
 }
 @keyframes fadein {
   0% {opacity: 0}
   100% {opacity: 1}
 }

/*--------------------------
   section1-7 共通
--------------------------*/
.br-sp { 
   display: none;
}
.wrapper h2 span {
   display: block;
   margin-top: 5%;
}
#sweet-scrub h2,#shower-oil h2,#deo-mist h2,#qa h2,#lineup h2 {
   font: 2em/0.3  Futura, 'Century Gothic';
   font-weight: normal;
}
#sweet-scrub h2 span,#shower-oil h2 span,#deo-mist h2 span {
   font: 400 0.6em/1.3 'Zen Kaku Gothic New', sans-serif;
}
.wrapper figure {
   margin-top: 2.0em;
}
.wrapper .item_info,.wrapper .item_howto {
   padding: 8%;
}
.wrapper .item_box {
   background-color: #fff;
   text-align: left;
   font: 400 1.2em/1.6 'Zen Kaku Gothic New', sans-serif;
}
.wrapper .item_box h3 {
   font: 500 1.1em/1.7 'Zen Kaku Gothic New', sans-serif;
   margin-bottom: 4%;   
}
.wrapper .item_box h4 {
   font: 500 1.0em/1.4 'Zen Kaku Gothic New', sans-serif; 
   margin-bottom: 3%;     
}
.wrapper .desc_box {
   margin-bottom: 3%;
}
.annot {
   font: 400 1.0em/1.4 'Zen Kaku Gothic New', sans-serif; 
   text-align: left;
}
/*--------------------------
   section1 About
--------------------------*/
#about .inner-wrap {
   padding: 20% 0;
}
#about {
   background: url(/contents/shop/sevenbeauty/img/freepage/picodonna/about_eng.png) no-repeat #eaedec  10px 10px / 200px 100px;
}
#about h2 {
   font: 500 1.7em/1.6 'Zen Kaku Gothic New', sans-serif;
   letter-spacing: .1rem;
}
#about .about_box {
   margin-top: 10%;
}

#about .about_img {
   padding-right: 10%;
   margin-bottom: -10%;
}
#about .about_text {
   background-color: #fff;
   margin-left: 10%;
   padding: 20% 10% 10%;
}
#about .about_text {
   text-align: left;
}
#about h3 {
   font: 500 1.3em/1.6 'Zen Kaku Gothic New', sans-serif;
   margin-bottom: 8%;
}
#about p {
   font: 400 1.2em/1.6 'Zen Kaku Gothic New', sans-serif;
}
/*--------------------------
   section2 itemlist
--------------------------*/
#itemlist h2 {
   margin-bottom: 8%;
}
#itemlist h2 img {
   width: 40%;
}
#itemlist h2 span {
   font: 400 1.0em/1.3 'Zen Kaku Gothic New', sans-serif;
}
#itemlist ul {
   display: flex;
}
#itemlist li a {
   display: inline-block;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   font-feature-settings: "palt";
   position: relative;
}
#itemlist li:nth-child(2) {
   padding: 0 1.0em 0;
}
/*--------------------------
   section3 SWEET SCRUB
--------------------------*/
#sweet-scrub{
   background: linear-gradient(180deg, #d3ddd9 0%, #d3ddd9 27%, #eaedec 27%, #eaedec 100%);
}
#sweet-scrub .item_howto {
   background-color: #dee6e3;
}
#sweet-scrub .color-green {
   background-color: #8cab9e;
   border: solid, 2px, #8cab9e;
   border-radius: 100vh;
   margin-top: 8%;
}
#sweet-scrub .color-green:hover {
   color: #8cab9e;
   background: #fff;
   border: solid, 2px, #8cab9e;
}

/*--------------------------
   section4 SHOWER OIL
--------------------------*/
#shower-oil  {
   background: linear-gradient(180deg, #d3e5f1 0%, #d3e5f1 27%, #eaedec 27%, #eaedec 100%);
}
#shower-oil .item_howto {
   background-color: #dceaf4;
}
#shower-oil .color-blue {
   background-color: #7db5e6;
   border: solid, 2px, #7db5e6;
   border-radius: 100vh;
   margin-top: 8%;
}
#shower-oil .color-blue:hover {
   color: #7db5e6;
   background: #fff;
   border: solid, 2px, #7db5e6;
}
/*--------------------------
   section5 DEO MIST
--------------------------*/
#deo-mist {
   background: linear-gradient(180deg, #f5dad8 0%, #f5dad8 27%, #eaedec 27%, #eaedec 100%);
}
#deo-mist .item_howto {
   background-color: #f7e1e0;
}
#deo-mist .color-pink {
   background-color: #ea9a9a;
   border: solid, 2px, #ea9a9a;
   border-radius: 100vh;
   margin-top: 8%;
}
#deo-mist .color-pink:hover {
   color: #ea9a9a;
   background: #fff;
   border: solid, 2px, #ea9a9a;
}
/*--------------------------
   section6 features-ttl
--------------------------*/
#features-ttl .inner-wrap {
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/ingredient_bg.jpg);
   background-repeat: no-repeat;
   background-size: 165%;
   padding: 9% 0;
}
#features-ttl h2 {
   font: 500 1.2em/1.3 'Zen Kaku Gothic New', sans-serif;
   letter-spacing: .2rem;
}
#features-ttl h2 .eight {
   font-weight: 500;
   font-size: 2em;
   display: inline;
}
/*--------------------------
   section7 Features-cts
--------------------------*/
#Features-cts .inner-wrap{
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/ingredient_bg_sp.jpg);
   background-repeat: no-repeat;
   background-size: 100%;
   background-color: #dbd9e7;
}
#Features-cts .eight-free {
   padding: 100% 3% 0;
}
/*--------------------------
   section8 aq
--------------------------*/
#qa {
   background-color: #eaedec;
}
#qa h2 {
   margin-bottom: 10%;
}
/*------------------------------
ここからアコーディオンのCSS
------------------------------*/
.accordion-open,
.accordion-close {
   font: 400 1.1em/1.5 'Zen Kaku Gothic New', sans-serif;
 }

/* チェックボックスは非表示 */
.accordion-hidden{
   display: none;
 }
 
 /* Question部分 */
 .accordion-open {
   display: block;
   padding: 10px 45px 15px 45px;
   background: #fff;
   cursor: pointer;
   margin-bottom: 3%;
   position: relative;/* 変更部分 */
 }
 
 /* 開閉状態を示すアイコン+の作成 */
 .accordion-open::before,
 .accordion-open::after {
   content: '';
   width: 20px;
   height: 1px;
   background: #5b5b5b;
   position: absolute;
   top: 50%;
   right: 5%;
   transform: translateY(-50%);
 }
 
 /* 一本は縦にして+を作る */
 .accordion-open::after {
   transform: translateY(-50%) rotate(90deg);
   transition: .5s;
 }
 
 /* QとAのデザイン */
 .accordion-open span,
 .accordion-close span {
   display: flex;
   font: 500 1.3em 'Zen Kaku Gothic New', sans-serif; 
   color: #ea9a9a;
   justify-content: center;
   align-items: center;
   width: 50px;
   position: absolute;
   text-align: center;
   left: 0;
 }
 
 /* アコーディオンが開いたら縦棒を横棒にして-にする */
 .accordion-hidden:checked + .accordion-open:after {
   transform: translateY(-50%) rotate(0);
 }
 
 /* Answer部分 */
 .accordion-close {
   display: block;
   height: 0;/* 要素の高さは0 */
   overflow: hidden;/* 非表示 */
   padding: 0 0 0 60px;
   opacity: 0;
   transition: 0.5s;/* 表示速度の設定 */
   position: relative;
   margin: 0;
 }
 
 /* チェックボックスにチェックが入ったらAnswer部分を表示する */
 .accordion-hidden:checked + .accordion-open + .accordion-close {
   height: auto;
   opacity: 1;
       padding: 15px 10px 30px 45px;
 }
 /*--------------------------
   section9 ラインナップ
--------------------------*/
#lineup {
   background-color: #eaedec;
}
#lineup .lineup_item {
   display: flex;
   gap: 0 43px;
   margin: 0 auto;
}
#lineup .lineup_img {
   width: 100%;
}
#lineup .lineup_img > img {
   width: 100%;
   height: 120px;
   object-fit: cover;
}
#lineup li.item {
   margin: 15% 0;
}
#lineup h3 {
   font: 500 1.3em / 1.5 'Zen Kaku Gothic New', sans-serif;
   margin-top: 5%;
}
#lineup .color-green {
   background-color: #8cab9e;
   border: solid, 2px, #8cab9e;
   border-radius: 100vh;
   margin-top: 5%;
}
#lineup .color-green:hover {
   color: #8cab9e;
   background: #fff;
   border: solid, 2px, #8cab9e;
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
/*--------------------------
   -----------
--------------------------*/
.wrapper .inner-wrap {
   padding: 6%;
}
.buy-btn {
   font-size: 1.0em;
}
/*--------------------------
   iPad mainvisual
--------------------------*/
.mainvisual {
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/fv_bg.jpg);
   background-size: cover;
   height: 68vw;
   background-position-x: 40%;
}
.mainvisual h1 {
   padding: 0% 82% 0 0;
   margin-bottom: 4%;
}
.mainvisual .title-desc img {
   padding: 0 32% 0 0;
}
.mainvisual .fv-name {
   animation: fadein 4s ease-out forwards;
   text-align: left;
 }
/*--------------------------
   iPad section1-7 共通
--------------------------*/
.wrapper h2 span {
   display: block;
   margin-top: 5%;
}
#sweet-scrub h2,#shower-oil h2,#deo-mist h2,#qa h2,#lineup h2 {
   font: 2em/0.3  Futura, 'Century Gothic';
}
#sweet-scrub h2 span,#shower-oil h2 span,#deo-mist h2 span {
   font: 0.6em/1.3 'Zen Kaku Gothic New', sans-serif;
   margin-top: 3%;
}
.wrapper .desc_box {
   display: flex;
   margin-top: 4%;
   flex-direction: row;
   justify-content: space-between;
}
.wrapper figure {
   margin-top: 0;
}
.wrapper .item_info,.wrapper .item_howto {
   padding: 6%;
}
.wrapper .item_box {
   background-color: #fff;
   text-align: left;
   font: 400 0.83em/1.4 'Zen Kaku Gothic New', sans-serif;
   width: 100%;
}
.wrapper .item_box h3 {
   font: 500 1.3em/1.5 'Zen Kaku Gothic New', sans-serif;
   margin-bottom: 4%;   
}
.wrapper .item_box h4 {
   font: 500 1.0em/1.4 'Zen Kaku Gothic New', sans-serif; 
   margin-bottom: 3%;     
}
.annot {
   font: 400 0.7em/1.4 'Zen Kaku Gothic New', sans-serif; 
   text-align: right;
}
.buy-btn {
   padding: 3%;
   width: 50%;
   margin-top: 4%;
}
/*--------------------------
   iPad section1 About
--------------------------*/
#about .inner-wrap {
   padding: 8% 0;
}
#about {
   background: url(/contents/shop/sevenbeauty/img/freepage/picodonna/about_eng.png) no-repeat #eaedec 18px 11px / 232px 100px;
}
#about h2 {
   font: 500 1.8em/1.6 'Zen Kaku Gothic New', sans-serif;
}
#about .about_box {
   margin-top:5%;
   padding: 0 6% 0 0;
}

#about .about_img {
   padding-right: 50%;
   margin-bottom: -25%;
}
#about .about_text {
   margin-left: 38%;
   padding: 4% 3% 4% 16%;
}
#about .about_text {
   text-align: left;
}
#about h3 {
   font: 500 1.2em/1.3 'Zen Kaku Gothic New', sans-serif;
   margin-bottom: 8%;
}
#about p {
   font: 400 1.1em/1.3 'Zen Kaku Gothic New', sans-serif;
}
/*--------------------------
   iPad section2 itemlist
--------------------------*/
#itemlist h2 {
   margin-bottom: 5%;
}
#itemlist h2 img {
   width: 20%;
}
#itemlist h2 span {
   font: 400 1.5em/1.3 'Zen Kaku Gothic New', sans-serif;
}
#itemlist li {
   margin: 0 3%;
}
#itemlist ul {
   padding: 0 3%;
}
/*--------------------------
   iPad section3 SWEET SCRUB
--------------------------*/
#sweet-scrub {
   background: linear-gradient(180deg, #d3ddd9 0%, #d3ddd9 27%, #eaedec 27%, #eaedec 100%);
}
#sweet-scrub .item_howto {
   background-color: #dee6e3;
}
#sweet-scrub .color-green {
   background-color: #8cab9e;
   border-radius: 100vh;
   margin-top: 4%;
}
/*--------------------------
   iPad section4 SHOWER OIL
--------------------------*/
#shower-oil  {
   background: linear-gradient(180deg, #d3e5f1 0%, #d3e5f1 27%, #eaedec 27%, #eaedec 100%);
}
#shower-oil .item_howto {
   background-color: #dceaf4;
}
#shower-oil .color-blue {
   background-color: #7db5e6;
   border-radius: 100vh;
   margin-top: 4%;
}
/*--------------------------
   iPad section5 DEO MIST
--------------------------*/
#deo-mist {
   background: linear-gradient(180deg, #f5dad8 0%, #f5dad8 27%, #eaedec 27%, #eaedec 100%);
}
#deo-mist .item_howto {
   background-color: #f7e1e0;
}
#deo-mist .color-pink {
   background-color: #ea9a9a;
   border-radius: 100vh;
   margin-top: 4%;
}
/*--------------------------
   ipad section6 features-ttl
--------------------------*/
#features-ttl .inner-wrap {
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/ingredient_bg.jpg);
   background-repeat: no-repeat;
   background-size: 110%;
   padding: 4% 0;
}
#features-ttl h2 {
   font: 500 1.6em/1.0 'Zen Kaku Gothic New', sans-serif;
   letter-spacing: .2rem;
}
#features-ttl h2 .eight {
   font-size: 2em;
}
/*--------------------------
   ipad section7 Features-cts
--------------------------*/
#Features-cts .inner-wrap{
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/ingredient_bg_.jpg);
   background-size: 105%;
}
#Features-cts .eight-free {
   padding: 0% 52% 0 11%;
}
/*--------------------------
   ipad section8 aq
--------------------------*/
#qa .inner-wrap {
    padding: 6% 15%;
}
.accordion-open, .accordion-close {
   font: 400 1.0em / 1.5 'Zen Kaku Gothic New', sans-serif;
   text-align: left;
}
.accordion-open span, .accordion-close span {
   font: 500 1.4em 'Zen Kaku Gothic New', sans-serif;
}
 /*--------------------------
   ipad section9 ラインナップ
--------------------------*/
#lineup ul {
   display: flex;
}
#lineup li:nth-child(2) {
   padding: 0 2.0em 0;
}
#lineup h3 {
   font: 500 1.2em / 1.3 'Zen Kaku Gothic New', sans-serif;
}
#lineup .buy-btn {
   padding: 5%;
   width: 90%;
   margin-top: 5%;
}
#lineup li.item {
   margin: 8% 0;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
/*--------------------------
   -----------
--------------------------*/
.wrapper .inner-wrap {
   padding: 6%;
   margin-bottom: -30px;
}
.buy-btn {
   font-size: 2em;
}
/*--------------------------
   PC mainvisual
--------------------------*/
.mainvisual .inner-wrap {
   padding: 5% 8% 0;
}
.mainvisual {
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/fv_bg.jpg);
   background-size: cover;
   height: 52vw;
   background-position-x: 40%;
}
.mainvisual h1 {
   padding: 0% 82% 0 0;
   margin-bottom: 4%;
}
.mainvisual .fv-name {
   padding: 0;
 }
.mainvisual .title-desc img {
   width: 530px;
   padding: 0;
}
.mainvisual .title-desc {
   position: absolute;
   left: 8%;
}
/*--------------------------
   PC section1-7 共通
--------------------------*/
.br-sp { 
   display: block;
}
#sweet-scrub h2,
#shower-oil h2,
#deo-mist h2,
#qa h2,
#lineup h2 {
   font: 3em / 0.3 Futura, 'Century Gothic';
   font-weight: normal;
}
.desc_box p {
   font: 400 .9em / 1.7 'Zen Kaku Gothic New', sans-serif;
}
#itemlist h2 span,
#sweet-scrub h2 span,
#shower-oil h2 span,
#deo-mist h2 span {
   font: 400 0.55em / 1.3 'Zen Kaku Gothic New', sans-serif;
   margin-top: 2%;
   letter-spacing: -0.1rem;
}
#sweet-scrub .inner-wrap,
#shower-oil .inner-wrap,
#deo-mist .inner-wrap {
   padding: 6% 0 10%;
   width: 1200px;
}
.wrapper .desc_box {
   display: flex;
   margin: 4% 0 1%;
   flex-direction: row;
   justify-content: space-between;
}
.wrapper figure {
   margin-top: 0;
}
.desc_box>figure {
   flex-shrink: 0;
}
.wrapper .item_info,.wrapper .item_howto {
   padding: 8% 7%;
}
.wrapper .item_box {
   background-color: #fff;
   text-align: left;
   font: 400 1.5em/1.4 'Zen Kaku Gothic New', sans-serif;
}
.wrapper .item_box h3 {
   font: 500 1.3em/1.5 'Zen Kaku Gothic New', sans-serif;
   margin-bottom: 6%;   
}
.wrapper .item_howto {
   height: 199px;
   padding: 4% 6% 5%;
   margin-top: 1px;
}
.wrapper .item_box h4 {
   font: 500 1.0em/1.4 'Zen Kaku Gothic New', sans-serif; 
   margin-bottom: 2%;
}
.annot {
   font: 400 1.0em/1.4 'Zen Kaku Gothic New', sans-serif; 
   text-align: right;
   letter-spacing: 0;
}
.buy-btn {
   padding: 2%;
   width: 40%;
   margin-top: 4%;
}
/*--------------------------
   PC section1 About
--------------------------*/
#about .inner-wrap {
   padding: 8% 0;
}
#about {
   background: url(/contents/shop/sevenbeauty/img/freepage/picodonna/about_eng.png) no-repeat #eaedec 26px 41px / 517px 235px;
}
#about h2 {
   font: 500 2.7em/1.6 'Zen Kaku Gothic New', sans-serif;
}
#about .about_box {
   padding: 0 6% 0 0;
   max-width: 1366px;
   margin: 0 auto;
}
#about .about_img {
   padding-right: 50%;
   margin: 6% 0 -25%;
}
#about .about_text {
   margin-left: 38%;
   padding: 4% 3% 5% 16%;
}
#about .about_text {
   text-align: left;
}
#about p {
   font: 400 1.4em / 1.6 'Zen Kaku Gothic New', sans-serif;
   letter-spacing: -0.02em
}
#about h3 {
   font: 500 2.0em / 1.4 'Zen Kaku Gothic New', sans-serif;
   margin-bottom: 6%;
}
/*--------------------------
   PC section2 itemlist
--------------------------*/
#itemlist .inner-wrap {
   padding: 8% 0%;
   margin: 0 auto;
   text-align: center;
   position: relative;
   width: 960px;
}
#itemlist h2 {
   margin-bottom: 5%;
}
#itemlist h2 img {
   width: 20%;
}
#itemlist li {
   margin: 0 3%;
}
#itemlist ul {
   padding: 0 3%;
}

/*--------------------------
   PC section3 SWEET SCRUB
--------------------------*/
#sweet-scrub {
   background: linear-gradient(180deg, #d3ddd9 0%, #d3ddd9 32%, #eaedec 32%, #eaedec 100%);
}
#sweet-scrub .item_howto {
   background-color: #dee6e3;
}
#sweet-scrub .color-green {
   background-color: #8cab9e;
   border-radius: 100vh;
   margin-top: 4%;
}
/*--------------------------
   PC section4 SHOWER OIL
--------------------------*/
#shower-oil  {
   background: linear-gradient(180deg, #d3e5f1 0%, #d3e5f1 32%, #eaedec 32%, #eaedec 100%);
}
#shower-oil .item_howto {
   background-color: #dceaf4;
}
#shower-oil .color-blue {
   background-color: #7db5e6;
   border-radius: 100vh;
   margin-top: 4%;
}

/*--------------------------
   PC section5 DEO MIST
--------------------------*/
#deo-mist {
   background: linear-gradient(180deg, #f5dad8 0%, #f5dad8 32%, #eaedec 32%, #eaedec 100%);
}
#deo-mist .item_howto {
   background-color: #f7e1e0;
}
#deo-mist .color-pink {
   background-color: #ea9a9a;
   border-radius: 100vh;
   margin-top: 4%;
}

/*--------------------------
   PC section6 features-ttl
--------------------------*/
#features-ttl .inner-wrap {
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/ingredient_bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   padding: 4% 0;
   height: 260px;
}
#features-ttl h2 {
   font: 500 2.4em / 1.2 'Zen Kaku Gothic New', sans-serif;
   letter-spacing: .3rem;
}
#features-ttl h2 .eight {
   font-size: 1.7em;
}

/*--------------------------
   PC section7 Features-cts
--------------------------*/
#Features-cts .inner-wrap{
   background-image: url(/contents/shop/sevenbeauty/img/freepage/picodonna/ingredient_bg_.jpg);
   background-size: cover;
}
#Features-cts .eight-free {
   padding: 0% 50% 0 10%;
}

/*--------------------------
   PC section8 aq
--------------------------*/
#qa .inner-wrap {
   margin: 0 auto;
   padding: 8% 10%;
   max-width: 1200px;
}
.accordion {
   margin: 0 auto;
}
#qa h2 {
   margin-bottom: 8%;
}
.accordion-open {
   padding: 30px 50px 35px 80px;
 }
.accordion-open, .accordion-close {
  font: 400 1.4em / 1.5 'Zen Kaku Gothic New', sans-serif;
  text-align: left;
}
.accordion-open span, .accordion-close span {
  font: 500 1.8em 'Zen Kaku Gothic New', sans-serif;
}
.accordion-open span, .accordion-close span {
   width: 100px;
   margin-top: -12px;
}
.accordion-open::before, .accordion-open::after {
   width: 32px;
}
.accordion-hidden:checked + .accordion-open + .accordion-close {
   padding: 0px 30px 60px 80px;
}
 /*--------------------------
   PC section9 ラインナップ
--------------------------*/
#lineup .lineup_item {
   background-color: #2b2c34;
   text-align: center;
}
#lineup .lineup_img > img {
   width: 70%;
   height: 280px;
   background-color: #2b2c34;
}
#lineup ul {
   display: flex;
   width: 960px;
   margin: 0 auto;
}
#lineup li:nth-child(2) {
   padding: 0 3.0em 0;
}
#lineup h3 {
   font: 500 1.5em / 1.5 'Zen Kaku Gothic New', sans-serif;
   margin-top: 8%;
}
#lineup .buy-btn {
   padding: 4%;
   width: 100%;
   margin-top: 8%;
}
#lineup li.item {
   margin: 8% 0;
}
#lineup .buy-btn {
   font-size: 1.3rem;
}
}