@charset "UTF-8";


/*
■ 汎用
■ 共通
■ TOPページ
■ あそび場イベント
■ ショップイベント
■ おすすめ夏商品
■ マグ・フォーマー
■ フッター（Footer）
■ polygon
■ slick
*/



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

/*
slick：読み込み時のレイアウトずれ対策
ローディング
LINEクーポン
マンスリーパス
プレイヴィル
背景
商品一覧
下層ページヘッダー
導入
下部バナー
おすすめ特集
*/


/* オーバーレイ背景指定  ----------------------------------------------- */
:root {
--color-overlay: rgba(0,0,0,0.3);
}


/* slick：読み込み時のレイアウトずれ対策 ----------------------------------------------- */

#Mv_Slide > li:not(:first-child) {
display: none;
}

    
/* ローディング ----------------------------------------------- */

#Loading {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
z-index: 40000;
width: 100vw;
height: 100vh;
transition: all 1s;
background-color: #e5e647;
}

.Loading_Done {
opacity: 0;
visibility: hidden;
}

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

	#Loading img {
	/* width: 20rem; */
	width: 30rem;
	transform: translateX(3rem);
	transform: translateY(-3rem);
	}

}

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

	#Loading img {
	/* width: 30rem; */
	width: 40rem;
	transform: translateX(3rem);
	}

}


/* お買い上げプレゼント（ポップアップ） ----------------------------------------------- */
#ModalNoveltyVersatile_Wrap {
z-index: 1000;
}

@media only screen and (max-width: 767px) {
	
	#ModalNoveltyVersatile_Btn {
	bottom: 1.6rem !important;
	right: 1.6rem !important;
	}

}


/* LINEクーポン ----------------------------------------------- */

#LineCoupon a {
display: block;
background: #fff url(/assets_cp/summer2025/img/Icon_LinkFwd3.png) no-repeat;
border-color: #06c755 !important;	
}
	
#LineCoupon .InBox {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
}

#LineCoupon .MdsBefore {
display: inline-block;
position: relative;
font-weight: bold;
color: #f0425a;
line-height: 1.0em;
letter-spacing: 0.1em;
}

#LineCoupon .MdsBefore:before,
#LineCoupon .MdsBefore:after {
display: block;
position: absolute;
top: 0;
background: #f0425a;
content: "";
}

#LineCoupon .MdsBefore:before {
left: 0;
transform: rotate(-24deg);
}

#LineCoupon .MdsBefore:after {
right: 0;
transform: rotate(24deg);
}

#LineCoupon .Lead {
font-weight: 700;
color: #000;
}

@media only screen and (max-width: 767px) {
	
	#LineCoupon {
	margin-top: 2.5rem;
	padding: 0 1.5rem;
	}
	
	#LineCoupon a {
	padding: 2.5rem 2rem;
	background-size: 16px auto;
	background-position: 96% 50%;
	border: 3px solid; 	
	}
	
	#LineCoupon .IconBox {
	max-width: 4.5rem;
	}

	#LineCoupon .LeadBox {
	padding-left: 1rem;		
	}

	#LineCoupon .MdsBefore {
	padding: 0 10px;
	font-size: 10px;
	}

	#LineCoupon .MdsBefore:before,
	#LineCoupon .MdsBefore:after {
	width: 2px;
	height: 10px;
	}

	#LineCoupon .Lead {
	margin-top: 0;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}
		
}

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

	#LineCoupon a {
	padding: 1.5rem 1.5rem;
	}		

	#LineCoupon .IconBox {
	max-width: 3.5rem;
	}
	
	#LineCoupon .MdsBefore {
	padding: 0 8px;
	font-size: 9px;
	}

	#LineCoupon .Lead {
	font-size: 13px;
	}

}

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

	#LineCoupon {
	margin: 55px auto 0 auto;
	}

	#LineCoupon a {
	padding: 3.5rem 0;
	background-size: 25px auto;
	background-position: 96.5% 50%;
	border: 5px solid; 	
	}

	#LineCoupon .InBox {
	justify-content: center; 
	}

	#LineCoupon .IconBox {
	width: 6rem;	
	}

	#LineCoupon .LeadBox {
	padding-left: 2.5rem;		
	}

	#LineCoupon .MdsBefore {
	padding: 0 2rem;
	}

	#LineCoupon .MdsBefore:before,
	#LineCoupon .MdsBefore:after {
	width: 0.2rem;
	height: 2rem;
	}

	#LineCoupon .Lead {
	margin-top: 0;
	font-size: 20px;
	letter-spacing: 0.2em;
	}

}

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

	#LineCoupon {
	max-width: 94rem;
	}
				
}



/* マンスリーパス ----------------------------------------------- */

#BnrMonthlyPass a {
display: block;
background: #fff url(/assets_cp/summer2025/img/Icon_LinkFwd2.png) no-repeat;
border-color: #4a8de9 !important;	
}

#BnrMonthlyPass .Lead {
font-weight: 700;
color: #000;
text-align: center;
}

@media only screen and (max-width: 767px) {
	
	#BnrMonthlyPass {
	padding: 0 1.5rem;
	}
	
	#BnrMonthlyPass a {
	padding: 1.2rem 1.5rem;
	background-size: 16px auto;
	background-position: 96.5% 50%;
	border: 3px solid; 	
	}

	#BnrMonthlyPass .Lead {
	margin-top: 0;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}
		
}

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



}

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

	#BnrMonthlyPass {
	margin: 0 auto;
	}
	
	#BnrMonthlyPass a {
	padding: 3rem 0;
	background-size: 25px auto;
	background-position: 98% 50%;
	border: 5px solid; 	
	}	

	#BnrMonthlyPass .Lead {
	margin-top: 0;
	font-size: 22px;
	letter-spacing: 0.1em;
	}

}

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

	#BnrMonthlyPass {
	max-width: 94rem;
	}
				
}



/* プレイヴィル ----------------------------------------------- */

#BnrPlayville a {
display: block;
background: #fff url(/assets_cp/summer2025/img/Icon_LinkFwd4.png) no-repeat;
border-color: #df8c35 !important;	
}

#BnrPlayville .Lead {
font-weight: 700;
color: #000;
text-align: center;
}

@media only screen and (max-width: 767px) {
	
	#BnrPlayville {
	margin: 1rem auto 3rem auto;
	padding: 0 1.5rem;
	}
	
	#BnrPlayville a {
	padding: 1.2rem 1.5rem;
	background-size: 16px auto;
	background-position: 96.5% 50%;
	border: 3px solid; 	
	}

	#BnrPlayville .Lead {
	margin-top: 0;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	}
		
}

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


}

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

	#BnrPlayville {
	margin: 2.5rem auto 5.5rem auto;
	}

	#BnrPlayville a {
	padding: 3rem 0;
	background-size: 25px auto;
	background-position: 98% 50%;
	border: 5px solid; 	
	}	

	#BnrPlayville .Lead {
	margin-top: 0;
	font-size: 22px;
	letter-spacing: 0.1em;
	}

}

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

	#BnrPlayville {
	max-width: 94rem;
	}
				
}



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

.LinkSoon {
background-image: none !important;
opacity: 0.5;
pointer-events: none;
}	

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

	a.Tel {
	color: #000;
	pointer-events: none;
	}	

}


/* 背景 ----------------------------------------------- */

@media only screen and (max-width: 767px) {
	
	/* .SubPage {
	padding: 25px 0 0 0;
	background: url(/assets_cp/summer2025/img/header/Texture_Title_Bg_SP.jpg?ver=240717) no-repeat center top;
	background-size: 100% auto;
	} */

}

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

	/* .SubPage {
	padding: 35px 0 0 0;
	background: url(/assets_cp/summer2025/img/header/Texture_Title_Bg_PC.jpg?ver=240717) no-repeat center top;
	background-size: 100% auto;
	} */
	
}



/* 商品一覧 ----------------------------------------------- */

.ListItem .IconSoon {
display: inline-block;
font-weight: bold;
text-align: center;
color: #fff;
}	

.ListItem .Lead1 {
font-weight: bold;
color: #5a9abe;
letter-spacing: 0.01em;
}

.ListItem .Lead1 small {
display: block;
}

.ListItem .Lead2 {
color: #000;
letter-spacing: 0.02em;
}

.ListItem .Lead2 .Item_Price_Yen2 {
display: inline-block;
}

.ListItem .Lead2 .IconAge {
display: inline-block;
border-radius: 50px;
background: #f29837;
color: #fff;
line-height: 1.0em;
text-align: center;
vertical-align: middle;
}	

.ListItem .Lead3 {
color: #000;
line-height: 1.8em;
letter-spacing: 0;
}

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

	.ListItem {
	margin-top: 3rem;
	}

	.ListItem li {
	margin-bottom: 30px !important;
	}
	
	.ListItem.Col2_SP li:last-child,
	.ListItem.Col2_SP li:nth-last-child(2) {
	margin-bottom: 0 !important;
	}

	.ListItem .Photo {
	margin-bottom: 7px;
	}

	.ListItem .IconSoon {
	margin-bottom: 10px;
	padding: 0 5px;
	font-size: 12px;
	}	

	.ListItem .Lead1 {
	line-height: 1.4em;
	}
	
	.ListItem .Lead2 {
	margin-top: 2px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.9em;
	}

	.ListItem .Lead2 .Item_Price_Yen2 {
	margin-right: 0.2rem;
	font-size: 0.8rem;
	}
	
	.ListItem .Lead2 .IconAge {
	margin-top: -4px;
	margin-left: 0.5rem;
	padding: 3px 6px;
	font-size: 10px;
	}

	.ListItem .Lead3 {
	margin-top: 6px;
	font-size: 11px;
	line-height: 1.6em;
	}

}

@media only screen and (max-width: 372px) {
	
	.ListItem .Lead2 .IconAge {
	display: block;
	width: 50%;
	margin-top: 2px;
	}

	.ListItem .Lead3 {
	margin-top: 10px;
	}
		
}

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

	.ListItem {
	margin-top: 5rem;
	}

	.ListItem::after {
    display: block;
    width: 32%;
    height: 0;
    content: "";
	}
	
	.ListItem li {
	margin-bottom: 35px !important;
	}
	
	.ListItem.Col2_PC li:last-child,
	.ListItem.Col2_PC li:nth-last-child(2) {
	margin-bottom: 0 !important;
	}
	
	.ListItem.Col3_PC li:last-child,
	.ListItem.Col3_PC li:nth-last-child(2),
	.ListItem.Col3_PC li:nth-last-child(3) {
	margin-bottom: 0 !important;
	}
	
	.ListItem .Photo {
	margin-bottom: 15px;
	}

	.ListItem .IconSoon {
	margin-bottom: 10px;
	padding: 0 8px;
	font-size: 13px;
	}	

	.ListItem .Lead1 {
	font-size: 18px;
	line-height: 1.6em;
	}
	
	.ListItem .Lead1 small {
	display: block;
	font-size: 80%;
	}
	
	.ListItem .Lead2 {
	margin-top: 12px;
	font-size: 1.8rem;
	line-height: 1.5em;
	}

	.ListItem .Lead2 .Item_Price_Yen2 {
	margin-right: 0.2rem;
	font-size: 1.2rem;
	}
		
	.ListItem .Lead3 {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.8em;
	}
	
	.ListItem .Lead2 .IconAge {
	margin-top: -3px;
	margin-left: 0.8rem;
	padding: 4px 8px;
	font-size: 12px;
	}

}



/* 下層ページヘッダー ----------------------------------------------- */

.SubPage #Header .Title img {
width: 100%;
height: auto;
}

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

}

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

}

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


}

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


}



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

