@charset "utf-8";



/* 春のお祝いギフト特集 */

/*
■ 共通
■ 導入
■ セクション
*/

	
	
/* ■ 共通 ==================================================================================== */

/*
汎用
フォント
横幅
カラー
マージントップ
マージンボトム
パディングトップ
パディングボトム
カラム
ボックス
見出し
写真
リンク
イラスト
ボタン
*/


/* 汎用 --------------------------------------------------- */

/* ボーダー無し */
.NoBorder {
border: none !important;
}

/* パディング無し */
.NoPadding {
padding: 0 !important;
}

/* 横幅「Inherit」 */
.WidthInherit {
width: inherit !important;
}

/* opacity:1 */
.Opacity1 {
opacity: 1 !important;
}

/* 太字にしない */
.FontWN {
font-weight: normal !important;
}

/* 文字詰め「palt」 */
.TxtPalt {
font-feature-settings: "palt" !important;
}

/* 箱組「TxtJustify」 */
.TxtJustify {
text-align: justify !important;
}


/* フォント --------------------------------------------------- */

.FontType1 {
font-family: "Albert Sans", sans-serif;
}


/* カラー --------------------------------------------------- */

:root {
--color-hinamatsuri-main1: #ff7b7b !important;	
--color-hinamatsuri-sub1: #ff9191 !important;	
--color-promote-main1: #9bd465 !important;	
--color-promote-sub1: #9bd465 !important;
--color-petit-main1: #4ecae4 !important;	
--color-petit-sub1: #61d2ea !important;		
}


/* マージントップ --------------------------------------------------- */

.MT0 {
margin-top: 0 !important;
}

.MT5 {
margin-top: 0.5rem !important;
}

.MT10 {
margin-top: 1rem !important;
}

.MT15 {
margin-top: 1.5rem !important;
}

.MT20 {
margin-top: 2rem !important;
}

.MT25 {
margin-top: 2.5rem !important;
}

.MT30 {
margin-top: 3rem !important;
}

.MT35 {
margin-top: 3.5rem !important;
}

.MT40 {
margin-top: 4rem !important;
}

.MT45 {
margin-top: 4.5rem !important;
}

.MT50 {
margin-top: 5rem !important;
}


/* マージンボトム --------------------------------------------------- */

.MB0 {
margin-bottom: 0 !important;
}

.MB5 {
margin-bottom: 0.5rem !important;
}

.MB10 {
margin-bottom: 1rem !important;
}

.MB15 {
margin-bottom: 1.5rem !important;
}

.MB20 {
margin-bottom: 2rem !important;
}

.MB25 {
margin-bottom: 2.5rem !important;
}

.MB30 {
margin-bottom: 3rem !important;
}

.MB35 {
margin-bottom: 3.5rem !important;
}

.MB40 {
margin-bottom: 4rem !important;
}

.MB45 {
margin-bottom: 4.5rem !important;
}

.MB50 {
margin-bottom: 5rem !important;
}


/* パディングトップ --------------------------------------------------- */

.PT0 {
padding-top:  0 !important;
}

.PT5 {
padding-top:  0.5rem !important;
}

.PT10 {
padding-top:  1rem !important;
}

.PT15 {
padding-top:  1.5rem !important;
}

.PT20 {
padding-top:  2rem !important;
}

.PT25 {
padding-top:  2.5rem !important;
}

.PT30 {
padding-top:  3rem !important;
}

.PT35 {
padding-top:  3.5rem !important;
}

.PT40 {
padding-top:  4rem !important;
}

.PT45 {
padding-top:  4.5rem !important;
}

.PT50 {
padding-top:  5rem !important;
}

/* パディングボトム --------------------------------------------------- */

.PB0 {
padding-bottom: 0 !important;
}

.PB5 {
padding-bottom: 0.5rem !important;
}

.PB10 {
padding-bottom: 1rem !important;
}

.PB15 {
padding-bottom: 1.5rem !important;
}

.PB20 {
padding-bottom: 2rem !important;
}

.PB25 {
padding-bottom: 2.5rem !important;
}

.PB30 {
padding-bottom: 3rem !important;
}

.PB35 {
padding-bottom: 3.5rem !important;
}

.PB40 {
padding-bottom: 4rem !important;
}

.PB45 {
padding-bottom: 4.5rem !important;
}

.PB50 {
padding-bottom: 5rem !important;
}


/* 写真 --------------------------------------------------- */

#Page_SpringGift .Item_Photo img {
border: none !important;
}


/* リンク --------------------------------------------------- */

