@charset "utf-8";


/*
■ 共通
■ KV
■ 導入
■ ステップ
■ イメージ画像
■ ページ内リンク
■ バンパスの魅力
■ バンパスのひみつ
■ 識者の声
■ 子どもたちへの効果
■ 商品ラインナップ
■ ページ下部共通
*/



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

/*
カラー
見出し
ボタン
区切り線
*/


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

:root {
--c1: #004098;
--c2: #e4007f;
--c3: #c1dc8d;
--c4: #f5ddea;
}


/* 見出し --------------------------------------------------- */

.Bumpas_MdsH2 {
display: flex;
justify-content: center;
line-height: 1;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-color: var(--c2);
}

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

	.Bumpas_MdsH2 {
	padding: 1.2rem 0 1.3rem;
	border-radius: 0.75rem;
	font-size: 1.8rem;
	}

}

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

	.Bumpas_MdsH2 {
	padding: 1.8rem 0 2.1rem;
	border-radius: 1.5rem;
	font-size: 2.4rem;
	}

}


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

a.Bumpas_Btn {
display: inline-block;
border: 2px solid #aed9f7;
border-radius: 100vh;
font-weight: 700;
line-height: 1;
color: var(--c1);
background-color: #f1f8fd;
background-image: url(/images/pages/feature/bumpas/Btn_Arrow.png);
background-repeat: no-repeat;
}

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

	a.Bumpas_Btn {
	font-size: 1.2rem;
	padding: 0.7rem 4.8rem 0.7rem;
	background-position: left 0.8rem top 47%;
	background-size: 1.3rem auto;
	}

}

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

	a.Bumpas_Btn {
	font-size: 1.5rem;
	padding: 0.6rem 4.8rem 0.9rem;
	background-position: left 0.8rem top 47%;
	background-size: 1.6rem auto;
	}

}

@media (hover: hover) {

	a.Bumpas_Btn {
	transition: all 0.2s ease 0.01s;
	}

	a.Bumpas_Btn:hover {
	background-color: #dfeef9;
	opacity: 1;
	}

}


/* 区切り線 --------------------------------------------------- */

.Bumpas_Item_Line {
border: none;
}

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

	.Bumpas_Item_Line {
	height: 4px;
	background-image: repeating-linear-gradient(90deg, #e4007f, #e4007f 4px, transparent 4px, transparent 20px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 100% 4px;
	}

}

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

	.Bumpas_Item_Line {
	height: 4px;
	background-image: repeating-linear-gradient(90deg, #e4007f, #e4007f 4px, transparent 4px, transparent 20px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 100% 4px;
	}

}



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

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

}

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

}



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

.Bumpas_Intro_Lead {
font-weight: 500;
letter-spacing: 0.1em;
font-feature-settings: "palt";
}

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

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

	.Bumpas_Intro_Lead {
	font-size: 1.4rem;
	line-height: 2;
	}

}

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

	.Bumpas_Intro_ {
	max-width: 86rem;
	margin: 0 auto;
	padding-top: 8rem;
	}

	.Bumpas_Intro_Lead {
	font-size: 1.8rem;
	line-height: 2.3;
	text-align: center;
	}

}



/* ■ ステップ ==================================================================================== */

/*
レイアウト
アニメーション
*/


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

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

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

	.Bumpas_Step_ {
	padding: 2.8rem 2rem 0;
	}

	.Bumpas_Step_List {
	gap: 1rem;
	}

}

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

	.Bumpas_Step_ {
	max-width: 64rem;
	margin: 0 auto;
	padding-top: 6rem;
	}

	.Bumpas_Step_List {
	gap: 2rem;
	}

}


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

.Bumpas_Step_List li {
opacity: 0;
}

.StepMotion li {
opacity: 0;
animation-duration: 7s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

.StepMotion .Bumpas_Step_1 { animation-name: step1; }
.StepMotion .Bumpas_Step_2 { animation-name: step2; }
.StepMotion .Bumpas_Step_3 { animation-name: step3; }
.StepMotion .Bumpas_Step_4 { animation-name: step4; }
.StepMotion .Bumpas_Step_5 { animation-name: step5; animation-timing-function: ease-out; }

@keyframes step1 {
0% { opacity: 0; transform: scale(1); }
20% { opacity: 1; transform: scale(1); }
30% { opacity: 1; transform: scale(1); }
70% { opacity: 1; transform: scale(0.4); }
100% { opacity: 1; transform: scale(0.4); }
}

@keyframes step2 {
0% { opacity: 0; }
15% { opacity: 0; }
30% { opacity: 1; }
100% { opacity: 1; }
}

@keyframes step3 {
0% { opacity: 0; }
25% { opacity: 0; }
40% { opacity: 1; }
100% { opacity: 1; }
}

@keyframes step4 {
0% { opacity: 0; }
35% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 1; }
}

