@charset "utf-8";


/*
■ 共通
■ KV
■ 導入
■ こんな方におすすめ
■ 商品ラインナップ
■ ページ下部バナー
■ ページ下部共通
*/



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

/*
カラー
*/


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

:root {
--c1: #61b0ae;
--c2: #d8584f;
}



/* ■ KV ==================================================================================== */

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

}

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

}



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

.GiftCard_Intro_Mds,
.GiftCard_Intro_Lead {
font-weight: 700;
letter-spacing: 0.1em;
font-feature-settings: "palt";
text-align: center;
}

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

	.GiftCard_Intro_ {
	margin-top: 3rem;
	padding: 0 1.6rem;
	}

	.GiftCard_Intro_Mds,
	.GiftCard_Intro_Lead {
	font-size: 1.4rem;
	line-height: 2;
	}

}

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

	.GiftCard_Intro_ {
	max-width: 96rem;
	margin: 0 auto;
	padding-top: 7rem;
	}

	.GiftCard_Intro_Mds,
	.GiftCard_Intro_Lead {
	font-size: 1.8rem;
	line-height: 2;
	}

}



/* ■ こんな方におすすめ ==================================================================================== */

.GiftCard_Merit_Mds {
text-align: center;
}

.GiftCard_Merit_Mds span {
background: linear-gradient(transparent 75%, #f4d62a 75%);
}

.GiftCard_Merit_List {
display: flex;
align-items: center;
justify-content: center;
}

.GiftCard_Merit_List li {
border: 2px dashed #f59d29;
line-height: 1;
font-weight: 500;
background-color: var(--background-2);
}

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

	.GiftCard_Merit_ {
	padding: 2.2rem 1.6rem 0;
	}

	.GiftCard_Merit_Mds {
	font-size: 1.9rem;
	}

	.GiftCard_Merit_List {
	flex-flow: column;
	gap: 1rem;
	margin-top: 1.6rem;
	}

	.GiftCard_Merit_List li {
	width: 100%;
	padding: 1.5rem 1.8rem 1.5rem;
	border-radius: 0.6rem;
	font-size: 1.4rem;
	text-align: center;
	}

}

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

	.GiftCard_Merit_ {
	max-width: 96rem;
	margin: 0 auto;
	padding-top: 4rem;
	}

	.GiftCard_Merit_Mds {
	font-size: 2.6rem;
	}

	.GiftCard_Merit_List {
	gap: 1.2rem;
	margin-top: 2.5rem;
	}

	.GiftCard_Merit_List li {
	padding: 1.6rem 2rem 1.8rem;
	border-radius: 0.8rem;
	font-size: 1.7rem;
	}

}



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

/*
レイアウト
タブメニュー
リード
商品リスト
他の金額
あそび場
LINEギフト
eGiftとは？
ご相談
*/


/* レイアウト --------------------------------------------------- */

.GiftCard_Item_Contents {
display: none;
}

.GiftCard_Item_Contents.Current {
display: block;
}

.GiftCard_Item_Contents:nth-of-type(1) {
background-image: linear-gradient(color-mix(in srgb, var(--c1) 90%, transparent), color-mix(in srgb, var(--c1) 90%, transparent)), url(/images/campaign/gift_card/Texture.png);
}

.GiftCard_Item_Contents:nth-of-type(2) {
background-image: linear-gradient(color-mix(in srgb, var(--c2) 90%, transparent), color-mix(in srgb, var(--c2) 90%, transparent)), url(/images/campaign/gift_card/Texture.png);
}

.GiftCard_Item_InBox {
background-color: #fff;
}

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

	.GiftCard_Item_ {
	padding: 5rem 1.6rem 0;
	}

	.GiftCard_Item_Contents {
	padding: 2.4rem 1.6rem 1.6rem;
	background-size: 10rem;
	}

	.GiftCard_Item_InBox {
	margin-top: 2rem;
	padding: 1.6rem 1.6rem 2rem;
	border-radius: 0.6rem;
	}

}

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

	.GiftCard_Item_ {
	max-width: 96rem;
	margin: 0 auto;
	padding-top: 10rem;
	}

	.GiftCard_Item_Contents {
	padding: 4rem 4rem 4rem;
	}

	.GiftCard_Item_InBox {
	margin-top: 3rem;
	padding: 5rem;
	border-radius: 0.8rem;
	}

}


