@charset "utf-8";



/* クアドリラ（ビー玉転がし）特集 */

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

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

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


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

	.Page_Quadrilla_Unit {
	padding: 0 1.6rem;	
	}			

	.OtherContWrap {
	margin: 3rem 1.6rem 0 1.6rem;
	}
	
}

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


}

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

	.Page_Quadrilla_Unit {
	margin: 0 auto;
	padding: 0 3rem 10rem 3rem;
	}

	.OtherContWrap {
	max-width: 94rem;
	margin: 7rem auto 0 auto;
	}					

}

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

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


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

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

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

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

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

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

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

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


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

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


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

:root {
--color-main1: #0068b7 !important;
--color-main2: #e60012 !important;
--color-sub1: #f6f6f2 !important;
--color-sub2: #eb6100 !important;
}


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* カラム --------------------------------------------------- */

#Page_Quadrilla .Col {
display: grid;
}

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

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


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

#Page_Quadrilla a {
display: block;
}


/* 罫線 --------------------------------------------------- */

#Page_Quadrilla .Line1 {
border-top: 0.1rem solid var(--base-middle);
}

#Page_Quadrilla .Line_Dot1 {
background-image: url(/images/campaign/quadrilla/Texture_Line_Dot1.png);
background-repeat: repeat-x;
}


/* 囲み線 --------------------------------------------------- */

#Page_Quadrilla .Border_Box1 {
border: 0.1rem solid var(--base-middle);
}


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

#Page_Quadrilla .Pict {
position: absolute;
}

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

#Page_Quadrilla .Btn {
display: block;
width: 100%;
border-radius: 5rem;
box-sizing: border-box;
line-height: 1.0;
font-weight: 700;
text-align: center;
text-decoration: none;
}

#Page_Quadrilla .BtnBuy {
border: 0.2rem solid #b8daeb;
background: #eff7fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
color: #3d5fc4;
}

#Page_Quadrilla .BtnDetail {
border: 0.2rem solid #b8daeb;
background: #eff7fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
color: #3d5fc4;
}

#Page_Quadrilla .BtnCart {
background: #347dc5 url(/images/sp/common/icon/Icon_Cart.png) no-repeat;
color: #fff;
}

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

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


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

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

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

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


	/* 罫線 --------------------------------------------------- */

	#Page_Quadrilla .Line_Dot1 {
	background-size: 1rem auto;
	}


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

	#Page_Quadrilla .BtnDetail {
	width: 100%;
	margin-top: 1.3rem;
	padding: 0.8rem 0 0.85rem 0.75rem;
	background-size: 1.5rem auto;
	background-position: 1rem 50%;
	font-size: 1.2rem;
	}

	#Page_Quadrilla .BtnCart {
	width: 100%;
	margin-top: 1.3rem;
	padding: 1.0rem 0 1.05rem 0.75rem;
	background-size: 1.5rem auto;
	background-position: 1.4rem 50%;
	font-size: 1.2rem;
	}


	/* カラム --------------------------------------------------- */
	
	#Page_Quadrilla .Col2_SP {
	grid-template-columns: repeat(2, 1fr);
	}

	#Page_Quadrilla .Col3_SP {
    grid-template-columns: repeat(3, 1fr);
	}
	
	
	/* ページ下部 --------------------------------------------------- */
	
	#Page_Quadrilla .OtherContWrap {
	margin-top: 3.5rem;
	padding: 0 1.6rem;
	}

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

}

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

	#Page_Quadrilla .SE {
	display: block;
	}

}

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

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

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

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

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

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

	/* カラム --------------------------------------------------- */

	#Page_Quadrilla .Col2_PC {
	grid-template-columns: repeat(2, 1fr);
	}

	#Page_Quadrilla .Col3_PC {
    grid-template-columns: repeat(3, 1fr);
	}


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

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


	/* 罫線 --------------------------------------------------- */

	#Page_Quadrilla .Line_Dot1 {
	background-size: 1rem auto;
	}


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

	#Page_Quadrilla .Btn {
	font-size: 1.5rem;
	letter-spacing: 0;
	}

	#Page_Quadrilla .BtnBuy {
	margin-top: 1.5rem;
	width: 16rem;
	padding: 1rem 0 1.1rem 1.6rem;
	background-size: 1.7rem auto;
	background-position: 1.2rem 50%;
	font-size: 1.5rem;
	}

	#Page_Quadrilla .BtnDetail {
	margin-top: 1.5rem;
	width: 16rem;
	padding: 0.8rem 0 0.9rem 1.8rem;
	background-size: 1.7rem auto;
	background-position: 1.2rem 50%;
	font-size: 1.5rem;
	}

	#Page_Quadrilla .BtnCart {
	margin-top: 1.5rem;
	width: 16rem;
	padding: 1.1rem 0 1.1rem 1.9rem;
	background-size: 1.7rem auto;
	background-position: 1.5rem 50%;
	font-size: 1.5rem;
	}


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

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

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

	
}



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

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

