@charset "utf-8";



/* ボブルス・遊べる家具シリーズ 特集 */

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

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

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

#Page_Bobles {
color: #333333;
}

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

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

}

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


}

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

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

}

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

}


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

/* ボーダー無し */
.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-font1: #333333 !important;	
--color-font2: #728f98 !important;		
--color-blocks-main1: #87b5d5 !important;
--color-xylophone-main1: #f2b309 !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_Bobles .Col {
display: grid;
}


/* テキスト --------------------------------------------------- */

#Page_Bobles .Txt_Line {
display: inline-block;
width: 2em;
height: 0.1rem;
margin: 0 0.2rem;
background: var(--color-font1);
vertical-align: middle;
}

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

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


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

#Page_Bobles a {
display: block;
}


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

#Page_Bobles .Pict {
position: absolute;
}

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

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

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

	#Page_Bobles .PC,
	#Page_Bobles .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_Bobles .BtnBuy {
	width: 15rem;
	margin-top: 1.3rem;
	padding: 0.8rem 0 0.85rem 0.7rem;
	background-size: 1.5rem auto;
	background-position: 1rem 50%;
	font-size: 1.2rem;
	}

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

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

}

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

	#Page_Bobles .SE {
	display: block;
	}

}

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

	#Page_Bobles .SP,
	#Page_Bobles .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_Bobles .BtnBuy {
	margin-top: 1.5rem;
	width: 16rem;
	padding: 1rem 0 1.1rem 1.6rem;
	background-size: 1.7rem auto;
	background-position: 1.2rem 50%;	
	font-size: 1.6rem;
	}
	
	
	/* カラム --------------------------------------------------- */
	
	#Page_Bobles .Col2_PC {
    grid-template-columns: repeat(2, 1fr);
	}
	
	#Page_Bobles .Col3_PC {
    grid-template-columns: repeat(3, 1fr);
	}
	
	#Page_Bobles .Col4_PC {
    grid-template-columns: repeat(4, 1fr);
	}
	
	#Page_Bobles .Col5_PC {
    grid-template-columns: repeat(5, 1fr);
	}


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

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

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

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

	
}



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

.KV_ {
position: relative;
}

.KV_Item_Wrap_Wrap {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-color: #fff;
}

.KV_Item_Wrap_Wrap::before,
.KV_Item_Wrap_Wrap::after {
position: absolute;
left: 0;
width: 100%;
content: "";
}

.KV_Item_Wrap_Wrap::before {
top: 0;
background-image: linear-gradient(
	0deg,
	#b6bdbf 33.33%,
	#a4afb2 33.33%, #a4afb2 66.66%,
	#8fb6c9 66.66%, #8fb6c9 100%
);
}

.KV_Item_Wrap_Wrap::after {
bottom: 0;
background-image: linear-gradient(
	0deg,
	#c48ea2 33.33%,
	#cda6ad 33.33%, #cda6ad 66.66%,
	#e5c7cb 66.66%, #e5c7cb 100%
);
}

.KV_Item_Wrap {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
}

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

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

	.KV_ {
	min-height: 40rem;
	}

	.KV_Item_Wrap_Wrap::before,
	.KV_Item_Wrap_Wrap::after {
	height: 18px;
	}

	.KV_Item {
	gap: 0 0.8rem;
	}

	.KV_Item_1 {
	max-width: 6.8rem;
	}

	.KV_Item_2 {
	max-width: 7rem;
	}

	.KV_Item_3 {
	max-width: 6.8rem;
	}

	.KV_Item_4 {
	max-width: 3.2rem;
	margin-left: -0.8rem;
	}

	.KV_Item_5 {
	max-width: 3.5rem;
	}

	.KV_Catch {
	max-width: 21.5rem;
	margin-top: 3rem;
	}

	.KV_Logo {
	max-width: 8rem;
	}

}

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

	.KV_ {
	min-height: 50rem;
	}

	.KV_Item_Wrap_Wrap::before,
	.KV_Item_Wrap_Wrap::after {
	height: 30px;
	}

	.KV_Item {
	gap: 0 1.6rem;
	}

	.KV_Item_1 {
	max-width: 13.6rem;
	}

	.KV_Item_2 {
	max-width: 14rem;
	}

	.KV_Item_3 {
	max-width: 13.6rem;
	}

	.KV_Item_4 {
	max-width: 6.4rem;
	margin-left: -1.6rem;
	}

	.KV_Item_5 {
	max-width: 7rem;
	}

	.KV_Catch {
	max-width: 39.4rem;
	margin-top: 4rem;
	}

	.KV_Logo {
	max-width: 11.8rem;
	margin-top: 3rem;
	}

}


/* アニメーション --------------------------------------------------- */

