@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
/*-----------------------------------------------
 * Bace
 * Modal
 * Header
 * Parts
 -------------------------------------------------*/
/*-----------------------------------------------
 * Bace
 -------------------------------------------------*/
 @font-face {
 	font-family: "Yu Gothic";
 	src: local("Yu Gothic Medium");
 	font-weight: 100;
 }
 @font-face {
 	font-family: "Yu Gothic";
 	src: local("Yu Gothic Medium");
 	font-weight: 200;
 }
 @font-face {
 	font-family: "Yu Gothic";
 	src: local("Yu Gothic Medium");
 	font-weight: 300;
 }
 @font-face {
 	font-family: "Yu Gothic";
 	src: local("Yu Gothic Medium");
 	font-weight: 400;
 }
 @font-face {
 	font-family: "Yu Gothic";
 	src: local("Yu Gothic Bold");
 	font-weight: bold;
 }
 body{
 	-webkit-text-size-adjust: 100%;
 	background-color: #fff;
 	color: #000;
 	font-family: YakuHanRP,'M PLUS Rounded 1c', "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 	font-feature-settings: "palt";
 	font-size: 14px;
 	font-weight: 800;
 	letter-spacing: 0.07em;
 	line-height: 1.8;
 	word-wrap: break-word;
 }
 a{ color: #222; }
 a:hover{ text-decoration: none; }
 .ah { transition: opacity .3s ease; }
 .ah:hover { opacity: .7; }
 ::selection{
 	background: #6ccfee;
 	color: #fff;
 }
 ::-moz-selection{
 	background: #6ccfee;
 	color:#fff;
 }

 /* ScrollBar Setting */
 ::-webkit-scrollbar {
 	width: 8px;
 	height: 8px;
 }
 ::-webkit-scrollbar-track {
 	border-radius: 4px;
 	background: #fff899;
 }
 ::-webkit-scrollbar-thumb {
 	background: #ee858c;
 	border-radius: 4px;
 	margin: 2px;
 	box-shadow: none;
 }
 html{
 	scrollbar-color: #ee858c #fff899;
 	scrollbar-width: thin;
 }


 @media screen and (max-width:767px){ 
 	html{ 
 		font-size: 62.5%;
 	}
 	body{
 		font-size: 10px; 
 		font-size: 1rem;
 		min-width: 320px;
 	}
 	.pc{ display: none; }
 	.ah:hover { opacity: 1; }
 }

 #fullWrap{
 	width: 100%;
 	min-width: 1200px;
 	min-height: 100vh;
 	min-height: 100dvh;
 	position: relative;
 	background-color: #fff899;
 	background-image: url(../img/common/bg_dots.png);
 }
 @media screen and (min-width: 768px){
/*	#fullWrap:before{
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: #fff899;
		background-image: url(../img/common/bg_dots.png);
		}*/
		.sp {display: none;}
	}
	@media screen and (max-width: 767px){
		#fullWrap{
			width: 100%;
			min-width: 100%;
			background-color: #fff;
			background-image: unset;
		}
	}

/*-----------------------------------------------
 * Setting
 -------------------------------------------------*/
 :root{
 	/* ↓PC：ヘッダーの最小高さを指定してください！↓ */
 	--set-min-height: 1150px;
 }


/*-----------------------------------------------
 * Modal
 -------------------------------------------------*/

/**
 * modalBox
 * 基盤のモーダル
 */
 .modalBox{
 	-webkit-overflow-scrolling: touch;
 	background: rgba(254,254,254,.9);
 	display: none;
 	width: 100%;
 	height: 100%;
 	overflow: auto;
 	position: fixed;
 	top: 0;
 	left: 0;
 	z-index: 9999;
 }
 .oneModal{
 	display: none;
 	width: 100%;
 	height: 100%;
 	position: relative;
 	z-index: 1;
 }

 /* oneModalIn */
 .oneModalIn{
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	height: auto;
 	width: 100%;
 	min-width: 1200px;
 	min-height: 100%;
 	margin: 0 auto;
 	position: relative;
 }
 .oneModalIn__cont{
 	padding: 50px 0;
 }
 @media screen and (max-width:767px){
 	.oneModalIn{
 		min-width: 100%;
 	}
 	.oneModalIn__cont{
 		width: 100%;
 		padding: 30px 0;
 	}
 }