#Page_Quadrilla .Lead_Intro {
font-weight: 700;
}

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

	#Page_Quadrilla .Lead_Intro {
	margin-top: 2rem;
	font-size: 1.5rem;
	line-height: 2.0;
	}
	
}

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


}

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

	#Page_Quadrilla .Lead_Intro {
	margin: 5.5rem auto 0 auto;
	font-size: 1.8rem;
	/* text-align: center; */
	line-height: 2.2;
	}

}

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

	#Page_Quadrilla .KV {
	max-width: 200rem;
	margin: 0 auto;
	}

	#Page_Quadrilla .Lead_Intro {
	max-width: 76rem;
	}

}


/* ■ 動画 ==================================================================================== */

#Page_Quadrilla .SectionMovie {
background: var(--color-sub1);
}

#Page_Quadrilla .SectionMovie .Movie {
margin: 0 !important;
}

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

	#Page_Quadrilla .SectionMovie {
    margin-top: 1.8rem;
	}
}

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

	#Page_Quadrilla .SectionMovie {
    margin-top: 5.5rem;
	padding: 4rem;
	}

}


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

#Page_Quadrilla .InPageLink .List_InPageLink {
width: 100%;
border: 0.2rem solid var(--color-main1);
}

#Page_Quadrilla .InPageLink .List_InPageLink li:not(:first-child) {
border-left: 0.2rem solid var(--color-main1);
}

#Page_Quadrilla .InPageLink .List_InPageLink a {
position: relative;
width: 100%;
display: block;
background: url(/images/campaign/quadrilla/Icon_LinkDown.png) no-repeat;
font-weight: 700;
color: var(--color-main1);
text-align: center;
letter-spacing: 0.1em;
}

#Page_Quadrilla .InPageLink .List_InPageLink .Icon_Lmited:before {
position: absolute;
display: inline-block;
background-color: var(--color-main2);
font-weight: 700;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
content: "先着順！";
z-index: 10;
}

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

	#Page_Quadrilla .InPageLink {
    margin-top: 3.5rem;
	}

	#Page_Quadrilla .InPageLink .List_InPageLink a {
    padding: 1.4rem 0 2.4rem 0;
    background-size: 1.3rem auto;
    background-position: 50% 85%;
    font-size: 1.3rem;
	}

	#Page_Quadrilla .InPageLink .List_InPageLink .Icon_Lmited:before {
	top: -1.1rem;
	right: 1.2rem;
	padding: 0.1rem 0.2rem 0.1rem 0.6rem;
	font-size: 1.1rem;
	}

}

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


}

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

	#Page_Quadrilla .InPageLink {
    margin-top: 5.5rem;
	}

	#Page_Quadrilla .InPageLink .List_InPageLink a {
    padding: 2rem 0 2.3rem;
    background-size: 1.6rem auto;
    background-position: 95% 50%;
    font-size: 1.8rem;
	}

	#Page_Quadrilla .InPageLink .List_InPageLink .Icon_Lmited:before {
	top: -1rem;
	right: 1.2rem;
	padding: 0.1rem 0.2rem 0.1rem 0.6rem;
	font-size: 1.3rem;
	}

}

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

								
}



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