#Page_SpringGift a {
display: block;
}

.SectionOnlineGift .Note a,
.SectionOnlineGift .Lead_Line_Gift a {
display: inline !important;
}


/* イラスト --------------------------------------------------- */

#Page_SpringGift .Pict {
position: absolute;
}

	
/* ボタン --------------------------------------------------- */

#Page_SpringGift .Btn {
display: block;
width: 100%;
border-radius: 50px;
box-sizing: border-box;
line-height: 1.0em;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#Page_SpringGift .BtnBuy {
border: 2px solid #b8daeb;
background: #fff url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
color: #3d5fc4;
}

@media only screen and (max-width: 767px) {

	#Page_SpringGift .PC,
	#Page_SpringGift .SE {
	display: none;
	}


	/* マージントップ --------------------------------------------------- */	
	
	.MT0_SP {
	margin-top: 0 !important;
	}
	
	.MT5_SP {
	margin-top: 0.5rem !important;
	}
	
	.MT10_SP {
	margin-top: 1rem !important;
	}
	
	.MT15_SP {
	margin-top: 1.5rem !important;
	}
	
	.MT20_SP {
	margin-top: 2rem !important;
	}
	
	.MT25_SP {
	margin-top: 2.5rem !important;
	}
	
	.MT30_SP {
	margin-top: 3rem !important;
	}
	
	.MT35_SP {
	margin-top: 3.5rem !important;
	}
	
	.MT40_SP {
	margin-top: 4rem !important;
	}
	
	.MT45_SP {
	margin-top: 4.5rem !important;
	}
	
	.MT50_SP {
	margin-top: 5rem !important;
	}
		

	/* マージンボトム --------------------------------------------------- */	
	
	.MB0_SP {
	margin-bottom: 0 !important;
	}
	
	.MB5_SP {
	margin-bottom: 0.5rem !important;
	}
	
	.MB10_SP {
	margin-bottom: 1rem !important;
	}
	
	.MB15_SP {
	margin-bottom: 1.5rem !important;
	}
	
	.MB20_SP {
	margin-bottom: 2rem !important;
	}
	
	.MB25_SP {
	margin-bottom: 2.5rem !important;
	}
	
	.MB30_SP {
	margin-bottom: 3rem !important;
	}
	
	.MB35_SP {
	margin-bottom: 3.5rem !important;
	}
	
	.MB40_SP {
	margin-bottom: 4rem !important;
	}
	
	.MB45_SP {
	margin-bottom: 4.5rem !important;
	}
	
	.MB50_SP {
	margin-bottom: 5rem !important;
	}
	

	/* パディングトップ --------------------------------------------------- */	
	
	.PT0_SP {
	padding-top: 0 !important;
	}
	
	.PT5_SP {
	padding-top: 0.5rem !important;
	}
	
	.PT10_SP {
	padding-top: 1rem !important;
	}
	
	.PT15_SP {
	padding-top: 1.5rem !important;
	}
	
	.PT20_SP {
	padding-top: 2rem !important;
	}
	
	.MT25_SP {
	padding-top: 2.5rem !important;
	}
	
	.PT30_SP {
	padding-top: 3rem !important;
	}
	
	.PT35_SP {
	padding-top: 3.5rem !important;
	}
	
	.PT40_SP {
	padding-top: 4rem !important;
	}
	
	.PT45_SP {
	padding-top: 4.5rem !important;
	}
	
	.PT50_SP {
	padding-top: 5rem !important;
	}
		

	/* パディングボトム --------------------------------------------------- */	
	
	.PB0_SP {
	padding-bottom: 0 !important;
	}
	
	.PB5_SP {
	padding-bottom: 0.5rem !important;
	}
	
	.PB10_SP {
	padding-bottom: 1rem !important;
	}
	
	.PB15_SP {
	padding-bottom: 1.5rem !important;
	}
	
	.PB20_SP {
	padding-bottom: 2rem !important;
	}
	
	.PB25_SP {
	padding-bottom: 2.5rem !important;
	}
	
	.PB30_SP {
	padding-bottom: 3rem !important;
	}
	
	.PB35_SP {
	padding-bottom: 3.5rem !important;
	}
	
	.PB40_SP {
	padding-bottom: 4rem !important;
	}
	
	.PB45_SP {
	padding-bottom: 4.5rem !important;
	}
	
	.PB50_SP {
	padding-bottom: 5rem !important;
	}


	/* ボタン --------------------------------------------------- */
	
	#Page_SpringGift .BtnBuy {
	width: 15rem;
	margin-top: 1.3rem;
	padding: 0.8rem 0 0.85rem 0.7rem;
	background-size: 1.5rem auto;
	background-position: 1rem 50%;
	font-size: 1.2rem;
	}

	
	/* カラム --------------------------------------------------- */
	
	#Page_SpringGift .Col {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
	#Page_SpringGift .Col2_SP li {
	width: calc(50% - 1.5%);
	}
	
	#Page_SpringGift .Col3_SP li {
	width: calc(32.33333333% - 1%);
	}
	
	
	/* ページ下部 --------------------------------------------------- */
	
	#Page_SpringGift .OtherContWrap {
	margin-top: 3.5rem;
	padding: 0 1.6rem;
	}

	#Page_SpringGift .OtherContWrap .RecommendedMenuCampaign {
	margin-bottom: 2rem;
	}

}

