@charset "utf-8";


/*
■ 共通
■ キービジュアル
■ 導入
■ Story・Characters
■ 商品ラインナップ
■ ムーラン・ロティ社
■ ムーラン・ロティ特集「アドベントカレンダー」バナー
*/



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

#Page_MoulinrotyJungle .SP {
display: none;
}

#Page_MoulinrotyJungle p {
font-size: 15px;
line-height: 2.0em;
}

#Page_MoulinrotyJungle .InBox {
width: 1050px;
margin: 0 auto;
}

#Page_MoulinrotyJungle .WF1 {
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.08em;
}

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

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

/* リスト各種 */
.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 {
padding-left: 20px;		
}

.ListDisc li:before {
left: 0;
top: 5px;
width: 14px;
height: 14px;
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);
}

/* カラム */
#Page_MoulinrotyJungle .Col2 li {
width: 48%;
margin-right: 4%;
}

#Page_MoulinrotyJungle .Col2 li:nth-child(2n) {
margin-right: 0;
}

#Page_MoulinrotyJungle .Col3 li {
width: 32%;
margin-right: 2%;
}

#Page_MoulinrotyJungle .Col3 li:nth-child(3n) {
margin-right: 0;
}

/* ボタン */
#Page_MoulinrotyJungle .Btn {
width: 100%;
margin: 0 auto;
border-radius: 50px;
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.0em;
font-weight: bold;
text-align: center;
text-decoration: none;
}

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

/* ページ下部枠 */
#Page_MoulinrotyJungle .OtherContWrap {
padding-top: 100px;
background: #fff;
}

#Page_MoulinrotyJungle .OtherContUnit {
width: 940px;
margin: 0 auto;
}


/* ■ 導入 ------------------------------------------------------------------ */

#Page_MoulinrotyJungle .SectionIntro {
padding-bottom: 65px;
background: #83bea3;
}

#Page_MoulinrotyJungle .SectionIntro .LeadUnit {
position: relative;
padding: 60px 0;
border-radius: 20px;
background: #fff6e9;
}

#Page_MoulinrotyJungle .SectionIntro .LeadUnit .Illust1 {
position: absolute;
top: 10px;
left: -20px;
}

#Page_MoulinrotyJungle .SectionIntro .LeadUnit .Illust1 img {
width: 182px;
height: auto;
}

#Page_MoulinrotyJungle .SectionIntro .LeadUnit h2.Mds {
margin-bottom: 15px;
font-size: 30px !important;
color: #eb6161;
text-align: center;
line-height: 1.5em !important;
}

#Page_MoulinrotyJungle .SectionIntro .LeadUnit .Lead {
width: 740px;
margin: 0 auto;
font-size: 16px;
line-height: 2.0em;
}


/* ■ Story・Characters ------------------------------------------------------------------ */

#Page_MoulinrotyJungle .SectionCharacters {
padding: 65px 0 145px 0;
background: #b9dac0;
}

#Page_MoulinrotyJungle .SectionCharacters h2.Mds {
width: 100%;
margin-bottom: 20px;
font-size: 26px !important;
color: #01594a;
text-align: center;
font-weight: 500;
line-height: 1.0em;
letter-spacing: 0.18em;
}

/* Story */
#Page_MoulinrotyJungle .SectionCharacters .Story {
position: relative;
margin-bottom: 80px;
padding: 60px 0;
border-radius: 20px;
background: #cfe8d4;
}

#Page_MoulinrotyJungle .SectionCharacters .Story .Lead {
width: 740px;
margin: 0 auto;
font-size: 16px;
line-height: 2.0em;
}

#Page_MoulinrotyJungle .SectionCharacters .Story .Illust1,
#Page_MoulinrotyJungle .SectionCharacters .Story .Illust2 {
position: absolute;
}

#Page_MoulinrotyJungle .SectionCharacters .Story .Illust1 {
top: -160px;
right: -45px;
}

#Page_MoulinrotyJungle .SectionCharacters .Story .Illust1 img {
width: 272px;
height: auto;
}

#Page_MoulinrotyJungle .SectionCharacters .Story .Illust2 {
left: -32px;
bottom: -37px;
}

#Page_MoulinrotyJungle .SectionCharacters .Story .Illust2 img {
width: 204px;
height: auto;
}

/* Characters */
#Page_MoulinrotyJungle .SectionCharacters .Characters h2.Mds {
display: inline-block;
position: relative;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters h2.Mds:before,
#Page_MoulinrotyJungle .SectionCharacters .Characters h2.Mds:after {
display: inline-block;
position: absolute;
width: 38%;
height: 1px;
top: 50%;
border-top: 1px solid #01594a;
content: '';
}

