@charset "utf-8";



/* ぴったりの乗りものを見つけよう！ */


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

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

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

#Page_Vehicles .Lead {
font-size: 15px;
color: #000;
line-height: 2.0;
}

/* ボタン */
#Page_Vehicles .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_Vehicles .BtnDetail {
width: 190px;
padding: 10px 0 10px 3%;
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%;
}

/* リスト各種 */
.ListDisc li,
.ListDiscS li,
.ListKome li,
.ListKomeS li,
.ListNumS li,
.ListKomeNumS li {
position: relative;
padding-left: 14px;
background-image: none;
color: #000;
}

.ListDisc li:before,
.ListDiscS li:before,
.ListKome li:before,
.ListKomeS li:before,
.ListNumS li:before,
.ListKomeNumS li:before {
display: inline-block;
position: absolute;
}

/* ディスク（ListDisc） */
.ListDisc li:before {
left: 5px;
top: 8px;
width: 15px;
height: 15px;
border-radius: 100%;
background: #000;
content: '';
}

/* ディスク：小（ListDiscS） */
.ListDiscS li:before {
content: '';
}

/* 米印（ListKome） */
.ListKome li:before {
top: 0;
left: 0;
content: '※';
}

/* 米印：小（ListKomeS） */
.ListKomeS li:before {
top: 0;
left: 0;
content: '※';
}

/* 連番：小（ListNumS） */
.ListNumS li:before {
content: counter(ListNum)".";
}

/* 米印連番：小（ListKomeNumS） */
.ListKomeNumS li:before {
content: "※"counter(ListNum);
}

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


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

#Page_Vehicles .Intro {
margin: 40px auto 80px auto; 
}

#Page_Vehicles .Intro .KeyVisual {
margin-bottom: 40px;
}

#Page_Vehicles .Intro .Question {
width: 940px;
overflow: hidden;
}

#Page_Vehicles .Intro .Question dl {
box-sizing: border-box;
}

#Page_Vehicles .Intro .Question dl:nth-child(1) {
float: left;
width: 473px;
padding-right: 45px;
background: url(/images/campaign/vehicles/Texture_Dot.png) repeat-y right top;
background-size: 5px auto;
}

#Page_Vehicles .Intro .Question dl:nth-child(2) {
float: right;
width: 467px;
padding-left: 42px;
}

#Page_Vehicles .Intro .Question dt {
display: table;
width: 100%;
margin-bottom: 20px;
font-size: 24px;
color: #393f96;
line-height: 1;
}

#Page_Vehicles .Intro .Question dt span {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
}

#Page_Vehicles .Intro .Question dt .IconQ {
width: 18%;
}

#Page_Vehicles .Intro .Question dt .IconQ img {
width: 100%;
height: auto;
}

#Page_Vehicles .Intro .Question dt .Main {
width: 82%;
padding-left: 3%;
}

#Page_Vehicles .Intro .Question dd {
font-size: 15px;
line-height: 1.8;
}


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

#Page_Vehicles .LineUp h2.Mds {
margin-bottom: 25px;
padding: 15px 0;
background: #fff192;
font-size: 26px !important;
color: #2b9d94;
text-align: center;
line-height: 1;
}

/* 年齢別メニュー */
#Page_Vehicles .LineUp .AgeMenu {
margin-bottom: 65px;
}

#Page_Vehicles .LineUp .AgeMenu .TimeLine {
margin-bottom: 8px;
}

#Page_Vehicles .LineUp .AgeMenu .IndexMenu2 {
width: 940px;
height: 324px;
background: url(/images/campaign/vehicles/lineup/Texture_AgeMenu.png) no-repeat left top;
}

#Page_Vehicles .LineUp .AgeMenu li {
position: relative;
width: 25%;
padding: 45px 15px 0 15px;
box-sizing: border-box;
text-align: center;
}

#Page_Vehicles .LineUp .AgeMenu li:nth-child(1) .Photo {
margin-bottom: 30px;
}

#Page_Vehicles .LineUp .AgeMenu li:nth-child(2) .Photo,
#Page_Vehicles .LineUp .AgeMenu li:nth-child(3) .Photo {
margin-bottom: 20px;
}

#Page_Vehicles .LineUp .AgeMenu li .Photo img {
width: 100%;
height: auto;
}

#Page_Vehicles .LineUp .AgeMenu a {
width: 100%;
height: 275px;
}

#Page_Vehicles .LineUp .AgeMenu a:after {
position: absolute;
left: 47%;
bottom: 10px;
width: 30px;
height: 30px;
background: url(/images/campaign/vehicles/lineup/Icon_LinkDown.png) bottom center no-repeat;
background-size: 30px 30px;
content: "";
}