/* タブメニュー --------------------------------------------------- */

.GiftCard_Item_TabMenu {
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.GiftCard_Item_TabMenu a {
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
opacity: 0.9;
}

.GiftCard_Item_TabMenu.Upper a {
border-bottom: 2px dotted #ccc;
}

.GiftCard_Item_TabMenu.Lower a {
border-top: 2px dotted #ccc;
}

.GiftCard_Item_TabMenu a:nth-child(1) {
color: #fff;
background-color: var(--c1);
}

.GiftCard_Item_TabMenu a:nth-child(2) {
color: #fff;
background-color: var(--c2);
}

.GiftCard_Item_TabMenu a.Current {
opacity: 1;
pointer-events: none;
}

.GiftCard_Item_TabMenu a.Current:nth-child(1) {
color: #fff;
background-color: var(--c1);
}

.GiftCard_Item_TabMenu a.Current:nth-child(2) {
color: #fff;
background-color: var(--c2);
}

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

	.GiftCard_Item_TabMenu {
	gap: 0.6rem;
	}

	.GiftCard_Item_TabMenu a {
	padding: 0.6rem 0 0.6rem;
	font-size: 1.6rem;
	}

	.GiftCard_Item_TabMenu a:nth-child(2) {
	font-size: 1.8rem;
	}

	.GiftCard_Item_TabMenu.Upper a {
	border-radius: 0.6rem 0.6rem 0 0;
	}
	
	.GiftCard_Item_TabMenu.Lower a {
	border-radius: 0 0 0.6rem 0.6rem;
	}

	.GiftCard_Item_TabMenu.Upper a.Current {
	margin-top: -1.2rem;
	}

	.GiftCard_Item_TabMenu.Lower a.Current {
	margin-bottom: -1.2rem;
	}

}

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

	.GiftCard_Item_TabMenu {
	gap: 1rem;
	}

	.GiftCard_Item_TabMenu a {
	padding: 0.8rem 0 0.8rem;
	font-size: 2.6rem;
	}

	.GiftCard_Item_TabMenu a:nth-child(2) {
	font-size: 3rem;
	}

	.GiftCard_Item_TabMenu.Upper a {
	border-radius: 0.8rem 0.8rem 0 0;
	}
	
	.GiftCard_Item_TabMenu.Lower a {
	border-radius: 0 0 0.8rem 0.8rem;
	}

	.GiftCard_Item_TabMenu.Upper a.Current {
	margin-top: -2rem;
	}

	.GiftCard_Item_TabMenu.Lower a.Current {
	margin-bottom: -2rem;
	}

}

@media (hover: hover) {

	.GiftCard_Item_TabMenu a:hover {
	opacity: 1;
	}

}


/* リード --------------------------------------------------- */

.GiftCard_Item_Lead {
font-weight: 500;
color: #fff;
}

.GiftCard_Item_Lead_Notice {
text-align: center;
color: #fff;
}

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

	.GiftCard_Item_Lead {
	font-size: 1.4rem;
	line-height: 1.8;
	}

	.GiftCard_Item_Lead_Notice {
	margin-top: 0.5rem;
	font-size: 1.1rem;
	}

}

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

	.GiftCard_Item_Lead {
	font-size: 2.2rem;
	text-align: center;
	}

	.GiftCard_Item_Lead_Notice {
	margin-top: 0.6rem;
	font-size: 1.3rem;
	}

}


/* 商品リスト --------------------------------------------------- */

.GiftCard_Item_List {
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center;
}


.GiftCard_Item_List_Photo img {
border: 1px solid var(--base-middle);
}

a.GiftCard_Item_List_Each {
color: var(--base);
}

.GiftCard_Item_List_Period {
letter-spacing: 0.05em;
font-feature-settings: "palt";
color: #d80c18;
}

/* BOX */
.GiftCard_Item_List_Box {
border-bottom: 1px dashed color-mix(in srgb, var(--c1) 60%, transparent);
}

.GiftCard_Item_List_Box .GiftCard_Item_List {
grid-template-columns: repeat(1, 1fr);
}

.GiftCard_Item_List_Box_Mds {
font-weight: 700;
text-align: center;
color: #d80c18;
}