#Page_MoulinrotyJungle .SectionCharacters .Characters h2.Mds:before {
left:0;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters h2.Mds:after {
right: 0;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li {
width: 30%;
margin-right: 5%;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(3n) {
margin-right: 0;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList .Photo {
position: relative;
height: 360px;
margin-bottom: 20px;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList .Photo span {
position: absolute;
display: inline-block;
left: 0;
bottom: 0;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(1) .Photo span {
left: 20px;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(1) .Photo img {
width: 275px;
height: auto;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(2) .Photo span {
left: 40px;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(2) .Photo img {
width: 334px;
height: auto;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(3) .Photo span {
left: 60px;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList li:nth-child(3) .Photo img {
width: 244px;
height: auto;
}

#Page_MoulinrotyJungle .SectionCharacters .Characters .CharactersList h3.Mds {
margin-bottom: 15px;
font-size: 18px;
color: #01594a;
text-align: center;
line-height: 1.0em;
}


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

#Page_MoulinrotyJungle .SectionItems {
padding: 100px 0;
background: url(/images/campaign/moulinroty_jungle/items/Texture_Bg.jpg) repeat-y center top;
background-size: 100% auto;
}

#Page_MoulinrotyJungle .SectionItems a {
display: block;
color: #000;
text-decoration: none;
}

#Page_MoulinrotyJungle .SectionItems h2.Mds {
margin-bottom: 40px;
font-size: 40px !important;
font-weight: normal;
color: #fff;
text-align: center;
line-height: 1.3em !important;
text-shadow: 1px 2px 3px #000;
}

#Page_MoulinrotyJungle .SectionItems h2.Mds .Sub {
display: block;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.2em;
}

/* ページ内リンク */
#Page_MoulinrotyJungle .SectionItems .InPageLink {
width: 710px;
margin: 0 auto 105px auto !important;
}

#Page_MoulinrotyJungle .SectionItems .InPageLink a {
padding: 20px 0 40px 0;
box-sizing: border-box;
border-radius: 20px !important;
border: 3px solid #eb6161;
background: #fff url(/images/campaign/moulinroty_jungle/items/Icon_LinkAllowBelow.png) no-repeat;
background-size: 18px auto;
background-position: 50% 87%;
}

#Page_MoulinrotyJungle .SectionItems .InPageLink span {
display: block;
}

#Page_MoulinrotyJungle .SectionItems .InPageLink .En {
margin-bottom: 14px;
font-size: 16px;
font-weight: 600;
color: #01594a;
}

#Page_MoulinrotyJungle .SectionItems .InPageLink .Jp {
font-size: 26px;
color: #eb6161;
}

/* 商品リスト */
#Page_MoulinrotyJungle .SectionItems .SectionSub {
width: 1050px;
margin: 0 auto 90px auto;
padding: 85px 55px 65px 55px;
background: #fff;
}

#Page_MoulinrotyJungle .SectionItems .SectionSub:last-of-type {
margin-bottom: 0;
}

