@charset "UTF-8";
.max_container{
	background-color: #fce6ea;
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	font-weight: 600;
	font-style: normal;
	color: #7d1b27;
	padding-bottom: 103px;
	box-shadow: 0 20px 50px 0 rgba(213, 130, 142, 0.3);
overflow-x: hidden}
#point_button_01,#point_button_02,#point_button_03{
	scroll-margin-top: 70px;
}
.content_inner{
	width: 690px;
	margin: 0 auto;
}
img{
	width: 100%;
}
/* kv */
.kv img{
	width: 100%;
}
/* イントロダクション */
.introduction{
	text-align: center;
	padding: 10px 0 130px 0;
}
.introduction_title{
	font-size: 40px;
	padding-bottom: 80px;
}
.introduction_title img{
	width: 617px;
}
.padding_top{
	padding-top: 100px;
}
.introduction_text_01{
	width: 680px;
}
.introduction_text_02{
	width: 610px;
}
/* キラキラ */
.animation {
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
	width: 19px;
	animation-name: sparkle;
	transform: scale(0.8);
}
.deco_sparkle {
	margin-top: -30px;
	padding-bottom: 50px;
}
.sparkle_left {
	animation-duration: 1.2s;
	animation-delay: 0s;
}
.sparkle_center {
	animation-duration: 1.5s;
	animation-delay: 0.3s;
	margin: 0 20px;
}
.sparkle_right {
	animation-duration: 1.8s;
	animation-delay: 0.6s;
}
@keyframes sparkle {
	0%   {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1.00);
	}
}
/* おすすめポイント */
/* おすすめポイント */
.point_heading{
	text-align: center;
}
.point_heading img{
	width: 686px;
	padding-bottom: 32px;
}
.point_button{
	padding-bottom: 90px;
	position: relative;
	z-index: 1;
}
.point_button_item{
	border-radius: 20px;
	margin-bottom: 50px;
	box-shadow: 0 12px #87303c;
	z-index: 1;
}
.point_button_item:active {
	box-shadow: none;
	position: relative;
	top: 12px;
}
/* point */
.point_title_01 {
	margin-top: -92px;
	position: relative;
	z-index: 1;
}
.point_discount {
	padding: 60px 0 50px;
}
.point_title_02 {
	margin-top: -150px;
	padding-bottom: 50px;
}
/* 特典 */
.tokuten_01_button{
	right: -80px;
	position: relative;
	width: 200px;
	top: -140px;
	left: 90px;
	animation: btn_animation 3s infinite;
}
@keyframes btn_animation {
	0% {
		transform: scale(1);
	}
	40% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	60% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
.deco_present{
	position: relative;
}
.deco_present::before{
	position: absolute;
	content: "";
	background-image: url(../../img/canaubi/products/canaubi_smartguide/present.png);
	right: 0px;
	background-repeat: no-repeat;
	background-size: contain;
	width: 350px;
	height: 380px;
	top: -680px;
}
.tokuten_img{
	margin-bottom: 50px;
}
.card_announce{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	color: #7b7b7b;
	font-size: 22px;
	line-height: 2.3;
	letter-spacing: 0.12em;
	padding-bottom: 40px;
	margin-top: -220px;
}
.specialcoupon{
	margin: 20px 0 0 10px;
}
.line_button{
	border-radius: 18px;
	box-shadow: 0 12px 0 #0e9a48;
	width: 580px;
	margin: 0 auto;
	position: relative;
	top: -440px;
}
.line_button a{
	display: block;
	border-radius: inherit;
}
.line_button a:active{
	transform: translateY(12px);
}
/* point2 */
.secrets_img_right {
	text-align: right;
}
.secrets_img_left {
	text-align: left;
}
.secrets_img img{
	width: 700px;
}
.secrets_text{
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2.5;
	letter-spacing: 0.12em;
	font-size: 32px;
	font-weight: 400;
	padding: 30px 0 60px;
}
.secrets_text p{
	font-size: 24px;
}
.special_contents {
	margin-top: -110px;
	text-align: center;
}
.special_contents_deco{
	text-align: right;
	padding-right: 30px;
}
.special_contents_deco img{
	width: 297px;
}
.special_contents_text{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 0 ;
	letter-spacing: 0.16em;
}
.arrow_special_contets{
	width: 21px;
	margin: 6px 0 0 6px;
}
.special_contents_banner{
	padding-bottom: 100px;
}
.sc_banner{
	width: 690px;
}
/* point3 */
.bg_point3{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/bg_point3.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 750px;
}
.point3_catchcopy {
	padding: 50px 0 30px;
	text-align: center;
}
.point_box {
	width: 690px;
	height: 640px;
	margin: 0 auto;
	border: 2px solid #fff;
	border-radius: 20px;
	box-shadow: 0 0 10PX 0 rgba(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 50px;
}
.point_box img{
	width: 640px;
}
.point_box_01::after,.point_box_02::after,.point_box_03::after{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
}
.point_box_01::after{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/kodawari_01.png);
	width: 209px;
	height: 271px;
	bottom: 70px;
	right: 0;
}
.point_box_02::after{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/kodawari_02.png);
	width: 298px;
	height: 399px;
	bottom: 0;
	right: -30px;
}
.point_box_03::after{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/kodawari_03.png);
	width: 338px;
	height: 361px;
	bottom: 35px;
	right: -10px;
}
/* よくあるご質問 */
.faq_title{
	text-align: center;
	font-size: 36px;
	letter-spacing: 0.16em;
}
.faq_img {
	padding-top: 30px;
}
/* アコーディオンリスト全体を囲うタグ */
.accordion_wrapper{
	margin-top: 50px;
}
/* 個々のアコーディオンリストを囲うタグ */
.accordion{
	margin: 0 auto;
	padding: 30px 0;
	border-top: 1px solid #7d1b27;
	width: 750px;
	position: relative;
	right: 30px;
	font-family: "Noto Sans JP", sans-serif;
}
.accordion:last-child{
	border-bottom: 1px solid #7d1b27;
}
/* アコーディオンのタイトル・内容共通 */
.accordion_header,.accordion_content{
	display: flex;
	align-items: center;
	padding: 0 30px 0 90px;
	font-weight: 400;
}
/* アコーディオンのタイトル */
.accordion_header {
	cursor: pointer;
	position: relative;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 2;
	width: 750px;
}
/* アコーディオンの内容 */
.accordion_content {
	display: none;
	font-size: 28px;
	line-height: 2.5;
	letter-spacing: 0.12em;
}
.accordion_content_group{
	display: flex;
}
.accordion_content_text{
	width:600px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.accordion_content_text a{
	padding-bottom: 1px;
	border-bottom: 1px solid #7d1b27;
}
/* タイトル横のプラスマーク縦線 */
.accordion_header::before{
	position: absolute;
	content: '';
	top: 50%;
	right: 45px;
	width: 30px;
	height: 1px;
	background-color:#7d1b27;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
/* タイトル横のプラスマーク横線 */
.accordion_header::after{
	position: absolute;
	content: '';
	top: 50%;
	right: 45px;
	width: 30px;
	height: 1px;
	background-color:#7d1b27;
	transition: all .3s ease-in-out;
}
/* アコーディオンが開いたとき縦線の変化 */
.accordion_header.open::before {
	transform: rotate(180deg);
}
/* アコーディオンが開いたとき横線の変化 */
.accordion_header.open::after {
	opacity:0;
}
.accordion_header_icon{
	font-family: "Shippori Mincho", serif;
	font-size: 56px;
	position: relative;
	left: -40px;
}
.accordion_header_icon--a{
	color: #de4762;
}
/* トップへ戻る */
.button_return{
	background-color: #fff;
	border-radius: 20px;
	width: 377px;
	height: 100px;
	font-size: 32px;
	letter-spacing: 0.16em;
	margin: 90px auto 0;
	box-shadow: 0 12px #7d1b27;
	font-family: "Noto Sans JP", sans-serif;
	border: 2px solid #7d1b27;
	position: relative;
	z-index: 2;
}
.button_return:active {
	box-shadow: none;
	position: relative;
	top: 12px;
}
.button_return a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 377px;
	height: 100px;
}
/* 背景 */
.bg_pc{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/bg_pc.png);
	background-size: contain;
}
.bg_decoration{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/bg_decoration.png);
	background-size: contain;
}
/* ① .point_content_03 を “フルブリード” に拡張して背景は画面中央基準 */
.point_content_03 {
	background-image: url(../../img/canaubi/products/canaubi_smartguide/bg_point3.png);
	background-repeat: no-repeat;
	background-position: center 170px;
	background-size: 750px auto;
	padding-bottom: 130px;
	box-sizing: border-box;
}
/* デコレーション */
.deco_lip,.deco_mascara,.deco_pearl,.deco_bottom{
	position: relative;
}
.deco_lip::before,.deco_mascara::before,.deco_pearl::before,.deco_bottom::before{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
}
.deco_lip::before{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/cosme_01.png);
	width: 173px;
	height: 202px;
	top: -100px;
	right: -750px;
}
.deco_mascara::before{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/cosme_02.png);
	width: 150px;
	height: 233px;
	top: -240px;
	left: 0;
}
.deco_pearl::before{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/pearl.png);
	width: 750px;
	height: 248px;
	top: -250px;
	z-index: 0;
}
.deco_bottom::before{
	background-image: url(../../img/canaubi/products/canaubi_smartguide/deco_bottom.png);
	width: 750px;
	height: 143px;
	top: -40px;
}
/* fade-in */
.js-fade-in {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}
.js-fade-in.show {
	opacity: 1;
	transform: translateY(0);
}