/*
■ 共通
■ クアドリラとは？
■ 数量限定！セット購入で今だけプレゼント
■ 商品ラインナップ
■ Letro
*/


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

#Page_Quadrilla .SectionMain .Mds1 {
background-color: var(--color-main1);
font-weight: 700;
color: #fff;
letter-spacing: 0.05em;
text-align: center;
}

#Page_Quadrilla .SectionMain .Mds2 {
font-weight: 700;
color: var(--color-main2);
letter-spacing: 0.05em;
text-align: center;
}

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

	#Page_Quadrilla .SectionMain {
	padding-top: 4rem;
	}

	#Page_Quadrilla .SectionMain:first-of-type {
	padding-top: 3rem;
	}

	#Page_Quadrilla .SectionMain .Mds1 {
	margin-bottom: 1.5rem;
	padding: 1.4rem 0 1.4rem 0;
	border-radius: 0.6rem;
	font-size: 2.2rem !important;
	line-height: 3.0rem;
	font-feature-settings: "palt" !important;
	}

	#Page_Quadrilla .SectionMain .Mds2 {
	font-size: 2rem !important;
	}

}

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

	#Page_Quadrilla .SectionMain .Mds1 {
	font-size: 1.8rem !important;
	}


	#Page_Quadrilla .SectionMain .Mds2 {
	font-size: 1.6rem !important;
	}

}

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

	#Page_Quadrilla .SectionMain {
	padding-top:8rem;
	}

	#Page_Quadrilla .SectionMain:first-of-type {
	padding-top:7rem;
	}

	#Page_Quadrilla .SectionMain .Mds1 {
	margin-bottom: 4rem;
	padding: 2.9rem 0 3.1rem 0;
	border-radius: 1rem;
    font-size: 3.0rem;
	line-height: 1rem;
	}

	#Page_Quadrilla .SectionMain .Mds2 {
    font-size: 2.8rem;
	}

}

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

	#Page_Quadrilla .SectionMain {
	/* max-width: 110rem; */
	}

}


/* クアドリラとは？ --------------------------------------------------- */

#Page_Quadrilla #SectionFeatures .Lead_Features_Intro {
letter-spacing: 0.1em;
font-feature-settings: "palt" !important;
}

#Page_Quadrilla #SectionFeatures .SectionPoint .Lead_Point {
letter-spacing: 0.1em;
font-feature-settings: "palt" !important;
}

/* 基本の仕組み */
#Page_Quadrilla #SectionFeatures .SectionSystem .ListNum {
counter-reset: my-counter;
list-style: none;
padding: 0;
}

#Page_Quadrilla #SectionFeatures .SectionSystem .ListNum li::before {
display: block;
border-radius: 50%;
background-color: var(--color-main2);
font-weight: 700;
text-align: center;
color: #fff;
content: counter(my-counter);
counter-increment: my-counter;
}

#Page_Quadrilla #SectionFeatures .SectionSystem .ListNum {
counter-reset: my-counter;
list-style: none;
padding: 0;
}

#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint {
border-color: var(--color-main1) !important;
}

#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint .Mds_Point {
font-weight: 700;
letter-spacing: 0.05em;
/* color: var(--color-main1); */
}