@keyframes step5 {
0% { opacity: 0; transform: scale(0.4); }
45% { opacity: 0; transform: scale(0.4); }
70% { opacity: 1; transform: scale(1.1); }
80% { opacity: 1; transform: scale(1); }
100% { opacity: 1; transform: scale(1); }
}



/* ■ イメージ画像 ==================================================================================== */

.Bumpas_Images_ {
overflow: hidden;
background-image: url(/images/pages/feature/bumpas/Texture_Heart.png);
}

.Bumpas_Images_List {
display: flex;
min-width: 100%;
width: min-content;
animation: 40s 
linear infinite imagesSlide;
}

@keyframes imagesSlide {
	100% {
		transform: translateX(-50%);
	}
}

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

	.Bumpas_Images_ {
	margin-top: 3.2rem;
	padding-bottom: 8rem;
	background-size: 5rem auto;
	}

	.Bumpas_Images_List li {
	width: 30rem;
	}

}

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

	.Bumpas_Images_ {
	margin-top: 8rem;
	padding-bottom: 16rem;
	}

	.Bumpas_Images_List li {
	width: 42rem;
	}

}



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

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

.Bumpas_InPageNav_List a {
display: flex;
align-items: center;
justify-content: center;
font-weight: 900;
text-align: center;
color: var(--c1);
background-color: #fff;
background-image: url(/images/pages/feature/bumpas/InPageLink_Arrow.png);
background-repeat: no-repeat;
}

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

	.Bumpas_InPageNav_ {
	margin-top: -4rem;
	padding: 0 3rem;
	}

	.Bumpas_InPageNav_List {
	gap: 0.5rem;
	}

	.Bumpas_InPageNav_List a {
	padding: 1.8rem 0 3rem;
	border: 2px solid var(--c1);
	border-radius: 1.5rem;
	font-size: 1.2rem;
	line-height: 1.6;
	background-position: left 50% bottom 1rem;
	background-size: 1.2rem auto;
	}

}

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

	.Bumpas_InPageNav_ {
	max-width: 72rem;
	margin: -6.5rem auto 0;
	}

	.Bumpas_InPageNav_List {
	gap: 1.5rem;
	}

	.Bumpas_InPageNav_List a {
	padding: 3.2rem 0 4rem;
	border: 4px solid var(--c1);
	border-radius: 2rem;
	font-size: 1.8rem;
	line-height: 1.6;
	background-position: left 50% bottom 1rem;
	background-size: 1.6rem auto;
	}

}

@media (hover: hover) {

	.Bumpas_InPageNav_List a:hover {
	opacity: 1;
	background-color: #c2e3fb;
	}

}



/* ■ バンパスの魅力 ==================================================================================== */

.Bumpas_Strengths_List {
display: grid;
}

.Bumpas_Strengths_Lead {
font-weight: 500;
}

.Bumpas_Strengths_List_Mds {
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
color: var(--c1);
}

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

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

	.Bumpas_Strengths_Lead {
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 1.8;
	}

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

	.Bumpas_Strengths_List_Photo img {
	border-radius: 1rem;
	}

	.Bumpas_Strengths_List_Mds {
	margin-top: 1.4rem;
	font-size: 1.7rem;
	line-height: 1.6;
	}

	.Bumpas_Strengths_List_Lead {
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.8;
	}

}

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

	.Bumpas_Strengths_ {
	max-width: 105rem;
	margin: 0 auto;
	padding-top: 9rem;
	}

	.Bumpas_Strengths_Lead {
	margin-top: 4rem;
	font-size: 1.6rem;
	line-height: 2.2;
	text-align: center;
	}

	.Bumpas_Strengths_List {
    grid-template-columns: repeat(3, 1fr);
    gap: 6rem;
	margin-top: 5rem;
	}

	.Bumpas_Strengths_List_Photo img {
	border-radius: 2rem;
	}

	.Bumpas_Strengths_List_Mds {
	margin-top: 1.8rem;
	font-size: 1.8rem;
	line-height: 1.6;
	}

	.Bumpas_Strengths_List_Lead {
	margin-top: 1.6rem;
	font-size: 1.4rem;
	line-height: 1.8;
	}

}



