@charset "UTF-8";

/*
■ リセット（「ページ管理」用）
■ テキスト・フォント設定
■ 変数設定

■ タイトル
■ 導入
■ アイテム
■ イメージ画像
■ プロフィール等
■ スライダー
*/



/* ■ リセット（「ページ管理」用） ==================================================================================== */

.pane-contents {
padding-bottom: 0;
}

.pane-contents .container {
display: block;
}

.block-page-block--frame {
margin-bottom: 0;
}

.block-page-freespace--caption {
padding-top: 0;
}

.block-page-block--contents-body-text-1column {
width: 100%;
margin: 0;
}

.block-page-block--contents-body-text-1column div {
max-width: 100%;
padding: 0;
}

#Feature_ * {
margin: 0;
padding: 0;
color: inherit;
}

#Feature_ h2 {
border: none;
}



/* ■ テキスト・フォント設定 ==================================================================================== */

#Feature_ * {
font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",Sans-Serif;
}


#Feature_ .WF1,
#Feature_ .WF1 * {
font-weight: 700;
font-family: 'Figtree', sans-serif;
}

#Feature_ .WF2,
#Feature_ .WF2 * {
font-weight: 700;
font-family: 'Figtree', sans-serif;
}



/* ■ 汎用 ==================================================================================== */

#Feature_ .Disabled {
opacity: 0.3;
pointer-events: none;
}

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

	#Feature_ .PC {
	display: none;
	}

}

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

	#Feature_ .SP {
	display: none;
	}

}

@media (hover: hover) {

	#Feature_ a:hover {
	transition: all 0.2s ease 0.01s;
	}

	#Feature_ a:hover {
	opacity: 0.7;
	}

}



/* ■ タイトル ==================================================================================== */


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

	#Feature_ .Feature_Bg {
	background-image: url(/special/johnlennon/img/Item_Bg.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	}
	
	#Feature_ .Feature_TitleIntro_Wrap {
	/*padding: 25px 30px 50px;*/
	}
	
	#Feature_ .Feature_Intro_Wrap {
	padding: 25px 30px 50px;
	}
	
	#Feature_ .Feature_Title_Wrap {
	padding: 0 !important;
	}

	#Feature_ .Feature_Title_Mds {
	margin-top: -46px;
	text-align: center;
	}

	#Feature_ .Feature_Title_Mds img {
	width: 100%;
	}

}

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

	#Feature_ .Feature_Bg {
	background-image: url(/special/johnlennon/img/Item_Bg.jpg);
	background-repeat: repeat-y;
	background-size: 100% auto;
	}

	#Feature_ .Feature_Title_Wrap {
	/*padding: 90px 0 160px;*/
	}

	#Feature_ .Feature_Title {
	align-items: center;
	max-width: 100%;
	margin: 0 auto;
	}

	#Feature_ .Feature_Title_Photo img {
	order: 2;
	width: 100%;
	}

	#Feature_ .Feature_Title_Mds {
	order: 1;
	width: 865px;
    margin: -141px auto;
	}

	#Feature_ .Feature_Title_Mds img {
	width: 100%;
	}

}



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

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

	#Feature_ .Feature_Intro {
	color: #fff;
	}

	#Feature_ .Feature_Intro_Mds {
	margin-top: 60px;
	font-size: 22px;
	line-height: 1.6;
	font-weight: 900;
	text-align: center;
	}

	#Feature_ .Feature_Intro_Lead {
	margin-top: 20px;
	font-size: 15px;
	line-height: 1.8;
	}

	#Feature_ .Feature_Intro_Photo {
	margin-top: 40px;
	}
	
	#Feature_ .Feature_Intro_Photosub {
	margin: 0 auto;
    position: relative;
    width: 76%;
	}

}

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

	#Feature_ .Feature_Intro_Wrap {
	padding: 160px 0 170px 0;
	margin-top: -60px;
	}

	#Feature_ .Feature_Intro {
	max-width: 784px;
	margin: 0 auto;
	color: #fff;
	}

	#Feature_ .Feature_Intro_Mds {
	font-size: 36px;
	line-height: 1.4;
	font-weight: 900;
	text-align: center;
	margin: 220px 0 0 0;
	}

	#Feature_ .Feature_Intro_Lead {
	margin-top: 50px;
	font-size: 16px;
	line-height: 2.2;
	}

	#Feature_ .Feature_Intro_Photo {
	margin-top: 50px;
	}

	#Feature_ .Feature_Intro_Photosub {
	margin-top: 50px;
	width: 500px;
    margin: 0 auto;
	position: relative;
	}

}



