@charset "utf-8";


/*
■ お買い上げプレゼント
■ 共通
■ TOPページ
■ 下層ページ
*/



/* ■ お買い上げプレゼント（BuyPresent） ------------------------------------------------------------------------------------ */

#BuyPresent {
width: 940px;
margin: 50px auto 0 auto;
padding: 50px 40px 35px 40px;
box-sizing: border-box;
border: 3px solid #c10e19;
border-radius: 20px;
background: #fff;
}

#BuyPresent .MdsMainArea {
margin-bottom: 30px;
}

#BuyPresent h2.Mds1 {
position: relative;
width: 860px;
height: 65px;
margin-bottom: 30px;
background: url(/images/campaign/christmas2019/common/texture/Texture_Mds1.png) no-repeat left top;
text-align: center;
}

#BuyPresent h2.Mds1 .MdsMain {
display: inline-block;
margin-bottom: 30px;
font-size: 30px !important;
color: #fff;
line-height: 65px !important;
}


#BuyPresent .MdsBatchi,
#BuyPresent .MdsBatchi2 {
position: absolute;
display: inline-block;
top: -30px;
right: 25px;
width: 120px;
height: 120px;
background: url(/images/campaign/christmas2019/common/texture/Texture_Batchi1.png) no-repeat left top;
background-size: 100% auto;
font-size: 22px;
color: #c10e19;
line-height: 120px !important;
letter-spacing: 0.1em;
}

#BuyPresent .MdsMainArea .LeadMain {
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 1em;
}

#BuyPresent .SectionSub {
width: 860px;
padding: 30px;
border: 1px solid #dbdbdb;
box-sizing: border-box;
}

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

#BuyPresent .IndexMenu1 > li {
width: 50%;
padding-right: 30px;
padding-bottom: 10px;
box-sizing: border-box;
background: url(/images/campaign/christmas2019/common/texture/Texture_DotLine1.png) right top repeat-y;
}

#BuyPresent .IndexMenu1 > li:nth-child(2n) {
padding-right: 0;
padding-left: 30px;
background: none;
}

#BuyPresent .IndexMenu1 > li {
width: 50%;
padding-right: 30px;
padding-bottom: 10px;
box-sizing: border-box;
background: url(/images/campaign/christmas2019/common/texture/Texture_DotLine1.png) right top repeat-y;
}

#BuyPresent h3.MdsSubject  {
margin-bottom: 15px;
padding: 12px 0;
border-radius: 25px;
background: #fae14c;
font-size: 18px;
color: #c10e19;
text-align: center;
line-height: 1em;
}

#BuyPresent h3.MdsSubject span {
font-size: 28px;
font-weight: bold;
letter-spacing: 0.05em;
}

#BuyPresent .IndexMenu2 {
margin-bottom: 25px;
}

#BuyPresent .IndexMenu2 > li {
width: 100%;
height: 95px;
padding: 15px 0;
box-sizing: border-box;
border-radius: 12px;
border: 2px solid #c10e19;
text-align: center;
}

#BuyPresent .IndexMenu2.Col2 > li {
width: 49%;
margin-right: 2%;
}

#BuyPresent .IndexMenu2.Col2 > li:last-child {
margin-right: 0;
}

#BuyPresent .IndexMenu2 > li span {
display: block;
font-weight: bold;
line-height: 1em;
}

#BuyPresent .IndexMenu2 .Shop {
margin-bottom: 10px;
font-size: 13px;
}

#BuyPresent .IndexMenu2 .Period {
margin-top: 17px;
font-size: 20px;
color: #c10e19;
letter-spacing: 0.05em;
}

#BuyPresent .IndexMenu2 .Alert {
display: block;
margin-top: 8px;
color: #c10e19;
font-size: 10px;
}

#BuyPresent .Photo {
margin-bottom: 15px;
}

#BuyPresent .Detail {
position: relative;
}

#BuyPresent .IconNotSale {
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 80px;
padding: 4px 0;
border-radius: 20px;
border: 1px solid #c10e19; 
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
color: #c10e19;
text-align: center;
line-height: 1em;
}

#BuyPresent .ItemCatch {
font-size: 16px;
font-weight: bold;
}

#BuyPresent h4.Mds {
margin-bottom: 10px;
color: #c10e19;
}

#BuyPresent h4.Mds span {
display: block;
}

#BuyPresent h4.Mds .MdsSub {
margin-bottom: 5px;
font-size: 16px;
}

#BuyPresent h4.Mds .MdsMain {
font-size: 24px;
}

#BuyPresent .Scale {
font-size: 14px;
line-height: 1em;
}

#BuyPresent .ListKomeS .KomeS {
display: inline-block;
margin-left: 15px;
}



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

#Page_CampaignStories {
color: #4d4d4d;
}

#Page_CampaignStories .WF1 {
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.175em;
}

#Page_CampaignStories img {
width: 100%;
height: auto;
}

#Page_CampaignStories .Width1 {
margin: 0 14%;
}

#Page_CampaignStories .Width2 {
margin: 0 14%;
}

#Page_CampaignStories a {
color: #4d4d4d;
text-decoration: none;
}

