@charset "utf-8";



/* ファンラーニングシリーズ */


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

#Page_Funlearning {
width: 94rem;
margin: 0 auto;
}

#Page_Funlearning a {
display: block;
color: #000;
text-decoration: none;
}

#Page_Funlearning .Lead {
color: #000;
}

#Page_Funlearning .Photo img {
width: 100%;
height: auto;
}

/* ボタン */
#Page_Funlearning .Btn {
display: block;
width: 100%;
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;
font-size: 15px;
line-height: 1;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#Page_Funlearning .BtnDetail {
width: 190px;
padding: 10px 0 10px 2%;
border: 2px solid #b8daeb;
font-size: 18px;
color: #3d5fc4;
background: #f1f8fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-size: 18px auto;
background-position: 6% 50%;
}

/* ページ下部 */
.OtherContWrap {
width: 94rem;
margin: 0 auto;
}


/* ■ 導入（Intro）------------------------------------------------------------------ */

#Page_Funlearning .Intro {
width: 940px;
margin: 30px auto 60px auto;
}

#Page_Funlearning .Intro h1.KeyVisual {
margin-bottom: 65px;
}

#Page_Funlearning .Intro .LeadBox {
width: 770px;
margin: 0 auto 50px auto;
}

#Page_Funlearning .Intro .LeadBox h2.Mds {
margin-bottom: 25px;
font-size: 28px !important;
color: #0c2b4f;
line-height: 1;
text-align: center;
}

#Page_Funlearning .Intro .LeadBox .Lead {
font-size: 16px;
font-weight: bold;
line-height: 2.2;
}

#Page_Funlearning .Intro .LRBox {
height: 26.1rem;
overflow: hidden;
}

#Page_Funlearning .Intro .LBox,
#Page_Funlearning .Intro .RBox {
width: 49%;
}

#Page_Funlearning .Intro .Movie {
margin: 0 !important;
}

#Page_Funlearning .Intro .Movie iframe {
height: 26.1rem;	
}



/* ■ ファンラーニングシリーズ（About）-------------------------------------- */

#Page_Funlearning .About {
margin-bottom: 70px;
padding: 40px 50px;
box-sizing: border-box;
border: 1px solid #e4017c;
}

#Page_Funlearning .About .Logo {
width: 154px;
}

#Page_Funlearning .About .Lead {
width: 660px;
font-size: 15px;
line-height: 1.8;
}


/* ■ シリーズ ラインナップ（LineUp） -------------------------------------- */

#Page_Funlearning .LineUp {
margin-bottom: 40px;
}

#Page_Funlearning .LineUp .SectionBasic {
margin-bottom: 30px;
padding: 50px;
box-sizing: border-box;
background: #f9f9f3;
}

#Page_Funlearning .LineUp .SectionBasic:last-of-type {
margin-bottom: 0;
}

#Page_Funlearning .LineUp .ItemMain {
position: relative;
width: 840px;
margin-bottom: 40px;
}

#Page_Funlearning .LineUp .ItemMain .LBox {
width: 414px;
}

#Page_Funlearning .LineUp .ItemMain .RBox {
width: 390px;
}

#Page_Funlearning .LineUp .ItemMain h2.Mds {
margin-bottom: 15px;
color: #e4017c;
line-height: 1;
}

#Page_Funlearning .LineUp .ItemMain h2.Mds span {
display: block;
}

#Page_Funlearning .LineUp .ItemMain h2.Mds .Sub {
margin-bottom: 8px;
font-size: 18px;
}

#Page_Funlearning .LineUp .ItemMain h2.Mds .Main {
font-size: 32px;
}

#Page_Funlearning .LineUp .ItemMain .Detail {
margin-bottom: 20px;
}

#Page_Funlearning .LineUp .ItemMain .Detail span {
display: inline-block;
vertical-align: middle;
}

#Page_Funlearning .LineUp .ItemMain .Detail .Price {
line-height: 1;
}

#Page_Funlearning .LineUp .ItemMain .Detail .Price em {
font-size: 2.2rem;
font-weight: normal;
letter-spacing: 0.03em;
}

#Page_Funlearning .LineUp .ItemMain .Detail .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;	
font-size: 1.3rem;
vertical-align: bottom;
}

#Page_Funlearning .LineUp .ItemMain .Detail .Age {
width: 70px;
margin-left: 10px;
padding: 4px 0;
box-sizing: border-box;
border: 1px solid #5d5d5d;
border-radius: 18px;
font-size: 13px;
text-align: center;
line-height: 1;
}