/* ■ アイテム ==================================================================================== */

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

	#Feature_ .Feature_Item_Wrap {
	padding-top: 30px;
	padding-bottom: 40px;
	}

	#Feature_ .Feature_Item {
	color: #fff;
	}

	#Feature_ .Feature_Item:not(:first-of-type) {
	margin-top: 70px;
	}

	#Feature_ .Feature_Item_Mds {
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: center;
	}

	#Feature_ .Feature_Item_Photo {
	margin-top: 35px;
	}

	#Feature_ .Feature_Item_Photo_Main {
	padding: 0 30px;
	}

	#Feature_ .Feature_Item_Photo_Sub {
	margin-top: 35px;
	padding: 0 70px;
	}

	#Feature_ .Feature_Item_Lead {
	margin-top: 60px;
	padding: 0 30px;
	font-size: 14px;
	line-height: 1.8;
	}

	#Feature_ .Feature_Item_Price {
	margin-top: 20px;
	font-size: 17px;
	line-height: 1.6;
	text-align: center;
	padding: 0 30px;
	}

	#Feature_ .Feature_Item_Price span {
	font-size: 16px;
	}

	#Feature_ .Feature_Item_Buy {
	margin-top: 25px;
	text-align: center;
	}

	#Feature_ .Feature_Item_Buy a {
	display: inline-block;
	width: 240px;
	height: 50px;
	padding-right: 10px;
	border-radius: 100vh;
	font-size: 18px;
	line-height: 54px;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	}

	#Feature_ .Feature_Item_Buy a span {
	padding-left: 24px;
	background: url(/special/wednesday/img/Icon_Cart.png) no-repeat;
	background-size: 17px 16px;
	background-position: 0 40%;
	}

}

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

	#Feature_ .Feature_Item_Wrap {
	/*padding-top: 140px;*/
	padding-bottom: 200px;
	}

	#Feature_ .Feature_Item {
	color: #fff;
	}

	#Feature_ .Feature_Item:not(:first-of-type) {
	margin-top: 180px;
	}

	#Feature_ .Feature_Item_Mds {
	font-size: 50px;
	letter-spacing: 0.02em;
	text-align: center;
	}

	#Feature_ .Feature_Item_Photo {
	display: flex;
	align-items: center;
	max-width: 1050px;
	margin: 40px auto 0;
	width: 500px;
	}

	#Feature_ .Feature_Item_Photo_Main {
	width: 580px;
	}

	/*#Feature_ .Feature_Item_Photo_Sub {
	flex: 1;
	}*/

	#Feature_ .Feature_Item:nth-of-type(odd) .Feature_Item_Photo_Sub {
	padding-left: 110px;
	}

	#Feature_ .Feature_Item:nth-of-type(even) .Feature_Item_Photo_Main {
	order: 2;
	}

	#Feature_ .Feature_Item:nth-of-type(even) .Feature_Item_Photo_Sub {
	order: 1;
	padding-right: 110px;
	}

	#Feature_ .Feature_Item_Lead {
	max-width: 800px;
	margin: 90px auto 0;
	font-size: 15px;
	line-height: 2.2;
	}

	#Feature_ .Feature_Item_Price {
	margin-top: 40px;
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
	}

	#Feature_ .Feature_Item_Price span {
	font-size: 16px;
	}

	#Feature_ .Feature_Item_Buy {
	margin-top: 40px;
	text-align: center;
	}

	#Feature_ .Feature_Item_Buy a {
	display: inline-block;
	width: 240px;
	height: 50px;
	padding-right: 10px;
	border-radius: 100vh;
	font-size: 21px;
	line-height: 54px;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	}

	#Feature_ .Feature_Item_Buy a span {
	padding-left: 24px;
	background: url(/special/wednesday/img/Icon_Cart.png) no-repeat;
	background-size: 17px 16px;
	background-position: 0 40%;
	}

}



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

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

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

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

	#Feature_ .Feature_Images_Wrap {
	margin-top: 40px;
	margin-bottom: 60px;
	}

	#Feature_ .Feature_Images {
	display: flex;
	overflow: hidden;
	margin-top: 10px;
	}

	#Feature_ .Feature_Images_List {
	display: flex;
	}

	#Feature_ .Feature_Images_List_L {
	animation: imagesScroll_L 20s infinite linear 0.5s both;
	}

	#Feature_ .Feature_Images_List_R {
	animation: imagesScroll_R 20s infinite linear 0.5s both;
	}

	#Feature_ .Feature_Images_Each {
	width: calc(100vw / 2);
	}

}

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

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

	#Feature_ .Feature_Images_Wrap {
	margin-bottom: 160px;
	}

	#Feature_ .Feature_Images {
	display: flex;
	overflow: hidden;
	}

	#Feature_ .Feature_Images_List {
	display: flex;
	}

	#Feature_ .Feature_Images_List_L {
	animation: imagesScroll_L 40s infinite linear 0.5s both;
	}

	#Feature_ .Feature_Images_Each {
	width: calc(70vw / 3.5);
	}

}