.KV_Item_Each {
display: inline-block;
animation: bounce 2s ease-out infinite;
animation-delay: 0s;
}

.KV_Item_1 { animation-delay: 0s; }
.KV_Item_2 { animation-delay: 0.2s; }
.KV_Item_3 { animation: none; } /* アニメーション無効 */
.KV_Item_4 { animation-delay: 0.4s; }
.KV_Item_5 { animation-delay: 0.6s; }

@keyframes bounce {
	0%   { transform: translateY(0); }
	10%  { transform: translateY(-20px); }
	20%  { transform: translateY(0); }
	30%  { transform: translateY(-10px); }
	40%  { transform: translateY(0); }
	100% { transform: translateY(0); }
}

.KV_Item_3 {
animation: sway-rotate 2s ease-in-out infinite;
transform-origin: center bottom;
}

@keyframes sway-rotate {
	0%   { transform: rotate(0deg); }
	25%  { transform: rotate(-3deg); }
	50%  { transform: rotate(3deg); }
	75%  { transform: rotate(-3deg); }
	100% { transform: rotate(0deg); }
}

.KV_Item_Wrap_Wrap {
animation: smoothFadeCycle 15s ease-in-out infinite;
}

@keyframes smoothFadeCycle {
	0%     { opacity: 1; }
	16.66% { opacity: 1; }
	50%    { opacity: 0; }
	66.66% { opacity: 0; }
	100%   { opacity: 1; }
}


/* アニメーション_見出し --------------------------------------------------- */

.Effect_SwayRotate {
animation: sway-rotate2 2s ease-in-out infinite;
transform-origin: center bottom;
}

@keyframes sway-rotate2 {
	0%   { transform: rotate(0deg); }
	25%  { transform: rotate(-3deg); }
	50%  { transform: rotate(3deg); }
	75%  { transform: rotate(-3deg); }
	100% { transform: rotate(0deg); }
}



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

#Page_Bobles .SectionIntro .Intro_Main_Mds {
font-weight: 700;
text-align: center;
letter-spacing: 0.2em;
}

#Page_Bobles .SectionIntro .Intro_Main_Lead {
font-weight: 500;
letter-spacing: 0.2em;
 font-feature-settings: "palt";
}

#Page_Bobles .SectionIntro .MV {
display: flex;
align-items: center;
overflow: hidden;
}

#Page_Bobles .SectionIntro .MV .Slide {
display: flex;
animation: loop-slide 30s infinite linear 1s both;
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

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

	#Page_Bobles .SectionIntro {
	padding-top: 4rem;
	}

	#Page_Bobles .SectionIntro .Intro_Main_Mds {
	font-size: 1.7rem;
	line-height: 1.7em;
	}

	#Page_Bobles .SectionIntro .Intro_Main_Lead {
	margin: 2.5rem 3.5rem 0 3.5rem;
	font-size: 1.4rem;
	line-height: 2.2;
	}

	#Page_Bobles .SectionIntro .MV {
	margin-top: 3.5rem;
	height: 16rem;
	}
	
	#Page_Bobles .SectionIntro .MV .Slide_Each {
	width: 16rem;
	height: 16rem;
	}
	
}

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

}

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

	#Page_Bobles .SectionIntro {
	padding-top: 9rem;
	}

	#Page_Bobles .SectionIntro .Intro_Main_Mds {
	font-size: 2.4rem;
	line-height: 1.7em;
	}

	#Page_Bobles .SectionIntro .Intro_Main_Lead {
	margin: 4.5rem auto 0 auto;
	padding: 0 3rem;
	line-height: 2.4;
	}

	#Page_Bobles .SectionIntro .MV {
	margin-top: 9.5rem;
	height: 32rem;
	}

	#Page_Bobles .SectionIntro .MV .Slide_Each {
	width: 32rem;
	height: 32rem;
	}

}

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

	#Page_Bobles .SectionIntro .Intro_Main_Lead {
	max-width: 82rem;
	padding: 0;
	}

}


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

#Page_Bobles .Intro_InPageLink a {
width: 100%;
display: block;
background: url(/images/campaign/bobles_ver3/icon/Icon_LinkDown1.png) no-repeat;
font-weight: 700;
color: var(--color-font2);
text-align: center;
letter-spacing: 0.2em;
line-height: 1.0;
}

#Page_Bobles .Intro_InPageLink img {
display: block;
margin: 0 auto;
}