.GiftCard_Item_List_Box .GiftCard_Item_List_Name,
.GiftCard_Item_List_Box .GiftCard_Item_List_Price {
color: #004481;
}

/* Sub */
.GiftCard_Item_Sub_Each {
display: flex;
align-items: center;
border: 1px solid color-mix(in srgb, var(--c1) 40%, transparent);
}

.GiftCard_Item_Sub_Name {
flex: 1;
font-weight: 500;
letter-spacing: 0.1em;
font-feature-settings: "palt";
color: #004481;
}

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

	.GiftCard_Item_List {
	gap: 1rem;
	}

	.GiftCard_Item_List_Name {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.3;
	}

	.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_List_Name {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 1;
	}

	.GiftCard_Item_List_Price {
	margin-top: 0.2rem;
	font-size: 1.2rem;
	}

	.GiftCard_Item_List_Price small {
	margin-right: 0.2rem;
	font-size: 1rem;
	}

	.GiftCard_Item_List_Period {
	font-size: 0.9rem;
	}

	/* BOX */
	.GiftCard_Item_List_Box {
	margin-bottom: 2.4rem;
	padding-bottom: 2.4rem;
	}

	.GiftCard_Item_List_Box_Mds {
	margin-bottom: 1.2rem;
	font-size: 1.5rem;
	}

	/* Sub */
	.GiftCard_Item_Sub {
	margin-top: 1.6rem;
	}

	.GiftCard_Item_Sub_Each {
	padding: 1.2rem;
	}

	.GiftCard_Item_Sub_Photo {
	width: 6rem;
	}

	.GiftCard_Item_Sub_Name {
	padding-left: 1.6rem;
	padding-bottom: 0.1rem;
	font-size: 1.2rem;
	}

}

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

	.GiftCard_Item_List {
	gap: 4rem;
	}

	.GiftCard_Item_List_Name {
	margin-top: 1rem;
	font-size: 2rem;
	}

	.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_List_Name {
	margin-top: 1.2rem;
	font-size: 2.6rem;
	line-height: 1.2;
	}

	.GiftCard_Item_List_Price {
	font-size: 1.6rem;
	}

	.GiftCard_Item_List_Price small {
	margin-right: 0.2rem;
	font-size: 1.3rem;
	}

	.GiftCard_Item_List_Period {
	font-size: 1.2rem;
	}

	/* BOX */
	.GiftCard_Item_List_Box {
	margin-bottom: 5rem;
	padding-bottom: 3.5rem;
	}

	.GiftCard_Item_List_Box_Mds {
	margin-bottom: 2rem;
	font-size: 2.4rem;
	}

	/* Sub */
	.GiftCard_Item_Sub {
	margin-top: 3rem;
	padding: 0 16rem;
	}

	.GiftCard_Item_Sub_Each {
	padding: 1.2rem;
	}

	.GiftCard_Item_Sub_Photo {
	width: 10rem;
	}

	.GiftCard_Item_Sub_Name {
	padding-left: 2rem;
	padding-bottom: 0.1rem;
	font-size: 1.6rem;
	}

}


/* 他の金額 --------------------------------------------------- */

.GiftCard_Item_OtherPrice_List {
display: flex;
align-items: center;
justify-content: center;
}

.GiftCard_Item_OtherPrice_List a {
font-weight: 500;
text-decoration: underline;
text-underline-offset: 0.4rem;
color: var(--base);
}

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

	.GiftCard_Item_OtherPrice {
	margin-top: 1rem;
	margin-bottom: 2.5rem;
	}

	.GiftCard_Item_OtherPrice_Mds {
	font-size: 1.1rem;
	text-align: center;
	}

	.GiftCard_Item_OtherPrice_List {
	gap: 1rem;
	margin-top: 0.2rem;
	}

	.GiftCard_Item_OtherPrice_List a {
	font-size: 1.2rem;
	}

	.GiftCard_Item_OtherPrice_List a small {
	font-size: 1rem;
	}

}

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

	.GiftCard_Item_OtherPrice {
	margin-top: 0.5rem;
	}

	.GiftCard_Item_OtherPrice_Mds {
	font-size: 1.6rem;
	text-align: center;
	}

	.GiftCard_Item_OtherPrice_List {
	gap: 1.6rem;
	margin-top: 0.5rem;
	}

	.GiftCard_Item_OtherPrice_List a {
	font-size: 1.5rem;
	}

}