#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint .Mds_Point span {
display: block;
}

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

	#Page_Quadrilla #SectionFeatures .SectionPoint .Lead_Point {
	font-size: 1.5rem;
    line-height: 2.0em;
    }

	#Page_Quadrilla #SectionFeatures .PhotoBox {
	margin-top: 1.5rem;
    }

	/* 基本の仕組み */
	#Page_Quadrilla #SectionFeatures .SectionSystem.Line1 {
	margin-top: 2rem;
	padding-top: 1.5rem;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .List_Photo_Intro {
	margin-top: 2rem;
	gap: 2.5rem 0;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .ListNum {
	margin-top: 2rem;
    }

    #Page_Quadrilla #SectionFeatures .SectionSystem .ListNum li {
	width: 100%;
    margin-top: 1.3rem;
    padding-top: 0.4rem;
    padding-left: 4.7rem;
    padding-bottom: 1.4rem;
    font-size: 1.5rem;
    line-height: 1.5em;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .ListNum li::before {
    width: 3.5rem;
    height: 3.5rem;
    /* margin-left: 0.5rem; */
    padding-left: 0.05rem;
    font-size: 1.3rem;
    line-height: 3.5rem;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint {
	margin-top: 1.5rem;
	padding: 2rem 1.5rem;
	border: 0.2rem solid;
	}

	#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint .Mds_Point .Mds_Sub {
	font-size: 1.6rem;
	}

	#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint .Mds_Point .Mds_Main {
	font-size: 1.8rem;
	}

	#Page_Quadrilla #SectionFeatures .SectionPoint .PhotoBox {
	margin-top: 1.5rem;
    }

	#Page_Quadrilla #SectionFeatures .SectionPoint .Lead_Point {
	margin-top: 0.5rem;
	font-size: 1.5rem;
    line-height: 2.0em;
    }

}

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

	#Page_Quadrilla #SectionFeatures .Lead_Features_Intro {
	font-size: 1.7rem;
    line-height: 2.0em;
	}

	/* 基本の仕組み */
	#Page_Quadrilla #SectionFeatures .SectionSystem.Line1 {
	margin-top: 3.5rem;
    padding-top: 3rem;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .List_Photo_Intro {
	margin-top: 2.5rem;
	gap: 0 3rem;
    }

    #Page_Quadrilla #SectionFeatures .SectionSystem .ListNum {
    max-width: 50rem;
	margin: 3rem auto 0 auto;
    }

    #Page_Quadrilla #SectionFeatures .SectionSystem .ListNum li {
    width: 100%;
    margin-top: 0.6rem;
    padding-left: 4.7rem;
    padding-bottom: 0.7rem;
    font-size: 1.6rem;
    line-height: 3.8rem;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .ListNum li::before {
    width: 3.8rem;
    height: 3.8rem;
    margin-left: 0.5rem;
    padding-left: 0.1rem;
    font-size: 1.3rem;
    line-height: 3.8rem;
    }

	#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint {
    display: flex;
    flex-wrap: wrap;
	flex-direction: row-reverse;
    justify-content: space-between;
	margin-top: 4rem;
	padding: 3.5rem;
	border: 0.2rem solid;
	}

	#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint .Mds_Point .Mds_Sub {
	font-size: 1.9rem;
	}

	#Page_Quadrilla #SectionFeatures .SectionSystem .SectionPoint .Mds_Point .Mds_Main {
	font-size: 2.2rem;
	}

	#Page_Quadrilla #SectionFeatures .SectionPoint .LeadBox {
    width: 53%;
    }

	#Page_Quadrilla #SectionFeatures .SectionPoint .PhotoBox {
    width: 43%;
    }

	#Page_Quadrilla #SectionFeatures .SectionPoint .Lead_Point {
	margin-top: 0.5rem;
	font-size: 1.5rem;
    line-height: 2.0em;
    }

}

@media print, screen and (min-width: 1090px) {
	#Page_Quadrilla #SectionFeatures .Lead_Features_Intro {
    max-width: 76rem;
	margin: 0 auto;
    }

}


/* 数量限定！セット購入で今だけプレゼント --------------------------------------------------- */

#Page_Quadrilla #SectionLimited .SectionCodingKit .Mds2 {
color: var(--color-main1) !important;
}

#Page_Quadrilla #SectionLimited .SectionCodingKit .Intro .Lead1 {
letter-spacing: 0.1em;
font-feature-settings: "palt" !important;
}