#Page_Bobles .Intro_InPageLink span {
display: block;
}	

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

	#Page_Bobles .Intro_InPageLink {
	margin: 3.5rem 0 0 0;
	}

	#Page_Bobles .Intro_InPageLink li:not(:first-child){
	border-left: 1px solid #d4d4d4;
	}

	#Page_Bobles .Intro_InPageLink a {
	padding-bottom: 2.5rem;
	background-size: 1rem auto;
	background-position: 50% 95%;
	font-size: 1.3rem;
	line-height: 1.0;
 	font-feature-settings: "palt";
	}

	#Page_Bobles .Intro_InPageLink span {
	margin-bottom: 2rem;

	}

	#Page_Bobles .Intro_InPageLink img {
	width: 3.5rem;
	}

}

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


}

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


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

	#Page_Bobles .Intro_InPageLink {
	max-width: 66rem;
	margin: 6rem auto 0 auto;
	border-right: 1px solid #dcd6c5;
	}

	#Page_Bobles .Intro_InPageLink li {
	border-left: 1px solid #d4d4d4;
	}

	#Page_Bobles .Intro_InPageLink a {
	padding-bottom: 3rem;
	background-size: 1.6rem auto;
	background-position: 50% 100%;
	font-size: 1.8rem;
	line-height: 1.0;
	}

	#Page_Bobles .Intro_InPageLink span {
	margin-bottom: 2rem;
	}

	#Page_Bobles .Intro_InPageLink img {
	width: 5.2rem;
	}

}

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

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

	#Page_Bobles .Intro_InPageLink {
	max-width: 83rem;
	padding: 0;
	}

}



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

/*
■ 共通
■ 商品ラインナップ
■ ボブルスとは？
■ 体験会情報
*/


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

#Page_Bobles .SectionMain .Title_Main_Box {
position: relative;
text-align: center;
}

#Page_Bobles .SectionMain .Title_Main_Box::before {
position: absolute;
left: 0;
width: 33.3%;
content: '';
}

#Page_Bobles .SectionMain .Title_Main_Box::after {
position: absolute;
right: 0;
width: 33.3%;
content: '';
}

#Page_Bobles .SectionMain .Icon_Main img {
display: block;
margin: auto;
}

#Page_Bobles .SectionMain h2.Title_Main span {
display: block;
line-height: 1.0;
}

#Page_Bobles .SectionMain h2.Title_Main .Title_Main_En {
font-weight: 800;
letter-spacing: 0.15em;
}

#Page_Bobles .SectionMain h2.Title_Main .Title_Main_Jp {
font-weight: 400;
letter-spacing: 0.2em;
}

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

	#Page_Bobles .SectionMain .Title_Main_Box {
	max-width: 16rem;
	margin: 0 auto 3.5rem auto;
	padding-bottom: 2.5rem;
	}

	#Page_Bobles .SectionMain .Title_Main_Box::before {
	bottom: -0.4rem;
	height: 0.4rem;
	}

	#Page_Bobles .SectionMain .Title_Main_Box::after {
	bottom: -0.4rem;
	height: 0.4rem;
	}

	#Page_Bobles .SectionMain .Icon_Main img {
	width: 5.7rem;
	}

	#Page_Bobles .SectionMain h2.Title_Main span {
	display: block;
	line-height: 1.0;
	}

	#Page_Bobles .SectionMain h2.Title_Main .Title_Main_En {
	margin-top: 1.5rem;
	font-size: 3.5rem;
	}

	#Page_Bobles .SectionMain h2.Title_Main .Title_Main_Jp {
	margin-top: 1.5rem;
	font-size: 1.4rem;
	}

}

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


}

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

	#Page_Bobles .SectionMain .Title_Main_Box {
	max-width: 24rem;
	margin: 0 auto 5.5rem auto;
	padding-bottom: 3.7rem;
	}

	#Page_Bobles .SectionMain .Title_Main_Box::before {
	bottom: -0.3rem;
	height: 0.3rem;
	}

	#Page_Bobles .SectionMain .Title_Main_Box::after {
	bottom: -0.3rem;
	height: 0.3rem;
	}

	#Page_Bobles .SectionMain .Icon_Main img {
	width: 10.4rem;
	}

	#Page_Bobles .SectionMain h2.Title_Main span {
	display: block;
	line-height: 1.0;
	}

	#Page_Bobles .SectionMain h2.Title_Main .Title_Main_En {
	margin-top: 1.5rem;
	font-size: 5rem;
	}

	#Page_Bobles .SectionMain h2.Title_Main .Title_Main_Jp {
	margin-top: 2rem;
	font-size: 1.8rem;
	}

}

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


}


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

/*
共通
ボブルス・チキン
ボブルス・ゾウ
ボブルス・ワニ
ボブルス・タートル
ボブルス・フィッシュ
ボブルス・ドーナッツ
*/


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

#Page_Bobles #SectionItems .Title_Main_Box {
border-bottom: 0.5rem solid #7cb4cf;/*真ん中：青*/
}