#Page_Vehicles .LineUp .AgeMenu .Catch {
margin-bottom: 5px;
font-size: 13px;
line-height: 1.6;
}

#Page_Vehicles .LineUp .AgeMenu .ItemName {
font-size: 18px;
line-height: 1.5;
}

#Page_Vehicles .LineUp .AgeMenu .ItemName span {
display: block;
font-size: 14px;
}

/* 各アイテム */
#Page_Vehicles .LineUp .ItemWrap {
margin-bottom: 40px;
border-top: 4px solid #4cccc1;
border-left: 4px solid #4cccc1;
border-right: 4px solid #4cccc1;
border-bottom: 4px solid #4cccc1;
box-sizing: border-box;
}

#Page_Vehicles .LineUp .ItemUnit {
width: 860px;
margin: 40px auto 55px auto;
}

#Page_Vehicles .LineUp h3.Mds {
background: url(/images/campaign/vehicles/lineup/Texture_Mds.png) no-repeat left top;
background-size: 100% auto;
color: #fff;
font-size: 38px;
text-align: center;
line-height: 70px;
}

#Page_Vehicles .LineUp .ItemBox {
margin-bottom: 40px;
width: 860px;
}

#Page_Vehicles .LineUp .ItemBox .LBox {
position: relative;
width: 347px;
}

#Page_Vehicles .LineUp .ItemBox .RBox {
position: relative;
width: 494px;
}

#Page_Vehicles .LineUp .ItemBox .Photo {
position: absolute;
top: -55px;
left: 0;
}

#Page_Vehicles .LineUp h4.MdsAge {
position: absolute;
top: 0;
right: 0;
}

#Page_Vehicles .LineUp .ItemBox .ItemName {
margin-bottom: 10px;
font-size: 30px;
font-weight: bold;
color: #2b9d94;
line-height: 1.4;
}

#Page_Vehicles .LineUp .ItemBox .ItemName span {
display: block;
font-size: 24px;
}

#Page_Vehicles .LineUp .ItemBox .Catch {
margin-bottom: 8px;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
}

#Page_Vehicles .LineUp .ItemBox .Price {
margin-bottom: 10px;
font-size: 2.8rem;
font-weight: bold;
line-height: 1;
letter-spacing: 0.04em;
}

#Page_Vehicles .LineUp .ItemBox .Price .Item_Price_Yen2 {
display: inline-block;
font-size: 1.5rem;
}

#Page_Vehicles .LineUp .ItemBox .Detail {
display: table;
width: 100%;
font-size: 13px;
}

#Page_Vehicles .LineUp .ItemBox .Detail span {
display: table-cell;
box-sizing: border-box;
vertical-align: top;
}

#Page_Vehicles .LineUp .ItemBox .Detail .Mds {
width: 11%;
}

#Page_Vehicles .LineUp .ItemBox .Detail .Mds:after {
content: '：';
}

#Page_Vehicles .LineUp .ItemBox .Detail .Main {
width: 89%;
}

#Page_Vehicles .LineUp .ItemBox .BtnDetail {
margin-top: 15px;
}

/* 主な特長 */
#Page_Vehicles .LineUp .Features {
position: relative;
margin-bottom: 45px;
}

#Page_Vehicles .LineUp .Features h4.Mds {
margin-bottom: 15px;
padding: 10px 20px;
box-sizing: border-box;
background: #fff192;
font-size: 22px;
color: #2b9d94;
line-height: 1;
}

#Page_Vehicles .LineUp .Features .Image {
position: absolute;
top: 60px;;
right: 0;
}

#Page_Vehicles .LineUp .Features .ListDisc li {
padding-left: 30px;
font-size: 16px;
line-height: 2.0;
}

/* Q&A */
#Page_Vehicles .LineUp .Question dl:last-child {
margin-bottom: 0;
}

#Page_Vehicles .LineUp .Question dl {
margin-bottom: 25px;
}

#Page_Vehicles .LineUp .Question dt {
display: table;
width: 100%;
margin-bottom: 15px;
}

#Page_Vehicles .LineUp .Question dt span {
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}

#Page_Vehicles .LineUp .Question dt .IconQ {
width: 5%;
background: #393f96;
text-align: center;
}

#Page_Vehicles .LineUp .Question dt .IconQ img {
width: 100%;
height: auto;
}

#Page_Vehicles .LineUp .Question dt .Main {
width: 95%;
padding: 10px 10px;
background: #edeeff;
font-size: 18px;
line-height: 1;
color: #393f96;
}

#Page_Vehicles .LineUp .Question dd {
font-size: 15px;
line-height: 1.8;
}

