@charset "utf-8";

/* アクアプレイ特集 */

/* ■ 共通 ------------------------------------------------------------------------------- */

#Page_Aquaplay {
width: 940px;
margin: 0 auto;
}

#Page_Aquaplay p {
font-size: 16px;
line-height: 1.9em;
}

#Page_Aquaplay .Note {
font-size: 13px;
}

/* ボタン */
#Page_Aquaplay .Btn {
display: block;
width: 100%;
border: 1px solid #b8daeb;
border-radius: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
line-height: 1;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #3d5fc4;
}

#Page_Aquaplay .BtnBuy {
margin-top: 10px;
padding: 10px 0 10px 8%;
font-size: 16px;
background: #eff7fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-position: 6% 50%;
background-size: 18px auto;
}

/* タイトル */
#Page_Aquaplay h1.KeyVisual {
margin-bottom: 40px;
}

/* 販売案内 */
#Page_Aquaplay .Preceding {
margin-bottom: 20px;
}

#Page_Aquaplay .Preceding .MdsMain {
margin-bottom: 10px;
padding: 10px 0;
border-radius: 25px;
background: #ec1570;
line-height: 1em;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #fff;
}



/* ■ なんでだろう？水の不思議（HowTo） ------------------------------------------------------------------ */

#Page_Aquaplay .HowTo {
margin-bottom: 80px;
padding: 40px 30px 35px 30px;
box-sizing: border-box;
background: #d9effc;
}

#Page_Aquaplay .HowTo .Movie {
width: 450px;
margin: 0 !important;
}

#Page_Aquaplay .HowTo h2.Mds {
margin-bottom: 35px;
line-height: 1em;
font-size: 35px !important;
color: #2e72d0;
}

#Page_Aquaplay .HowTo .IndexMenu1 {
margin-bottom: 40px;
}

#Page_Aquaplay .HowTo .IndexMenu1 li {
width: 270px;
margin-right: 35px;
}

#Page_Aquaplay .HowTo .IndexMenu1 li:nth-child(3n) {
margin-right: 0;
}

/* ポイント */
#Page_Aquaplay .HowTo .SectionBasic h3.Mds {
display: table;
width: 100%;
margin-bottom: 20px;
color: #fff;
font-size: 24px;
line-height: 50px;
}

#Page_Aquaplay .HowTo .SectionBasic h3.Mds span {
display: table-cell;
vertical-align: middle;
}

#Page_Aquaplay .HowTo .SectionBasic h3.Mds span:nth-child(1) {
width: 50px;
background: #fb5e00;
text-align: center;
}

#Page_Aquaplay .HowTo .SectionBasic h3.Mds span:nth-child(2) {
width: 830px;
padding-left: 20px;
box-sizing: border-box;
background: #f39800;
}

#Page_Aquaplay .HowTo .SectionBasic h4.Mds {
margin-bottom: 15px;
line-height: 1em;
font-size: 20px !important;
color: #2e72d0;
}

#Page_Aquaplay .HowTo .SectionBasic .Lead1 {
margin-bottom: 35px;
}

#Page_Aquaplay .HowTo .SectionBasic .Lead2 {
margin-bottom: 15px;
line-height: 1.8em;
font-size: 14px;
}

#Page_Aquaplay .HowTo .SectionBasic .LBox {
width: 400px;
}

#Page_Aquaplay .HowTo .SectionBasic .RBox {
width: 450px;
}



/* ■ ここが面白い！4つの特長（Features）------------------------------------------------------------------ */

#Page_Aquaplay .Features {
margin-bottom: 50px;
padding: 30px 30px 50px 30px;
box-sizing: border-box;
background: #fffcd1;
}

#Page_Aquaplay .Features h2.Mds {
margin-bottom: 40px;
font-size: 28px !important;
color: #2e72d0;
text-align: center;
line-height: 1;
}

#Page_Aquaplay .Features h3.Mds {
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: solid 2px #00b2cd;
line-height: 1em;
font-size: 19px;
color: #3c3c3d;
}

#Page_Aquaplay .Features .IndexMenu1 li {
display: table;
width: 410px;
margin-right: 60px;
margin-bottom: 25px;
}

#Page_Aquaplay .Features .IndexMenu1 li:nth-child(2n) {
margin-right: 0;
}

#Page_Aquaplay .Features .IndexMenu1 li:last-child,
#Page_Aquaplay .Features .IndexMenu1 li:nth-last-child(2):nth-child(odd) {
margin-bottom: 0;
}

#Page_Aquaplay .Features .Icon {
display: table-cell;
width: 30%;
vertical-align: middle;
}

#Page_Aquaplay .Features .Icon img  {
width: 100%;
height: auto;
}