@media only screen and (max-width: 372px) {

	#Page_SpringGift .SE {
	display: block;
	}

}

@media print, screen and (min-width: 768px) {

	#Page_SpringGift .SP,
	#Page_SpringGift .SE {
	display: none;
	}	

	/* マージントップ --------------------------------------------------- */	
	
	.MT0_PC {
	margin-top: 0rem !important;
	}
	
	.MT5_PC {
	margin-top: 0.5rem !important;
	}
	
	.MT10_PC {
	margin-top: 1rem !important;
	}
	
	.MT15_PC {
	margin-top: 1.5rem !important;
	}
	
	.MT20_PC {
	margin-top: 2rem !important;
	}
	
	.MT25_PC {
	margin-top: 2.5rem !important;
	}
	
	.MT30_PC {
	margin-top: 3rem !important;
	}
	
	.MT35_PC {
	margin-top: 3.5rem !important;
	}
	
	.MT40_PC {
	margin-top: 4rem !important;
	}
	
	.MT45_PC {
	margin-top: 4.5rem !important;
	}
	
	.MT50_PC {
	margin-top: 5rem !important;
	}
		
	.MT55_PC {
	margin-top: 5.5rem !important;
	}
	
	.MT60_PC {
	margin-top: 6rem !important;
	}
	
	.MT65_PC {
	margin-top: 6.5rem !important;
	}
	
	.MT70_PC {
	margin-top: 7rem !important;
	}
	
	.MT75_PC {
	margin-top: 7.5rem !important;
	}
	
	.MT80_PC {
	margin-top: 8rem !important;
	}
	
	.MT85_PC {
	margin-top: 8.5rem !important;
	}
	
	.MT90_PC {
	margin-top: 9rem !important;
	}
	
	.MT95_PC {
	margin-top: 9.5rem !important;
	}
	
	.MT100_PC {
	margin-top: 10rem !important;
	}
	
					
	/* マージンボトム --------------------------------------------------- */	
	
	.MB0_PC {
	margin-bottom: 0rem !important;
	}
	
	.MB5_PC {
	margin-bottom: 0.5rem !important;
	}
	
	.MB10_PC {
	margin-bottom: 1rem !important;
	}
	
	.MB15_PC {
	margin-bottom: 1.5rem !important;
	}
	
	.MB20_PC {
	margin-bottom: 2rem !important;
	}
	
	.MB25_PC {
	margin-bottom: 2.5rem !important;
	}
	
	.MB30_PC {
	margin-bottom: 3rem !important;
	}
	
	.MB35_PC {
	margin-bottom: 3.5rem !important;
	}
	
	.MB40_PC {
	margin-bottom: 4rem !important;
	}
	
	.MB45_PC {
	margin-bottom: 4.5rem !important;
	}
	
	.MB50_PC {
	margin-bottom: 5rem !important;
	}

	.MB55_PC {
	margin-bottom: 5.5rem !important;
	}
	
	.MB60_PC {
	margin-bottom: 6rem !important;
	}
	
	.MB65_PC {
	margin-bottom: 6.5rem !important;
	}
	
	.MB70_PC {
	margin-bottom: 7rem !important;
	}
	
	.MB75_PC {
	margin-bottom: 7.5rem !important;
	}
	
	.MB80_PC {
	margin-bottom: 8rem !important;
	}
	
	.MB85_PC {
	margin-bottom: 8.5rem !important;
	}
	
	.MB90_PC {
	margin-bottom: 9rem !important;
	}

	.MB95_PC {
	margin-bottom: 9.5rem !important;
	}
	
	.MB100_PC {
	margin-bottom: 10rem !important;
	}
					
	/* パディングトップ --------------------------------------------------- */	
	
	.PT0_PC {
	padding-top: 0rem !important;
	}
	
	.PT5_PC {
	padding-top: 0.5rem !important;
	}
	
	.PT10_PC {
	padding-top: 1rem !important;
	}
	
	.PT15_PC {
	padding-top: 1.5rem !important;
	}
	
	.PT20_PC {
	padding-top: 2rem !important;
	}
	
	.PT25_PC {
	padding-top: 2.5rem !important;
	}
	
	.PT30_PC {
	padding-top: 3rem !important;
	}
	
	.PT35_PC {
	padding-top: 3.5rem !important;
	}
	
	.PT40_PC {
	padding-top: 4rem !important;
	}
	
	.PT45_PC {
	padding-top: 4.5rem !important;
	}
	
	.PT50_PC {
	padding-top: 5rem !important;
	}
		

	/* パディングボトム --------------------------------------------------- */	
	
	.PB0_PC {
	padding-bottom: 0rem !important;
	}
	
	.PB5_PC {
	padding-bottom: 0.5rem !important;
	}
	
	.PB10_PC {
	padding-bottom: 1rem !important;
	}
	
	.PB15_PC {
	padding-bottom: 1.5rem !important;
	}
	
	.PB20_PC {
	padding-bottom: 2rem !important;
	}
	
	.PB25_PC {
	padding-bottom: 2.5rem !important;
	}
	
	.PB30_PC {
	padding-bottom: 3rem !important;
	}
	
	.PB35_PC {
	padding-bottom: 3.5rem !important;
	}
	
	.PB40_PC {
	padding-bottom: 4rem !important;
	}
	
	.PB45_PC {
	padding-bottom: 4.5rem !important;
	}
	
	.PB50_PC {
	padding-bottom: 5rem !important;
	}


	/* ボタン --------------------------------------------------- */
	
	#Page_SpringGift .BtnBuy {
	margin-top: 1.5rem;
	width: 16rem;
	padding: 1rem 0 1.1rem 1.6rem;
	background-size: 1.7rem auto;
	background-position: 1.2rem 50%;	
	font-size: 1.6rem;
	}
	
	
	/* カラム --------------------------------------------------- */
	
	#Page_SpringGift .Col {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
	#Page_SpringGift .Col2_PC li {
	width: calc(50% - 2%);
	}
	
	#Page_SpringGift .Col3_PC li {
	width: calc(32.33333333% - 2%);
	}
	
	#Page_SpringGift .Col4_PC li {
	width: calc(25% - 0.6%);
	}


	/* 写真 --------------------------------------------------- */
	
	#Page_SpringGift .Photo img {
	width: 100%;
	height: auto;
	}			


	/* ボタン --------------------------------------------------- */
	
	#Page_SpringGift .Btn {
	font-size: 15px;
	letter-spacing: 0;
	}
	
	
	/* ページ下部 --------------------------------------------------- */

	#Page_SpringGift .OtherContWrap {
	max-width: 94rem;
    margin: 7rem auto 0 auto;
	}	
		
	
	/* パンくず --------------------------------------------------- */
	
	#Page_SpringGift .BreadCrumb_Wrap {
	margin-top: 8rem;
	}	
	
	
	/* ページ下部 特典案内--------------------------------------------------- */
	
	#CampaginBottom {
	margin-top: 8rem;	
	}
						
}

