@charset "UTF-8";


/*

	font-family: 'TsukuAVintageMinLPro-R';

	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/dot_pack_alpha.png");
	background-color: transparent;
	background-size: 20px 49px;

	background-color: transparent;

	border-style: solid;
	border-color: transparent;
	border-width: 1px 0px 1px 0px;

	box-sizing: border-box;

	border-radius: 50px;

	text-align: center;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.008em;
	color: #4c4c4c;
	font-weight: 300;
	text-decoration: none;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;

	position: relative;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;

	transition: opacity 0.3s ease 0s;

	transition-delay: 0s;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;

	border-radius: 50px;

	<uniquifier>: Use a unique and descriptive class name
	<weight>: Use a value from 100 to 900

Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900

.noto-sans-jp-<uniquifier> {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

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


}

*/




:root{
/*
	--mag15: 1.5 / 750px * 100 * 1vw;
	--mag13: 1.3 / 750px * 100 * 1vw;
	--mag12: 1.2 / 750px * 100 * 1vw;
	--mag1: 1.0 / 750px * 100 * 1vw;
*/

	--mag15: 0.2vw;
	--mag13: 0.173333vw;
	--mag12: 0.16vw;
	--mag1: 0.133333vw;

	--sp-border-width: 1px;

	--w1920-mag1: 0.05208vw; /* 1.0 / 1920px * 100 * 1vw */
}




html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: none;
}

body {
	background-color: #ffddf1;
}

.default_font_family,
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

strong {
	font-weight: 800;
}




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

	body {
		background-size: 506px 506px;

		background-size: calc( 506 * var(--mag1) ) calc( 506 * var(--mag1) );
	}

	body.single,
	body.archive,
	body.page {
		background-size: 150% auto;
	}

}




/* ------------------------------------------------------------------------------------------------ Main */




#ypts_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
}




/* ------------------------------------------------------------------------------------------------ YM Main */




#ym_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;

	padding-top: 39px;
}

#ym_main #ym_main_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

#ym_main #ym_main_bg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 100%;
	pointer-events: none;
}

#ym_main #ym_main_bg img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

@keyframes bgposanim01 {
	0% {
		/*background-position: 0px 21px, 0px 899px;*/
		background-position: 0px 1.09375vw, 0px 46.8229vw;
	}
	100% {
		/*background-position: 2000000px 21px, -2000000px 899px;*/
		background-position: 104166.6666vw 1.09375vw, -104166.6666vw 46.8229vw;
	}
}

#ym_main #ym_main_bg #ym_main_bg_text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	background-position: center center;
	background-image: url("./images/ym_bg_text01.png"), url("./images/ym_bg_text01.png");
	background-color: transparent;
	background-size: auto 93px;
	animation: bgposanim01 linear 36000s infinite;

	background-size: auto 4.84375vw;
}

#ym_main #ym_main_bg img:last-child {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#ym_main #ym_main_kauntaa {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 272px;
	left: 190px;
	width: 848px;
	height: 426px;
	pointer-events: none;

	top: 14.1666vw;
	left: 9.8958vw;
	width: 44.1666vw;
	height: 22.1875vw;
}

#ym_main #ym_main_kauntaa img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

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

	#ym_main {
		/*padding-top: 39px;*/

		/*padding-top: 2.03125vw;*/
	}

}

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

	#ym_main {
		padding-top: 0px;
	}

	#ym_main #ym_main_bg {
		background-repeat: no-repeat;
		background-position: left top;
		background-position: center top;
		background-image: url("./images/ym_bg01_sp.jpg");
		background-color: transparent;
		background-size: 100% auto;
		padding-top: 166.5vw;
	}

	#ym_main #ym_main_bg img {
		display: none;
	}

	@keyframes bgposanim01 {
		0% {
			/*background-position: 0px 527px, 0px 1149px;*/
			background-position: 0px 70.2666vw, 0px 153.2vw;
		}
		100% {
			/*background-position: 1483870px 21px, -1483870px 899px;*/
			background-position: 197849.3333vw 70.2666vw, -197849.3333vw 153.2vw;
		}
	}

	#ym_main #ym_main_bg #ym_main_bg_text {
		background-size: auto 69px;

		background-size: auto calc( 69 * var(--mag1) );
	}

	#ym_main #ym_main_kauntaa {
		top: 16.8vw;
		left: 0vw;
		width: 100%;
		height: auto;
	}

	#ym_main #ym_main_kauntaa img {
		margin: 0px auto 0px auto;
		width: 82.6666vw;
	}

}