#Page_Aquaplay .Features .ContBox {
display: table-cell;
width: 70%;
padding-left: 6%;
box-sizing: border-box;
vertical-align: middle;
}

#Page_Aquaplay .Features .ContBox .Lead {
line-height: 1.8em;
font-size: 15px;
}



/* ■ 子どもにも教えたい、世界の文化（Culture） -------------------------------------------- */

#Page_Aquaplay .Culture {
margin-bottom: 60px;
padding: 30px;
box-sizing: border-box;
border: 2px solid #2e72d0;
}

#Page_Aquaplay .Culture h2.Mds {
margin-bottom: 25px;
font-size: 20px;
color: #2e72d0;
}

#Page_Aquaplay .Culture h2.Mds span {
display: inline-block;
vertical-align: middle;
}

#Page_Aquaplay .Culture h2.Mds span:nth-child(1) {
padding-right: 10px;
}

#Page_Aquaplay .Culture h2.Mds span img {
width: 34px;
margin-top: -4px;
height: auto;
vertical-align: middle;
}

#Page_Aquaplay .Culture .Lead {
line-height: 1.8em;
font-size: 15px;
}

#Page_Aquaplay .Culture .Photo {
margin-bottom: 5px;
}

#Page_Aquaplay .Culture .LBox {
width: 360px;
}

#Page_Aquaplay .Culture .RBox {
width: 490px;
}



/* ■ 商品ラインナップ（LineUp） ------------------------------------------------------------------ */

#Page_Aquaplay .LineUp {
margin-bottom: 70px;
}

#Page_Aquaplay .LineUp h2.Mds {
margin-bottom: 30px;
padding: 15px 0;
background: #2e72d0;
line-height: 1em;
text-align: center;
font-size: 30px !important;
color: #fff;
}

#Page_Aquaplay .LineUp .Items > li {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: solid 1px #2e72d0;
}

/*
#Page_Aquaplay .LineUp .Items > li:nth-last-child(4) {
padding-bottom: 0;
border-bottom: none;
}
*/

/*
#Page_Aquaplay .LineUp .Items > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
*/

#Page_Aquaplay .LineUp .Items .LRBox {
display: table;
}

#Page_Aquaplay .LineUp .Items .LBox {
display: table-cell;
float: none;
width: 430px;
vertical-align: middle;
}

#Page_Aquaplay .LineUp .Items .RBox {
position: relative;
display: table-cell;
float: none;
width: 510px;
padding-left: 20px;
vertical-align: middle;
}

#Page_Aquaplay .LineUp .Items .IconSold1 {
position: absolute;
top: 0;
right: 30px;
}

#Page_Aquaplay .LineUp .Items #MtLake .IconSold1 {
right: 0;
}

#Page_Aquaplay .LineUp .Items .IconSoon {
position: absolute;
top: 0;
right: 30px;
}

#Page_Aquaplay .LineUp .Items a {
display: block;
color: #000;
text-decoration: none;
}

#Page_Aquaplay .Items .Photo {
margin-bottom: 12px;
}

#Page_Aquaplay .LineUp .Items .Catch {
margin-bottom: 6px;
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 1.6em;
}

#Page_Aquaplay .LineUp .Items h3.Mds {
margin-bottom: 4px;
line-height: 1.5em;
font-size: 21px;
color: #2e72d0;
}

#Page_Aquaplay .LineUp .Items .Price {
margin-bottom: 8px;
line-height: 1em;
font-size: 26px;
font-weight: bold;
}

#Page_Aquaplay .LineUp .Items .Price span {
font-size: 17px;
}

#Page_Aquaplay .LineUp .Items .Accessories {
margin-bottom: 6px;
}

#Page_Aquaplay .LineUp .Items .Lead {
line-height: 1.8em;
font-size: 14px;
}

#Page_Aquaplay .LineUp .Items .BtnBuyBox p {
display: inline-block;
}

#Page_Aquaplay .LineUp .Items .BtnBuyBox a {
color: #3d5fc4;
}

#Page_Aquaplay .LineUp .Items .BtnBuy {
width: 165px;
margin-top: 15px;
margin-right: 10px;
padding-left: 8%;
}

#Page_Aquaplay .LineUp .Items .BtnBuyShop {
width: 270px;
padding-left: 7%;
}

/* マウンテンレイク */
#Page_Aquaplay .LineUp .Items .MtLake {
padding: 20px 20px 40px 20px;
box-sizing: border-box;
border-bottom: none;
background: #d8f1ff;
}

#Page_Aquaplay .LineUp .Items .MtLake .LBox {
width: 390px;
}

#Page_Aquaplay .LineUp .Items .MtLake .RBox {
width: 490px;
padding-left: 30px;
}