@media print, screen and (min-width: 1090px) {

	
}



/* ■ 導入 ==================================================================================== */

#Page_SpringGift .SectionIntro .KV img {
width: 100%;
height: auto;
text-align: center;
}

			
/* ページ内リンク --------------------------------------------------- */

#Page_SpringGift .SectionIntro .InPageLink li {
border-left: 1px solid #dcd6c5;
}

#Page_SpringGift .SectionIntro .InPageLink a {
width: 100%;
display: block;	
background-repeat: no-repeat;
font-weight: 700;
text-align: center;
letter-spacing: 0.12em;
}

#Page_SpringGift .SectionIntro .InPageLink li:nth-child(1) a {
background-image: url(/images/campaign/spring_gift/hinamatsuri/Icon_LinkDown.png);
color: var(--color-hinamatsuri-main1);
}

#Page_SpringGift .SectionIntro .InPageLink li:nth-child(2) a {
background-image: url(/images/campaign/spring_gift/promote/Icon_LinkDown.png);
color: var(--color-promote-main1);
}

#Page_SpringGift .SectionIntro .InPageLink li:nth-child(3) a {
background-image: url(/images/campaign/spring_gift/petit/Icon_LinkDown.png);
color: var(--color-petit-main1);
}

#Page_SpringGift .SectionIntro .InPageLink img {
display: block;
margin: 0 auto;
}