/* あそび場 --------------------------------------------------- */

.GiftCard_Item_Contents:nth-of-type(1) .GiftCard_Item_Playground {
border: 4px solid color-mix(in srgb, var(--c1) 40%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_Playground {
border: 4px solid color-mix(in srgb, var(--c2) 40%, transparent);
}

.GiftCard_Item_Playground_Each {
display: flex;
align-items: center;
font-weight: 500;
}

.GiftCard_Item_Contents:nth-of-type(1) .GiftCard_Item_Playground_Each {
border-top: 1px dashed color-mix(in srgb, var(--c1) 60%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(1) .GiftCard_Item_Playground_Each:first-of-type {
border-top: 2px dashed color-mix(in srgb, var(--c1) 60%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_Playground_Each {
border-top: 1px dashed color-mix(in srgb, var(--c2) 60%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_Playground_Each:first-of-type {
border-top: 2px dashed color-mix(in srgb, var(--c2) 60%, transparent);
}

.GiftCard_Item_Playground_Lead {
flex: 1;
letter-spacing: 0.1em;
font-feature-settings: "palt";
}

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

	.GiftCard_Item_Playground {
	margin-top: 2rem;
	padding: 1rem 1.6rem;
	border-radius: 1rem;
	}

	.GiftCard_Item_Playground_Mds {
	font-size: 1.4rem;
	text-align: center;
	}

	.GiftCard_Item_Playground_Each {
	margin-top: 1rem;
	padding-top: 1rem;
	}

	.GiftCard_Item_Playground_Photo {
	width: 6rem;
	}

	.GiftCard_Item_Playground_Lead {
	padding-left: 1.6rem;
	font-size: 1.2rem;
	line-height: 1.5;
	}

}

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

	.GiftCard_Item_Playground {
	margin-top: 4rem;
	padding: 1.6rem 2rem;
	border-radius: 1.2rem;
	}

	.GiftCard_Item_Playground_Mds {
	font-size: 2rem;
	text-align: center;
	}

	.GiftCard_Item_Playground_Each {
	margin-top: 1.6rem;
	padding-top: 1.6rem;
	}

	.GiftCard_Item_Playground_Photo {
	width: 10rem;
	}

	.GiftCard_Item_Playground_Lead {
	padding-left: 2rem;
	font-size: 1.6rem;
	}

}


/* LINEギフト --------------------------------------------------- */

.GiftCard_Item_Line {
text-align: center;
}

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

	.GiftCard_Item_Line {
	margin-top: 2rem;
	}

	.GiftCard_Item_Line_Lead {
	font-size: 1.2rem;
	}

}

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

	.GiftCard_Item_Line {
	margin-top: 2rem;
	}

	.GiftCard_Item_Line_Lead {
	font-size: 1.3rem;
	}

}


/* eGiftとは？ --------------------------------------------------- */

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_About {
border-radius: 0.8rem;
background-color: color-mix(in srgb, var(--c2) 8%, transparent);
}

.GiftCard_Item_About_Mds {
color: var(--c2);
}

.GiftCard_Item_About_Each {
display: flex;
align-items: center;
}

.GiftCard_Item_Contents:nth-of-type(1) .GiftCard_Item_About_Each {
border-top: 1px dashed color-mix(in srgb, var(--c1) 60%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(1) .GiftCard_Item_About_Each:first-of-type {
border-top: 2px dashed color-mix(in srgb, var(--c1) 60%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_About_Each {
border-top: 1px dashed color-mix(in srgb, var(--c2) 60%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_About_Each:first-of-type {
border-top: 2px dashed color-mix(in srgb, var(--c2) 60%, transparent);
}

.GiftCard_Item_About_Detail {
flex: 1;
}

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

	.GiftCard_Item_About {
	margin-top: 2rem;
	padding: 1.2rem 1.6rem 2rem;
	}

	.GiftCard_Item_About_Mds {
	font-size: 1.8rem;
	text-align: center;
	}

	.GiftCard_Item_About_Each {
	margin-top: 1.2rem;
	padding-top: 1.6rem;
	}

	.GiftCard_Item_About_Photo {
	width: 6rem;
	}

	.GiftCard_Item_About_Detail {
	padding-left: 1rem;
	}

	.GiftCard_Item_About_Detail_Mds {
	font-size: 1.3rem;
	}

	.GiftCard_Item_About_Detail_Lead {
	margin-top: 0.5rem;
	font-size: 1.2rem;
	}

	.GiftCard_Item_About_Detail_Notice {
	margin-top: 0.5rem;
	font-size: 1rem;
	}

}

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

	.GiftCard_Item_About {
	margin-top: 4rem;
	padding: 1.6rem 4rem 3rem;
	}

	.GiftCard_Item_About_Mds {
	font-size: 2.4rem;
	text-align: center;
	}

	.GiftCard_Item_About_Each {
	margin-top: 1.6rem;
	padding-top: 1.6rem;
	}

	.GiftCard_Item_About_Photo {
	width: 13rem;
	padding-left: 2rem;
	}

	.GiftCard_Item_About_Detail {
	padding-left: 3rem;
	}

	.GiftCard_Item_About_Detail_Mds {
	font-size: 1.8rem;
	}

	.GiftCard_Item_About_Detail_Lead {
	margin-top: 0.5rem;
	font-size: 1.6rem;
	}

	.GiftCard_Item_About_Detail_Notice {
	margin-top: 0.5rem;
	font-size: 1.2rem;
	}

}


/* ご相談 --------------------------------------------------- */

.GiftCard_Item_Contents:nth-of-type(1) .GiftCard_Item_Consultation {
border-top: 4px solid color-mix(in srgb, var(--c1) 40%, transparent);
}

.GiftCard_Item_Contents:nth-of-type(2) .GiftCard_Item_Consultation {
border-top: 4px solid color-mix(in srgb, var(--c2) 40%, transparent);
}

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

	.GiftCard_Item_Consultation {
	margin-top: 3rem;
	padding-top: 1.5rem;
	text-align: center;
	}

	.GiftCard_Item_Consultation_Mds {
	font-size: 1.4rem;
	}

	.GiftCard_Item_Consultation_Lead {
	margin-top: 1rem;
	font-size: 1.2rem;
	}

	.GiftCard_Item_Consultation_Tel {
	margin-top: 0.5rem;
	font-size: 1.2rem;
	}

	.GiftCard_Item_Consultation_Mail {
	margin-top: 0.5rem;
	font-size: 1.2rem;
	}

}

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

	.GiftCard_Item_Consultation {
	margin-top: 5rem;
	padding-top: 3rem;
	text-align: center;
	}

	.GiftCard_Item_Consultation_Mds {
	font-size: 2rem;
	}

	.GiftCard_Item_Consultation_Lead {
	margin-top: 2rem;
	font-size: 1.6rem;
	}

	.GiftCard_Item_Consultation_Tel {
	margin-top: 1rem;
	font-size: 1.6rem;
	}

	.GiftCard_Item_Consultation_Tel a {
	color: var(--base);
	}

	.GiftCard_Item_Consultation_Mail {
	margin-top: 1rem;
	font-size: 1.6rem;
	}

}



/* ■ ページ下部バナー ==================================================================================== */

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

	.GiftCard_Banner {
	margin-top: 1.6rem;
	padding: 0 1.6rem;
	}

}

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

	.GiftCard_Banner {
	max-width: 48rem;
	margin: 2.4rem auto 0;
	}

}



/* ■ ページ下部共通 ==================================================================================== */

/*
おすすめ特集
ページ下部バナー
パンくず
*/


/* おすすめ特集 --------------------------------------------------- */

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

	.RecCamp_ {
	margin-top: 3rem;
	}

}

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

	.RecCamp_ {
	margin-top: 3rem;
	}

}


/* ページ下部バナー --------------------------------------------------- */

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

	.BannerList_Wrap {
	margin-top: 5rem;
	padding: 0 1.6rem;
	}

}

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

	.BannerList_Wrap {
	margin-top: 10rem;
	}

}


/* パンくず --------------------------------------------------- */

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

	.BreadCrumb_Wrap::before {
	left: 1.6rem;
	}

	.BreadCrumb_Wrap::after {
	width: 1.6rem;
	}

	.BreadCrumbUnit {
	padding-left: 1.6rem;
	}

}

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

	.BreadCrumb_Wrap {
	margin-bottom: 8rem;
	}

}