.SubPage .SectionIntro .Lead {
font-weight: bold;
text-align: center;
letter-spacing: 0.05em;
}

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

	.SubPage .SectionIntro {
	padding-bottom: 3rem;
	}
		
	.SubPage .SectionIntro .Lead {
	font-size: 1.8rem;
	line-height: 1.5em;
	}

}

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

	.SubPage .SectionIntro {
	padding: 0 0 9rem 0;
	}
	
	.SubPage .SectionIntro .Lead {
	font-size: 2.6rem;
	line-height: 1.6em;
	}
	
}

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

	.SubPage .SectionIntro {
	padding: 0 0 10rem 0;
	}

}



/* ローカルナビ ----------------------------------------------- */

.SubPage #LocalNav {
position: relative;
}

.SubPage #LocalNav .IconNavSoon {
position: absolute;
top: 0;
right: 0;
}

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

	.SubPage #LocalNav {
	margin-top: -3rem;
	}

	/* .SubPage #LocalNav .IconNavSoon {
	width: 4.65rem;
	top: -0.5rem;
	right: 1.7rem;
	} */

}

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

	.SubPage #LocalNav {
	margin-top: -2.5rem;
	}

	/* .SubPage #LocalNav .IconNavSoon {
	width: 4.65rem;
	right: 1.2rem;
	} */

}

@media (orientation: landscape) and (max-width: 767px){

	.SubPage #LocalNav .IconNavSoon {
	width: 5.65rem;
	top: 0.5rem;
	right: 4.5rem;
	}

}

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

	.SubPage #LocalNav {
	margin-top: -8rem;
	}

	/* .SubPage #LocalNav .IconNavSoon {
	width: 5.7rem;
	top: 0.5rem;
	right: 4rem;
	} */
	
}

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

	/* .SubPage #LocalNav .IconNavSoon {
	width: 8.7rem;
	top: -0.5rem;
	right: -3rem;
	}	 */

}



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

@media only screen and (max-width: 767px) {
	
	.Banner_Wrap {
	margin: 3rem 1.6rem 0 1.6rem;
	}

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

	.Banner_Wrap {
	margin: 6rem auto 0 auto;
	}
	
	#CampaginBanner1 {
	max-width: 54rem;
	margin: 0 auto;
	}
			
}



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

.RecommendedMenuCampaign .BorderL {
position: relative;
}

.RecommendedMenuCampaign .BorderL:before {
display: block;
width: 100%;
background: #0068B6;
content: "";
}	

.RecommendedMenuCampaign .ItemList li .Lead {
color: #0068B6;
}	

.RecommendedMenuCampaign .ItemList li .Lead  span {
display: block;
}
	
@media only screen and (max-width: 767px) {
	
	.RecommendedMenuCampaign {
	margin: 3rem 1.6rem 0 1.6rem;
	}
	
	.RecommendedMenuCampaign h2 {
	margin-bottom: 15px;	
	font-size: 1.7rem;
	line-height: 1.0em;	
	}

	.RecommendedMenuCampaign .BorderL:before {
	height: 0.2rem;
	margin-bottom: 1.5rem;
	border-radius: 50px;
	}	

	.RecommendedMenuCampaign .ItemList li {
	width: 31%;
	margin: 0 3.5% 1.75% 0;
	}
	
	.RecommendedMenuCampaign .ItemList li:nth-child(3n) {
	margin-right: 0;
	}
	
	.RecommendedMenuCampaign .ItemList li {
	width: 100%;
	padding: 0.8rem 0;
	border-bottom: 1px solid #E6E6E6;
	}
	
	.RecommendedMenuCampaign .ItemList li a {
	display: flex !important;
	align-items: center;
	}

	.RecommendedMenuCampaign .ItemList li .ItemPhoto {
	width: 94px;
	}		

	.RecommendedMenuCampaign .ItemList li .ItemPhoto img {
	width: 94px;
	height: 78px;
	}

	.RecommendedMenuCampaign .ItemList li .Lead {
	flex: 1;		
	padding-left: 1.6rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.5;
	}
	
	.RecommendedMenuCampaign .ItemList li .Lead span {
	font-weight: 400;
	line-height: 1.5;
	}	

}


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

	.RecommendedMenuCampaign {
	width: 100%;
	margin: 6rem auto 0 auto;
	padding: 0 5rem;
	}
	
	.RecommendedMenuCampaign h2 {
	margin: 0 0 2.5rem 0;
    font-size: 1.5em;	
	}

	.RecommendedMenuCampaign .BorderL:before {
	height: 0.3rem;
	margin-bottom: 1.5rem;	
	border-radius: 50px;
	}

	.RecommendedMenuCampaign .ItemList {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 2.5rem;
	margin-top: 2rem;
	}

	.RecommendedMenuCampaign .ItemList li .ItemPhoto {
	display: table-cell;
	width: 16.9rem;
	padding-right: 15px;
	}
	
	.RecommendedMenuCampaign .ItemList li .ItemPhoto img {
	width: 100%;
	height: auto;
	}
		
	.RecommendedMenuCampaign .ItemList li .Lead {
	display: table-cell;
	font-size: 1.8rem;
	font-weight: 700;	
	line-height: 1.6em;
	vertical-align: middle;
	}
		
	.RecommendedMenuCampaign .ItemList li .Lead  span {
	font-weight: 400;
	line-height: 1.6em;
	}
	
}

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

	.RecommendedMenuCampaign {
	max-width: 94rem;
	padding: 0;
	}	

}






/* ■ TOPページ ==================================================================================== */

/*
■ ヘッダー（Header）
■ ローカルナビ
■ 導入
■ セクション共通
■ 2025のPLAY CAMPテーマはあそびで自分の好きを発見！
■ どんなプログラム？
■ フッター（Footer）
*/


.TopPage #Wrapper {
overflow: hidden;
}


/* 装飾イラスト ----------------------------------------------- */

.TopPage .Pict {
position: absolute;
z-index: 100;
}

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

	.TopPage .Pict_Footer_Info {
	top: -11rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 30rem;
	}

	.TopPage .Pict_Person1 {
	top: -7rem;
	left: 0.5rem;
	width: 5.7rem;	
	}

	.TopPage .Pict_Person2 {
	top: -9rem;
	left: -1.5rem;
	width: 11.5rem;
	}

	.TopPage .Pict_Person3 {
	top: -4.5rem;
	right: 0.5rem;
	width: 6.2rem;
	}

	.TopPage .Pict_Snake {
	top: -6rem;
	left: 30%;
	width: 3.9rem;
	}

	.TopPage .Pict_PaperAirplane {
	right: -6rem;
	bottom: -3rem;
	width: 10rem;
	}

	.TopPage .Pict_Butterfly {
	top: -8rem;
	right: -1rem;
	width: 8.2rem;
	}

	.TopPage .Pict_Crafts {
	left: -1rem;
	bottom: -2rem;
	width: 11.3rem;
	}
}

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


}

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

	.TopPage .Pict_Footer_Info {
	top: -15.5rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 43rem;
	}

	.TopPage .Pict_Person1 {
	top: 3.5rem;
	left: 3.5rem;
	width: 9.4rem;	
	}

	.TopPage .Pict_Person2 {
	top: -23rem;
	left: -2.5rem;
	width: 16.6rem;	
	}

	.TopPage .Pict_Person3 {
	top: -1rem;
	right: 22%;
	width: 9rem;
	}

	.TopPage .Pict_Snake {
	top: -5.2rem;
	left: 39%;
	width: 5.5rem;
	}

	.TopPage .Pict_PaperAirplane {
	top: 10rem;
	right: -10rem;
	width: 21.6rem;
	}

	.TopPage .Pict_Butterfly {
	top: -5rem;
	left: -4rem;
	width: 12.5rem;
	}

	.TopPage .Pict_Crafts {
	right: -4rem;
	bottom: -6rem;
	width: 17.8rem;
	}

}

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

	.TopPage .Pict_Footer_Info {
	top: -15.5rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 43rem;
	}

	.TopPage .Pict_Person1 {
	top: 3.5rem;
	left: 9.5rem;
	width: 11.4rem;	
	}

	.TopPage .Pict_Person2 {
	top: -30rem;
	left: -9rem;
	width: 20.6rem;	
	}

	.TopPage .Pict_Person3 {
	top: -1.5rem;
	right: 22.5%;
	width: 12.4rem;
	}

	.TopPage .Pict_Snake {
	top: -5.2rem;
	left: 39%;
	width: 7.5rem;
	}

	.TopPage .Pict_PaperAirplane {
	top: 18rem;
	right: 3rem;
	width: 22.6rem;
	}

	.TopPage .Pict_Butterfly {
	top: -3rem;
	left: -7rem;
	width: 13.55rem;
	}

	.TopPage .Pict_Crafts {
	right: -7rem;
	bottom: -6rem;
	width: 19.8rem;
	}

}


/* ヘッダー ----------------------------------------------- */

.TopPage #Header {
position: relative;
}

.TopPage #Btn_Instagram {
position: absolute;
}

@media only screen and (max-width: 767px) {
	
	.TopPage #Btn_Instagram {
	right: 0.5rem;
	bottom: 1rem;
	width: 10.5rem;	
	}


}

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

	.TopPage #Btn_Instagram {
	width: 8.5rem;	
	}
	
}

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

	.TopPage #Btn_Instagram {
	right: 0;
	bottom: -2rem;
	width: 13.7rem;	
	}

}

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

	.TopPage #Btn_Instagram {
	right: 2rem;
	bottom: -3rem;
	width: 17.7rem;	
	}
	
}



/* ローカルナビ ----------------------------------------------- */

.TopPage #LocalNav {
position: relative;
/* z-index: 10; */
}

/* .TopPage #LocalNav .IconNavSoon {
position: absolute;
top: 0;
right: 0;
} */
	
@media only screen and (max-width: 767px) {
	
	.TopPage #LocalNav {
	margin-top: -5.2rem;
	padding-bottom: 3rem;
	background: url(/assets_cp/summer2025/img/top/Texture_Bg_Intro_SP.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}

	/* .TopPage #LocalNav .IconNavSoon {
	width: 4.65rem;
	right: 1.7rem;
	} */
	
}

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

	.TopPage #LocalNav {
	margin-top: -4.7rem;
	}

	/* .TopPage #LocalNav .IconNavSoon {
	width: 4.65rem;
	right: 1.2rem;
	margin-top: -0.5rem;
	} */
	
}

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

	.TopPage #LocalNav {
	padding-bottom: 11rem;
	background: url(/assets_cp/summer2025/img/top/Texture_Bg_Intro_PC.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}

	/* .TopPage #LocalNav .IconNavSoon {
	width: 5.7rem;
	top: 0.5rem;
	right: 4rem;
	} */

}

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

	/* .TopPage #LocalNav .IconNavSoon {
	width: 8.7rem;
	top: 0.5rem;
	right: -3rem;
	} */
		
}


/* セクション共通 ----------------------------------------------- */

.TopPage .ContentsnWrap {
background-color: #ecf8dc;
}

.TopPage .SectionMain {
position: relative;
}

/* 見出し・多角形 */
.TopPage .SectionMain .MdsPolygon {
background: #000;
font-weight: 700;
letter-spacing: 0.05em;
z-index: 20;
}

.TopPage .SectionMain .MdsPolygonPh {
margin: 0 auto;
z-index: 20;
}

.TopPage .SectionMain .MdsPolygon .Inside {
background: #fff;
}

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

	/* 見出し・多角形 */
	.TopPage .SectionMain .MdsPolygon {
	width: 98.5%;
	font-size: 2.15rem;
	}
	
}

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

	/* 見出し・多角形 */	
	.TopPage .SectionMain .MdsPolygon {
	width: 99%;
	font-size: 1.85rem;
	}
	
}

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

	.TopPage .SectionMain {
	padding: 0 50px;
	}

	/* 見出し・多角形 */
	.TopPage .SectionMain .MdsPolygon {
	font-size: 3rem;
	line-height: 1.4em;
	}
	
}



/* 2025のPLAY CAMPテーマはあそびで自分の好きを発見！ ----------------------------------------------- */

#SectionOneUp {
position: relative;
}