/* ■ バンパスのひみつ ==================================================================================== */

.Bumpas_Secret_ {
background-image: url(/images/pages/feature/bumpas/Texture_Heart.png);
}

.Bumpas_Secret_Mds {
font-weight: 900;
letter-spacing: 0.05em;
text-align: center;
color: var(--c1);
}

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

	.Bumpas_Secret_ {
	padding: 3rem 1.6rem 3rem;
	margin-top: 3rem;
	background-size: 5rem auto;
	}

	.Bumpas_Secret_Mds {
	font-size: 2rem;
	-webkit-text-stroke: 6px #fff;
	text-stroke: 8px #fff;
	paint-order: stroke;
	}


}

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

	.Bumpas_Secret_ {
	padding: 6rem 0 6rem;
	margin-top: 6rem;
	}

	.Bumpas_Secret_Mds {
	font-size: 2.8rem;
	-webkit-text-stroke: 8px #fff;
	text-stroke: 8px #fff;
	paint-order: stroke;
	}

	.Bumpas_Secret_Photo {
	max-width: 92rem;
	margin: -4rem auto 0;
	}

}



/* ■ 識者の声 ==================================================================================== */

.Bumpas_ExpertVoice_ {
background-color: var(--c3);
}

.Bumpas_ExpertVoice_InBox {
background-color: #fff;
}

.Bumpas_ExpertVoice_Mds {
font-weight: 700;
color: var(--c1);
}

.Bumpas_ExpertVoice_Photo img {
border-radius: 100vh;
}

.Bumpas_ExpertVoice_Name {
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
color: var(--c1);
}

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

	.Bumpas_ExpertVoice_ {
	padding: 3rem 3rem;
	}

	.Bumpas_ExpertVoice_InBox {
	padding: 2.5rem 2rem 3rem;
	border-radius: 1.5rem;
	}

	.Bumpas_ExpertVoice_Mds {
	font-size: 1.8rem;
	line-height: 1.6;
	text-align: center;
	}

	.Bumpas_ExpertVoice_Lead {
	margin-top: 1.5rem;
	font-size: 1.3rem;
	line-height: 2;
	}

	.Bumpas_ExpertVoice_Photo {
	max-width: 15rem;
	margin: 2rem auto 0;
	}

	.Bumpas_ExpertVoice_Name {
	margin-top: 2rem;
	font-size: 1.5rem;
	}

	.Bumpas_ExpertVoice_Name span {
	font-size: 1.2rem;
	}

	.Bumpas_ExpertVoice_Name small {
	margin-left: 0.1rem;
	font-size: 1.2rem;
	}

}

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

	.Bumpas_ExpertVoice_ {
	padding: 5rem 0;
	}

	.Bumpas_ExpertVoice_InBox {
	display: flex;
	max-width: 105rem;
	margin: 0 auto;
	padding: 4rem 4rem;
	border-radius: 2rem;
	}

	.Bumpas_ExpertVoice_LeadUnit {
	flex: 1;
	padding-right: 3rem;
	}

	.Bumpas_ExpertVoice_Mds {
	font-size: 2.4rem;
	}

	.Bumpas_ExpertVoice_Lead {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 2;
	}

	.Bumpas_ExpertVoice_PhotoUnit {
	width: 17rem;
	}

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

	.Bumpas_ExpertVoice_Name span {
	display: block;
	font-size: 1.3rem;
	}

	.Bumpas_ExpertVoice_Name small {
	margin-left: 0.1rem;
	font-size: 1.3rem;
	}

}



/* ■ 子どもたちへの効果 ==================================================================================== */

.Bumpas_Effect_ {
position: relative;
z-index: -2;
background-color: var(--c4);
}

.Bumpas_Effect_List {
display: grid;
}

.Bumpas_Effect_List li {
position: relative;
background-color: #fff;
}

.Bumpas_Effect_List li::after {
position: absolute;
z-index: -1;
background-color: var(--c1);
content: "";
}