#Page_Bobles #SectionItems .Title_Main_Box::before {
background: #3b7a93;/*左：深緑*/
}

#Page_Bobles #SectionItems .Title_Main_Box::after {
background: #a4cfe4;/*右：水色*/
}

#Page_Bobles #SectionItems .Title_Main_Box {
border-bottom: 0.5rem solid #7cb4cf;/*真ん中：青*/
}

#Page_Bobles #SectionItems .Items_Index .Item_Name {
color: var(--color-font2);
text-align: center;
}

#Page_Bobles #SectionItems .Items_Index .Item_Name span {
display: block;
}

#Page_Bobles #SectionItems .Items_Index .Item_Name .Item_Name_Jp {
font-weight: 700;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionItems .Items_Index .Item_Name .Item_Name_En {
font-weight: 800;
letter-spacing: 0.15em;
}

#Page_Bobles #SectionItems .Items_Index .Item_Price {
font-weight: 500;
text-align: center;
letter-spacing: 0.15em;
line-height: 1.0;
}

#Page_Bobles #SectionItems .Items_Index .Item_Price span {
display: inline-block;
font-weight: 600;
}

#Page_Bobles #SectionItems .Items_Index .Item_Lead {
font-weight: 400;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn {
background-image: url(/images/campaign/bobles_ver3/icon/Icon_LinkFwd1.png);
background-position: 92% 50%;
background-repeat: no-repeat;
font-weight: 500;
color: var(--color-font1);
}

#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn .Icon_Btn,
#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn .Mds_Color {
display: inline-block;
vertical-align: middle;
}


/* ボブルス・チキン --------------------------------------------------- */

#Page_Bobles #SectionItems .Items_Index #Chicken .List_Btn li:nth-child(1) .Btn {
background-color: #e8ebf1;
}

#Page_Bobles #SectionItems .Items_Index #Chicken .List_Btn li:nth-child(2) .Btn {
background-color: #f0e8e7;
}


/* ボブルス・ゾウ --------------------------------------------------- */

#Page_Bobles #SectionItems .Items_Index #Elephant .List_Btn li:nth-child(1) .Btn {
background-color: #e8ebf1;
}

#Page_Bobles #SectionItems .Items_Index #Elephant .List_Btn li:nth-child(2) .Btn {
background-color: #f0e8e7;
}


/* ボブルス・ワニ --------------------------------------------------- */

#Page_Bobles #SectionItems .Items_Index #Crocodile .List_Btn li:nth-child(1) .Btn {
background-color: #e8ebf1;
}

#Page_Bobles #SectionItems .Items_Index #Crocodile .List_Btn li:nth-child(2) .Btn {
background-color: #f0e8e7;
}


/* ボブルス・タートル --------------------------------------------------- */

#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Btn {
background-color: #ece8e6;
}


/* ボブルス・フィッシュ --------------------------------------------------- */

#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Btn {
background-color: #e6f0f0;
}


/* ボブルス・ドーナッツ --------------------------------------------------- */

#Page_Bobles #SectionItems .Items_Index #Donut .List_Btn li:nth-child(1) .Btn {
background-color: #e9ebef;
}