.ym_flower_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	pointer-events: none;
}

@keyframes rotateAnimation {
	from {
		transform: rotate(0deg); /* 開始時 */
	}
	to {
		transform: rotate(360deg); /* 終了時 */
	}
}

#ym_flower01 {
	top: 211px;
	left: 63px;
	width: 137px;
	height: 132px;
	animation: rotateAnimation 8s linear infinite;

	top: calc( 211 * var(--w1920-mag1) );
	left: calc( 63 * var(--w1920-mag1) );
	width: calc( 137 * var(--w1920-mag1) );
	height: calc( 132 * var(--w1920-mag1) );
}

#ym_flower02 {
	top: -11px;
	left: 743px;
	width: 137px;
	height: 132px;
	animation: rotateAnimation 10s linear infinite;

	top: calc( -11 * var(--w1920-mag1) );
	left: calc( 743 * var(--w1920-mag1) );
	width: calc( 137 * var(--w1920-mag1) );
	height: calc( 132 * var(--w1920-mag1) );
}

#ym_flower03 {
	top: 691px;
	left: -23px;
	width: 132px;
	height: 136px;
	animation: rotateAnimation 12s linear infinite;

	top: calc( 691 * var(--w1920-mag1) );
	left: calc( -23 * var(--w1920-mag1) );
	width: calc( 132 * var(--w1920-mag1) );
	height: calc( 136 * var(--w1920-mag1) );
}

#ym_flower03b {
	animation: rotateAnimation 6s linear infinite;
	display: none;
}

#ym_flower04 {
	top: 664px;
	left: 751px;
	width: 132px;
	height: 136px;
	animation: rotateAnimation 14s linear infinite;

	top: calc( 664 * var(--w1920-mag1) );
	left: calc( 751 * var(--w1920-mag1) );
	width: calc( 132 * var(--w1920-mag1) );
	height: calc( 136 * var(--w1920-mag1) );

	top: calc( 634 * var(--w1920-mag1) );
}

#ym_flower05 {
	top: 958px;
	left: 401px;
	width: 141px;
	height: 131px;
	animation: rotateAnimation 16s linear infinite;

	top: calc( 958 * var(--w1920-mag1) );
	left: calc( 401 * var(--w1920-mag1) );
	width: calc( 141 * var(--w1920-mag1) );
	height: calc( 131 * var(--w1920-mag1) );
}

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

	#ym_flower01 {
		top: calc( 1181 * var(--mag1) );
		left: calc( 83 * var(--mag1) );
		width: calc( 99 * var(--mag1) );
		height: calc( 95 * var(--mag1) );
	}

	#ym_flower02 {
		top: calc( 441 * var(--mag1) );
		left: calc( 565 * var(--mag1) );
		width: calc( 94 * var(--mag1) );
		height: calc( 98 * var(--mag1) );
	}

	#ym_flower03 {
		top: calc( 560 * var(--mag1) );
		left: calc( 45 * var(--mag1) );
		width: calc( 95 * var(--mag1) );
		height: calc( 98 * var(--mag1) );
	}

	#ym_flower03b {
		display: block;
		top: calc( 18 * var(--mag1) );
		left: calc( 587 * var(--mag1) );
		width: calc( 94 * var(--mag1) );
		height: calc( 98 * var(--mag1) );
	}

	#ym_flower04 {
		top: calc( 117 * var(--mag1) );
		left: calc( 28 * var(--mag1) );
		width: calc( 94 * var(--mag1) );
		height: calc( 98 * var(--mag1) );

	}

	#ym_flower05 {
		top: calc( 1087 * var(--mag1) );
		left: calc( 544 * var(--mag1) );
		width: calc( 102 * var(--mag1) );
		height: calc( 95 * var(--mag1) );
	}

}