#Page_SpringGift .SectionIntro .InPageLink span {
display: block;
}	

@media only screen and (max-width: 767px) {

	/* ページ内リンク --------------------------------------------------- */
	
	#Page_SpringGift .SectionIntro .InPageLink {
	margin: 3.5rem 1.5rem 0 1.5rem;
	}

	#Page_SpringGift .SectionIntro .InPageLink li:first-child {
	border-left: none;
	}
	
	#Page_SpringGift .SectionIntro .InPageLink a {
	padding-bottom: 3rem;
	background-size: 1rem auto;
	background-position: 50% 98%;	
	font-size: 1.2rem;
	}

	#Page_SpringGift .SectionIntro .InPageLink li:nth-child(2) {
	padding-left: 3.2%;
	}	

	#Page_SpringGift .SectionIntro .InPageLink img {	
	width: 4.25rem;
	margin-top: -2rem;		
	}	

	#Page_SpringGift .SectionIntro .InPageLink span {
	margin-top: 1rem;
	line-height: 1.5em;
	}		

}

@media only screen and (max-width: 372px) {


}

@media print, screen and (min-width: 768px) {


	/* ページ内リンク --------------------------------------------------- */
	
	#Page_SpringGift .SectionIntro .InPageLink {
	margin: 6rem auto 0 auto;
	padding: 0 5rem;
	border-right: 1px solid #dcd6c5;
	}

	#Page_SpringGift .SectionIntro .InPageLink li {
	width: 33.33333%;
	}

	#Page_SpringGift .SectionIntro .InPageLink a {
	padding-bottom: 3rem;
	background-size: 1.6rem auto;
	background-position: 50% 100%;
	font-size: 1.8rem;	
	}

	#Page_SpringGift .SectionIntro .InPageLink img {
	width: 8.5rem;
	margin-top: -2rem;	
	}

	#Page_SpringGift .SectionIntro .InPageLink span {
	margin-top: 2rem;
	line-height: 1.5em;
	}
							
}

@media print, screen and (min-width: 1090px) {

	#Page_SpringGift .SectionIntro .KV {
	max-width: 200rem;
	margin: 0 auto;
	}
	
	/* ページ内リンク --------------------------------------------------- */
	
	#Page_SpringGift .SectionIntro .InPageLink {
	max-width: 91rem;
	padding: 0;
	}
								
}



/* ■ セクション ==================================================================================== */

/*
■ 共通
■ ひなまつりのお祝いに
■ 入園・進級おめでとう
■ 送別・卒園にプチギフト
*/


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

#Page_SpringGift .SectionMain {
position: relative;
}

#Page_SpringGift .SectionMain .Bg_Wrap {
background-size: 100% auto;
background-position: center -0.5rem;
background-repeat: repeat-y;
overflow: hidden;
}

#Page_SpringGift .SectionMain .Title_Main {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background-size: contain;
font-weight: 700;
letter-spacing: 0.15em;
color: #fff;
text-align: center;
overflow: hidden;
background-repeat: no-repeat;
background-position: center top;
}

#Page_SpringGift .SectionMain .Intro_Lead {
font-weight: 500;
letter-spacing: 0.05em;
}

#Page_SpringGift .SectionMain .BtnItemListWrap {
width: 100%;	
background-size: 1rem 0.2rem;
background-repeat: repeat-x;
background-position: left top;
}
    	
#Page_SpringGift .SectionMain .BtnItemList {
background: #fff;
font-weight: 700;
text-align: center;
line-height: 1.0em;
letter-spacing: 0.05em;
}

#Page_SpringGift .SectionMain .ListItem img {
overflow: hidden;
}

#Page_SpringGift .SectionMain .ListItem .Item_Name {
font-weight: 700;
font-feature-settings: "palt" !important;
}    	

#Page_SpringGift .SectionMain .ListItem .Item_Price {
display: inline-block;
font-weight: 600;
color: #000;
line-height: 1em;
letter-spacing: 0.05em;
vertical-align: middle;
}  

#Page_SpringGift .SectionMain .ListItem .Item_Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 70%;
vertical-align: middle;
} 

#Page_SpringGift .SectionMain .ListItem .Icon_Age {
display: inline-block;
border-radius: 2rem;
background: #f29837;
font-weight: 600;
line-height: 1em;
text-align: center;
color: #fff;
letter-spacing: 0.1em;
vertical-align: middle;
font-feature-settings: "palt" !important;
}