#SectionOneUp .LeadMain {
font-weight: 500;
}

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

	#SectionOneUp {
	padding: 4rem 0 4rem 0;
	}

	#SectionOneUp h2.MdsPolygonPh {
	margin: 0 1rem;
	}

	#SectionOneUp .LeadMain {
	margin: 2rem 2.5rem 0 2.5rem;
	font-size: 15px;
	line-height: 2.0em;
	letter-spacing: 0.1em;	
	}

}

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

	#SectionOneUp {
	margin-top: -12rem;
	}
	

	#SectionOneUp h2.MdsPolygonPh {
	width: 52rem;
	}

	#SectionOneUp .LeadMain {
	max-width: 83rem;
    margin: 5rem auto 0 auto;
	font-size: 16px;
	line-height: 2.2em;
	letter-spacing: 0.02em;
	}
		
}

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


}



/* どんなプログラム？ ----------------------------------------------- */

#SectionProgram {
position: relative;
}

#SectionProgram .SectionSub {
position: relative;
}

#SectionProgram .SectionSub .SkewLine {
width: 100%;
margin: 0;
padding: 0;
border: 0;
transform: rotate(-0.4deg);
}

#SectionProgram .SectionSub .LeadBox h3.Mds {
font-weight: 700;
line-height: 1.0em;
letter-spacing: 0.1em;
font-feature-settings : "palt";
}	

#SectionProgram .SectionSub:nth-of-type(1) .PhotoBox {
clip-path: polygon(4% 4%, 98% 0, 100% 100%, 0 97%);
}	

#SectionProgram .SectionSub:nth-of-type(2) .PhotoBox {
clip-path: polygon(4% 0, 98% 3%, 100% 100%, 0 96%);
}

#SectionProgram .SectionSub:nth-of-type(3) .PhotoBox {
clip-path: polygon(0 0, 100% 2%, 97% 100%, 2% 97%);
}	

#SectionProgram .SectionSub .IconNum {
font-weight: 800;
line-height: 1.0em;
text-align: center;
color: #fff;
}

#SectionProgram .SectionSub:nth-of-type(1) .IconNum {
background: #df8c35;
clip-path: polygon(3% 0, 100% 0, 100% 98%, 0% 100%);
}

#SectionProgram .SectionSub:nth-of-type(2) .IconNum {
background: #0084b9;
clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
}

#SectionProgram .SectionSub:nth-of-type(3) .IconNum {
background: #be7cb1;
clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
}


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

	#SectionProgram {
	padding: 0 2.5rem 20.5rem 2.5rem;
	}

	#SectionProgram .SectionSub {
	margin-top: 3.5rem;
	}	

	#SectionProgram .SectionSub:first-of-type {
	margin-top: 3rem;
	}	

	#SectionProgram .SectionSub .SkewLine {
	margin-top: 3.5rem;
	border-top: 2px solid #00aeeb;
	}

	#SectionProgram .SectionSub .LeadBox h3.Mds span {
	display: block;
	font-size: 25px;
	text-align: center;	
	}

	#SectionProgram .SectionSub .LeadBox h3.Mds .IconNum {
	margin: 0 auto 15px auto;
	width: 50px;
	height: 50px;
	line-height: 50px; 
	}

	#SectionProgram .SectionSub .LeadBox h3.Mds .Main {
	line-height: 1.4em;; 
	}
	
	#SectionProgram .SectionSub .LeadBox .Lead {
	margin-top: 1.5rem;
	font-size: 14px;
	}	
	
	#SectionProgram .SectionSub .PhotoBox {
	margin-top: 20px;
	}	

	#SectionProgram .SectionSub .IconNum {
	display: block;
	}
	
}

@media only screen and (max-width: 372px) {
	
	#SectionProgram {
	padding-bottom: 13.5rem;
	}
	
	.TopPage #SectionProgram {
	padding-bottom: 11rem;
	}	
	
}
	
@media print, screen and (min-width: 768px) {

	#SectionProgram {
	padding: 9rem 5rem 20rem 5rem;
	}

	#SectionProgram h2.MdsPolygonPh {
	width: 44.9rem;
	}

	#SectionProgram .SectionSub {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin: 8rem auto 0 auto;
	}	

	#SectionProgram .SectionSub:first-of-type {
	margin-top: 5.5rem;
	}

	#SectionProgram .SectionSub:nth-of-type(even) {
	flex-direction : row-reverse;
	}	

	#SectionProgram .SectionSub .SkewLine {
	margin-top: 5rem;
	border-top: 3px solid #00aeeb;
	}	

	#SectionProgram .SectionSub .LeadBox h3.Mds span {
	display: inline-block;
	font-size: 20px;	
	vertical-align: middle;
	}

	#SectionProgram .SectionSub .LeadBox h3.Mds .IconNum {
	width: 40px;
	height: 40px;
	margin-right: 12px;
	padding-left: 3px;
	line-height: 40px; 
	}
	
	#SectionProgram .SectionSub .LeadBox {
	width: 56%;
	}
	
	#SectionProgram .SectionSub .LeadBox .Lead {
	margin-top: 2rem;
	font-size: 15px;
	line-height: 2.0em;
	letter-spacing: 0.05em;
	}	
	
	#SectionProgram .SectionSub .PhotoBox {
	width: 39%;
	margin-left: auto;
	}	

	#SectionProgram .SectionSub:nth-of-type(even) .PhotoBox {
	margin-left: 0;
	margin-right: auto;
	}	

}

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

	#SectionProgram .SectionSub .LeadBox h3.Mds span {
	font-size: 25px;	
	}

	#SectionProgram .SectionSub {
	max-width: 94rem;
	}	
				
}



/* ■ あそび場イベント ==================================================================================== */

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

@media only screen and (max-width: 767px) {
	
	.PageAsobiba .SectionIntro {
	margin-bottom: 3rem;
	padding: 0 0 5rem 0;
	background: #fcca00 url(/assets_cp/summer2025/img/asobiba/Texture_Bg_Intro_SP.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}
	
}

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

	.PageAsobiba .SectionIntro {
	margin-bottom: 6rem;
	background: #fcca00 url(/assets_cp/summer2025/img/asobiba/Texture_Bg_Intro_PC.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}	
				
}

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

	
}



/* セクション共通 ----------------------------------------------- */

.PageAsobiba .SectionPolygon {
background: #fff;
}


	
/* プログラム ----------------------------------------------- */

.PageAsobiba .ContentsnWrap {
background-color: #fbf6cd;
}

.PageAsobiba .SectionMain .MdsBox {
position: relative;
}

.PageAsobiba .SectionMain h2.Mds {
font-weight: 900;
text-align: center;
font-feature-settings: "palt";
}

.PageAsobiba .SectionMain h2.Mds span,
.PageAsobiba .SectionMain h3.Mds span,
.PageAsobiba .SectionMain h4.Mds span {
display: block;
letter-spacing: 0.1em;
}

.PageAsobiba .Icon_Mds_Fukidashi {
position: absolute;
top: 0;
right: 0;
}

.PageAsobiba h3.Mds .Sub {
font-weight: 700;
}

.PageAsobiba h3.Mds .Main {
font-weight: 900;
}

.PageAsobiba #Sec1 h3.Mds .Main {
color: #fcca00;
}

/* .PageAsobiba #Sec2 h3.Mds .Main {
color: #92ba30;
} */

.PageAsobiba .SectionMain .SectionSubIn {
border-color: #fcca00;
}

.PageAsobiba .PolygonSec_Outside.PolygonSec_Set {
background-color: #fcca00;
}

.PageAsobiba .SectionMain .SectionSubIn h4.Mds,
.PageAsobiba .SectionMain .SectionSubIn h5.Mds {
font-weight: 700; 
}

.PageAsobiba .SectionMain .SectionSub .PhotoBox .Note {
font-weight: 400;
letter-spacing: 0.05em;
}

.PageAsobiba .SectionMain .SectionSub .Photo {
clip-path: polygon(3% 1%, 99% 2%, 100% 97%, 0% 100%);
}

.PageAsobiba .SectionMain .SectionSub .NoteBox .Mds {
font-weight: 700;
letter-spacing: 0.15em;
}

.PageAsobiba .SectionMain .SectionSub .NoteBox .Lead {
font-weight: 500;
letter-spacing: 0.15em;
}

.PageAsobiba .SectionMain .SectionSub .LeadMain {
font-weight: 500;
letter-spacing: 0.15em;
}

.PageAsobiba .SectionMain .SectionSub .InfoUnit .Lead {
font-weight: 500;
}

.PageAsobiba .SectionMain .SectionSub .ListOutline dt,
.PageAsobiba .SectionMain .SectionSub .ListOutline .Lead {
font-weight: 500;
}
				
.PageAsobiba .SectionMain .SectionSub .ListOutline dt span {
display: inline-block;
border: 1px solid #000;
border-radius: 25px;
line-height: 1.0em;
text-align: center;
}	

.PageAsobiba .SectionMain .SectionSub .ListOutline dt .Line2 {
border-radius: 13px;
line-height: 1.5em;
}

.PageAsobiba .SectionMain .SectionSub .ListOutline .ListDisc {
margin-top: 0 !important;
}

/* .PageAsobiba .SectionMain .BtnList.Col2_PC {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 2rem;
} */

.PageAsobiba .SectionMain .BtnList li:not(:first-child){
margin-top: 1.5rem;
}