/**
 * closeBtn
 */

 @media screen and (min-width: 767.1px){
 	.closeBtn{
 		width: 96px;
 		height: 96px;
 		border-radius: 50%;
 		border: 4px solid #ee858c;
 		background-color: #fff899;
 		position: absolute;
 		top: 0;
 		margin-top: 12px;
 		right: 12px;
 		z-index: 4;
 		transform: translate(2px,2px);
 	}
 	.closeBtn:before{
 		content: '';
 		position: absolute;
 		top: 0px;
 		left: 0px;
 		right: 0px;
 		bottom: 0px;
 		box-shadow: 2px 2px #ee858c;
 		border-radius: 50%;
 		transition: .2s ease;
 	}
 	.closeBtn a{
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		width: 100%;
 		height: 100%;
 		position: relative;
 	}
 	.closeBtn a:hover .close__lineWrap{
 		transform: rotate(90deg);
 	}
 	.close__lineWrap{
 		width: 48px;
 		height: 32px;
 		position: relative;
 		transition: .3s ease;
 	}
 	.close__lineWrap span{
 		background-color: #ee858c;
 		display: block;
 		width: 100%;
 		height: 4px;
 		margin: auto;
 		position: absolute;
 		border-radius: 4px;
 		transition: .3s ease;
 	}
 	.close__lineWrap span:nth-child(1) {
 		top: 14px;
 		transform: rotate(45deg);
 	}
 	.close__lineWrap span:nth-child(2) {
 		bottom: 14px;
 		transform: rotate(-45deg);
 	}
 }


 @media screen and (max-width: 767px){
 	.closeBtn{
 		width: 12.6667vw;
 		height: 12.6667vw;
 		border-radius: 50%;
 		border: 0.5334vw solid #ee858c;
 		background-color: #fff899;
 		position: absolute;
 		top: 0;
 		margin-top: 3.334%;
 		right: 3.334%;
 		z-index: 4;
 		transform: translate(0.4vw,0.4vw);
 	}
 	.closeBtn:before{
 		content: '';
 		position: absolute;
 		top: 0px;
 		left: 0px;
 		right: 0px;
 		bottom: 0px;
 		box-shadow: 0.4vw 0.4vw #ee858c;
 		border-radius: 50%;
 		transition: .2s ease;
 	}
 	.closeBtn a{
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		width: 100%;
 		height: 100%;
 		position: relative;
 	}
 	.close__lineWrap{
 		width: 5.0667vw;
 		height: 4.2667vw;
 		position: relative;
 	}
 	.close__lineWrap span{
 		background-color: #ee858c;
 		display: block;
 		width: 100%;
 		height: 0.8vw;
 		margin: auto;
 		position: absolute;
 		border-radius: 4px;
 		transition: .3s ease;
 	}
 	.close__lineWrap span:nth-child(1) {
 		top: 1.7334vw;
 		transform: rotate(45deg);
 	}
 	.close__lineWrap span:nth-child(2) {
 		bottom: 1.7334vw;
 		transform: rotate(-45deg);
 	}
 }

/**
 * iframe
 */
 /* common */
 .commonIframe{
 	width: 100%;
 	height: 100%;
 	display: block;
 }

 /* youtube */
 .youtubeIframeWrap {
 	width: 70%;
 	max-width: 159.993vh;
 	position: relative;
 }
 @media screen and (max-width:767px){
 	.youtubeIframeWrap {
 		width: 100%;
 		max-width: 100%;
 	}
 }
 .youtubeIframeWrap:before{
 	content: "";
 	display: block;
 	padding-top: 56.25%;
 	z-index: 0;
 }
 .youtubeIframe{
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 1;
 }