#Page_SpringGift .SectionMain .ListItem .Item_Lead {
font-weight: 400;
color: #000;
letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {

	#Page_SpringGift .SectionMain {
	margin: 0 auto;
	padding: 5.5rem 1.6rem 0 1.6rem; 
	}
	
	#Page_SpringGift .SectionMain .Bg_Wrap {
	border-radius: 1.5rem;		
	padding: 5.5rem 2.5rem 4.5rem 2.5rem;
	}

	#Page_SpringGift .SectionMain .Title_Main {
	top: 2.65rem;		
	width: 31.4rem;
	height: 6rem;
	padding-top: 1rem;
	font-size: 1.6rem;
	line-height: 1.3em;	
	}	

	#Page_SpringGift .SectionMain .Intro {
	display: block;
	text-align: center;
	}

	#Page_SpringGift .SectionMain .Intro_Photo {
	margin: 0 auto;
	max-width: 19.4rem;
	}
		
	#Page_SpringGift .SectionMain .Intro_Lead {
	margin-top: 1.5rem;		
	font-size: 1.25rem;	
	line-height: 2.0em;
	}

	#Page_SpringGift .SectionMain .BtnItemListWrap {
	margin-top: 3rem;
	padding-top: 2.5rem;
	}

	#Page_SpringGift .SectionMain .BtnItemList {
	padding: 1.2rem 0;
	border: 2px solid;
	background-size: 1.1rem auto;	
	font-size: 1.4rem; 
	}

	#Page_SpringGift .SectionMain .ListItem li {
	margin-top: 3rem;
	}	
	
	#Page_SpringGift .SectionMain .ListItem .Item_Photo img {
	border-radius: 1rem;
	}	

	#Page_SpringGift .SectionMain .ListItem .Item_Name {
	margin-top: 1.5rem;
	font-size: 1.7rem;
	}   	

	#Page_SpringGift .SectionMain .ListItem .Item_Detail {
	margin-top: 0.5rem;
	} 	

	#Page_SpringGift .SectionMain .ListItem .Item_Price {
	font-size: 1.5rem;
	}  

	#Page_SpringGift .SectionMain .ListItem .Icon_Age {
	margin-left: 0.2rem;
	padding: 0.3rem 0.8rem;
	font-size: 1.2rem;
	}
	
	#Page_SpringGift .SectionMain .ListItem .Item_Lead {
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.8em;	
	}
	
}

@media only screen and (max-width: 372px) {

	#Page_SpringGift .SectionMain .BtnItemList {
	font-size: 1.2rem;
	letter-spacing: 0.05em; 
	}

}

@media print, screen and (min-width: 768px) {

	#Page_SpringGift .SectionMain {
	margin: 0 auto;
	padding: 11rem 3rem 0 3rem;
	}

	#Page_SpringGift .SectionMain .Bg_Wrap {
	border-radius: 5rem;		
	padding: 8.5rem 8rem 7rem 8rem;
	}

	#Page_SpringGift .SectionMain .Title_Main {
	width: 59rem;
	height: 10rem;
	top: 6rem;
	padding-top: 1.5rem;
	font-size: 2.6rem;
	line-height: 1.3em;	
	}	

	#Page_SpringGift .SectionMain .Intro {
	max-width: 84rem;
	margin: 0 auto 3.5rem auto;
	align-items: center;
	}

	#Page_SpringGift .SectionMain .Intro_Photo {
	width: 34%;
	}

	#Page_SpringGift .SectionMain .Intro_Lead {
	width: 62%;		
	font-size: 1.8rem;	
	line-height: 2.0em;
	}

	#Page_SpringGift .SectionMain .BtnItemListWrap {
	margin-top: 5.5rem;
	padding-top: 4.5rem;
	}

	#Page_SpringGift .SectionMain .BtnItemList {
	width: 40rem;
	margin: 0 auto;
	padding: 1.3rem 0 1.4rem 0;
	border: 2px solid;
	background-size: 1.4rem auto;
	font-size: 1.8rem; 
	}

	#Page_SpringGift .SectionMain .ListItem {
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
    gap: 7.5rem 5rem;	
	}	
	
	#Page_SpringGift .SectionMain .ListItem .Item_Photo img {
	border-radius: 2rem;
	}	
	
	#Page_SpringGift .SectionMain .ListItem .Item_Name {
	margin-top: 1.5rem;
	font-size: 1.8rem;
	}   	

	#Page_SpringGift .SectionMain .ListItem .Item_Detail {
	margin-top: 0.5rem;
	} 	

	#Page_SpringGift .SectionMain .ListItem .Item_Price {
	font-size: 2rem;
	}  

	#Page_SpringGift .SectionMain .ListItem .Icon_Age {
	margin-left: 0.2rem;
	padding: 0.4rem 0.8rem;
	font-size: 1.2rem;
	}
	
	#Page_SpringGift .SectionMain .ListItem .Item_Lead {
	margin-top: 1.2rem;
	font-size: 1.4rem;
	}
				
}