/* ボタン */
#Page_CampaignStories .BtnDetail {
display: inline-block;
padding: 10px 40px 10px 50px;
border: 1px solid #4d4d4d;
border-radius: 50px;
line-height: 1.0em;
background: url(/images/campaign/stories/common/Icon_Link.png) no-repeat;
background-size: 17px 17px;
background-position: 10px 48%;
}

/* タイトル装飾1 */
#Page_CampaignStories .TitleDeco1 {
position: relative;
max-width: 52%;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #4d4d4d;
text-align: center;
}

#Page_CampaignStories .TitleDeco1 img {
position: absolute;
left: 50%;
top: -6px;
width: 200px;
margin-left: -100px;
padding: 0 5px;
background: #fff;
}

/* タイトル装飾2 */
#Page_CampaignStories .TitleDeco2 {
position: relative;
max-width: 52%;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #4d4d4d;
text-align: center;
}

#Page_CampaignStories .TitleDeco2 img {
position: absolute;
left: 50%;
top: -6px;
width: 160px;
margin-left: -90px;
padding: 0 20px;
background: #fff;
}

/* フッターロゴ */
#Page_CampaignStories .TitleFooter {
padding-bottom: 150px;
text-align: center;
}

#Page_CampaignStories .TitleFooter img {
width: 180px;
}

/* バナー */
#CampaginBanner_Set_1 {
margin-top: 10rem;
}

/* ページ下部共通 */
#CampaginBottom {
margin-top: 10rem;
}


/* ■ オフィシャルSNS（SnsOfficial）------------------------------------------------------------------------------ */

#SnsOfficial {
margin-bottom: 90px;
}



/* ■ TOPページ ------------------------------------------------------------------ */

/* 背景 */
#Page_CampaignStories.CampaignStoriesTop {
background: linear-gradient(to right, #faf7f2 18%, #fff 0, #fff 82%, #faf7f2 0);
}

/* キービジュアル */
#Page_CampaignStories.CampaignStoriesTop #KeyVisual {
position: relative;
height: 700px;
margin-bottom: 120px;
background: url(/images/campaign/stories/top/Ph_KeyVisual.jpg) no-repeat;
background-position: 50% 65%;
background-size: cover;
}

#Page_CampaignStories.CampaignStoriesTop #KeyVisual .Mds {
position: absolute;
top: 60px;
right: 220px;
width: 280px;
}

/* タイトルユニット */
#Page_CampaignStories.CampaignStoriesTop .TitleUnit {
margin-bottom: 120px;
text-align: center;
}

#Page_CampaignStories.CampaignStoriesTop .TitleUnit .MdsSub {
position: relative;
margin-bottom: 40px;
}

#Page_CampaignStories.CampaignStoriesTop .TitleUnit .MdsSub:after {
position: absolute;
left: 50%;
margin-left: -95px;
bottom: -10px;
width: 190px;
height: 1px;
background: #4d4d4d;
content: "";
}

#Page_CampaignStories.CampaignStoriesTop .TitleUnit .MdsSub img {
width: 200px;
}

#Page_CampaignStories.CampaignStoriesTop .TitleUnit .Mds {
font-size: 26px !important;
font-weight: 700;
}

/* イントロユニット */
#Page_CampaignStories.CampaignStoriesTop .IntroEach {
display: table;
margin-bottom: 20px;
}

#Page_CampaignStories.CampaignStoriesTop .IntroEach .Lead,
#Page_CampaignStories.CampaignStoriesTop .IntroEach .Photo {
display: table-cell;
vertical-align: middle;
}

#Page_CampaignStories.CampaignStoriesTop .IntroEach .Lead {
font-size: 16px;
line-height: 2.5em;
}

#Page_CampaignStories.CampaignStoriesTop .IntroEach .Photo {
width: 52%;
}

#Page_CampaignStories.CampaignStoriesTop .IntroEach .Lead {
width: 48%;
}

#Page_CampaignStories.CampaignStoriesTop .IntroEach.R .Lead {
padding-left: 12%;
}

#Page_CampaignStories.CampaignStoriesTop .IntroEach.L .Lead {
padding-left: 6%;
}

/* タイトル装飾1 */
#Page_CampaignStories.CampaignStoriesTop .TitleDeco1 {
margin-top: 150px;
margin-bottom: 150px;
}