.PageAsobiba #Sec2 .SectionSubIn .SkewLine {
width: 100%;
margin: 0;
padding: 0;
border: 0;
transform: rotate(-0.4deg);
}		

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

	.PageAsobiba .ContentsnWrap {
	padding-bottom: 10.5rem;
	}

	.PageAsobiba .SectionMain {
	padding: 0 1.5rem;
	}
	
	/* .PageAsobiba #Sec1 {
	padding-top: 5rem;
	} */

	.PageAsobiba #Sec1 .Icon_Mds_Fukidashi {
	width: 9.2rem;
	margin-top: -4rem;
	right: 11%;
	}
	
	.PageAsobiba #Sec2 .Icon_Mds_Fukidashi {
	width: 9.2rem;
	margin-top: -4.4rem;
	right: 11%;
	}
		
	.PageAsobiba .SectionMain h2.Mds {
	margin-bottom: 15px;
	}	

	.PageAsobiba .SectionMain h2.Mds .Sub {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 1.5em;
	}

	.PageAsobiba .SectionMain h2.Mds .Main {
	font-size: 24px;
	line-height: 1.4em;
	}

	.PageAsobiba .SectionMain h3.Mds {
	margin-bottom: 15px;
	}

	.PageAsobiba .SectionMain h3.Mds .Sub {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1.5em;
	}

	.PageAsobiba .SectionMain h3.Mds .Main {
	font-size: 21px;
	line-height: 1.4em;
	}

	.PageAsobiba .SectionMain h4.Mds {
	margin-bottom: 15px;
	}

	.PageAsobiba .SectionMain h4.Mds .Sub {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1.5em;
	}

	.PageAsobiba .SectionMain h4.Mds .Main {
	font-size: 19px;
	line-height: 1.4em;
	}
		
	.PageAsobiba .SectionMain .SectionSub {
	margin-top: 10px;
	}		
		
	.PageAsobiba .SectionMain .SectionSub:first-of-type {
	margin-top: 0;
	}

	.PageAsobiba .SectionMain .SectionSub .Inside {
	padding: 4.2rem 3rem 4rem;
	}

	.PageAsobiba .SectionMain .SectionSub .InfoUnit .PhotoBox {
	margin-bottom: 1.4rem;
	}

	.PageAsobiba .SectionMain .SectionSub .InfoUnit .PhotoBox .Photo:not(:first-child){
	margin-top: 1rem;
	}
		
	.PageAsobiba .SectionMain .SectionSub .InfoUnit .LeadMain {
	font-size: 14px;
	}	

	.PageAsobiba .SectionMain .SectionSub .InfoUnit .Lead {
	font-size: 13px;
	}	
	
	.PageAsobiba .SectionMain .SectionSub .ListC {
	margin-top: 1rem;
	}

	.PageAsobiba .SectionMain .SectionSub .PhotoBox .Note {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

	.PageAsobiba .SectionMain .SectionSub .NoteBox  {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 0.2rem solid #000;
	}

	.PageAsobiba .SectionMain .SectionSub .NoteBox .Mds {
	margin-top: 2rem;
	font-size: 1.5rem;
	line-height: 1.6em;
	}

	.PageAsobiba .SectionMain .SectionSub .NoteBox .Lead {
	margin-top: 0.6rem;
	font-size: 1.3rem;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline {
	margin-top: 2rem;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dl {
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 14px;
	letter-spacing: 0.05em;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dl:last-child {
	margin-bottom: 0;
	}
	
	.PageAsobiba .SectionMain .SectionSub .ListOutline dt,
	.PageAsobiba .SectionMain .SectionSub .ListOutline dd {
	display: block;
	width: 100%;
	margin: 0;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dt span {
	width: 37%;
	padding: 5px 0;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dd {
	margin-top: 10px;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline .Lead {
	font-size: 14px;
	}

	.PageAsobiba .SectionMain .SectionSub .BtnS {
	padding-left: 3%;
	padding-right: 0;
	font-size: 12px;
	}
	
	.PageAsobiba #Sec1 .SectionSub .BtnDetailWrap {
	width: 100% !important;
	margin-top: 2rem;	
	}
	
	.PageAsobiba #Sec2 .SectionSub .BtnDetailWrap {
	margin-top: 2rem;
	}
	
	.PageAsobiba .SectionMain .BtnDetailWrap .BtnList {
	width: 100% !important;
	}

	.PageAsobiba .SectionMain .BtnDetailWrap .BtnList .BtnW {
	width: 100%;
	padding-left: 2%;
	}

	.PageAsobiba .SectionMain .BtnList li:not(:first-child){
	margin-top: 1.5rem;
	}

	.PageAsobiba .SectionMain .SectionSubIn {
	margin-bottom: 25px;
	}

	.PageAsobiba #Sec2 .SectionSubIn .SkewLine {
	margin-top: 3.5rem;
	border-top: 2px solid #000;
	}

	.PageAsobiba #Sec2 #Sec2_Sub3 .Inside {
	padding-bottom: 8rem;
	}
			
	.PageAsobiba .ListKomeS {
	margin-top: 10px;
	}

}	

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

	.PageAsobiba .SectionMain .SectionSub .ListOutline dt span {
	width: 40%;
	}
		
	.PageAsobiba .SectionMain .SectionSub .BtnS {
	padding-left: 7.5%;
	font-size: 9px;
	}
	
}
	
@media print, screen and (min-width: 768px) {

	.PageAsobiba .ContentsnWrap {
	padding-bottom: 16rem;
	}

	.PageAsobiba #Sec1 .Icon_Mds_Fukidashi {
	width: 141px;
	margin-top: -9rem;
	right: 12%;
	}

	.PageAsobiba #Sec2 .Icon_Mds_Fukidashi {
	width: 141px;
	margin-top: -9rem;
	right: 12%;
	}
	
	.PageAsobiba .SectionMain h2.Mds {
	margin-bottom: 30px;
	}
	
	.PageAsobiba .SectionMain h2.Mds .Sub {
	margin-bottom: 15px;
	font-size: 24px;
	}

	.PageAsobiba .SectionMain h2.Mds .Main {
	font-size: 38px;
	line-height: 1.0em;
	}	
	
	.PageAsobiba #Sec2 h2.Mds .Sub {
	font-size: 24px;	
	}

	.PageAsobiba #Sec2 h2.Mds .Main {
	font-size: 34px;	
	}

	.PageAsobiba .SectionMain h3.Mds {
	margin-bottom: 15px;
	}

	.PageAsobiba .SectionMain h3.Mds .Sub {
	font-size: 20px;
	}

	.PageAsobiba .SectionMain h3.Mds .Main {
	font-size: 28px;
	line-height: 1.5em;
	}	

	.PageAsobiba .SectionMain h4.Mds {
	margin-bottom: 10px;
	}
	
	.PageAsobiba .SectionMain h4.Mds .Sub {
	font-size: 17px;
	}

	.PageAsobiba .SectionMain h4.Mds .Main {
	font-size: 22px;
	line-height: 1.5em;
	}

	.PageAsobiba .SectionMain .SectionSub {
	margin-top: 20px;
	}

	.PageAsobiba .SectionMain .SectionSub:first-of-type {
	margin-top: 0;
	}

	.PageAsobiba .SectionMain .SectionSub .Inside {
	padding: 60px;
	}

	.PageAsobiba #Sec2 .SectionSub .Inside {
	padding-bottom: 25px;
	}	

	.PageAsobiba #Sec2 #Sec2_Sub3 .Inside {
	padding: 60px;
	}	
	
	.PageAsobiba .SectionMain .SectionSub .ListKomeS {
	margin-top: 5px;
	}
	
	.PageAsobiba .SectionMain .SectionSub .InfoUnit {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    flex-direction : row-reverse
	}				

	.PageAsobiba .SectionMain .SectionSub .InfoUnit .PhotoBox {
	width: 40%;
	}	

	.PageAsobiba .SectionMain .SectionSub .InfoUnit .PhotoBox .Photo:not(:first-child){
	margin-top: 1.8rem;
	}

	.PageAsobiba .SectionMain .SectionSub .PhotoBox .Note {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	line-height: 1.5em;
	}

	.PageAsobiba .SectionMain .SectionSub .NoteBox .Mds {
	margin-top: 1.5rem;
	font-size: 1.6rem;
	line-height: 1.7em;
	}

	.PageAsobiba .SectionMain .SectionSub .NoteBox .Lead {
	margin-top: 0.8rem;
	font-size: 1.5rem;
	line-height: 1.9em;
	}

	.PageAsobiba .SectionMain .SectionSub .InfoUnit .LeadBox {
	width: 55%;
	}

	.PageAsobiba .SectionMain .SectionSub .LeadMain {
	font-size: 16px !important;
	line-height: 1.9em;
	letter-spacing: 0.15em;
	}
	
	.PageAsobiba .SectionMain .SectionSub .ListOutline {
	margin-top: 30px;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dl {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	letter-spacing: 0.05em;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dl:last-child {
	margin-bottom: 0;
	}
	
	.PageAsobiba .SectionMain .SectionSub .ListOutline dt,
	.PageAsobiba .SectionMain .SectionSub .ListOutline dd {
	display: table-cell;
	vertical-align: top;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline dl.Line2 dt,
	.PageAsobiba .SectionMain .SectionSub .ListOutline dl.Line2 dd {
    vertical-align: middle;
    }

	.PageAsobiba .SectionMain .SectionSub#Sec1_Sub3 .ListOutline dl:first-child dt,
	.PageAsobiba .SectionMain .SectionSub#Sec1_Sub3 .ListOutline dl:first-child dd {
	vertical-align: middle;
	}
	
	.PageAsobiba .SectionMain .SectionSub .ListOutline dt {
	width: 29%;
	}					

	.PageAsobiba .SectionMain .SectionSub .ListOutline dd {
	width: 71%;
	padding-left: 15px;
	}
	
	.PageAsobiba .SectionMain .SectionSub .ListOutline dt span {
	width: 100%;
	padding: 5px 0;
	}	

/*
	.PageAsobiba .SectionMain .SectionSub .ListOutline dt .Line2 {
	font-size: 12px;
	}
*/
	
	.PageAsobiba .SectionMain .SectionSub .ListOutline .Lead {
	line-height: 1.8em;
	}

	.PageAsobiba .SectionMain .SectionSub .ListOutline .ListKomeS li {
	margin-bottom: 2px;
	font-size: 12px;
	}
		
	.PageAsobiba .SectionMain .SectionSub .BtnS {
	width: 22.5rem;
	padding: 0.8rem 0 1rem 1.3rem;
	font-size: 11px;
	}

	.PageAsobiba #Sec2 #Sec2_Sub3 .BtnS {
	width: 29rem;
	}
	
	.PageAsobiba .SectionMain .SectionSub .BtnDetailWrap {
	margin-top: 40px;
	}
	
	.PageAsobiba .SectionMain .BtnDetailWrap .BtnList .BtnW {
	width: 40% !important;
	padding-left: 2%;
	}

	.PageAsobiba .SectionMain .BtnDetailWrap .BtnList .Btn:not(:first-child) {
	margin-left: 1rem;	
	}

	.PageAsobiba .SectionMain .BtnList li:not(:first-child){
	margin-top: 1.5rem;
	}

	.PageAsobiba .SectionMain .SectionSubIn {
	margin-bottom: 45px;
	}

	.PageAsobiba #Sec2 .SectionSubIn .SkewLine {
	margin-top: 5rem;
	border-top: 3px solid #000;
	}

	.PageAsobiba #Sec2 .BtnDetailWrap .BtnL {
	max-width: 43.8rem;
	padding: 1.2rem 0 1.2rem 2.2rem;
	}
	
	.PageAsobiba .ListC {
	width: 65%;
	margin: 2rem auto 0 auto !important;
	}
							
}

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

	/* .PageAsobiba #Sec1 {
	padding: 10.5rem 0 11rem 0;
	} */
	
	.PageAsobiba #Sec1 .Icon_Mds_Fukidashi {
	margin-top: -8rem;
	right: 25%;
	}

	.PageAsobiba #Sec2 .Icon_Mds_Fukidashi {
	margin-top: -6.5rem;
	right: 25%;
	}
		
	.PageAsobiba .SectionMain .SectionSub {
	max-width: 94rem;
	margin: 2rem auto 0 auto;
	}

	.PageAsobiba .SectionMain .SectionSub .BtnS {
	width: 22.5rem;
	padding: 0.8rem 0 1rem 1.3rem;
	font-size: 15px;
	}
		
	.PageAsobiba .SectionMain .SectionSub .ListOutline dt {
	width: 23%;
	}					

	.PageAsobiba .SectionMain .SectionSub .ListOutline dd {
	width: 77%;
	padding-left: 15px;
	}
	
	.PageAsobiba .ListC {
	width: 50%;
	}

}



/* ■ ショップイベント ==================================================================================== */

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

@media only screen and (max-width: 767px) {
	
	.PageShop .SectionIntro {
	margin-bottom: 3rem;
	padding: 0 0 5rem 0;
	background: #55c1d8 url(/assets_cp/summer2025/img/shop/Texture_Bg_Intro_SP.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}
	
}

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

	.PageShop .SectionIntro {
	margin-bottom: 6rem;
	/* padding-bottom: 12rem; */
	background: #55c1d8 url(/assets_cp/summer2025/img/shop/Texture_Bg_Intro_PC.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}	
				
}

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

	
}


/* セクション共通 ----------------------------------------------- */

.PageShop .ContentsnWrap {
background-color: #d6f0fa;
}

.PageShop .SectionMain .MdsBox {
position: relative;
}

.PageShop .SectionMain h2.Mds {
text-align: center;
font-feature-settings: "palt";
}

.PageShop .SectionMain h2.Mds span,
.PageShop .SectionMain h3.Mds span {
display: block;
letter-spacing: 0.1em;
}

.PageShop .SectionMain h2.Mds .Sub {
font-weight: 700;
}

.PageShop .SectionMain h2.Mds .Main {
font-weight: 900;
}
	
.PageShop .Icon_Mds_Fukidashi {
position: absolute;
top: 0;
right: 0;
}

.PageShop .BtnDetailWrap .Note {
display: block;
text-align: center;
}