#Page_Bobles #SectionItems .Items_Index #Donut .List_Btn li:nth-child(2) .Btn {
background-color: #f0e8e7;
}



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

	#Page_Bobles #SectionItems  {
	padding: 3.5rem 3rem 4.5rem 3rem;
	}

	#Page_Bobles #SectionItems .Items_Index {
	gap: 4.5rem 0;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Name_Jp {
	margin-top: 1rem;
	font-size: 2.1rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Name_En {
	margin-top: 0.5rem;
	font-size: 1.6rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Price {
	margin-top: 1.5rem;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Price span {
	font-size: 1.7rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Lead {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	line-height: 1.9em;
	}

	#Page_Bobles #SectionItems .Items_Index .List_Btn  {
	gap: 0 1rem;
 	margin: 2.5rem auto 0 auto;
	}

	#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn {
 	margin: 0 auto;
	padding: 1.2rem 0;
	background-size: 1.3rem auto;
	font-size: 1.1rem;
	}

	#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn .Icon_Btn {
	margin-left: -1rem;
	}


	/* ボブルス・チキン --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Chicken .List_Btn .Icon_Btn {
	width: 2.75rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Chicken .List_Btn .Mds_Color {
	margin-left: 0.5rem;
	}

	/* ボブルス・ゾウ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Elephant .List_Btn .Icon_Btn {
	width: 2.75rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Elephant .List_Btn .Mds_Color {
	margin-left: 0.4rem;
	}


	/* ボブルス・ワニ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Crocodile .List_Btn .Icon_Btn {
	width: 2.75rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Crocodile .List_Btn .Mds_Color {
	margin-left: 0.3rem;
	}


	/* ボブルス・タートル --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Btn {
	width: 50%;
	}

	#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Icon_Btn {
	width: 2.75rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Mds_Color {
	margin-left: 0.5rem;
	}


	/* ボブルス・フィッシュ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Btn {
	width: 50%;
	}

	#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Icon_Btn {
	width: 2.75rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Mds_Color {
	margin-left: 0.5rem;
	}

	/* ボブルス・ドーナッツ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Donut .List_Btn .Icon_Btn {
	width: 2.75rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Donut .List_Btn .Mds_Color {
	margin-left: 0.5rem;
	}

}

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


}

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

	#Page_Bobles #SectionItems  {
	padding: 12rem 3rem 11rem 3rem;
	}

	#Page_Bobles #SectionItems .Items_Index {
	gap: 10rem 3.5rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Name_Jp {
	margin-top: 1.5rem;
	font-size: 2.4rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Name_En {
	margin-top: 0.5rem;
	font-size: 1.6rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Price {
	margin-top: 1.5rem;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Price span {
	font-size: 1.8rem;
	}

	#Page_Bobles #SectionItems .Items_Index .Item_Lead {
	margin-top: 2.5rem;
	font-size: 1.4rem;
	line-height: 2.0em;
	}

	#Page_Bobles #SectionItems .Items_Index .List_Btn  {
	gap: 0 1rem;
 	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn {
 	margin: 0 auto;
	padding: 1.2rem 0;
	background-size: 1rem auto;
	font-size: 1.05rem;
	}

	#Page_Bobles #SectionItems .Items_Index .List_Btn .Btn .Icon_Btn {
	margin-left: -1rem;
	}

	/* ボブルス・チキン --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Chicken .List_Btn .Icon_Btn {
	width: 3.4rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Chicken .List_Btn .Mds_Color {
	margin-left: 0.8rem;
	}

	/* ボブルス・ゾウ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Elephant .List_Btn .Icon_Btn {
	width: 3.2rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Elephant .List_Btn .Mds_Color {
	margin-left: 0.6rem;
	}


	/* ボブルス・ワニ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Crocodile .List_Btn .Icon_Btn {
	width: 4.4rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Crocodile .List_Btn .Mds_Color {
	margin-left: 0.3rem;
	}


	/* ボブルス・タートル --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Btn {
	width: 50%;
	}

	#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Icon_Btn {
	width: 3.3rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Turtle .List_Btn .Mds_Color {
	margin-left: 0.6rem;
	}


	/* ボブルス・フィッシュ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Btn {
	width: 50%;
	}

	#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Icon_Btn {
	width: 2.8rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Fish .List_Btn .Mds_Color {
	margin-left: 0.6rem;
	}



	/* ボブルス・ドーナッツ --------------------------------------------------- */

	#Page_Bobles #SectionItems .Items_Index #Donut .List_Btn .Icon_Btn {
	width: 2.5rem;
	}

	#Page_Bobles #SectionItems .Items_Index #Donut .List_Btn .Mds_Color {
	margin-left: 0.5rem;
	}

}


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

	#Page_Bobles #SectionItems  {
	padding: 12rem 5rem 11rem 5rem;
	}

}


/* ■ ボブルスとは？ --------------------------------------------------- */

/*
共通
ボブルス誕生ストーリー
ボブルスの機能性と遊び方
*/


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

#Page_Bobles #SectionAbout {
background: #f6f5f3;
}

#Page_Bobles #SectionAbout .Title_Main_Box {
border-bottom: 0.5rem solid #d188a5;/*真ん中：ピンク*/
}

#Page_Bobles #SectionAbout .Title_Main_Box::before {
background: #944c6e;/*左：紫*/
}

#Page_Bobles #SectionAbout .Title_Main_Box::after {
background: #e7a8c0;/*右：ピンク*/
}

#Page_Bobles #SectionAbout .SectionSub {
margin: 0;
}

#Page_Bobles #SectionAbout .SectionSub h3.Mds_Main {
text-align: center;
}

#Page_Bobles #SectionAbout .SectionSub h3.Mds_Main span {
display:inline-block;
border-bottom: 0.1rem solid #c48ea2;
font-weight: 700;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionAbout .SectionEach h4.Mds_Sub {
font-weight: 500;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionAbout .SectionEach .Lead1 {
font-weight: 400;
letter-spacing: 0.1em;
}

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

#Page_Bobles #SectionAbout .About_InPageLink a {
width: 100%;
display: block;
background: #f2e7eb url(/images/campaign/bobles_ver3/icon/Icon_LinkDown2.png) no-repeat;
font-weight: 700;
color: var(--color-font1);
text-align: center;
letter-spacing: 0.2em;
}