/* タイトル */
#Page_MoulinrotyJungle .SectionItems .TitleUnit {
position: relative;
margin-bottom: 110px;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit .LBox {
width: 42%;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit .RBox {
width: 51%;
padding-right: 5%;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit h3.Mds span {
display: block;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit h3.Mds .Sub {
margin-bottom: 18px;
font-size: 18px;
font-weight: 600;
color: #007a7f;
line-height: 1.0em;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit h3.Mds .Main {
margin-bottom: 18px;
font-size: 36px !important;
color: #fff;
line-height: 1.0em;
letter-spacing: 0.02em;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit .Catch {
font-size: 24px;
color: #fff;
line-height: 1.5em;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit .TitleMain {
position: absolute;
top: -125px;
left: 0;
width: 380px;
height: 290px;
padding: 60px 40px 0 40px;
box-sizing: border-box;
border-radius: 20px;
background: #eb6161;
}

#Page_MoulinrotyJungle .SectionItems .TitleUnit .TitleSub {
font-size: 20px;
line-height: 2.0em;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList li {
margin-bottom: 65px;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList li:nth-child(3n+1):nth-last-child(-n+3),
#Page_MoulinrotyJungle .SectionItems .ItemsList li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
margin-bottom: 0;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .ItemPhoto {
margin-bottom: 15px;
overflow: hidden !important;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .ItemPhoto span {
display: block;
width: 100%;
height: auto;
background-size: cover !important;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .ItemPhoto img {
width: 100%;
height: auto;
box-sizing: border-box;
border-radius: 0;
border: none;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList h4.Mds {
margin-bottom: 10px;
font-size: 17px;
color: #eb6161;
line-height: 1.5em;
text-align: center;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .Price {
margin-bottom: 14px;
font-size: 1.6rem;
line-height: 1.0em;
letter-spacing: 0.05em;
text-align: center;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.1rem;
font-size: 1.1rem;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .Lead {
text-align: center;
}

#Page_MoulinrotyJungle .SectionItems .ItemsList .BtnBuy {
margin-top: 30px;
}

/* コラム */
#Page_MoulinrotyJungle .SectionItems .Column {
display: table;
width: 100%;
margin-top: 75px;
padding: 30px 40px;
box-sizing: border-box;
border-radius: 15px;
border: 2px solid #01594a;
}

#Page_MoulinrotyJungle .SectionItems .Column .MdsUnit,
#Page_MoulinrotyJungle .SectionItems .Column .MdsUnit .Cont {
display: table-cell;
vertical-align: middle;
}

#Page_MoulinrotyJungle .SectionItems .Column .MdsUnit {
width: 45%;
padding-right: 35px;
font-weight: bold;
color: #01594a;
}

#Page_MoulinrotyJungle .SectionItems .Column .MdsUnit h5.Mds {
margin-bottom: 15px;
font-size: 22px !important;
line-height: 1.0em;
}

#Page_MoulinrotyJungle .SectionItems .Column .Cont {
padding: 35px 0 35px 35px;
border-left: 1px solid #01594a;
}

#Page_MoulinrotyJungle .SectionItems .Column .Cont .ListDisc li {
font-size: 15px;
}

#Page_MoulinrotyJungle .SectionItems .Column .Cont .ListDisc li:before {
background: #01594a;
}

/* 商品一覧ボタン */
#Page_MoulinrotyJungle .SectionItems .BtnItemList {
display: block;
width: 50%;
margin: 50px auto 0 auto;
padding: 20px 0 20px 2%;
box-sizing: border-box;
background: #eb6161 url(/images/sp/common/icon/Icon_LinkFwd_White.png) no-repeat;
background-size: 22px auto;
background-position: 4% 50%;
border-radius: 35px;
color: #fff;
font-size: 24px;
line-height: 1;
}


/* ■ ムーラン・ロティ社 ------------------------------------------------------------------ */

#Page_MoulinrotyJungle .SectionMaker {
position: relative;
padding: 65px 0 90px 0;
background: url(/images/campaign/moulinroty_jungle/maker/Texture_Bg.jpg) repeat-y center top;
background-size: 100% auto;
}

#Page_MoulinrotyJungle .SectionMaker .Illust1 {
position: absolute;
bottom: 0;
right: 2.5%;
z-index: 100;
}

#Page_MoulinrotyJungle .SectionMaker .Illust1 img {
width: 429px;
height: auto;
}

#Page_MoulinrotyJungle .SectionMaker .MakerUnit {
position: relative;
padding: 60px 55px 65px 55px;
border-radius: 20px;
background: #fff6e9;
}

#Page_MoulinrotyJungle .SectionMaker .Illust2 {
position: absolute;
bottom: 110px;
right: 140px;
}

#Page_MoulinrotyJungle .SectionMaker .Illust2 img {
width: 209px;
height: auto;
}

#Page_MoulinrotyJungle .SectionMaker .LeadUnit {
position: relative;
margin-bottom: 40px;
}

#Page_MoulinrotyJungle .SectionMaker .LeadUnit span {
display: inline-block;
font-weight: normal;
color: #007a7f;
vertical-align: middle;
}

#Page_MoulinrotyJungle .SectionMaker .LeadUnit .Main {
font-size: 30px;
line-height: 1.0em;
}

#Page_MoulinrotyJungle .SectionMaker .LeadUnit .Main small {
display: inline-block;
margin-top: -6px;
margin-left: 2px;
font-size: 18px;
vertical-align: middle;
}

#Page_MoulinrotyJungle .SectionMaker .LeadUnit .Sub {
position: absolute;
top: 0;
right: 0;
}

#Page_MoulinrotyJungle .SectionMaker .LeadUnit .Sub img {
width: 155px;
height: auto;
}

#Page_MoulinrotyJungle .SectionMaker .LeadMain {
margin-bottom: 45px;
}

#Page_MoulinrotyJungle .SectionMaker .IndexMenu1 li:nth-child(3n+1):nth-last-child(-n+3),
#Page_MoulinrotyJungle .SectionMaker .IndexMenu1 li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
margin-bottom: 0;
}

#Page_MoulinrotyJungle .SectionMaker .IndexMenu1 .Photo {
margin-bottom: 10px;
border-radius: 12px;
overflow: hidden;
}

#Page_MoulinrotyJungle .SectionMaker .IndexMenu1 .Lead {
font-size: 14px;
}


/* ■ ムーラン・ロティ特集「アドベントカレンダー」バナー ------------------------------------------------------------------ */
	
#CampaginBannerMoulinRotyAdventCalendar {
max-width: 54rem;
margin: 0 auto;
}