.PageShop .PolygonSec_Outside.PolygonSec_Set {
background-color: #00aeeb;
}

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

	.PageShop .ContentsnWrap {
	padding-bottom: 11rem;
	}

	.PageShop .SectionMain {
	padding: 0 1.5rem;
	}
	
	.PageShop .SectionMain h2.Mds {
	margin-bottom: 2.5rem;
	}

	.PageShop .SectionMain h2.Mds .Main {
	font-size: 20px;
	}

	.PageShop .SectionMain h2.Mds .Sub {
	font-size: 15px;
	}	

	.PageShop .BtnDetailWrap .Note {
	margin-top: 0.5rem;
	font-size: 13px;
	}

	.PageShop .SectionGuid .BtnS {
	padding-left: 15%;
	font-size: 12px;
	}

	.PageShop #Sec1 .BtnDetailWrap {
	margin-top: 20px;
	}

}

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

	.PageShop .SectionMain h2.Mds .Main {
	font-size: 17px;
	}

	.PageShop .SectionMain .BtnDetailWrap a {
	padding-left: 10%;
	background-position: 5% 50%;
	font-size: 13px;
	}

	.PageShop .SectionGuid .BtnS {
	padding-left: 14.5% !important;
	background-size: 12px auto !important;
	font-size: 9px !important;
	}
	
    .PageShop #Sec1 .BtnDetailWrap .BtnL {
	padding-left: 11.5%;
	background-position: 5% 50%;
	font-size: 13px !important;
	}	
	
}
	
@media print, screen and (min-width: 768px) {

	.PageShop .ContentsnWrap {
	padding-bottom: 15rem;
	}

	.PageShop .SectionMain {
	padding: 0 5rem;
	}
	
	.PageShop .SectionMain .MdsBox {
	max-width: 94rem;
	margin-left: auto;
	margin-right: auto;
	}
	
	.PageShop .SectionMain h2.Mds {
	margin-bottom: 4rem;
	}

	.PageShop .SectionMain h2.Mds .Main {
	font-size: 38px;
	line-height: 1.4em;
	}

	.PageShop .SectionMain h2.Mds .Sub {
	margin-top: 1rem;
	font-size: 18px;
	}

	.PageShop .BtnDetailWrap .Note {
	margin-top: 1rem;
	font-size: 13px;
	}

	.PageShop .SectionGuid .BtnS {
	padding-left: 16%;
	}

	.PageShop #Sec1 .BtnDetailWrap {
	margin-top: 2rem;
	}

}

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


}

.PageShop #Sec1 .SectionSubIn h3.Mds {
color: #55c1d8;
font-weight: 900;
letter-spacing: 0.1em;
}

.PageShop #Sec1 .SectionSubIn .Lead {
font-weight: 500;
}
	
@media only screen and (max-width: 767px) {
			
	.PageShop #Sec1 .SectionSub {
	margin: 0;
	}

	.PageShop #Sec1 .SectionSubIn {
	margin-top: 1.5rem;
padding-bottom: 5rem;
	}

	.PageShop #Sec1 .SectionSubIn .Inside {
	padding: 3.6rem 3rem 3rem 3rem;
	}

	.PageShop #Sec1 .SectionSubIn:first-of-type {
	margin-top: 0;
	}

	.PageShop #Sec1 .SectionSubIn:first-of-type .Inside {
	padding-bottom: 6rem;
	}
			
	.PageShop #Sec1 .SectionSubIn h3.Mds {
	font-size: 21px;
	line-height: 1.4em;
	}

	.PageShop #Sec1 .SectionSubIn h3.Mds small {
	display: block;
	margin-top: 2px;
	font-size: 18px;
	}
	
	.PageShop #Sec1 .SectionSubIn .Photo {
	margin-top: 1.5rem;
	font-size: 28px;		
	}
	
	.PageShop #Sec1 .SectionSubIn .Lead {
	margin-top: 2rem;
	}

	.PageShop #Sec1 .SectionSubIn .CateUnit {
	margin-top: 1rem;
	}

	.PageShop #Sec1 .SectionSubIn .CateUnit .Mds {
	font-size: 1.5rem;
	}

	.PageShop #Sec1 .SectionSubIn .CateUnit .Lead {
	margin-top: 0;
	font-size: 1.4rem;
	}

	.PageShop #Sec1 .BtnDetailWrap .BtnL {
	font-size: 14px;
	}
	
}	

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

	.PageShop #Sec1 .ListKomeS {
	width: 80%;
	}

	.PageShop #Sec1 .SectionSubIn .ListKomeS {
	width: 100%;
	}	
	
}
		
@media print, screen and (min-width: 768px) {
		
	.PageShop #Sec1 .SectionSub {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr 1fr;
	max-width: 94rem;
	margin: 0 auto;	
	}

	.PageShop #Sec1 .SectionSubIn .Inside {
	padding: 4.5rem 5rem 5rem 5rem;
	}

	.PageShop #Sec1 .SectionSubIn h3.Mds {
	font-size: 23px;
	line-height: 1.4em;
	}

	.PageShop #Sec1 .SectionSubIn h3.Mds small {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	}

	.PageShop #Sec1 .SectionSubIn .Photo {
	margin-top: 2rem;
	font-size: 28px;
	line-height: 1.4em;
	}						

	.PageShop #Sec1 .SectionSubIn .Lead {
	margin-top: 2.5rem;
	font-size: 1.6rem;
	}	

	.PageShop #Sec1 .SectionSubIn .CateUnit {
	margin-top: 1rem;
	}

	.PageShop #Sec1 .SectionSubIn .CateUnit .Mds {
	font-size: 1.5rem;
	}

	.PageShop #Sec1 .SectionSubIn .CateUnit .Lead {
	margin-top: 0;
	font-size: 1.4rem;
	}

	.PageShop #Sec1 .BtnDetailWrap {
	margin: 2.5rem auto 0 auto;	
	text-align: center;
	}				

	.PageShop #Sec1 .BtnDetailWrap .BtnL {
	max-width: 48rem;
	padding-left: 2.5%;
	padding-right: 0;
	}	
	

			
}

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

			
}	
	
	
/* 旗艦店案内 ----------------------------------------------- */

.PageShop #ShopList .InfoUnit h3.Mds,
.PageShop #Sec2 .SectionSub h3.Mds {
color: #92ba30;
font-weight: 900;
}

.PageShop #ShopList .InfoUnit .Lead,
.PageShop #Sec2 .SectionSub .InfoUnit .LeadBox .Lead {
font-weight: 500;
letter-spacing: 0.2em;
}
    
.PageShop #Sec2 .MdsApplication {
font-weight: 700;
text-align: center;
line-height: 1.5em;
}

.PageShop #Sec2 .SectionGuid {
background: #fdf9d8;
}

.PageShop #Sec2 .SectionGuid .Photo {
clip-path: polygon(2% 1%, 99% 1%, 100% 98%, 0% 100%);
}
		
@media only screen and (max-width: 767px) {

	.PageShop #ShopList {
	margin-top: 3rem !important;
	}
	
	.PageShop #ShopList .Inside {
	padding: 3rem 3rem 8rem;
	}

	.PageShop #Sec1 .ApplicationNav {
	margin-top: 2.5rem;
	}

	.PageShop #Sec1 .ApplicationNav li:not(:first-child){
	margin-top: 1.5rem;
	}

	.PageShop #Sec1 .ApplicationNav .ListBtn a {
	padding-left: 10%;
	background-position: 4% 50% !important;
	font-size: 13px;
	}

	.PageShop #Sec2 .Icon_Mds_Fukidashi {
	width: 9.2rem;
	margin-top: -13%;
	right: 5%;
	}

	.PageShop #Sec2 .SectionSub {
	margin-top: 1rem;
	}

	.PageShop #Sec2 .SectionSub:first-of-type { 
	margin-top: 0;
	}

	.PageShop #Sec2 .SectionSub {
	margin-top: 1rem;
	}

	.PageShop #Sec2 .SectionSub .Inside {
	padding: 3rem 3rem 8rem;
	}

	.PageShop #Sec2 .SectionSub#Shop2 .Inside {
	padding-top: 6rem;
	}

	.PageShop #ShopList .InfoUnit h3.Mds,
	.PageShop #Sec2 .SectionSub .InfoUnit h3.Mds {
	margin-bottom: 0.8rem;
	font-size: 21px;
	}
	
	.PageShop #Sec2 .SectionSub .InfoUnit .Photo {
	margin-bottom: 1.5rem;
	}

	.PageShop #ShopList .ApplicationUnit,
	.PageShop #Sec2 .ApplicationUnit {
	margin-top: 2rem;
	}

	.PageShop #ShopList .MdsApplication,
	.PageShop #Sec2 .MdsApplication {
	padding-top: 1.5rem;
	border-top: 3px solid #000;
	letter-spacing: 0.1em;
	}

	.PageShop #ShopList .ApplicationNav,
	.PageShop #Sec2 .ApplicationNav {
	margin-top: 1.5rem;
	}			

	.PageShop #ShopList .ApplicationNav .ListBtn li:not(:first-child),
	.PageShop #Sec2 .ApplicationNav .ListBtn li:not(:first-child) {
	margin-top: 1rem;
	}

	.PageShop #ShopList .ApplicationNav .ListBtn a,
	.PageShop #Sec2 .ApplicationNav .ListBtn a {
	padding-left: 10%;
	background-position: 4% 50% !important;
	font-size: 13px;
	}

	.PageShop #Sec2 .SectionGuid {
	margin-top: 3rem;
	padding: 2rem;
	}

	.PageShop #Sec2 .SectionGuid h4.Mds {
	font-size: 15px;
	line-height: 1.5em;
	}

	.PageShop #Sec2 .GuidUnit {
	margin-top: 2rem;
	}	

	.PageShop #Sec2 .SectionGuid .SectionSubIn:not(:first-of-type) { 
	margin-top: 3rem;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn h5.Mds {
	margin-top: 1.5rem;
    font-size: 15px;
    line-height: 1.6em;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .Lead {
    margin-top: 1rem;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .ListDisc {
    margin-top: 1.5rem;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .ListDisc li {
    font-size: 13px;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .ListDisc li:before {
	margin-top: -2px;
	}

	.PageShop #Sec2 .BtnDetailWrap {
	margin-top: 2.5rem;
	}

	.PageShop #Sec2 .BtnDetailWrap .BtnL {
	padding-left: 5%;
	padding-right: 0;
	background-position: 6px 50%;
	font-size: 13px;
	}	
						
}	

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

	.PageShop #Sec2 .Icon_Mds_Fukidashi {
	margin-top: -15%;
	right: 5%;
	}
	
	.PageShop #Sec2 .MdsApplication {
	font-size: 14px;
	}
		
	.PageShop #Sec2 .ApplicationNav .ListBtn a {
	padding-left: 10%;
	background-size: 13px auto;
	background-position: 4% 50% !important;
	font-size: 10px;
	}
	
	.PageShop #Sec2 .BtnDetailWrap .BtnL {
	padding-left: 6%;
	background-position: 6px 50%;
	font-size: 10px;
	}
	
}	

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

	.PageShop #ShopList {
	margin-top: 3rem !important;
	}
	
	.PageShop #ShopList .Inside {
	padding: 5rem 5rem 0 5rem;
	}

	.PageShop #Sec1 .ApplicationNav {
	margin-top: 3rem;
	}

	.PageShop #Sec1 .ApplicationNav li:not(:first-child){
	margin-top: 1.5rem;
	}

	.PageShop #Sec1 .ApplicationNav .ListBtn a {
	width: 100% !important;
	padding: 12px 0 12px 15px;
	background-size: 1.5rem auto;
	font-size: 1.4rem;
	}

	.PageShop #Sec2 .Icon_Mds_Fukidashi {
	width: 15.1rem;
	margin-top: -9%;
	right: 5%;
	}		

	.PageShop #Sec2 .SectionSub {
	margin-top: 20px;
	}

	.PageShop #Sec2 .SectionSub .Inside {
	padding: 8rem 5rem 8rem 5rem;
	}

	.PageShop #Sec2 .SectionSub:first-of-type { 
	margin-top: 0;
	}
	
	.PageShop #Sec2 .SectionSub .InfoUnit {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	}				

	.PageShop #ShopList .InfoUnit h3.Mds,
	.PageShop #Sec2 .SectionSub .InfoUnit h3.Mds {
	margin-bottom: 0;
	font-size: 23px;
	}

	.PageShop #Sec2 .SectionSub .InfoUnit .PhotoBox {
	width: 49%;
	}	

	.PageShop #Sec2 .SectionSub .InfoUnit .LeadBox {
	width: 49%;
	}

	.PageShop #ShopList .SectionSub .InfoUnit .Lead,
	.PageShop #Sec2 .SectionSub .InfoUnit .LeadBox .Lead {
	font-size: 15px;
	line-height: 1.8em;
	}				

	.PageShop #ShopList .ApplicationUnit,
	.PageShop #Sec2 .ApplicationUnit {
	margin-top: 4rem;
	}

	.PageShop #ShopList .MdsApplication,	
	.PageShop #Sec2 .MdsApplication {
    display: flex;
    align-items: center;
	font-size: 17px;
	line-height: 1.0em;
	letter-spacing: 0.15em;
	}

	.PageShop #Sec2 .MdsApplication:before,
	.PageShop #Sec2 .MdsApplication:after {
    height: 5px;
    flex-grow: 1;
    background-color: #000;
    content: "";
	}
 
	.PageShop #Sec2 .MdsApplication:before {
    margin-right: 1rem;
	}
 
	.PageShop #Sec2 .MdsApplication:after {
    margin-left: 1rem;
	}

	.PageShop #ShopList .ApplicationNav,	
	.PageShop #Sec2 .ApplicationNav {
	margin-top: 3rem;
	}

	.PageShop #ShopList .ApplicationNav .ListBtn,
	.PageShop #Sec2 .ApplicationNav .ListBtn {
	display: grid;
	gap: 1.5rem 2rem;
	grid-template-columns: 1fr 1fr;
	}

	.PageShop #ShopList .ApplicationNav .ListBtn a,
	.PageShop #Sec2 .ApplicationNav .ListBtn a {
	width: 100% !important;
	padding: 12px 0 12px 15px;
	background-size: 15px auto;
	font-size: 14px;
	}

	.PageShop #Sec2 .SectionGuid {
	margin-top: 6rem;
	padding: 4rem;
	}

	.PageShop #Sec2 .SectionGuid h4.Mds {
	font-size: 20px;
	line-height: 1.0em;
	}
	
	.PageShop #Sec2 .GuidUnit {
	display: grid;
	gap: 3.5rem 4rem;
	grid-template-columns: 1fr 1fr;
	margin-top: 2.5rem;
	}					

	.PageShop #Sec2 .SectionGuid .SectionSubIn h5.Mds {
    margin-top: 2.5rem;
    font-size: 20px;
    line-height: 1.4em;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .Lead {
    margin-top: 1rem;
    font-size: 15px;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .ListDisc {
    margin-top: 1rem;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .ListDisc li {
    font-size: 13px;
	}

	.PageShop #Sec2 .SectionGuid .SectionSubIn .ListDisc li:before {
	margin-top: -2px;
	}

	.PageShop #Sec2 .BtnDetailWrap {
	margin-top: 3rem;
	text-align: center;
	}					

	.PageShop #Sec2 .BtnDetailWrap .BtnL {
	max-width: 44rem;
	padding-left: 2.5%;
	padding-right: 0;
	}	

}

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

	.PageShop #Sec2 .Icon_Mds_Fukidashi {
	margin-top: -7%;
	right: 12%;
	}

	.PageShop #Sec2 .SectionSub {
	max-width: 94rem;
	margin-left: auto;
	margin-right: auto;
	}

	.PageShop #Sec2 .SectionSub .InfoUnit h3.Mds {
	margin-bottom: 0.8rem;
	font-size: 28px;
	}
	
	.PageShop #Sec2 .SectionSub .InfoUnit .PhotoBox {
	width: 46%;
	}	

	.PageShop #Sec2 .SectionSub .InfoUnit .LeadBox {
	width: 49%;
	}

	.PageShop #Sec2 .SectionSub .InfoUnit .LeadBox .Lead {
	font-size: 16px;
	line-height: 1.9em;
	}	

	.PageShop #Sec2 .ApplicationUnit {
	margin-top: 5rem;
	}

	.PageShop #Sec2 .MdsApplication {
	font-size: 18px;
	}

	.PageShop #Sec2 .ApplicationNav {
	margin-top: 4rem;
	}							

	.PageShop #Sec2 .ApplicationNav .ListBtn a {
	background-size: 18px auto;
	font-size: 15px;
	}
	
}