/* ボブルスの機能性と遊び方 --------------------------------------------------- */

#Page_Bobles #SectionAbout #SectionFunction .SectionChart {
background: #e8e8e8;
}

#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Main {
font-weight: 700;
color: #517eb0;
font-feature-settings: "palt";
}

#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Sub {
font-weight: 500;
letter-spacing: 0.05em;
}

#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Lead_Chart {
font-weight: 400;
letter-spacing: 0.06em;
}

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

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

	#Page_Bobles #SectionAbout  {
	padding: 3.5rem 3rem 4rem 3rem;
	}

	#Page_Bobles #SectionAbout .SectionSub {
	padding-top: 4.5rem;
	}

	#Page_Bobles #SectionAbout .SectionSub h3.Mds_Main {
	margin-bottom: 3rem;
	font-feature-settings: "palt";
	}

	#Page_Bobles #SectionAbout .SectionSub h3.Mds_Main span {
	padding-bottom: 1.4rem;
	font-size: 1.8rem;
	}

	#Page_Bobles #SectionAbout .SectionEach h4.Mds_Sub {
	font-size: 1.5rem;
	line-height: 1.9em;
	font-feature-settings: "palt";
	}

	#Page_Bobles #SectionAbout .SectionEach .Lead1 {
	margin-top: 2rem;
	font-size: 1.3rem;
	line-height: 2.2em;
	}

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

	#Page_Bobles #SectionAbout .About_InPageLink {

	}

	#Page_Bobles #SectionAbout .About_InPageLink .Col2_SP {
	gap: 0 1.2rem;
	}

	#Page_Bobles #SectionAbout .About_InPageLink a {
	padding: 2rem 0 3rem 0;
	background-size: 1rem auto;
	background-position: 50% 88%;
	font-size: 1.3rem;
	}


	/* ボブルス誕生ストーリー --------------------------------------------------- */

	#Page_Bobles #SectionAbout #SectionStory .SectionEach:not(:first-of-type) {
	margin-top: 3rem;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach .Photo {
	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach .LeadUnit:not(:first-of-type){
	margin-top: 3rem;
	}


	/* ボブルスの機能性と遊び方 --------------------------------------------------- */

	#Page_Bobles #SectionAbout #SectionFunction .SectionEach:not(:first-of-type){
	margin-top: 3rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionEach .PhotoList {
	margin-top: 2.5rem;
	}

	/* チャート */
	#Page_Bobles #SectionAbout #SectionFunction .SectionChart {
	margin-top: 2.5rem;
	padding: 2.5rem 2rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .ListChart {
	gap: 2.5rem 0;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .MainBox {
	display: flex;
	align-items: center;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Photo {
	width: 7rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .MdsBox {
	padding-left: 1.2rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Main {
	font-size: 1.6rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Sub {
	margin-top: 0.5rem;
	font-size: 1.3rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Lead_Chart {
	margin-top: 1rem;
	font-size: 1.2rem;
	font-feature-settings: "palt";
	}

}

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


}

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

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

	#Page_Bobles #SectionAbout  {
	padding: 8rem 3rem 10rem 3rem;
	}

	#Page_Bobles #SectionAbout .SectionSub {
	padding-top: 10rem;
	}

	#Page_Bobles #SectionAbout .SectionSub h3.Mds_Main {
	margin-bottom: 8rem;
	}

	#Page_Bobles #SectionAbout .SectionSub h3.Mds_Main span {
	padding-bottom: 2rem;
	font-size: 3rem;
	}

	#Page_Bobles #SectionAbout .SectionEach h4.Mds_Sub {
	font-size: 2rem;
	line-height: 2.0em;
	}

	#Page_Bobles #SectionAbout .SectionEach .Lead1 {
	margin-top: 4.5rem;
	font-size: 1.5rem;
	line-height: 2.2;
	}


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

	#Page_Bobles #SectionAbout .About_InPageLink {
	max-width: 66rem;
	margin: 0 auto;
	}

	#Page_Bobles #SectionAbout .About_InPageLink .Col2_PC {
	gap: 0 2rem;
	}

	#Page_Bobles #SectionAbout .About_InPageLink a {
	padding: 4rem 0 4.5rem 0;
	background-size: 1.3rem auto;
	background-position: 50% 90%;
	font-size: 1.6rem;
	}


	/* ボブルス誕生ストーリー --------------------------------------------------- */

	#Page_Bobles #SectionAbout #SectionStory .SectionEach {
	display: flex;
    justify-content: space-between;
	max-width: 110rem;
	margin: 0 auto;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach:nth-of-type(even){
	flex-direction: row-reverse;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach:not(:first-of-type) {
	margin-top: 10rem;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach .LeadUnit_Wrap {
	width: 50%;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach .PhotoUnit {
	width: 44%;
	}

	#Page_Bobles #SectionAbout #SectionStory .SectionEach .LeadUnit:not(:first-of-type){
	margin-top: 6rem;
	}


	/* ボブルスの機能性と遊び方 --------------------------------------------------- */

	#Page_Bobles #SectionAbout #SectionFunction .SectionEach:not(:first-of-type){
	margin-top: 9rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionEach .LeadUnit {
	margin: 0 auto;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionEach .PhotoList {
	margin-top: 6rem;
	}

	/* チャート */
	#Page_Bobles #SectionAbout #SectionFunction .SectionChart {
	margin: 6rem auto 0 auto;
	padding: 5rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .ListChart {
	gap: 0 3rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Photo {
	padding: 0 1.5rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .MdsBox {
	text-align: center;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Main {
	margin-top: 2rem;
	font-size: 1.8rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Sub {
	margin-top: 1rem;
	padding-top: 0.75em;
	font-size: 1.5rem;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Mds_Chart_Sub.Mds_Line2 {
	padding-top: 0;
	}

	#Page_Bobles #SectionAbout #SectionFunction .SectionChart .Lead_Chart {
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.9em;
	}

}

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

	#Page_Bobles #SectionAbout  {
	padding: 8rem 11.5rem 10rem 11.5rem;
	}

	#Page_Bobles #SectionAbout .About_InPageLink {
	max-width: 84rem;
	}

	/* ボブルスの機能性と遊び方 --------------------------------------------------- */

	#Page_Bobles #SectionAbout #SectionFunction .SectionEach .LeadUnit {
	max-width: 84rem;
	}

}


/* ■ 体験会情報 --------------------------------------------------- */

#Page_Bobles #SectionEvent {
background: #fff;
}

#Page_Bobles #SectionEvent .Title_Main_Box {
border-bottom: 0.5rem solid #b6c9ce;/*真ん中：グリーン*/
}