/* ------------------------------------------------------------------------------------------------ Footer */




#ypts_footer {
	margin: 0px 0px 0px 0px;
	padding: 86px 0px 90px 0px;
	border-style: solid;
	border-color: #5970e4;
	border-width: 0px 0px 0px 0px;
	/*overflow: hidden;*/
	position: relative;

	background-color: #5970e4;
}

#ypts_footer::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	content: '';
	position: absolute;
	top: -13px;
	left: 0px;
	width: 100%;
	height: 26px;
	background-repeat: repeat-x;
	background-position: left top;
	background-position: center center;
	background-image: url("./images/ym_line.png");
	background-color: transparent;
	background-size: auto 100%;
}

#ypts_footer  #ypts_footer_in #ypts_footer_logo {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 480px;
}

#ypts_footer  #ypts_footer_in #ypts_footer_logo a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
	transition: opacity 0.3s ease 0s;
}

#ypts_footer  #ypts_footer_in #ypts_footer_logo a:hover {
	opacity: 0.5;
}

#ypts_footer  #ypts_footer_in #ypts_footer_logo img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#ypts_footer  #ypts_footer_in #ypts_footer_cr {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#ypts_footer  #ypts_footer_in #ypts_footer_cr br.sp {
	display: none;
}

#ypts_footer  #ypts_footer_in #ypts_footer_cr p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.11em;
	color: #ffb4dc;
	font-weight: 300;
	text-decoration: none;
}

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

	#ypts_footer {
		padding: 86px 0px 90px 0px;

		padding: calc( 86 * var(--mag13) ) 0px calc( 90 * var(--mag13) ) 0px;
	}

	#ypts_footer::before {
		top: -13px;
		height: 26px;

		top: calc( -13 * var(--mag13) );
		height: calc( 26 * var(--mag13) );
	}

	#ypts_footer  #ypts_footer_in #ypts_footer_logo {
		width: 480px;

		width: calc( 480 * var(--mag1) );
	}

	#ypts_footer  #ypts_footer_in #ypts_footer_cr {
		margin: 25px 0px 0px 0px;

		margin: calc( 25 * var(--mag13) ) 0px 0px 0px;
	}

	#ypts_footer  #ypts_footer_in #ypts_footer_cr p {
		font-size: 14px;
		line-height: 30px;

		font-size: calc( 14 * var(--mag13) );
		line-height: calc( 30 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Frame v3 */




.yp3_frame {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 60000;
	box-sizing: border-box;
	border-style: solid;
	border-color: #ffddf1;
	border-width: 10px;
}

.yp3_frame .yp3_frame_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	box-sizing: border-box;
	border-style: solid;
	border-color: #5970e4;
	border-width: 2px;
}

.yp3_frame .yp3_frame_in2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	box-sizing: border-box;
	border-style: solid;
	border-color: #ffffff;
	border-width: 26px;
}

.yp3_frame .yp3_frame_in3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
	box-sizing: border-box;
	border-style: solid;
	border-color: #5970e4;
	border-width: 2px;
}

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

	.yp3_frame {
		border-width: 10px;

		border-width: 1.3333vw;

		border-width: calc( 10 * var(--mag1) );
	}

	.yp3_frame .yp3_frame_in {
		border-width: 2px;

		border-width: var(--sp-border-width);
	}

	.yp3_frame .yp3_frame_in2 {
		border-width: 26px;

		border-width: 3.4666vw;
	}

	.yp3_frame .yp3_frame_in3 {
		border-width: 2px;

		border-width: var(--sp-border-width);
	}

}