/* ■ おすすめ夏商品 ==================================================================================== */

/* お買い上げプレゼント（ポップアップ）SUMMER PLAY CAMP 2025：おすすめ夏商品 バナー ------ */

#ModalNoveltyVersatile_Bnr {
display: none !important;
}
	
@media only screen and (max-width: 767px) {
	
	.PageRecommend .BtnBuy {
	width: 100% !important;
	}
		
}


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

@media only screen and (max-width: 767px) {
	
	.PageRecommend .SectionIntro {
	/* margin-bottom: 3rem; */
	padding-bottom: 12rem;
	background: #cba6cc url(/assets_cp/summer2025/img/recommend/Texture_Bg_Intro_SP.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}
	
}

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

	.PageRecommend .SectionIntro {
	/* margin-bottom: 6rem; */
	padding-bottom: 18rem;
	background: #cba6cc url(/assets_cp/summer2025/img/recommend/Texture_Bg_Intro_PC.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}	
				
}

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

	
}


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

.PageRecommend .InPageLink ul {
display: grid;
 grid-template-columns: repeat(3, 1fr);
}
	
@media only screen and (max-width: 767px) {

	.PageRecommend .InPageLink {
	margin: -11rem 1.5rem 0 1.5rem;
	}
	
	.PageRecommend .InPageLink ul {
	gap:  0 0.5rem;
	}
	
}

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



}

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

	.PageRecommend .InPageLink {
	margin: -16rem 5rem 0 5rem;
	}

	.PageRecommend .InPageLink ul {
    grid-template-columns: repeat(3, 1fr);
	gap:  0 0.5rem;
	}
	
}



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

	.PageRecommend .InPageLink {
	max-width: 71rem;
	margin: -15rem auto 0 auto;
	}	
	
}	
	


/* ■ セクション共通設定 ------------------------------------------------------------------ */

.PageRecommend .ContentsnWrap {
background-color: #f6e4fa;
}

.PageRecommend .SectionMain .MdsPolygon {
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.0;
color: #fff;
/* background: #000; */
}

.PageRecommend .SectionMain .MdsPolygon,
.PageRecommend .SectionMain .MdsPolygon .Inside {
clip-path: polygon(0 0, 100% 3%, 99% 94%, 1% 100%);
}

.PageRecommend .SectionMain .IntroUnit .PhotoBox {
clip-path: polygon(0 4%, 100% 0, 98% 100%, 1% 98%);
}

.PageRecommend .SectionMain .IntroUnit .LeadBox .LeadMain {
letter-spacing: 0.1em;
 font-feature-settings: "palt";
 }

.PageRecommend .SectionMain .BtnList {
background-image: url(/assets_cp/summer2025/img/recommend/Icon_LinkAllow.png);
background-repeat: no-repeat;
color: #fff;
}
    
@media only screen and (max-width: 767px) {

	/* .PageRecommend .SectionMain {
	padding: 3rem 1.0 3rem 1.5rem;
	} */

	.PageRecommend .SectionMain .Bg_Unit {
	padding: 0 1.5rem;
	}

	.PageRecommend .SectionMain .MdsPolygon {
	font-size: 2rem;
	height: 5.5rem;
	}

	.PageRecommend .SectionMain .IntroUnit {
	margin-top: 1.5rem;
	}
					
	.PageRecommend .SectionMain .IntroUnit .PhotoBox {
	margin-top: 2rem;
	}

    .PageRecommend .SectionMain .BtnList {
    width: 100%;
    margin: 2.5rem auto 0 auto;
    padding: 1.2rem 0;
    background-size: 1.2rem auto !important;    
    background-position: 96% 50%;
    font-size: 1.5rem;
    }

}

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

	.PageRecommend .SectionMain .MdsPolygon {
	font-size: 1.85rem;
	}
		
}

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

	.PageRecommend .SectionMain {
	padding: 6rem 5rem 8rem 5rem;
	}
	
	.PageRecommend .SectionMain .MdsPolygon {
	font-size: 34px;
	height: 8rem;
	}

	.PageRecommend .SectionMain .IntroUnit {
	display: flex;
	margin: 5rem auto 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
	.PageRecommend .SectionMain .IntroUnit .LeadBox {
	width: 50%;
	}

	.PageRecommend .SectionMain .IntroUnit .PhotoBox {
	width: 46%;
	}

	.PageRecommend .SectionMain .IntroUnit .LeadBox .LeadMain {
	font-size: 16px;
	}

    .PageRecommend .SectionMain .BtnList {
    width: 50rem;
    margin: 5rem auto 0 auto;
    padding: 2rem 0;
    background-size: 1.6rem auto !important;  
    background-position: 96% 50%;  
/*     border: 2px solid; */
    font-size: 1.8rem;
    }
    
}

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

	.PageRecommend .SectionMain {
	padding-left: 0;
	padding-right: 0;
	}
		
	.PageRecommend .SectionMain .InBox {
	max-width: 94rem;
	margin: 0 auto;
	}
		
}



/* レジャーで楽しむ ------------------------------------------------------------------ */

.PageRecommend #Sec1 .MdsPolygon .Inside {
background: #cba6cc;	
}

.PageRecommend #Sec1 .BtnList {
background-image: url(/assets_cp/summer2025/img/recommend/Icon_LinkAllow.png) !important;
background-repeat: no-repeat;
background-color: #cba6cc;
}

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

	.PageRecommend #Sec1 {
	padding-top: 4rem;
	padding-bottom: 9rem;
	}

}

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

}
	
@media print, screen and (min-width: 768px) {
	
	.PageRecommend #Sec1 {
	padding-top: 8rem;
	padding-bottom: 20rem;
	}
		
}


/* 家族でワイワイ ------------------------------------------------------------------ */

.PageRecommend #Sec2 .Bg_Unit {
background-color: #fbf6cd;
}

.PageRecommend #Sec2 .MdsPolygon .Inside {
background: #fcca00;
}

.PageRecommend #Sec2 .ListItem .IconSoon {
background: #c47da9;
}

.PageRecommend #Sec2 .BtnList {
background-image: url(/assets_cp/summer2025/img/recommend/Icon_LinkAllow.png) !important;
background-repeat: no-repeat;
background-color: #fcca00 !important;
}

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

	.PageRecommend #Sec2 {
	margin-top: -5rem;
	padding-top: 5rem;
	padding-left: 0;
	padding-right: 0;
	background-image: url(/assets_cp/summer2025/img/recommend/Texture_Bg2_SP.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;	
	}

	.PageRecommend #Sec2 .Bg_Unit {
	padding-bottom: 10rem;
	}

}

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


	
}
	
@media print, screen and (min-width: 768px) {
	
	.PageRecommend #Sec2 {
	margin-top: -14rem;
	padding-top: 15rem;
	padding-left: 0;
	padding-right: 0;
	background-image: url(/assets_cp/summer2025/img/recommend/Texture_Bg2_PC.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;	
	}

	.PageRecommend #Sec2 .Bg_Unit {
	padding-left: 5rem;
	padding-right: 5rem;
	padding-bottom: 10rem;
	}
}


/* Baby Giftで応援！夏のおうち時間 ------------------------------------------------------------------ */

.PageRecommend #Sec3 .Bg_Unit {
background-color: #e9f5cc;
}

.PageRecommend #Sec3 .MdsPolygon .Inside {
background: #a7ce75;
}

.PageRecommend #Sec3 .ListItem .IconSoon {
background: #a7ce75;
}