#Page_Aquaplay .LineUp .Items .MtLake .Notice {
margin-bottom: 20px;
padding: 15px 0;
background: #5ac0e9;
line-height: 1em;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #fff;
}

#Page_Aquaplay .LineUp .Items .MtLake .BtnBuy {
background-color: #fff;
}



/* ■ ダイナミックに体験しよう！（ShopList）------------------------------------------------------------------ */

#Page_Aquaplay .ShopList {
padding: 30px;
background: #eff7fd;
}

#Page_Aquaplay .ShopList h2.Mds {
margin-bottom: 15px;
}

#Page_Aquaplay .ShopList h2.Mds span {
display: block;
line-height: 1em;
color: #2e72d0;
}

#Page_Aquaplay .ShopList h2.Mds .Sub {
margin-bottom: 13px;
font-size: 19px;
}

#Page_Aquaplay .ShopList h2.Mds small {
font-size: 14px;
font-weight: normal !important;
}

#Page_Aquaplay .ShopList h2.Mds .Main {
font-size: 35px;
}

#Page_Aquaplay .ShopList .Intro {
margin-bottom: 10px;
}

#Page_Aquaplay .ShopList .Intro .LBox {
width: 510px;
}

#Page_Aquaplay .ShopList .Intro .RBox {
width: 350px;
}

#Page_Aquaplay .ShopList .Intro .RBox img {
width: 100%;
height: auto;
}

#Page_Aquaplay .ShopList .Intro .Lead {
margin-bottom: 15px;
}

#Page_Aquaplay .ShopList .PlaceList h3.Mds {
margin-bottom: 20px;
line-height: 1em;
font-size: 20px;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 {
width: 880px
}

#Page_Aquaplay .ShopList .PlaceList .Col3 div {
float: left;
width: 280px;
margin-right: 20px;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 div:nth-child(3){
margin-right: 0;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 h4.MdsPlace {
margin-bottom: 18px;
padding: 8px 10px;
background: #5ac0e9;
color: #fff;
font-size: 16px;
/* font-weight: normal; */
line-height: 1;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 ul {
margin-bottom: 38px;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 ul:last-child {
margin-bottom: 0;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 li {
margin: 0 0 20px 0;
padding: 0;
line-height: 1.5em;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 li a {
display: block;
margin-bottom: 4px;
font-size: 14px;
text-decoration: underline;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 li span {
display: block;
font-size: 13px;
}

#Page_Aquaplay .ShopList .PlaceList .Col3 .KomeAlertS {
margin-top: 2px;
background-position: 0 5px;
}



/* ■ FAQ ------------------------------------------------------------------ */

#Page_Aquaplay .Faq {
margin-bottom: 60px;
}

#Page_Aquaplay .Faq .FaqList > li {
margin-top: 40px;
padding-top: 40px;
border-top: solid 1px #2e72d0;
}

#Page_Aquaplay .Faq .FaqList > li:first-child {
margin-top: 0 !important;
border-top: solid 3px #2e72d0;
}

#Page_Aquaplay .Faq .LBox {
width: 520px;
}

#Page_Aquaplay .Faq .RBox {
width: 380px;
}

#Page_Aquaplay .Faq h2.Mds {
margin-bottom: 20px;
line-height: 1em;
}

#Page_Aquaplay .Faq h2.Mds span {
display: inline-block;
vertical-align: middle;
}

#Page_Aquaplay .Faq h2.Mds .Main {
margin-left: 15px;
font-size: 22px;
color: #2e72d0;
}

#Page_Aquaplay .Faq .Lead1 {
font-size: 14px;
line-height: 1.8em;
}

#Page_Aquaplay .Faq .Lead2 {
margin-top: 8px;
font-size: 11px;
line-height: 1.5em;
}

#Page_Aquaplay .Faq .IndexMenu1 > li {
width: 180px;
margin-right: 20px;
margin-bottom: 15px;
}

#Page_Aquaplay .Faq .IndexMenu1 > li:nth-child(2n) {
margin-right: 0;
}

#Page_Aquaplay .Faq .IndexMenu1 > li:last-child,
#Page_Aquaplay .Faq .IndexMenu1 > li:nth-last-child(2):nth-child(odd) {
margin-bottom: 0;
}



/* ■ わが家とアクアプレイ（Voice） ------------------------------------------------------------------ */

#Page_Aquaplay .Voice {
margin-bottom: 50px;
border-left: 2px solid #5ac0e9;
border-right: 2px solid #5ac0e9;
border-bottom: 2px solid #5ac0e9; 
}

#Page_Aquaplay .Voice .Lead1,
#Page_Aquaplay .Voice .Lead2 {
font-size: 14px;
line-height: 1.8em;
}

#Page_Aquaplay .Voice .Lead1 {
margin-bottom: 15px;
}