#Page_Bobles #SectionEvent .Title_Main_Box::before {
background: #a4afb2;/*左：・グレー*/
}

#Page_Bobles #SectionEvent .Title_Main_Box::after {
background: #dfd9ce;/*右：ベージュ*/
}

#Page_Bobles #SectionEvent .Title_Lead {
font-weight: 700;
text-align: center;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionEvent .Lead_Main {
letter-spacing: 0.1em;
}

#Page_Bobles #SectionEvent .SectionOverview {
border: 0.1rem solid #d4d4d4;
}

#Page_Bobles #SectionEvent .SectionOverview .Mds_Overview {
font-weight: 500;
text-align: center;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionEvent .SectionOverview .List_Overview dt {
background-color: #e5f0f0;
font-weight: 500;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.0;
}

#Page_Bobles #SectionEvent .SectionOverview .List_Overview dd {
font-weight: 400;
letter-spacing: 0.1em;
}

#Page_Bobles #SectionEvent .SectionSpecial {
background-color: #f9f7f1;
}

#Page_Bobles #SectionEvent .SectionSpecial .Mds_Special {
font-weight: 600;
text-align: center;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionEvent .SectionSpecial .Lead_Main {
letter-spacing: 0.1em;
}

#Page_Bobles #SectionEvent .SectionSpecial .List_Special dt {
background-color: #edebe6;
font-weight: 500;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.0;
}

#Page_Bobles #SectionEvent .SectionSpecial .List_Special dd {
font-weight: 400;
letter-spacing: 0.1em;
}

#Page_Bobles #SectionEvent .SectionSchedule .Mds_Schedule {
font-weight: 700;
text-align: center;
letter-spacing: 0.2em;
}