.PageRecommend #Sec3 .BtnList {
background-image: url(/assets_cp/summer2025/img/recommend/Icon_LinkAllow.png) !important;
background-repeat: no-repeat;
background-color: #a7ce75;
}

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

	.PageRecommend #Sec3 {
	margin-top: -5rem;
	padding-top: 5rem;
	padding-left: 0;
	padding-right: 0;
	background: #fbf6cd url(/assets_cp/summer2025/img/recommend/Texture_Bg3_SP.png) no-repeat center top;
	background-size: 100% auto;	
	}

	.PageRecommend #Sec3 .Bg_Unit {
	padding-bottom: 10rem;
	}

}

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

	
}
	
@media print, screen and (min-width: 768px) {
	
	.PageRecommend #Sec3 {
	margin-top: -14rem;
	padding-top: 15rem;
	padding-left: 0;
	padding-right: 0;
	background: #fbf6cd url(/assets_cp/summer2025/img/recommend/Texture_Bg3_PC.png) no-repeat center top;
	background-size: 100% auto;	
	}


	.PageRecommend #Sec3 .Bg_Unit {
	padding-left: 5rem;
	padding-right: 5rem;
	padding-bottom: 12rem;
	}

}
	


/* ■ マグ・フォーマー ==================================================================================== */

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

.PageSpecial .SectionIntro .LeadSub {
font-weight: 500;
letter-spacing: 0.1em;
}	

.PageSpecial .IntroMovie .Mds_Movie {
font-weight: 700;
letter-spacing: 0.1em;
text-align: center;
}

.PageSpecial .IntroMovie .Movie {
position: relative;	
max-width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}

.PageSpecial .IntroMovie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

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

	.PageSpecial .SectionIntro {
	margin-bottom: 2rem;
	padding: 0 0 5rem 0;
	background: #fa538a url(/assets_cp/summer2025/img/special/Texture_Bg_Intro_SP.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}

	.PageSpecial .SectionIntro .LeadSub {
	margin-top: 1.5rem;
	padding: 0 2.5rem;
	font-size: 1.5rem;
	line-height: 2.0em;
	letter-spacing: 0.1em;
	}

	.PageSpecial .IntroMovie {
	margin-bottom: 3rem;
	}

	.PageSpecial .IntroMovie .MovieUnit {
	margin: 2rem 1.5rem 0 1.5rem;
	}

	.PageSpecial .IntroMovie .Mds_Movie {
	margin-bottom: 1rem;
	font-size: 1.7rem;
	}

}

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


}

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

	.PageSpecial .SectionIntro {
	padding-bottom: 12rem;
	background: #fa538a url(/assets_cp/summer2025/img/special/Texture_Bg_Intro_PC.jpg) no-repeat center bottom;
	background-size: 100% auto;
	}

	.PageSpecial .SectionIntro .LeadSub {
	margin: 3rem auto 0 auto;
	padding: 0 5rem;
	font-size: 1.6rem;
	line-height: 2.2em;
	}

	.PageSpecial .IntroMovie {
	margin-bottom: 5.5rem;
	}

	.PageSpecial .IntroMovie .MovieUnit {
	margin: 0 auto 0 auto;	
	padding: 0 5rem;
	}

	.PageSpecial .IntroMovie .Mds_Movie {
	margin-bottom: 2rem;
	font-size: 2.3rem;
	}

}

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

	.PageSpecial .SectionIntro .LeadSub {
	max-width: 83rem;
	padding: 0;
	}

	.PageSpecial .IntroMovie .MovieUnit {
	max-width: 93rem;
	padding: 0;
	}

	.PageSpecial .IntroMovie .Movie {
	max-width: 93.8rem;
	}

}


/* セクション共通 ----------------------------------------------- */

.PageSpecial .ContentsnWrap {
background-color: #ffe2e6;
}

.PageSpecial .SectionMain .MdsBox {
position: relative;
}

.PageSpecial .Icon_Mds_Fukidashi {
position: absolute;
top: 0;
right: 0;
}

.PageSpecial .SectionMain h2.Mds {
font-weight: 900;
text-align: center;
font-feature-settings: "palt";
}

.PageSpecial .SectionMain h2.Mds span,
.PageSpecial .SectionMain h3.Mds span,
.PageSpecial .SectionMain h4.Mds span {
display: block;
letter-spacing: 0.1em;
}

.PageSpecial h3.Mds .Sub {
font-weight: 700;
}

.PageSpecial h3.Mds .Main {
font-weight: 900;
}

.PageSpecial #Sec1 h3.Mds .Main {
color: #fa538a;
}

.PageSpecial #Sec1 .SectionSubIn {
background: #fdf9d8;
}

.PageSpecial .PolygonSec_Outside.PolygonSec_Set {
background-color: #fa538a;
}

.PageSpecial .SectionMain .SectionSubIn h4.Mds,
.PageSpecial .SectionMain .SectionSubIn h5.Mds {
font-weight: 700; 
}

.PageSpecial .SectionMain .SectionSub .Photo {
clip-path: polygon(3% 1%, 99% 2%, 100% 97%, 0% 100%);
}

.PageSpecial .SectionMain .SectionSub .InfoUnit .LeadMain {
font-weight: 500;
letter-spacing: 0.15em;
}

.PageSpecial .SectionMain .SectionSub .ListInfo .Mds {
font-weight: 700;
}

.PageSpecial .SectionMain .SectionSub .ListInfo .Lead {
font-weight: 500;
}

.PageSpecial .SectionMain .SectionSub .ListInfo .Photo {
clip-path: none !important;
}

.PageSpecial .SectionMain .SectionSub .ListOutline dt,
.PageSpecial .SectionMain .SectionSub .ListOutline .Lead {
font-weight: 500;
}

.PageSpecial .SectionMain .SectionSub .ListOutline dt span {
display: inline-block;
background: #fff;
border: 1px solid #000;
border-radius: 25px;
line-height: 1.0em;
text-align: center;
}	

.PageSpecial .SectionMain .SectionSub .ListOutline dt .Line2 {
border-radius: 13px;
line-height: 1.5em;
}