@media print, screen and (min-width: 1090px) {
	#Page_SpringGift .SectionMain {
	max-width: 120rem;
	padding: 11rem 0 0 0;
	}
		
}


/* ひなまつりのお祝いに --------------------------------------------------- */

#Page_SpringGift #Hinamatsuri .BtnItemList {
background-image: url(/images/campaign/spring_gift/hinamatsuri/Icon_LinkFwd.png);
background-repeat: no-repeat;
background-position: 96% 50%;
border-color: var(--color-hinamatsuri-main1);
color: var(--color-hinamatsuri-main1);
}

#Page_SpringGift #Hinamatsuri .ListItem .Item_Name {
color: var(--color-hinamatsuri-sub1);
}

@media only screen and (max-width: 767px) {

	#Page_SpringGift #Hinamatsuri {
	padding-top: 6rem;
	}

	#Page_SpringGift #Hinamatsuri .Bg_Wrap {
	background-image: url(/images/campaign/spring_gift/hinamatsuri/Texture_Bg_SP.jpg);
	}

	#Page_SpringGift #Hinamatsuri .Title_Main {
	top: 3.1rem;			
	background-image: url(/images/campaign/spring_gift/hinamatsuri/Texture_Mds_Ribbon_SP.png);
	}

	#Page_SpringGift #Hinamatsuri .BtnItemListWrap {
	background-image: linear-gradient(to right, var(--color-hinamatsuri-main1) 0.5rem, transparent 0.5rem);
	}
	
}	

@media screen and (orientation: landscape) {
	
}
	
@media print, screen and (min-width: 768px) {

	#Page_SpringGift #Hinamatsuri {
	padding-top: 12rem;
	}
	
	#Page_SpringGift #Hinamatsuri .Bg_Wrap {
	background-image: url(/images/campaign/spring_gift/hinamatsuri/Texture_Bg_PC.jpg);
	}	
		
	#Page_SpringGift #Hinamatsuri .Title_Main {
	top: 7.25rem;	
	background-image: url(/images/campaign/spring_gift/hinamatsuri/Texture_Mds_Ribbon_PC.png);
	}		

	#Page_SpringGift #Hinamatsuri .BtnItemListWrap {
	background-image: linear-gradient(to right, var(--color-hinamatsuri-main1) 0.6rem, transparent 0.6rem);
	}
	
}


/* 入園・進級おめでとう --------------------------------------------------- */

#Page_SpringGift #Promote .BtnItemList {
background-image: url(/images/campaign/spring_gift/promote/Icon_LinkFwd.png);
background-repeat: no-repeat;
background-position: 96% 50%;
border-color: var(--color-promote-main1);
color: var(--color-promote-main1);
}

#Page_SpringGift #Promote .ListItem .Item_Name {
color: var(--color-promote-sub1);
}

@media only screen and (max-width: 767px) {

	#Page_SpringGift #Promote .Bg_Wrap {
	background-image: url(/images/campaign/spring_gift/promote/Texture_Bg_SP.jpg);
	}

	#Page_SpringGift #Promote .Title_Main {
	background-image: url(/images/campaign/spring_gift/promote/Texture_Mds_Ribbon_SP.png);
	}

	#Page_SpringGift #Promote .BtnItemListWrap {
	background-image: linear-gradient(to right, var(--color-promote-main1) 0.3rem, transparent 0.5rem);
	}
	
}	

@media screen and (orientation: landscape) {
	
}
	
@media print, screen and (min-width: 768px) {

	#Page_SpringGift #Promote .Bg_Wrap {
	background-image: url(/images/campaign/spring_gift/promote/Texture_Bg_PC.jpg);
	}
	
	#Page_SpringGift #Promote .Title_Main {
	background-image: url(/images/campaign/spring_gift/promote/Texture_Mds_Ribbon_PC.png);
	}		

	#Page_SpringGift #Promote .BtnItemListWrap {
	background-image: linear-gradient(to right, var(--color-promote-main1) 0.4rem, transparent 0.6rem);
	}
	
}