/*-----------------------------------------------
 * Header
 -------------------------------------------------*/
 .header {
 	width: auto;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 999;
 	padding-top: 16px;
 	pointer-events: none;
 }

 @media screen and (min-width: 768px){
 	#header{
 		position: absolute;
 		top: 0;
 	}
 	#header .header{
 		position: sticky;
 		height: 100vh;
 		height: 100dvh;
 		min-height: var(--set-min-height);
 		overflow: hidden;
 	}
 }
 @media screen and (max-width:767px){
 	.header {
 		width: 100%;
 		top: 0;
 		bottom: auto;
 		position: absolute;
 		padding-top: 0;
 		pointer-events: auto;
 	}
 }

 /* Logo */
 .hlogo{
 	width: 434px;
 	border: 4px solid #926453;
 	border-left-width: 0px;
 	border-top-right-radius: 100px;
 	border-bottom-right-radius: 100px;
 	padding: 10px 40px 10px 20px;
 	position: relative;
 	background-color: #fff;
 	background-image: repeating-linear-gradient(-45deg,#fff899, #fff899 16px,transparent 0, transparent 28px);
 	margin-bottom: 24px;
 	margin-right:3px;
 }
 .logo{
 	display: block;
 	width: 368px;
 	padding-top: 58px;
 	background: url(../img/common/logo.png) no-repeat center / contain;
 	position: relative;
 	z-index: 2;
 }
 .hlogo:before{
 	content: '';
 	position: absolute;
 	top: -4px;
 	left: -4px;
 	right: -3px;
 	bottom: -3px;
 	border-top-right-radius: 100px;
 	border-bottom-right-radius: 100px;
 	box-shadow: 3px 3px #926453;
 }

 @media screen and (max-width: 767px){
 	.hlogo{
 		position: relative;
 		z-index: 2;
 		width: 64%;
 		border-width: 0.5334vw;
 		border-left-width: 0px;
 		padding: 2.4% 3.7334% 3.0667% 2.9334%;
 		margin-top: 11px;
 	}
 	.logo{
 		width: auto;
 		padding-top: 14.3112%;
 	}
 	.hlogo:before{
 		top: -0.5334vw;
 		left: -0.5334vw;
 		right: -0.4vw;
 		bottom: -0.4vw;
 		box-shadow: 0.4vw 0.4vw #926453;
 	}
 }

 /* inner */
 @media screen and (max-width:767px){
 	.header__inner {
 		-webkit-overflow-scrolling: touch;
 		width: 100%;
 		height: 100%;
 		overflow: auto;
 		position: fixed;
 		top: 0;
 		left: 0;
 		padding: 0 0 80px;
 		opacity: 0;
 		pointer-events: none;
 		z-index: 3;
 		transition: opacity .5s ease-in-out;
 	}
 	.header.is-active .header__inner {
 		opacity: 1;
 		pointer-events: auto;
 	}

 	.header__inner:before {
 		content: "";
 		background: rgba(254,254,254,.8);
 		-webkit-backdrop-filter: blur(5px);
 		backdrop-filter: blur(5px);
 		position: fixed;
 		width: 100%;
 		height: 100%;
 		top: 0;
 		left: 0;
 		z-index: 0;
 	}
 }

/**
 * headerNav
 */
 .headerNavLists__item{
 	width: 340px;
 	padding-right: 50px;
 	position: relative;
 	margin-bottom: 10px;
 	pointer-events: none;
 }
 .headerNavLists__item:before{
 	content: '';
 	position: absolute;
 	width: 81px;
 	height: 38px;
 	top: calc(50% - 19px);
 	right: 5px;
 	background: url(../img/common/nav_mark_p.svg) no-repeat center right / contain;
 	transition: .3s ease;
 }
 .headerNavLists__item:hover::before,
 .headerNavLists__item.is-active::before{
 	right: 0;
 }
 .navLink{
 	display: inline-block;
 	width: 100%;
 	position: relative;
 	border-top-right-radius: 50px;
 	border-bottom-right-radius: 50px;
 	border: 4px solid #ee858c;
 	border-left-width: 0px;
 	color: #ee858c;
 	padding: 12px 0 12px 20px;
 	font-size: 18px;
 	line-height: 1;
 	letter-spacing: -0.05em;
 	text-decoration: none;
 	position: relative;
 	background-color: #fff;
 	transition: .3s ease;
 	pointer-events: auto;
 }
 .navLink:before{
 	content: '';
 	position: absolute;
 	top: -4px;
 	left: -4px;
 	right: -3px;
 	bottom: -3px;
 	border-top-right-radius: 50px;
 	border-bottom-right-radius: 50px;
 	box-shadow: 3px 3px #ee858c;
 }
 .navLink:after{
 	content: '';
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	width: 0;
 	background-color: #ffd9dc;
 	border-top-right-radius: 50px;
 	border-bottom-right-radius: 50px;
 	transition: .3s ease;
 }
 .navLink:hover::after,
 .headerNavLists__item.is-active .navLink:after{
 	width: 100%;
 }
 .navLink:hover,
 .headerNavLists__item.is-active .navLink{
 	color: #926453;
 }
 .navTxt{
 	position: relative;
 	z-index: 2;
 }
 .navTxt span{
 	font-size: 14px;
 	padding-left: 8px;
 }


 /** NAV偶数 **/
 .headerNavLists__item:nth-of-type(even) .navLink{
 	border-color: #45bbff;
 	color: #45bbff;
 }
 .headerNavLists__item:nth-of-type(even) .navLink:before{
 	box-shadow: 2px 2px #45bbff;
 }
 .headerNavLists__item:nth-of-type(even)::before{
 	background: url(../img/common/nav_mark_b.svg) no-repeat center right / contain;
 }
 .headerNavLists__item:nth-of-type(even) .navLink:after,
 .headerNavLists__item:nth-of-type(even) .navLink.is-active:after{
 	background-color: #d4efff;
 }
 .headerNavLists__item:nth-of-type(even) .navLink:hover,
 .headerNavLists__item.is-active:nth-of-type(even) .navLink{
 	color: #926453;
 }


 @media screen and (max-width:767px){
 	.headerNav {
 		position: relative;
 		z-index: 1;
 	}
 	.headerNavLists__item{
 		width: 94.4%;
 		padding-right: 9.334%;
 		margin-bottom: 2.6667%;
 	}
 	.headerNavLists__item:before{
 		max-width: 120px;
 		max-height: 56px;
 		width: 16vw;
 		height: 7.466vw;
 		top: calc(50% - 3.733vw);
 		right: 0.6667vw;
 	}
 	.navLink{
 		border-width: 0.5334vw;
 		border-left-width: 0px;
 		font-size: 4.5334vw;
 		padding: 2.6667vw 0 2.6667vw 8.5334vw;
 		pointer-events: none;
 	}
 	.header.is-active .navLink{
 		pointer-events: auto;
 	}
 	.navLink:before{
 		top: -0.5334vw;
 		left: -0.5334vw;
 		right: -0.4vw;
 		bottom: -0.4vw;
 		box-shadow: 0.4vw 0.4vw #ee858c;
 	}
 	.navTxt span{
 		font-size: 3.2vw;
 	}
 }

/**
 * navBtn
 */
 @media screen and (max-width:767px){
 	.header__navBtnWrap {
 		background-color: #fff899;
 		width: 12.6667vw;
 		height: 12.6667vw;
 		border-radius: 50%;
 		border: 0.5334vw solid #ee858c;
 		position: fixed;
 		top: 0;
 		margin-top: 3.3334%;
 		right: 3.3334%;
 		z-index: 4;
 		transition: .2s ease;
 	}
 	.header.is-active .header__navBtnWrap {
 		transform: translate(0.4vw,0.4vw);
 	}
 	.header__navBtnWrap:before{
 		content: '';
 		position: absolute;
 		top: 0px;
 		left: 0px;
 		right: 0px;
 		bottom: 0px;
 		box-shadow: 0.8vw 0.8vw #ee858c;
 		border-radius: 50%;
 		transition: .2s ease;
 	}
 	.header.is-active .header__navBtnWrap:before {
 		box-shadow: 0.4vw 0.4vw #ee858c;
 	}
 	.header__navBtn {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		width: 100%;
 		height: 100%;
 		position: relative;
 	}
 	.header__navBtn__lineWrap {
 		width: 5.0667vw;
 		height: 4.2667vw; /** 32px **/
 		position: relative;
 	}
 	.header__navBtn--line {
 		background-color: #ee858c;
 		display: block;
 		width: 100%;
 		height: 0.8vw;
 		margin: auto;
 		position: absolute;
 		border-radius: 4px;
 		transition: .3s ease;
 	}
 	.header__navBtn--line:nth-child(1) {
 		top: 0;
 	}
 	.header__navBtn--line:nth-child(2) {
 		top: 0;
 		bottom: 0;
 	}
 	.header__navBtn--line:nth-child(3) {
 		bottom: 0;
 	}
 	.header.is-active .header__navBtn--line:nth-child(1) {
 		top: 1.7334vw;
 		transform: rotate(45deg);
 	}
 	.header.is-active .header__navBtn--line:nth-child(2) {
 		transform: translateX(10px);
 		opacity: 0;
 	}
 	.header.is-active .header__navBtn--line:nth-child(3) {
 		bottom: 1.7334vw;
 		transform: rotate(-45deg);
 	}
 }


/*-----------------------------------------------
 * Parts
 -------------------------------------------------*/
/**
 * Youtube Autoplay Thumb
 */
 .mov_bgthumb{
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: contain;
 	transition: .3s ease;
 }
 .mov_bgthumb.is-disable{
 	opacity: 0;
 }
/**
 * Oficial Twitter(PC ONLY)
 */
 @media screen and (min-width: 768px){
 	.oftwi{
 		position: absolute;
 		width: 100%;
 		height: 58px;
 		top: -10px;
 		right: 0;
 		padding-right:7.6289%;
 		pointer-events: none;
 		transition: .3s ease;
 		z-index: 3;
 		display: flex;
 		justify-content: flex-end;
 	}
 	.oftwi a{
 		position: relative;
 		display: block;
 		width: 135px;
 		height: 100%;
 		border: 4px solid #ee858c;
 		border-top-width: 0;
 		border-bottom-right-radius: 20px;
 		border-bottom-left-radius: 20px;
 		background-color: #fff;
 		background-image: repeating-linear-gradient(-45deg,#fff899, #fff899 16px,transparent 0, transparent 28px);
 		text-decoration: none;
 		font-size: 18px;
 		line-height: 1;
 		letter-spacing: -0.05em;
 		text-align: center;
 		color: #ee858c;
 		padding-top: 23px;
 		pointer-events: auto;
 		transition: .3s ease;
 		margin-left:14px;
 	}
 	.oftwi a:hover{
 		transform:translateY(-5px);
 	}
 	.oftwi a:before{
 		content: '';
 		position: absolute;
 		top: 0px;
 		left: -3px;
 		right: -3px;
 		bottom: -3px;
 		/*border: 4px solid #ee858c;*/
 		border-top-width: 0;
 		border-bottom-right-radius: 20px;
 		border-bottom-left-radius: 20px;
 		box-shadow: 3px 3px #ee858c;
 	}
 	.oftwi a span{
 		display: inline-block;
 		line-height: 1;
 		padding: 0 28px 0 14px;
 		position: relative;
 	}
 	.oftwi a span:after{
 		content: '';
 		position: absolute;
 		width: 18px;
 		height: 19px;
 		right: 0;
 		top: calc(50% - 9px);
 		-webkit-mask-image: url(../img/common/icon_tw.svg);
 		mask-image: url(../img/common/icon_tw.svg);
 		background-color: #ee858c;
 		display: block;
 		-webkit-mask-repeat: no-repeat;
 		mask-repeat: no-repeat;
 		-webkit-mask-position: center;
 		mask-position: center;
 		-webkit-mask-size: 100%;
 		mask-size: 100%;
 	}
 	.oftwi a:nth-child(2) span:after{
 		height: 18px;
 		-webkit-mask-image: url(../img/common/icon_tiktok.svg);
 		mask-image: url(../img/common/icon_tiktok.svg);
 		-webkit-mask-size: contain;
 		mask-size: contain;
 	}
 }
 @media screen and (max-width: 767px){
 	.oftwi{
 		display: none;
 	}
 }

/**
 * pageTitle
 */
 .pageTitle{
 	position: absolute;
 	top: 0;
 	/*left: 26.3918%;*/
 	left: 0;
 	right: 230px;
 	display: flex;
 	justify-content: center;
 	z-index: 1;
 }
 .pageTitlein{
 	position: relative;
 	line-height: 1;
 	min-width: 225px;
 	height: 48px;
 	display: block;
 	border: 4px solid #926453;
 	border-top-width: 0;
 	border-bottom-right-radius: 20px;
 	border-bottom-left-radius: 20px;
 	background-color: #fff;
 	background-image: repeating-linear-gradient(-45deg,#fff899, #fff899 16px,transparent 0, transparent 28px);
 	font-size: 18px;
 	line-height: 1;
 	letter-spacing: -0.05em;
 	text-align: center;
 	color: #926453;
 	padding-top: 13px;
 	font-weight: 800;
 }
 .pageTitlein:before{
 	content: '';
 	position: absolute;
 	top: -4px;
 	left: -3px;
 	right: -3px;
 	bottom: -3px;
 	border-top-width: 0;
 	border-bottom-right-radius: 20px;
 	border-bottom-left-radius: 20px;
 	box-shadow: 3px 3px #926453;
 }
 .pageTitlein span{
 	position: relative;
 	z-index: 2;
 	display: inline-block;
 }

 @media screen and (max-width: 767px){
 	.pageTitle{
 		top: calc(14.9334vw + 11px);
 		right: 35.9667%;
 	}
 	.pageTitlein{
 		min-width: 120px;
 		height: 32px;
 		border-width: 2px;
 		border-top-width: 0;
 		border-bottom-right-radius: 10px;
 		border-bottom-left-radius: 10px;
 		background-image: repeating-linear-gradient(-45deg,#fff899, #fff899 8px,transparent 0, transparent 14px);
 		font-size: 1.4rem;
 		padding-top: 7px;
 	}
 	.pageTitlein:before{
 		top: -3px;
 		left: -2px;
 		right: 0px;
 		bottom: -1px;
 		border-bottom-right-radius: 10px;
 		border-bottom-left-radius: 10px;
 		box-shadow: 3px 3px #926453;
 	}
 	.pageTitlein span{
 		padding: 0 1em;
 	}

 }


/**
 * shareLists
 */
 .shareLists {
 	display: flex;
 }

 /* item */
 .shareLists__item {
 	width: 20px;
 	height: 20px;
 	margin: 0 10px;
 }

 @media screen and (max-width: 767px){
 	.shareLists__item{
 		width: 32px;
 		height: 32px;
 		margin: 0 20px;
 	}
 }

 /* link */
 .shareLists__link {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 100%;
 	height: 100%;
 	position: relative;
 	text-decoration: none;
 }
 @media screen and (min-width: 768px){
 	.shareLists__link {
 		transition: transform .4s ease;
 	}
 	.shareLists__link:hover {
 		transform: translateY(-3px);
 	}
 }
 .shareLists__link:before {
 	content: "";
 	background-color: #926453;
 	display: block;
 	-webkit-mask-repeat: no-repeat;
 	mask-repeat: no-repeat;
 	-webkit-mask-position: center;
 	mask-position: center;
 	-webkit-mask-size: 100%;
 	mask-size: 100%;
 	transition: background-color .4s ease;
 }
 .shareLists__link:hover:before {
 	background-color: #ff0000;
 }

 /* 各SNSパーツ */
 .shareLists__item.is-twitter .shareLists__link:before {
 	width: 20px;
 	height: 20px;
 	-webkit-mask-image: url(../img/common/icon_tw.svg);
 	mask-image: url(../img/common/icon_tw.svg);
 }
 .shareLists__item.is-facebook .shareLists__link:before {
 	width: 20px;
 	height: 20px;
 	-webkit-mask-image: url(../img/common/icon_fb.svg);
 	mask-image: url(../img/common/icon_fb.svg);
 }
 .shareLists__item.is-line .shareLists__link:before {
 	width: 20px;
 	height: 20px;
 	-webkit-mask-image: url(../img/common/icon_line.svg);
 	mask-image: url(../img/common/icon_line.svg);
 }

 @media screen and (max-width: 767px){
 	.shareLists__item.is-twitter .shareLists__link:before,
 	.shareLists__item.is-facebook .shareLists__link:before,
 	.shareLists__item.is-line .shareLists__link:before {
 		width: 40px;
 		height: 40px;
 	}
 }


/**
 * CHARA Circle
 */
 .mainCont__characircle{
 	width: 160px;
 	height: 172px;
 	position: absolute;
 	top: -4px;
 	left: 14.9485%;
 	right: 7.6289%;
 	margin: 0 auto;
 	/*z-index: 1;*/
 	pointer-events: auto;
 	cursor: grab;
 }
 .mainCont__characircle div{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: url(../img/common/circle_mahiro.png) no-repeat center / contain;
 }
 @keyframes chara_circle {
 	0% {
 		transform: rotate(-4deg);
 	}
 	100% {
 		transform: rotate(8deg);
 	}
 }
 @media screen and (max-width: 767px){
 	.mainCont__characircle{
 		width: 26.6667vw;
 		height: 29.3334vw;
 		max-width: 200px;
 		max-height: 220px;
 		top: 0;
 		margin-top: 7.4667%;
 		left: unset;
 		right: 11.7334%;
 	}
 }

 @keyframes bounce {
 	0% {
 		transform: translateY(0px) scale(1);
 	}
 	100% {
 		transform: translateY(-15px) scale(0.95, 1);
 	}
 }

/*-----------------------------------------------
 * Main
 -------------------------------------------------*/
 .main{
 	position: relative;
 	width: calc(100% - 230px);
 	min-height: var(--set-min-height);
 	background-color: #fff;
 	margin-left: auto;
 }

 .mainbg{
 	position: fixed;
 	top: 0;
 	left: 230px;
 	bottom: 0;
 	right: 0;
 	/*background-image: url(../img/common/apng2.webp);*/
 	background-color:#fff;
 	height: 100%;
 	min-height: 620px;
 	overflow: hidden;
 }
 .mainbg_bg{
 	position: absolute;
 	top: calc(50% - 57.5vw);
 	left: calc(50% - 57.5vw);
 	width: 115vw;
 	height: 115vw;
 	background: url(../img/common/mainbg.jpg) no-repeat center center / 100%;
 	/*	animation: mainbg 180s linear infinite;*/
 	transform-origin:50% 50%;
 }
 @media (orientation: portrait){
 	.mainbg_bg{
 		width: 130vh;
 		height: 110vh;
 		top: calc(50% - 55vh);
 		left: calc(50% - 65vh);
 	}
 }

 @keyframes mainbg{
 	0%  { transform: rotate(0) scale(1.125); }
 	100%{ transform: rotate(-360deg) scale(1.125); }
 }

 #mainbg{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }



 .mainContents{
 	position: relative;
 	z-index: 2;
 	width: 100%;
 }

 @media screen and (max-width: 767px){
 	.main{
 		width: 100%;
 		min-height: calc(100vh - 184px);
 	}
 	.mainbg{
 		left: 0;
 	}
 }

/*-----------------------------------------------
 * Footer
 -------------------------------------------------*/
 #footer{
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	overflow: hidden;
 	height: 187px;
 }
 .pc_mov{
 	width: 317px;
 	height: 317px;
 	border: 7px solid #fff899;
 	background-color: #fff;
 	position: absolute;
 	border-radius: 50%;
 	/*top: 0px;*/
 	bottom: -130px;
 	left: -13px;
 	z-index: 2;
 }
 .pc_mov:before{
 	content: '';
 	position: absolute;
 	width: 81px;
 	height: 107px;
 	background: url(../img/common/txt_pc_mov.png) no-repeat center / contain;
 	top: 11px;
 	right: -37px;
 }
 .pc_mov_bgWrap{
 	width: 303px;
 	height: 303px;
 	top: 0px;
 	right: 0px;
 	left: 0px;
 	border-radius: 50%;
 	position: absolute;
 	overflow: hidden;
 	z-index: 2;
 }
 #btn_pc_mov{
 	position: relative;
 	display: block;
 	width: 100%;
 	height: 100%;
 	border-radius: 50%;
 	z-index: 2;
 	overflow: hidden;
 	pointer-events: auto;
 }
 #btn_pc_mov_bgWrap{
 	position: absolute;
 	width: 200%;
 	padding-top: calc(112.5% + 200px);
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%,-50%);
 	pointer-events: none;
 }
 #btn_pc_mov_bg{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	display: block;
 }

 .shareWrap{
 	display: flex;
 	align-items: center;
 	position: absolute;
 	bottom: 14px;
 	left: 344px;
 	z-index: 10;
 }
 .share_ttl{
 	font-size: 14px;
 	line-height: 1;
 	color: #926453;
 	margin-right: 10px;
 }
 .copyright{
 	font-size: 10px;
 	line-height: 1;
 	color: #926453;
 	position: absolute;
 	bottom: 14px;
 	right: 1.6667%;
 	z-index: 2;
 }

 @media screen and (max-width: 767px){
 	#footer{
 		position: relative;
 		height: auto;
 		padding: 32px 0 48px;
 	}
 	.pc_mov{
 		display: none;
 	}
 	.shareWrap{
 		flex-wrap: wrap;
 		justify-content: center;
 		position: relative;
 		bottom: unset;
 		left: unset;
 	}
 	.share_ttl{
 		width: 100%;
 		text-align: center;
 		font-size: 1.2rem;
 		margin-right: 0;
 		margin-bottom: 18px;
 	}
 	.copyright{
 		padding-top: 32px;
 		font-size: 1rem;
 		right: unset;
 		bottom: unset;
 		width: 100%;
 		text-align: center;
 		position: relative;
 		letter-spacing: -0.05em;
 	}
 	.toTop{
 		position: absolute;
 		bottom: 42px;
 		right: 3.3334%;
 		width: 12.6667vw;
 		max-width: 64px;
 		height: 12.6667vw;
 		max-height: 64px;
 		border-radius: 50%;
 		border: 0.5334vw solid #ee858c;
 		transition: .2s ease;
 		background-color: #fff899;
 		z-index: 2;
 	}
 	.toTop:before{
 		content: '';
 		position: absolute;
 		top: 0px;
 		left: 0px;
 		right: 0px;
 		bottom: 0px;
 		box-shadow: 0.8vw 0.8vw #ee858c;
 		border-radius: 50%;
 		transition: .2s ease;
 	}
 	.toTop a{
 		position: absolute;
 		top: 2px;
 		right: 2px;
 		bottom: 2px;
 		left: 2px;
 		border-radius: 50%;
 		background-color: #ee858c;
 	}
 	.toTop a:after{
 		content: '';
 		position: absolute;
 		top: 0;
 		left: 0;
 		width: 100%;
 		height: 100%;
 		background-repeat: no-repeat;
 		background-position: center;
 		/*background-size: 42px 28px;*/
 		background-size: 3.2vw;
 		background-image: url(../img/common/arrow_top.svg);
 	}
 }