.PageSpecial #Sec2 .SectionSubIn .SkewLine {
width: 100%;
margin: 0;
padding: 0;
border: 0;
transform: rotate(-0.4deg);
}		

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

	.PageSpecial .ContentsnWrap {
	padding-bottom: 14rem;
	}

	.PageSpecial .SectionMain {
	padding: 0 1.5rem;
	}

	/* .PageSpecial #Sec1 .Icon_Mds_Fukidashi {
	width: 9.2rem;
	margin-top: -4.5rem;
	right: 11%;
	} */

	.PageSpecial .SectionMain h2.Mds {
	margin-bottom: 15px;
	}

	.PageSpecial .SectionMain h2.Mds .Sub {
	margin-bottom: 2px;
	font-size: 16px;
	line-height: 1.5em;
	}

	.PageSpecial .SectionMain h2.Mds .Main {
	font-size: 24px;
	line-height: 1.4em;
	}

	.PageSpecial .SectionMain h3.Mds {
	margin-bottom: 15px;
	}

	.PageSpecial .SectionMain h3.Mds .Sub {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 1.5em;
	}

	.PageSpecial .SectionMain h3.Mds .Main {
	font-size: 1.9rem;
	line-height: 1.4em;
	}

	.PageSpecial .SectionMain .SectionSub {
	margin-top: 10px;
	}

	.PageSpecial .SectionMain .SectionSub:first-of-type {
	margin-top: 0;
	}

	.PageSpecial .SectionMain .SectionSub .Inside {
	padding: 4.2rem 2.5rem 4rem 2.5rem;
	}

	.PageSpecial #Sec2 .SectionSub .LeadBox {
	margin-bottom: 2rem;
	}

	.PageSpecial .SectionMain .SectionSubIn h4.Mds {
	margin-bottom: 0.5rem;
	font-size: 17px;
	line-height: 1.6em;
	}

	.PageSpecial .SectionMain .SectionSub .InfoUnit .PhotoBox {
	margin-top: 1.5rem;
	margin-bottom: 1.4rem;
	}

	.PageSpecial .SectionMain .SectionSub .InfoUnit .PhotoBox .Photo:not(:first-child){
	margin-top: 1rem;
	}

	.PageSpecial .SectionMain .SectionSub .InfoUnit .LeadMain {
	font-size: 14px;
	}

	.PageSpecial .SectionMain .SectionSub .ListC {
	margin-top: 1rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo {
	margin-top: 2rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo .Mds {
	font-size: 1.6rem;
	line-height: 1.6em;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo .Lead {
	margin-top: 1rem;
	font-size: 1.4rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo .Photo {
	margin-top: 1.5rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline {
	margin-top: 2rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dl {
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 14px;
	letter-spacing: 0.05em;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dl:last-child {
	margin-bottom: 0;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dt,
	.PageSpecial .SectionMain .SectionSub .ListOutline dd {
	display: block;
	width: 100%;
	margin: 0;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dd {
	margin-top: 10px;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dt span {
	width: 30%;
	padding: 5px 0;
	}

	.PageSpecial .SectionMain .SectionSub .BtnS {
	padding-left: 3%;
	padding-right: 0;
	font-size: 12px;
	}
	
	.PageSpecial .SectionMain .SectionSub .BtnDetailWrap {
	width: 100% !important;
	margin-top: 2rem;	
	}				

	.PageSpecial .SectionMain .BtnDetailWrap.BtnList {
	width: 100% !important;
	}

	.PageSpecial .SectionMain .BtnDetailWrap.BtnList .BtnW {
	width: 100%;
	padding-left: 2%;
	}
	
	.PageSpecial .SectionMain .BtnDetailWrap.BtnList .BtnW {
	width: 100% !important;
	padding-left: 7%;
	}

	.PageSpecial .SectionMain .BtnDetailWrap.BtnList .Btn:not(:first-child) {
	margin-top: 1.5rem;	
	}

	.PageSpecial .SectionMain .SectionSubIn {
	margin-bottom: 25px;
	}

	.PageSpecial .ListKomeS {
	margin-top: 15px;
	}

	/* お買い上げでノベルティプレゼント ----------------------------------------------- */

	.PageSpecial .SectionMain #Sec1_Sub1 .ListInfo .InfoEach:not(:first-of-type){
	margin-top: 2rem;
	}

	.PageSpecial .SectionMain #Sec1_Sub1 .ListInfo .Photo {
	margin-top: 1.5rem;
	}

	/* お買い上げでノベルティプレゼント ----------------------------------------------- */

	.PageSpecial .SectionMain #Sec1_Sub5 .ListInfo .InfoEach:not(:first-of-type){
	margin-top: 2rem;
	}

}	

@media only screen and (max-width: 372px) {
	
	.PageSpecial .SectionMain .SectionSub .BtnS {
	padding-left: 7.5%;
	}
	
}
	
@media print, screen and (min-width: 768px) {

	.PageSpecial .ContentsnWrap {
	padding-bottom: 17rem;
	}

	.PageSpecial #Sec1 .Icon_Mds_Fukidashi {
	width: 141px;
	margin-top: -10rem;
	right: 12%;
	}
	
	.PageSpecial .SectionMain h2.Mds {
	margin-bottom: 30px;
	}
	
	.PageSpecial .SectionMain h2.Mds .Sub {
	margin-bottom: 15px;
	font-size: 24px;
	}

	.PageSpecial .SectionMain h2.Mds .Main {
	font-size: 38px;
	line-height: 1.0em;
	}	

	.PageSpecial #Sec1 h2.Mds .Main {
	line-height: 1.4em;
	}	

	.PageSpecial .SectionMain h3.Mds {
	margin-bottom: 15px;
	}

	.PageSpecial .SectionMain h3.Mds .Sub {
	font-size: 20px;
	}

	.PageSpecial .SectionMain h3.Mds .Main {
	font-size: 28px;
	line-height: 1.5em;
	}	

	.PageSpecial .SectionMain .SectionSub {
	margin-top: 2rem;
	padding-bottom: 3.5rem;
	}

	.PageSpecial .SectionMain .SectionSub:first-of-type {
	margin-top: 0;
	}
	
	.PageSpecial .SectionMain .SectionSub .Inside {
	padding: 6rem;
	}

	.PageSpecial .SectionMain .SectionSubIn h4.Mds,
	.PageSpecial .SectionMain .SectionSubIn h5.Mds {
	font-weight: 700; 
	}

	.PageSpecial .SectionMain .SectionSubIn h4.Mds {
	font-size: 24px;
	line-height: 1.6em;
	}

	.PageSpecial .SectionMain .SectionSub .ListKomeS {
	margin-top: 5px;
	}
	
	.PageSpecial .SectionMain .SectionSub .InfoUnit {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    flex-direction : row-reverse
	}				

	.PageSpecial .SectionMain .SectionSub .InfoUnit .PhotoBox {
	width: 40%;
	}	

	.PageSpecial .SectionMain .SectionSub .InfoUnit .PhotoBox .Photo:not(:first-child){
	margin-top: 1.8rem;
	}
	
	.PageSpecial .SectionMain .SectionSub .InfoUnit .LeadBox {
	width: 55%;
	}

	.PageSpecial .SectionMain .SectionSub .InfoUnit .LeadMain {
	font-size: 16px !important;
	line-height: 1.9em;
	letter-spacing: 0.15em;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo {
	margin-top: 3rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo .Mds {
	font-size: 1.7rem;
	line-height: 1.6em;
	}

	.PageSpecial .SectionMain .SectionSub .ListInfo .Lead {
	margin-top: 0.5rem;
	font-size: 1.5rem;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline {
	margin-top: 30px;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dl {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
	letter-spacing: 0.05em;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dl:last-child {
	margin-bottom: 0;
	}
	
	.PageSpecial .SectionMain .SectionSub .ListOutline dt,
	.PageSpecial .SectionMain .SectionSub .ListOutline dd {
	display: table-cell;
	vertical-align: top;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dl.Line2 dt,
	.PageSpecial .SectionMain .SectionSub .ListOutline dl.Line2 dd {
	vertical-align: middle;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline dt {
	width: 24%;
	}					

	.PageSpecial .SectionMain .SectionSub .ListOutline dd {
	width: 76%;
	padding-left: 15px;
	}
	
	.PageSpecial .SectionMain .SectionSub .ListOutline dt span {
	width: 100%;
	padding: 5px 0;
	}	

	.PageSpecial .SectionMain .SectionSub .ListOutline .Lead {
	line-height: 1.8em;
	}

	.PageSpecial .SectionMain .SectionSub .ListOutline .ListKomeS li {
	margin-bottom: 2px;
	font-size: 12px;
	}

	.PageSpecial .SectionMain .SectionSub .BtnS {
	width: 23rem !important;
	padding: 0.8rem 0 1rem 1.4rem;
	font-size: 14px;
	}

	.PageSpecial .SectionMain .BtnDetailWrap {
	margin-top: 3.5rem;
	}

	.PageSpecial .SectionMain .BtnDetailWrap.BtnList .BtnW {
	width: 40% !important;
	padding-left: 2%;
	}

	.PageSpecial .SectionMain .BtnDetailWrap.BtnList .Btn:not(:first-child) {
	margin-left: 1rem;
	}
		
	.PageSpecial .SectionMain .SectionSubIn {
	margin-bottom: 2rem;
	}

	.PageSpecial #Sec2 .SectionSubIn .SkewLine {
	margin-top: 5rem;
	border-top: 3px solid #000;
	}

	.PageSpecial #Sec2 .BtnDetailWrap .BtnL {
	max-width: 43.8rem;
	padding: 1.2rem 0 1.2rem 2.2rem;
	}
	
	.PageSpecial .ListC {
	width: 65%;
	margin: 2rem auto 0 auto !important;
	}

	/* お買い上げでノベルティプレゼント ----------------------------------------------- */

	.PageSpecial .SectionMain #Sec1_Sub1 .InfoUnit {
	display: block;
	}

	.PageSpecial .SectionMain #Sec1_Sub1 .ListInfo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 2.5rem;
	}

	/* お買い上げでノベルティプレゼント ----------------------------------------------- */

	.PageSpecial .SectionMain #Sec1_Sub5 .ListInfo .InfoEach:not(:first-of-type){
	margin-top: 2rem;
	}

	.PageSpecial .SectionMain #Sec1_Sub1 .ListInfo .Photo {
	margin-top: 2rem;
	}

}

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

	.PageSpecial #Sec1 .Icon_Mds_Fukidashi {
	margin-top: -7rem;
	right: 30%;
	}

	.PageSpecial .SectionMain .SectionSub {
	max-width: 94rem;
	margin: 2rem auto 0 auto;
	}		

	.PageSpecial .SectionMain .SectionSubIn .LeadBox .LeadMain {
	margin-top: 2rem;
	}
				
	.PageSpecial .SectionMain .SectionSub .ListOutline dt {
	width: 18%;
	}					

	.PageSpecial .SectionMain .SectionSub .ListOutline dd {
	width: 82%;
	padding-left: 15px;
	}
	
	.PageSpecial .ListC {
	width: 50%;
	}
	
}



/* ■ polygon ==================================================================================== */

/*
セクション
画像
*/


/* セクション ----------------------------------------------- */

.PolygonSec_Outside {
position: relative;
width: 100%;
}

.PolygonSec_Inside {
background-color: #fff;
}

.PolygonSec_Outside.PolygonSec_Set {
background-color: #000;
}

.PolygonSec_Inside.PolygonSec_Set {
position: absolute;
}

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

	/* ボーダーの太さ */
	.PolygonSec_Inside.PolygonSec_Set {
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	}

	/* polygonの形 */
	.PolygonSec_Outside_1.PolygonSec_Set {
	clip-path: polygon(0.25% 0.25%, 100% 0, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Inside_1.PolygonSec_Set {
	clip-path: polygon(0.25% 0.25%, 100% 0, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Outside_2.PolygonSec_Set {
	clip-path: polygon(1% 1%, 98% 1.2%, 100% 99.5%, 0 100%);
	}

	.PolygonSec_Inside_2.PolygonSec_Set {
	clip-path: polygon(1% 1%, 98% 1.2%, 100% 99.5%, 0 100%);
	}

	.PolygonSec_Outside_3.PolygonSec_Set {
	clip-path: polygon(0.25% 0.25%, 100% 0, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Inside_3.PolygonSec_Set {
	clip-path: polygon(0.25% 0.25%, 100% 0, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Outside_4.PolygonSec_Set {
	clip-path: polygon(1% 1%, 98% 1.2%, 100% 99.5%, 0 100%);
	}

	.PolygonSec_Inside_4.PolygonSec_Set {
	clip-path: polygon(1% 1%, 98% 1.2%, 100% 99.5%, 0 100%);
	}

}

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

	/* ボーダーの太さ */
	.PolygonSec_Inside.PolygonSec_Set {
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	}

	/* polygonの形 */
	.PolygonSec_Outside_1.PolygonSec_Set {
	clip-path: polygon(1% 1%, 99% 1.2%, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Inside_1.PolygonSec_Set {
	clip-path: polygon(1% 1%, 99% 1.2%, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Outside_2.PolygonSec_Set {
	clip-path: polygon(1% 1%, 100% 0, 100% 99.5%, 0 100%);
	}

	.PolygonSec_Inside_2.PolygonSec_Set {
	clip-path: polygon(1% 1%, 100% 0, 100% 99.5%, 0 100%);
	}

	.PolygonSec_Outside_3.PolygonSec_Set {
	clip-path: polygon(1% 0, 100% 0.7%, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Inside_3.PolygonSec_Set {
	clip-path: polygon(1% 0, 100% 0.7%, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Outside_4.PolygonSec_Set {
	clip-path: polygon(1% 0, 100% 0.7%, 100% 100%, 0 99.5%);
	}

	.PolygonSec_Inside_4.PolygonSec_Set {
	clip-path: polygon(1% 0, 100% 0.7%, 100% 100%, 0 99.5%);
	}

}


/* 画像 ----------------------------------------------- */

.PolygonPh_Outside {
position: relative;
width: 100%;
}

.PolygonPh_Inside.PolygonPh_Set {
position: absolute;
}

/* ボーダーの色 */
#Sec1 .PolygonPh_Outside.PolygonPh_Set {
background-color: #f6d1f7;
}

#Sec2 .PolygonPh_Outside.PolygonPh_Set {
background-color: #f2e9a1;
}

#Sec3 .PolygonPh_Outside.PolygonPh_Set {
background-color: #c6e7cb;
}

/* polygonの形 */
.ListItem li:nth-child(3n+1) .PolygonPh_Outside.PolygonPh_Set {
clip-path: polygon(0 0, 100% 3%, 100% 98%, 2% 100%);
}

.ListItem li:nth-child(3n+1) .PolygonPh_Inside.PolygonPh_Set {
clip-path: polygon(0 0, 100% 3%, 100% 98%, 2% 100%);
}

.ListItem li:nth-child(3n+2) .PolygonPh_Outside.PolygonPh_Set {
clip-path: polygon(0 2%, 100% 0, 100% 100%, 2% 98%);
}

.ListItem li:nth-child(3n+2) .PolygonPh_Inside.PolygonPh_Set {
clip-path: polygon(0 2%, 100% 0, 100% 100%, 2% 98%);
}

.ListItem li:nth-child(3n+3) .PolygonPh_Outside.PolygonPh_Set {
clip-path: polygon(0 2%, 100% 0, 100% 99%, 2% 100%);
}

.ListItem li:nth-child(3n+3) .PolygonPh_Inside.PolygonPh_Set {
clip-path: polygon(0 2%, 100% 0, 100% 99%, 2% 100%);
}

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

	/* ボーダーの太さ */
	.PolygonPh_Inside.PolygonPh_Set {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	}

}

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

	/* ボーダーの太さ */
	.PolygonPh_Inside.PolygonPh_Set {
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	}

}



/* ■ slick ==================================================================================== */

.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}

.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus {
outline: none;
}

.slick-list.dragging {
cursor: pointer;
cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}

.slick-track:before,
.slick-track:after {
display: table;
content: '';
}

.slick-track:after {
clear: both;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}

[dir='rtl'] .slick-slide {
float: right;
}

.slick-slide img {
display: block;
}

.slick-slide.slick-loading img {
display: none;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-initialized .slick-slide {
display: block;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
display: none;
}


/* Magnific Popup 初期設定 --------------------------------------------------- */

.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 300000;
overflow: hidden;
position: fixed;
background-color: var(--color-overlay);
/* opacity: 0.8; */
}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 300001;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 1.6rem;
box-sizing: border-box;
}

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
display: none;
}

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}

.mfp-ajax-cur {
cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.mfp-loading.mfp-figure {
display: none;
}

.mfp-hide {
display: none !important;
}

.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}

.mfp-preloader a {
color: #ccc;
}

.mfp-preloader a:hover {
color: #fff;
}

.mfp-s-ready .mfp-preloader {
display: none;
}

.mfp-s-error .mfp-content {
display: none;
}

button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}

.mfp-close:active {
top: 1px;
}

.mfp-close-btn-in .mfp-close {
color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}

.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}

.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}

.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}

.mfp-arrow-left {
left: 0;
}

.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}

.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
right: 0;
}

.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}

.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
top: -40px;
}

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}

.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}

.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}

.mfp-figure figure {
margin: 0;
}

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}

.mfp-image-holder .mfp-content {
max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

	/* Remove all paddings around the image on small screen */
	
	.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
	}
	
	.mfp-img-mobile img.mfp-img {
	padding: 0;
	}
	
	.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
	}
	
	.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
	}
	
	.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box;
	}
	
	.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
	}
	
	.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
	}
	
	.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
	}

}

@media all and (max-width: 900px) {

	.mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	}
	
	.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
	}
	
	.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
	}
	
	.mfp-container {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	}

}