#Page_Bobles #SectionEvent .SectionSchedule .List_Btn .Btn {
background: #e5f0f0 url(/images/campaign/bobles_ver3/icon/Icon_LinkFwd1.png) no-repeat;
background-position: 94% 50%;
color: var(--color-font1);
}

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

	#Page_Bobles #SectionEvent  {
	padding: 3.5rem 3rem 4rem 3rem;
	}

	#Page_Bobles #SectionEvent .Title_Lead {
	font-size: 1.8rem;
	}

	#Page_Bobles #SectionEvent .Lead_Main {
	margin: 2rem 0 0 0;
	font-size: 1.3rem;
	line-height: 1.9em;
	}

	#Page_Bobles #SectionEvent .PhotoMain {
	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview {
	margin-top: 3rem;
	padding: 2.5rem 2rem 5rem 2rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .Mds_Overview {
	font-size: 1.8rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview {
	margin-top: 2rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dl {
	margin-top: 2rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dl:first-child {
	margin-top: 0;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dt {
	margin-bottom: 1rem;;
	padding: 1rem 0;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dd {
	font-size: 1.3rem;
	text-align: center;
	}

	#Page_Bobles #SectionEvent .SectionSpecial {
	margin-top: 2rem;
	padding: 2.5rem 2rem 5rem 2rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .Mds_Special {
	font-size: 2rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .Lead_Main {
	font-size: 1.3rem;
	line-height: 1.9em;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special {
	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dl {
	margin-top: 1rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dl:first-child {
	margin-top: 0;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dt {
	margin-bottom: 1rem;;
	padding: 1rem 0;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dd {
	font-size: 1.3rem;
	text-align: center;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .ListKomeS {
	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule {
	margin-top: 3.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .Mds_Schedule {
	font-size: 1.8rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .List_Btn {
	gap: 1.2rem 0;
	margin-top: 2rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .List_Btn .Btn {
	padding: 1.5rem 0;
	font-size: 1.3rem;
	background-size: 1.3rem auto;
	}

}

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


}

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

	#Page_Bobles #SectionEvent  {
	padding: 10.5rem 3rem 8rem 3rem;
	}

	#Page_Bobles .SectionEventUnit {
	margin: 0 auto;
	}

	#Page_Bobles #SectionEvent .Title_Lead {
	font-size: 2.6rem;
	}

	#Page_Bobles #SectionEvent .Lead_Main {
	margin-top: 3.5rem;
	font-size: 1.5rem;
	line-height: 2.0em;
	}

	#Page_Bobles #SectionEvent .PhotoMain {
	margin-top: 5rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview {
	margin-top: 5.5rem;
	padding: 4rem 5rem 5rem 5rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .Mds_Overview {
	font-size: 2.2rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview {
	margin-top: 2rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dl {
	display: flex;
	align-items: center;
	margin-top: 1rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dl:first-child {
	margin-top: 0;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dt {
	width: 13rem;
	padding: 1rem 0;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionEvent .SectionOverview .List_Overview dd {
	flex: 1;
	padding-left: 1.5rem;
	font-size: 1.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial {
	margin-top: 3rem;
	padding: 3.5rem 5rem 5rem 5rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .Mds_Special {
	font-size: 2.2rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .Lead_Main {
	margin-top: 2.5rem;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special {
	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dl {
	display: flex;
	align-items: center;
	margin-top: 1rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dl:first-child {
	margin-top: 0;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dt {
	width: 13rem;
	padding: 1rem 0;
	font-size: 1.4rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .List_Special dd {
	flex: 1;
	padding-left: 1.5rem;;
	font-size: 1.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSpecial .ListKomeS {
	margin-top: 2.5rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule {
	margin-top: 7rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .Mds_Schedule {
	font-size: 2.6rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .List_Btn {
	gap: 0 2rem;
	margin: 4rem auto 0 auto;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .List_Btn .Btn {
	padding: 2.2rem 0;
	background-size: 1.8rem auto;
	font-size: 1.6rem;
	}

}

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

	#Page_Bobles #SectionEvent  {
	padding: 10.5rem 0 5rem 0;
	}

	#Page_Bobles .SectionEventUnit  {
	max-width: 82rem;
	}

	#Page_Bobles #SectionEvent .SectionSchedule .List_Btn {
	max-width: 82rem;
	}

}



/* ■ UGC ==================================================================================== */

.UGC_TabContent {
display: none;
}

.UGC_TabContent.Current {
display: block;
}

.UGC_TabMenuList {
display: flex;
justify-content: center;
gap: 1rem;
border-bottom: 1px solid #e8e8e8;
}

.UGC_TabMenuList li {
border: 1px solid #e8e8e8;
border-bottom: none;
line-height: 1;
font-weight: 500;
text-align: center;
}

.UGC_TabMenuList a {
line-height: 1;
color: #000;
}

.UGC_TabMenuList a.Current {
background-color: #e8e8e8;
}

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

	.UGC_Tab {
	padding: 0 3rem 3rem;
	}

	.UGC_TabMenuList li {
	width: 13rem;
	}

	.UGC_TabMenuList a {
	padding: 1.6rem 0;
	font-size: 1.3rem;
	}

	.UGC_TabContentsList {
	margin-top: 1.6rem;
	}

}

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

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

	.UGC_TabMenuList li {
	width: 20rem;
	}

	.UGC_TabMenuList a {
	padding: 2rem 0;
	}

	.UGC_TabContentsList {
	margin-top: 2rem;
	}

}