#Page_Funlearning .LineUp .ItemMain .LeadMain {
margin: 0 !important;
}

#Page_Funlearning .LineUp .ItemMain .BtnDetail {
position: absolute;
left: 0;
bottom: 4px;
}

/* 遊び方 */
#Page_Funlearning .LineUp .SectionSub {
margin-bottom: 0;
padding: 30px 40px 40px 40px;
box-sizing: border-box;
background: #fff;
border: 1px solid #0c2b4f;
}

#Page_Funlearning .LineUp h3.Mds {
margin-bottom: 20px;
color: #0c2b4f;
line-height: 1;
}

#Page_Funlearning .LineUp h3.Mds span {
display: inline-block;
vertical-align: middle;
}

#Page_Funlearning .LineUp h3.Mds .Main {
font-size: 26px;
letter-spacing: 0.07em;
}

#Page_Funlearning .LineUp h3.Mds .Sub {
margin-left: 10px;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.18em;
}

#Page_Funlearning .LineUp .HowToList {
width: 100%;
}

#Page_Funlearning .LineUp .HowToList li {
width: 50%;
padding-right: 35px;
box-sizing: border-box;
background: url(/images/campaign/funlearning/lineup/Icon_Arrow.png) no-repeat right center;
background-size: 16px auto;
}

#Page_Funlearning .LineUp .HowToList li:last-child {
padding-left: 20px;
padding-right: 0;
background: none;
}

#Page_Funlearning .LineUp .HowToList li .LBox {
position: relative;
width: 36%;
}

#Page_Funlearning .LineUp .HowToList li .LBox span {
display: block;
}

#Page_Funlearning .LineUp .HowToList li .RBox {
width: 60%;
}

#Page_Funlearning .LineUp .HowToList .Photo {
box-sizing: border-box;
border: 1px solid #c3c3c3;
overflow: hidden;
}

#Page_Funlearning .LineUp .HowToList .IconNum {
position: absolute;
top: 1px;
left: 1px;
}

#Page_Funlearning .LineUp .HowToList .IconNum img {
width: 25px;
height: auto;
vertical-align: top;
}

#Page_Funlearning .LineUp .HowToList h4.Mds {
margin-bottom: 10px;
font-size: 16px;
line-height: 1;
}

#Page_Funlearning .LineUp .HowToList .Lead {
font-size: 13px;
line-height: 1.7;
}

#Page_Funlearning .LineUp .Movie {
width: 760px;
margin-top: 15px;
}

/* Item2 */
#Page_Funlearning .LineUp #Item2 .HowToList .IconBalloon {
position: absolute;
top: -40%;
left: 28%;
}

#Page_Funlearning .LineUp #Item2 .HowToList .IconBalloon img {
width: 77px;
height: auto;
vertical-align: top;
}


/* ■ ナターン社について（Maker）------------------------------------------------------------------ */

#Page_Funlearning .Maker {
margin-bottom: 30px;
padding: 50px 30px;
box-sizing: border-box;
background: #f7f9fa;
}

#Page_Funlearning .Maker .LRBox {
width: 880px;
}

#Page_Funlearning .Maker .LBox {
width: 545px;
}

#Page_Funlearning .Maker .RBox {
width: 270px;
}

#Page_Funlearning .Maker .SectionBasic {
margin-bottom: 40px;
}

#Page_Funlearning .Maker .SectionBasic:last-of-type {
margin-bottom: 0;
}

#Page_Funlearning .Maker h2.Mds {
margin-bottom: 30px;
line-height: 1;
}

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

#Page_Funlearning .Maker h2.Mds .Main {
font-size: 24px;
color: #0c2b4f;
}

#Page_Funlearning .Maker h2.Mds .From {
margin-top: -6px;
margin-left: 25px;
}

#Page_Funlearning .Maker h2.Mds .From img {
vertical-align: middle;
}

#Page_Funlearning .Maker h3.Mds {
margin-bottom: 15px;
font-size: 16px;
line-height: 1;
}

#Page_Funlearning .Maker .Lead {
font-size: 15px;
line-height: 1.8;
}


/* ■ アクティブ・ラーニング（Active）------------------------------------------------------------------ */

#Page_Funlearning .Active {
margin-bottom: 50px;
padding: 50px 30px;
box-sizing: border-box;
background: #f7f9fa;
}

#Page_Funlearning .Active h2.Mds {
margin-bottom: 30px;
font-size: 24px !important;
color: #0c2b4f;
line-height: 1;
}

#Page_Funlearning .Active .Lead {
font-size: 15px;
line-height: 1.8;
}