.Bumpas_Effect_List_Lead {
letter-spacing: 0.05em;
font-feature-settings: "palt";
}

.Bumpas_Effect_List_Title {
font-weight: 700;
text-align: center;
color: var(--c1);
}

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

	.Bumpas_Effect_ {
	padding: 3rem 3rem 4rem;
	}

	.Bumpas_Effect_List {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
	margin-top: 2rem;
	}

	.Bumpas_Effect_List li {
	border: 2px solid var(--c1);
	border-radius: 1.5rem;
	padding: 1.8rem 1.5rem 1.5rem;
	}

	.Bumpas_Effect_List li::after {
	right: -0.5rem;
	bottom: -0.6rem;
	width: 102%;
	height: 106%;
	border-radius: 2rem;
	}

	.Bumpas_Effect_List_Lead {
	font-size: 1.3rem;
	line-height: 2;
	}

	.Bumpas_Effect_List_Title {
	margin-top: 1rem;
	font-size: 1.3rem;
	}

}

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

	.Bumpas_Effect_ {
	padding: 6rem 0 7rem;
	}

	.Bumpas_Effect_InBox {
	max-width: 105rem;
	margin: 0 auto;
	}

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

	.Bumpas_Effect_List li {
	border: 4px solid var(--c1);
	border-radius: 3rem;
	padding: 2.8rem 3.2rem;
	}

	.Bumpas_Effect_List li::after {
	right: -0.9rem;
	bottom: -1.2rem;
	width: 102%;
	height: 108%;
	border-radius: 3rem;
	}

	.Bumpas_Effect_List_Lead {
	font-size: 1.6rem;
	line-height: 2;
	}

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

}



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

/*
レイアウト
タイトル・リード
商品リスト
ページネーション
もっと見る
*/


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

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

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

	.Bumpas_Item_Each {
	padding: 3rem 0 3.5rem;
	}

	.Bumpas_Item_Each:nth-of-type(1) {
	padding-top: 2rem;
	}

}

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

	.Bumpas_Item_ {
	max-width: 105rem;
	margin: 0 auto;
	padding-top: 6rem;
	}

	.Bumpas_Item_Each {
	padding: 7.5rem 0 8rem;
	}

	.Bumpas_Item_Each:nth-of-type(1) {
	padding-top: 4.5rem;
	}

}


/* タイトル・リード --------------------------------------------------- */

.Bumpas_Item_Each_MdsSub {
line-height: 1;
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
color: var(--c1);
}

.Bumpas_Item_Each_Mds {
line-height: 1;
font-weight: 700;
text-align: center;
color: var(--c1);
}

.Bumpas_Item_Each_Catch {
font-weight: 700;
text-align: center;
}

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

	.Bumpas_Item_Each_MdsSub {
	font-size: 3rem;
	}

	.Bumpas_Item_Each_Mds {
	margin-top: 1rem;
	font-size: 1.4rem;
	}

	.Bumpas_Item_Each_Catch {
	margin-top: 1.5rem;
	font-size: 1.8rem;
	}

	.Bumpas_Item_Each_Lead {
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 2;
	}

}

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

	.Bumpas_Item_Each_MdsSub {
	font-size: 3.8rem;
	}

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

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

	.Bumpas_Item_Each_Lead {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 2.4;
	text-align: center;
	}

}


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

.Bumpas_Item_List_Photo {
position: relative;
}

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

.Bumpas_Item_List li {
text-align: center;
overflow: hidden;
}

.Bumpas_Item_List a.swiper {
display: block;
border: 1px solid #aed9f7;
}

.Bumpas_Item_List_Name {
font-weight: 700;
letter-spacing: 0.1em;
font-feature-settings: "palt";
color: #5a9abe;
}

.Bumpas_Item_List_Price {
font-weight: 700;
}