/* ボビーカー・クラシック */
#Page_Vehicles .LineUp #Item2 .Features .ListDisc {
width: 660px;
}

/* 利用者の声 */
#Page_Vehicles .LineUp .Voice {
margin-top: 40px;
padding: 35px 30px 30px 30px;
box-sizing: border-box;
background: #eff7fd;
}

#Page_Vehicles .LineUp .Voice .LRBox {
width: 800px;
margin: 0 auto;
}

#Page_Vehicles .LineUp .Voice h4.Mds {
margin-bottom: 15px;
}

#Page_Vehicles .LineUp .Voice h4.Mds span {
display: inline-block;
line-height: 1;
vertical-align: middle;
}

#Page_Vehicles .LineUp .Voice h4.Mds .Main {
font-size: 26px;
color: #393f96;
}

#Page_Vehicles .LineUp .Voice h4.Mds .Sub {
margin-left: 6px;
padding: 6px 10px;
border-radius: 20px;
background: #393f96;
color: #fff;
text-align: center;
letter-spacing: 0.15em;
}

#Page_Vehicles .LineUp .Voice .Lead {
margin-bottom: 30px;
}

#Page_Vehicles .LineUp .Voice .Note {
margin-top: 15px;
font-size: 13px;
}

#Page_Vehicles .LineUp .Voice .Recommended {
margin-top: 20px;
box-sizing: border-box;
border: 1px  solid #4cccc1;
}

#Page_Vehicles .LineUp .Voice .Recommended .MdsParents {
padding: 8px 20px 8px 20px;
box-sizing: border-box;
background: #4cccc1;
font-size: 18px;
font-weight: bold;
color: #fff;
line-height: 1;
}

#Page_Vehicles .LineUp .Voice .Recommended .RecommendedUnit {
padding: 15px;
box-sizing: border-box;
background: #fff;
}

#Page_Vehicles .LineUp .Voice .Recommended .Lead {
margin-bottom: 0;
}

/* ボビーカー・クラシック */
#Page_Vehicles .LineUp #Item2 .Voice .LBox {
width: 550px;
}

#Page_Vehicles .LineUp #Item2 .Voice .RBox {
width: 210px;
}

/* ペリカンデザイン三輪車 */
#Page_Vehicles .LineUp .ItemGroup .ItemWrap {
margin-bottom: 0;
padding-bottom: 55px;
border-bottom: none;
}

#Page_Vehicles .LineUp .ItemGroup .ItemUnit {
margin-bottom: 0;
}

#Page_Vehicles .LineUp .ItemInfo .Question dl:first-child {
margin-bottom: 50px;
}

#Page_Vehicles .LineUp .ItemInfo .Question .PhotoR img {
width: 205px;
height: auto;
}

#Page_Vehicles .LineUp .Item3 .ItemUnit {
position: relative;
}

#Page_Vehicles .LineUp .Item3 .ListDisc {
width: 580px;
}

#Page_Vehicles .LineUp .Item3_1 .Photo {
top: 0;
left: 0;
}

#Page_Vehicles .LineUp .Item3_2 .Photo {
top: 20px;
left: 0;
}

#Page_Vehicles .LineUp #Item4 .Photo {
top: 0;
left: 0;
}

#Page_Vehicles .LineUp #Item4 .Voice .LBox {
width: 410px;
}

#Page_Vehicles .LineUp #Item4 .Voice .RBox {
width: 350px;
}


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

#Page_Vehicles .Maker {
margin-bottom: 60px;
padding: 40px 40px 45px 40px;
box-sizing: border-box;
border: 4px solid #4cccc1;
}

#Page_Vehicles .Maker .MdsBox {
display: table;
width: 100%;
margin-bottom: 25px;
}

#Page_Vehicles .Maker .Logo,
#Page_Vehicles .Maker .MdsMain {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
}

#Page_Vehicles .Maker .Logo {
width: 12%;
}

#Page_Vehicles .Maker .Logo img {
width: 100%;
height: auto;
}

#Page_Vehicles .Maker .MdsMain {
width: 88%;
padding-left: 3%;
}

#Page_Vehicles .Maker .MdsMain h2.Mds {
margin-bottom: 20px;
color: #e60012;
font-size: 24px !important;
line-height: 1;
}

#Page_Vehicles .Maker .Name span {
display: inline-block;
vertical-align: middle;
line-height: 1;
}

#Page_Vehicles .Maker .Name .Main {
font-size: 18px;
font-weight: bold;
}

#Page_Vehicles .Maker .Name .From {
margin-left: 2%;
}








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

#Page_Vehicles #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;
}