#Page_Quadrilla #SectionLimited .SectionCodingKit .Intro .Lead1 {
letter-spacing: 0.1em;
font-feature-settings: "palt" !important;
}

#Page_Quadrilla #SectionLimited .Lead_SoldOut {
font-weight: 700;
letter-spacing: 0.1em;
}

#Page_Quadrilla #SectionLimited .Intro .DLVert dt {
position: relative;
}

#Page_Quadrilla #SectionLimited .Intro .DLVert dt::before {
position: absolute;
display: inline-block;
content: "■";
left: 0;
top: 0;
}

#Page_Quadrilla #SectionLimited .Intro .PhotoBox img {
border: 0.1rem solid var(--base-middle);
}

#Page_Quadrilla #SectionLimited .SectionHowTo .Mds_HowTo {
font-weight: 700;
color: var(--color-main2);
letter-spacing: 0.05em;
text-align: center;
}

#Page_Quadrilla #SectionLimited .SectionHowTo .ListCheck li {
padding-left: 2em;;
}

#Page_Quadrilla #SectionLimited .SectionHowTo .ListCheck li:before {
left : 0.5em;
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: '\f00c';
color: var(--color-main2);
}

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

	#Page_Quadrilla #SectionLimited .SectionCodingKit.Line1 {
	margin-top: 2.5rem;
	padding-top: 1.8rem;
    }

	#Page_Quadrilla #SectionLimited .Intro .LeadBox {
	margin-top: 1.5rem;
    }

	#Page_Quadrilla #SectionLimited .Intro .Lead1 {
	font-size: 1.5rem;
    line-height: 1.8em;
    }

	#Page_Quadrilla #SectionLimited .Lead_SoldOut {
	margin-top: 1.5rem;
	font-size: 1.6rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert {
	margin-top: 1rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert dl:not(:first-child) {
	margin-top: 1.5rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert dt {
	padding-left: 1.8rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert dt::before {
	left: 0.2rem;
	top: 0;
	margin-top: -0.4rem;
	font-size: 1.8rem;
	}

	#Page_Quadrilla #SectionLimited .SectionCodingKit .List_Photo_Intro {
	margin-top: 1.5rem;
	gap: 2.5rem 0;
    }

	#Page_Quadrilla #SectionLimited .SectionCodingKit .SectionHowTo {
	margin-top: 2rem;
	}

	#Page_Quadrilla #SectionLimited .SectionCodingKit .SectionHowTo .Mds_HowTo {
	font-size: 1.8rem;
	}

	#Page_Quadrilla #SectionLimited .SectionHowTo .ListCheck {
	margin-top: 0.5rem;
	}

	#Page_Quadrilla #SectionLimited .SectionHowTo .ListCheck li {
	margin-top: 1rem;
	font-size: 1.4rem;
	}
}

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

	#Page_Quadrilla #SectionLimited .SectionCodingKit.Line1 {
	margin-top: 5rem;
	padding-top: 3.5rem;
    }

	#Page_Quadrilla #SectionLimited .Intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	flex-direction: row-reverse;
    }

	#Page_Quadrilla #SectionLimited .LeadBox {
    width: 55%;
    }

	#Page_Quadrilla #SectionLimited .PhotoBox {
    width: 40%;
    }

	#Page_Quadrilla #SectionLimited .Intro .Lead1 {
    line-height: 2.0em;
    }

	#Page_Quadrilla #SectionLimited .Lead_SoldOut {
	margin-top: 1.5rem;
	font-size: 1.8rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert {
	margin-top: 1.5rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert dl:not(:first-child) {
	margin-top: 1.5rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert dt {
	padding-left: 2rem;
	}

	#Page_Quadrilla #SectionLimited .Intro .DLVert dt::before {
	left: 0;
	top: 0;
	}

	#Page_Quadrilla #SectionLimited .SectionCodingKit .SectionHowTo {
	margin-top: 3.5rem;
	}

	#Page_Quadrilla #SectionFeatures .SectionCodingKit .List_Photo_Intro {
	margin-top: 2.5rem;
	gap: 0 3rem;
    }

	#Page_Quadrilla #SectionLimited .SectionCodingKit .SectionHowTo .Mds_HowTo {
	font-size: 2.2rem;
	}

	#Page_Quadrilla #SectionLimited .SectionHowTo .ListCheck {
    max-width: 50rem;
	margin: 1em auto 0 auto;
	}

	#Page_Quadrilla #SectionLimited .SectionHowTo .ListCheck li {
	margin-bottom: 0.8rem;
	font-size: 1.5rem;
	line-height: 1.8em;
	}

}


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