.Bumpas_Item_List_Price small {
margin-right: 0.2rem;
}

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

	.Bumpas_Item_List {
    gap: 3rem 1.5rem;
	margin-top: 2rem;
	}

	.Bumpas_Item_List .swiper {
	border-radius: 1rem;
	}

	.Bumpas_Item_List .swiper img {
	border-radius: 1rem;
	}

	.Bumpas_Item_List_Name {
	margin-top: 5rem;
	font-size: 1.3rem;
	}

	.Bumpas_Item_List_Price {
	font-size: 1.4rem;
	}

	.Bumpas_Item_List_Price small {
	font-size: 1.2rem;
	}

	.Bumpas_Item_List_Btn {
	margin-top: 0.6rem;
	}

}

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

	.Bumpas_Item_Each {
	max-width: 76rem;
	margin: 0 auto;
	}

	.Bumpas_Item_List {
    gap: 6rem 4rem;;
	margin-top: 4rem;
	}

	.Bumpas_Item_List .swiper {
	border-radius: 2rem;
	}

	.Bumpas_Item_List .swiper img {
	border-radius: 2rem;
	}

	.Bumpas_Item_List_Name {
	margin-top: 5rem;
	font-size: 1.8rem;
	}

	.Bumpas_Item_List_Price {
	font-size: 1.8rem;
	}

	.Bumpas_Item_List_Price small {
	font-size: 1.4rem;
	}

	.Bumpas_Item_List_Btn {
	margin-top: 1rem;
	}

}

@media (hover: hover) {

	.Bumpas_Item_List .swiper:hover,
	.Bumpas_Item_List .swiper:hover img {
	opacity: 1;
	}

}


/* ページネーション --------------------------------------------------- */

.Bumpas_Item_List_Photo .swiper-pagination {
display: flex;
justify-content: center;
}

.Bumpas_Item_List_Photo .swiper-pagination-bullet {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100vh;
color: var(--c1);
background-color: #dce5f3;
opacity: 1;
cursor: pointer;
}

.Bumpas_Item_List_Photo .swiper-pagination-bullet:nth-child(1)::after {
content: "おもて";
}

.Bumpas_Item_List_Photo .swiper-pagination-bullet:nth-child(2)::after {
content: "うら";
}

.Bumpas_Item_List_Photo .swiper-pagination-bullet-active {
color: #fff;
background-color: var(--c1);
}

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

	.Bumpas_Item_List_Photo .swiper-pagination {
	bottom: -38px !important;
	}

	.Bumpas_Item_List_Photo .swiper-pagination-bullet {
	width: 6rem;
	height: 2.4rem;
	margin: 0 1rem;
	}

	.Bumpas_Item_List_Photo .swiper-pagination-bullet::after {
	padding-bottom: 0;
	font-size: 1.2rem;
	}

}

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

	.Bumpas_Item_List_Photo .swiper-pagination {
	bottom: -38px !important;
	}

	.Bumpas_Item_List_Photo .swiper-pagination-bullet {
	width: 6rem;
	height: 2.4rem;
	margin: 0 1rem;
	}

	.Bumpas_Item_List_Photo .swiper-pagination-bullet::after {
	padding-bottom: 0.15rem;
	font-size: 1.2rem;
	}

}

@media (hover: hover) {

	.Bumpas_Item_List_Photo .swiper-pagination-bullet {
	transition: all 0.2s ease 0.01s;
	}

	.Bumpas_Item_List_Photo .swiper-pagination-bullet:hover {
	background-color: #d4ddec;
	}

	.Bumpas_Item_List_Photo .swiper-pagination-bullet-active {
	background-color: var(--c1) !important;
	opacity: 1 !important;
	}

}


/* もっと見る --------------------------------------------------- */

.Bumpas_Item_More {
text-align: center;
}

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

	.Bumpas_Item_More {
	padding: 3.5rem 0 3rem;
	}

	.Bumpas_Item_More a.Bumpas_Btn {
	font-size: 1.6rem;
	padding: 1rem 4.8rem 1.1rem;
	background-position: left 0.8rem top 47%;
	background-size: 1.6rem auto;
	}

}

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

	.Bumpas_Item_More {
	padding: 6rem 0 8rem;
	}

	.Bumpas_Item_More a.Bumpas_Btn {
	font-size: 2rem;
	padding: 1.2rem 6rem 1.6rem 6.8rem;
	background-position: left 1rem top 47%;
	background-size: 2rem auto;
	}

}



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

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


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

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

	.RecCamp_ {
	margin-top: 3rem;
	}

}

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

	.RecCamp_ {
	margin-top: 3rem;
	}

}


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

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

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

}

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

	.BannerList_Wrap {
	margin-top: 8rem;
	}

}


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

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

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

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

	.BreadCrumbUnit {
	padding-left: 1.6rem;
	}

}

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

	.BreadCrumb_Wrap {
	margin-bottom: 8rem;
	}

}