/* ■ プロフィール等 ==================================================================================== */

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

	#Feature_ .Feature_Profile_Wrap {
	padding-top: 60px;
/* 	padding-bottom: 50px; */
	}

	#Feature_ .Feature_Information_Wrap {
	padding-top: 40px;
/* 	padding-bottom: 50px; */
	}
	
	#Feature_ .Feature_Information {
	width: 85%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 256px 256px 42px 42px;
	padding: 0px 8px 50px 0px;
	}

	#Feature_ .Feature_Information_Photo img {
	margin: -29px 0 0 0;
	}
	
	#Feature_ .Feature_Profile {
	width: 85%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 50px 0;
	}

	#Feature_ .Feature_Profile_Mds1 {
	text-align: center;
	}

	#Feature_ .Feature_Profile_Mds1 img {
	width: 80%;
	}

	#Feature_ .Feature_Profile_Photo {
	margin-top: 35px;
	padding: 0 30px;
	}

	#Feature_ .Feature_Profile_Mds2 {
	margin-top: 40px;
	font-size: 25px;
	letter-spacing: 0.02em;
	text-align: center;
	}

	#Feature_ .Feature_Profile_Lead {
	margin-top: 20px;
	padding: 0 22px 0 30px;
	font-size: 14px;
	line-height: 2;
	}
	
	#Feature_ .Feature_Profile_Note {
	padding: 35px 0 70px 0;
	font-size: 10px;
	font-family: "Helvetica Neue",Arial,Sans-Serif;
	text-align: center;
	transform: scale(0.9);
	color: #FFFFFF;
	}

}

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

	#Feature_ .Feature_Profile_Wrap {
	padding-top: 60px;
	padding-bottom: 70px;
	}

	#Feature_ .Feature_Information_Wrap {
	padding-bottom: 70px;
	}
	
	#Feature_ .Feature_Information {
	width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 250px 42px 42px 250px;
	padding: 10px 40px 60px 10px;
	display: flex;
	}
	
	#Feature_ .Feature_Information_Lead {
	width: 50%;
	}

	#Feature_ .Feature_Information_Photo {
	width: 50%;
	margin: -33px 32px -46px -33px;
	}
	
	#Feature_ .Feature_Profile {
	width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-radius: 42px;
	padding: 70px 0;
	}

	#Feature_ .Feature_Profile_Mds1 {
	text-align: center;
	width: 1004px;
	}

	#Feature_ .Feature_Profile_Mds1 img {
	width: 1076px;
	position: relative;
	left: -2px;
	}

	#Feature_ .Feature_Profile_Photo {
	width: 490px;
	margin: 50px auto 50px;
	}

	#Feature_ .Feature_Profile_Mds2 {
	margin-top: 40px;
	font-size: 36px;
	letter-spacing: 0.02em;
	text-align: center;
	}

	#Feature_ .Feature_Profile_Lead {
	max-width: 800px;
	margin: 30px auto 0;
	font-size: 15px;
	line-height: 2.2;
	width: 89%;
	}
	
	#Feature_ .Feature_Copy_Wrap {
	padding: 50px 0 70px;
	}
	
	#Feature_ .Feature_Profile_Note {
	font-size: 12px;
	font-family: "Helvetica Neue",Arial,Sans-Serif;
	text-align: center;
	color: #FFFFFF;
	}

}



/* ■ スライダー ==================================================================================== */

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

	#Feature_ .bx-wrapper {
	background-color: transparent;
	margin: 0px auto;
	border: none;
	box-shadow: none;
	}
	
	#Feature_ .bx-pager {
	bottom: -30px;
	}

	#Feature_ .bx-pager-link {
	margin: 0 8px;
	border-radius: 1;
	background-color: #808080;
	}

	#Feature_ .bx-pager-link.active {
	background-color: #fff;
	}

}

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

	#Feature_ .bx-wrapper {
	background-color: transparent;
	margin: 0px auto;
	border: none;
	box-shadow: none;
	width: 500px;
	}
	
	#Feature_ .bx-pager {
	bottom: -40px;
	}

	#Feature_ .bx-pager-link {
	margin: 0 8px;
	border-radius: 1;
	background-color: #808080;
	}

	#Feature_ .bx-pager-link.active {
	background-color: #fff;
	}

}