/* ナビゲーション */
#Page_CampaignStories.CampaignStoriesTop .IndexNav a {
display: block;
margin-bottom: 150px;
text-align: center;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .Photo {
margin-bottom: 50px;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .MdsSub {
margin-bottom: 45px;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .MdsEn {
position: relative;
margin-bottom: 15px;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .MdsEn:after {
position: absolute;
left: 50%;
bottom: -10px;
width: 60px;
height: 1px;
margin-left: -30px;
background: #4d4d4d;
content: "";
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .MdsEn img {
width: 200px;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .MdsNum img {
width: 32px;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .Lead1 {
margin-bottom: 10px;
font-size: 23px;
font-weight: 700;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .Lead2 {
font-size: 18px;
font-weight: 700;
}

#Page_CampaignStories.CampaignStoriesTop .IndexNav .BtnTo {
margin-top: 30px;
}

/* タイトル装飾2 */
#Page_CampaignStories.CampaignStoriesTop .TitleDeco2 {
margin-top: 150px;
margin-bottom: 150px;
}



/* ■ 下層ページ ------------------------------------------------------------------ */

/* 背景 */
#Page_CampaignStories.CampaignStoriesXylophone {
background: linear-gradient(to right, #f1fffb 18%, #fff 0, #fff 82%, #f1fffb 0);
}

#Page_CampaignStories.CampaignStoriesKitchen {
background: linear-gradient(to right, #fff7fb 18%, #fff 0, #fff 82%, #fff7fb 0);
}

#Page_CampaignStories.CampaignStoriesShapescolors {
background: linear-gradient(to right, #fffff1 18%, #fff 0, #fff 82%, #fffff1 0);
}

/* キービジュアル */
#Page_CampaignStories.CampaignStoriesDetail #KeyVisual {
height: 700px;
margin-bottom: 100px;
}

#Page_CampaignStories.CampaignStoriesXylophone #KeyVisual {
background: url(/images/campaign/stories/item_xylophone/Ph_KeyVisual.jpg) no-repeat;
background-position: 50% 100%;
background-size: cover;
}

#Page_CampaignStories.CampaignStoriesKitchen #KeyVisual {
background: url(/images/campaign/stories/item_kitchen/Ph_KeyVisual.jpg) no-repeat;
background-position: 50% 0;
background-size: cover;
}

#Page_CampaignStories.CampaignStoriesShapescolors #KeyVisual {
background: url(/images/campaign/stories/item_shapescolors/Ph_KeyVisual.jpg) no-repeat;
background-position: 50% 0;
background-size: cover;
}

/* タイトルユニット */
#Page_CampaignStories.CampaignStoriesDetail .TitleUnit {
text-align: center;
}

#Page_CampaignStories.CampaignStoriesDetail .TitleUnit .MdsSub {
margin-bottom: 5px;
}

#Page_CampaignStories.CampaignStoriesDetail .TitleUnit .MdsSub img {
width: 200px;
}

#Page_CampaignStories.CampaignStoriesDetail .TitleUnit .MdsNum {
margin-bottom: 50px;
}

#Page_CampaignStories.CampaignStoriesDetail .TitleUnit .MdsNum img {
width: 32px;
}

#Page_CampaignStories.CampaignStoriesDetail .TitleUnit .Mds {
margin-bottom: 70px;
font-size: 24px !important;
line-height: 1.8em !important;
}

#Page_CampaignStories.CampaignStoriesDetail .TitleUnit .Mds span {
font-size: 18px;
}

/* セクション */
#Page_CampaignStories.CampaignStoriesDetail .SectionEach {
margin-bottom: 70px;
}

#Page_CampaignStories.CampaignStoriesDetail .SectionEach .Photo {
margin-bottom: 60px;
}

#Page_CampaignStories.CampaignStoriesDetail .SectionEach .Lead {
font-size: 15px;
line-height: 2.2em;
}

/* タイトル装飾1 */
#Page_CampaignStories.CampaignStoriesDetail .TitleDeco1 {
margin-top: 100px;
margin-bottom: 100px;
}

/* アイテム紹介 */
#Page_CampaignStories.CampaignStoriesDetail .ItemInfo .Photo {
margin-bottom: 40px;
}

#Page_CampaignStories.CampaignStoriesDetail .ItemInfo .Mds {
margin-bottom: 20px;
font-size: 18px;
text-align: center;
}

#Page_CampaignStories.CampaignStoriesDetail .ItemInfo .Lead {
margin-bottom: 30px;
font-size: 14px;
line-height: 2.0em;
}

#Page_CampaignStories.CampaignStoriesDetail .ItemInfo .Lead .Item_Price_Yen2 {
display: inline-block;
margin-right: 1px;
font-size: 10px;
}

#Page_CampaignStories.CampaignStoriesDetail .ItemInfo .BtnTo {
text-align: center;
}

/* タイトル装飾2 */
#Page_CampaignStories.CampaignStoriesDetail .TitleDeco2 {
margin-top: 100px;
margin-bottom: 100px;
}

/* ローカルナビ */
#Page_CampaignStories.CampaignStoriesDetail .IndexNav {
margin-bottom: 100px;
}

#Page_CampaignStories.CampaignStoriesDetail .IndexNav li {
width: 46%;
margin-right: 8%;
text-align: center;
}

#Page_CampaignStories.CampaignStoriesDetail .IndexNav li:nth-child(2n) {
margin-right: 0;
}

#Page_CampaignStories.CampaignStoriesDetail .IndexNav .Photo {
margin-bottom: 15px;
}

#Page_CampaignStories.CampaignStoriesDetail .IndexNav .MdsNum {
margin-bottom: 15px;
}

#Page_CampaignStories.CampaignStoriesDetail .IndexNav .MdsNum img {
width: 32px;
}

#Page_CampaignStories.CampaignStoriesDetail .IndexNav .Lead {
font-size: 16px;
font-weight: 700;
}