#Page_Quadrilla #SectionItems .SectionEach {
position: relative;
background-image: url(/images/campaign/quadrilla/Texture_Line_Dot1.png);
background-repeat: repeat-x;
background-position: 0 0;
}

#Page_Quadrilla #SectionItems .SectionEach:first-of-type {
background-image: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
}

#Page_Quadrilla #SectionItems .Photo1 {
position: relative;
}

#Page_Quadrilla #SectionItems .MdsSub {
font-weight: 700;
letter-spacing: 0.05em;
}

#Page_Quadrilla #SectionItems h3.Mds {
color: var(--color-sub2);
letter-spacing: 0.05em;
}

#Page_Quadrilla #SectionItems .Price {
font-weight: 700;
line-height: 1.0em;
}

#Page_Quadrilla #SectionItems .Price .Item_Price_Yen2 {
display: inline-block;
}

#Page_Quadrilla #SectionItems .Price .Age {
display: inline-block;
border-radius: 2.5rem;
border: 1px solid var(--color-sub2);
color: var(--color-sub2);
vertical-align: middle;
}

#Page_Quadrilla #SectionItems .Lead1 {
letter-spacing: 0.05em;
}

#Page_Quadrilla #SectionItems .BtnWrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
}

/* 先着順特典付き アイコン */
#Page_Quadrilla .EyeCatch_Icon_ {
display: block;
position: absolute;
border-radius: 100vh;
background-color: var(--color-main2);
font-weight: 700;
text-align: center;
letter-spacing: 0.05em;
color: #fff;
}

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

	#Page_Quadrilla #SectionItems .SectionEach {
	margin-top: 3.5rem;
	padding-top: 0.8rem;
	background-size: 1rem auto;
	}

	#Page_Quadrilla #SectionItems .MdsSub {
    font-size: 1.7rem;
	}

	#Page_Quadrilla #SectionItems h3.Mds {
    font-size: 2rem;
    line-height: 1.8em;
	}