#Page_Aquaplay .Voice h2.Mds {
background: #5ac0e9;
line-height: 70px !important;
text-align: center;
font-size: 26px !important;
color: #fff;
}

#Page_Aquaplay .Voice h2.Mds span {
position: relative;
}

#Page_Aquaplay .Voice h2.Mds span:before {
position: absolute;
top: 0;
left: -10%;
width: 44px;
height: 26px;
background: url("/images/campaign/aquaplay/voice/Icon_SplashL.png") left top no-repeat;
background-size: 44px 26px;
content: "";
}

#Page_Aquaplay .Voice h2.Mds span:after {
position: absolute;
top: 0;
right: -9%;
width: 44px;
height: 26px;
background: url("/images/campaign/aquaplay/voice/Icon_SplashR.png") right top no-repeat;
background-size: 44px 26px;
content: "";
}

#Page_Aquaplay .Voice .LRBox {
padding: 30px 30px 40px 30px;
}

#Page_Aquaplay .Voice .LBox,
#Page_Aquaplay .Voice .RBox {
width: 420px;
}

#Page_Aquaplay .Voice .Main {
margin-bottom: 25px;
overflow: hidden;
}

#Page_Aquaplay .Voice h3.Mds {
margin-bottom: 15px;
line-height: 1em;
font-size: 22px !important;
color: #2e72d0;
}

#Page_Aquaplay .Voice .Photo,
#Page_Aquaplay .Voice .Note {
display: block;
}

#Page_Aquaplay .Voice .Photo {
margin-bottom: 8px;
}

#Page_Aquaplay .Voice .Note {
font-size: 11px;
line-height: 1em;
}

#Page_Aquaplay .Voice .Space {
float: right;
height: 6.3em
}

#Page_Aquaplay .PhotoBox {
float: right;
clear: both;
margin: 0.2em 0 0 0.5em;/*画像の周りの余白*/
}

#Page_Aquaplay .Voice .IndexMenu1 li {
width: 205px;
margin-right: 10px;
}

#Page_Aquaplay .Voice .IndexMenu1 li:nth-child(2n)  {
margin-right: 0;
}

#Page_Aquaplay .Voice .Parents {
border: 1px solid #eb6cb7;
}

#Page_Aquaplay .Voice .ParentsUnit {
padding: 15px 20px;
}

#Page_Aquaplay .Voice h4.Mds {
padding-left: 20px;
background: #eb6cb7;
line-height: 35px;
font-size: 16px !important;
color: #fff;
}



/* ■ アクアプレイの商品一覧はこちら（Plusone） --------------------------------------------------- */

#Page_Aquaplay .Plusone  {
margin-bottom: 50px;
padding: 35px 0;
border: 2px solid #2e72d0;
text-align: center;
}

#Page_Aquaplay .Plusone a {
display: block;
text-decoration: none;
}

#Page_Aquaplay .Plusone h2.Mds {
margin-bottom: 25px;
font-size: 28px !important;
line-height: 1em;
color: #2e72d0;
}

#Page_Aquaplay .Plusone h2.Mds span {
position: relative;
}

#Page_Aquaplay .Plusone h2.Mds span:before {
position: absolute;
top: 0;
left: -8%;
width: 44px;
height: 26px;
background: url("/images/campaign/aquaplay/voice/Icon_SplashL.png") left top no-repeat;
background-size: 44px 26px;
content: "";
}

#Page_Aquaplay .Plusone h2.Mds span:after {
position: absolute;
top: 0;
right: -6%;
width: 44px;
height: 26px;
background: url("/images/campaign/aquaplay/voice/Icon_SplashR.png") right top no-repeat;
background-size: 44px 26px;
content: "";
}

#Page_Aquaplay .Plusone .BtnBuy {
margin: 20px auto 0 auto;
padding: 12px 0 12px 2%;
width: 38%;
border: 3px solid #b8daeb;
background-position: 4% 50%;
background-size: 20px auto;
font-size: 18px;
}



/* ■ 取り扱い店舗案内 ------------------------------------------------------------------ */

#Page_Aquaplay #Shop_Stock_Notice {
margin-top: 90px;
}

#Page_Aquaplay #Shop_Stock_Notice .Lead {
color: #fff;
}



/* ■ SNSシェアボタン ------------------------------------------------------------------------------------ */
.SocialBtn {
display: table;
}

.SocialBtn li {
margin: 0;
padding: 0 0 0 10px;
display: table-cell;
list-style: none;
vertical-align: top;
}

.SocialBtn li:first-child {
padding-left: 0 !important;
}

.fb_iframe_widget > span {
vertical-align: baseline !important;
}

.SocialBtnCenter {
margin: 75px auto 0 auto;
}