/* 送別・卒園にプチギフト --------------------------------------------------- */

#Page_SpringGift #Petit .BtnItemList {
background-image: url(/images/campaign/spring_gift/petit/Icon_LinkFwd.png);
background-repeat: no-repeat;
background-position: 96% 50%;
border-color: var(--color-petit-main1);
color: var(--color-petit-main1);
}

#Page_SpringGift #Petit .ListItem .Item_Name {
color: var(--color-petit-sub1);
}

@media only screen and (max-width: 767px) {

	#Page_SpringGift #Petit .Bg_Wrap {
	background-image: url(/images/campaign/spring_gift/petit/Texture_Bg_SP.jpg);
	}

	#Page_SpringGift #Petit .Title_Main {
	background-image: url(/images/campaign/spring_gift/petit/Texture_Mds_Ribbon_SP.png);
	}

	#Page_SpringGift #Petit .BtnItemListWrap {
	background-image: linear-gradient(to right, var(--color-petit-main1) 0.3rem, transparent 0.5rem);
	}
	
}	

@media screen and (orientation: landscape) {
	
}
	
@media print, screen and (min-width: 768px) {

	#Page_SpringGift #Petit .Bg_Wrap {
	background-image: url(/images/campaign/spring_gift/petit/Texture_Bg_PC.jpg);
	}
	
	#Page_SpringGift #Petit .Title_Main {
	background-image: url(/images/campaign/spring_gift/petit/Texture_Mds_Ribbon_PC.png);
	}		

	#Page_SpringGift #Petit .BtnItemListWrap {
	background-image: linear-gradient(to right, var(--color-petit-main1) 0.4rem, transparent 0.6rem);
	}
	
}



/* 気軽に贈れるオンラインギフト --------------------------------------------------- */

.OnlineGift_ {
background-color: #fff;
}

.OnlineGift_Nav {
display: flex;
justify-content: center;
}

a.OnlineGift_Nav_Btn {
display: block;
border-radius: 100vh;
line-height: 1;
font-weight: 500;
text-align: center;
color: #fff;
background-color: #459c8d;
background-image: url(/images/sp/common/icon/Icon_LinkFwd_White.png);
background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {

	.OnlineGift_ {
	margin: 3rem 1.6rem 0 1.6rem;
	padding: 2rem 2rem 3rem;
	border-radius: 1.5rem;
	border: 2px solid #459c8d;
	}

	.OnlineGift_Detail {
	display: flex;
	flex-flow: column;
	}

	.OnlineGift_Detail_Mds {
	order: 1;
	font-size: 2rem;
	text-align: center;
	}

	.OnlineGift_Detail_Photo {
	order: 2;
	margin-top: 2rem;
	}

	.OnlineGift_Detail_Lead {
	order: 3;
	margin-top: 1.6rem;
	font-size: 1.5rem;
	line-height: 2;
	}

	.OnlineGift_Nav {
	margin-top: 2.5rem;
	}

	.OnlineGift_Nav li {
	width: 100%;
	}

	a.OnlineGift_Nav_Btn {
	width: 80%;
	padding: 1rem 0 1.3rem;
	font-size: 1.5rem;
	background-size: 1.6rem auto;
	background-position: left 1.2rem top 48%;
	}

}

@media only screen and (max-width: 372px) {



}

@media print, screen and (min-width: 768px) {

	.OnlineGift_ {
	max-width: 94rem;
	margin: 5.5rem auto 0 ;
	padding: 5rem 4.5rem 5rem;
	border-radius: 3rem;
	border: 0.4rem solid #459c8d;
	}

	.OnlineGift_Detail {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "lead photo";
	gap: 4rem;
	}

	.OnlineGift_Detail_Mds,
	.OnlineGift_Detail_Lead {
	grid-area: lead;
	}

	.OnlineGift_Detail_Photo {
	grid-area: photo;
	}

	.OnlineGift_Detail_Mds {
	font-size: 2.6rem;
	}

	.OnlineGift_Detail_Lead {
	margin-top: 6rem;
	font-size: 1.5rem;
	line-height: 2;
	}

	.OnlineGift_Nav {
	margin-top: 5rem;
	}

	a.OnlineGift_Nav_Btn {
	padding: 1.4rem 12rem 1.7rem;
	font-size: 1.8rem;
	background-size: 2.2rem auto;
	background-position: left 1.6rem top 50%;
	}

}

@media print, screen and (min-width: 1090px) {
	
	/* .OnlineGift_ {
	max-width: 120rem !important;
	}
	 */
}