#	Page_Quadrilla #SectionItems .Price {
	margin-top: 0.2rem;
	font-size: 1.5rem;
	}

	#Page_Quadrilla #SectionItems .Price .Item_Price_Yen2 {
	margin-right: 0.2rem;
	font-size: 1.2rem;
	}

	#Page_Quadrilla #SectionItems  .Price .Age {
	margin-left: 0.8rem;
	padding: 0.1rem 0.8rem;
	font-size: 1.2rem;
	}

	#Page_Quadrilla #SectionItems .Lead1 {
	margin-top: 2rem;
	font-size: 1.5rem;
	}

	#Page_Quadrilla #SectionItems .Photo2 {
	margin-top: 2rem;
	}

	#Page_Quadrilla #SectionItems .BtnWrap {
	gap: 0 1rem;
	margin: 0.2rem 0 0 0;
	}

	#Page_Quadrilla #SectionItems .BtnLineUpWrap {
	margin-top: 3.5rem;
	padding-top: 3.3rem;
	background-size: 1rem auto;
	}

	#Page_Quadrilla #SectionItems .List_BtnLineUp {
	gap: 1rem 0;
	}

	#Page_Quadrilla #SectionItems .BtnLineUp {
	margin: 0 auto;
    padding: 1rem 0 1rem 1rem;
    background-size: 1.8rem auto;
    background-position: 4% 50%;
    font-size: 1.5rem;
	}

	/* 先着順特典付き アイコン */
	#Page_Quadrilla .EyeCatch_Icon_ {
	top: 0.5rem;
	right: 0.5rem;
	width: 6rem;
	height: 6rem;
	padding-top: 1.6rem;
	font-size: 1.1rem;
	line-height: 1.3;
	}

}

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

	#Page_Quadrilla #SectionItems .SectionEach {
    display: flex;
    flex-wrap: wrap;
	flex-direction: row-reverse;
    justify-content: space-between;
	margin-top: 5rem;
	padding-top: 3.5rem;
	background-size: 1rem auto;
	}

	#Page_Quadrilla #SectionItems .SectionEach .LeadBox {
    width: 48%;
    }

	#Page_Quadrilla #SectionItems .SectionEach .PhotoBox {
    width: 52%;
    }

	#Page_Quadrilla #SectionItems .MdsSub {
	font-size: 2.0rem;
	}

	#Page_Quadrilla #SectionItems h3.Mds {
	margin-top: 0.2rem;
	font-size: 2.4rem;
	line-height: 1.5em;
	}

	#Page_Quadrilla #SectionItems .Price {
	margin-top: 1.2rem;
	font-size: 2.0rem;
	}

	#Page_Quadrilla #SectionItems .Price .Item_Price_Yen2 {
	margin-right: 0.2rem;
	font-size: 1.2rem;
	}

	#Page_Quadrilla #SectionItems .Price .Age {
	margin-left: 0.8rem;
	padding: 0.1rem 0.8rem;
	font-size: 1.2rem;
	}

	#Page_Quadrilla #SectionItems .Lead1 {
	margin-top: 2rem;
	font-size: 1.5rem;
	}

	#Page_Quadrilla #SectionItems .Photo2 {
	margin-top: 2.5rem;
	}

	#Page_Quadrilla #SectionItems .BtnWrap {
	gap: 0 1rem;
	width: 72%;
	margin: 0.2rem 0 0 0;
	}

	#Page_Quadrilla #SectionItems #Item1 .PhotoBox {
	background-position: 0 0;
	}

	#Page_Quadrilla #SectionItems .BtnLineUpWrap {
	margin-top: 5rem;
	padding-top: 5rem;
	background-size: 1rem auto;
	}

	#Page_Quadrilla #SectionItems .List_BtnLineUp {
	max-width: 65rem;
	margin: 0 auto;
	gap: 0 1.5rem;
	}

	#Page_Quadrilla #SectionItems .BtnLineUp {
	width: 100%;
    padding: 1.3rem 0 1.4rem 2.6rem;
    background-size: 2.2rem auto;
    background-position: 4% 50%;
    font-size: 2.2rem;
	}

	/* 先着順特典付き アイコン */
	#Page_Quadrilla .EyeCatch_Icon_ {
	top: 0;
	right: 0;
	width: 8.2rem;
	height: 8.2rem;
	padding-top: 2.1rem;
	font-size: 1.5rem;
	line-height: 1.3;
	}

}


/* Letro --------------------------------------------------- */

#Page_Quadrilla .SectionLetro {
background: var(--color-sub1);
}

#Page_Quadrilla .SectionLetro .Mds_Letro {
font-weight: 700;
color: var(--color-main1);
text-align: center;
}

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

	#Page_Quadrilla .SectionLetro {
    margin-top: 3.5rem;
	padding: 2rem 1.5rem;
	}

	#Page_Quadrilla .SectionLetro .Mds_Letro {
    margin-bottom: 1.5rem;
    font-size: 2.4rem;
	}

}

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

	#Page_Quadrilla .SectionLetro {
    margin-top: 7rem;
	padding: 4rem;
	}

	#Page_Quadrilla .SectionLetro .Mds_Letro {
    margin-bottom: 3rem;
    font-size: 3.2rem;
	}

}