@charset "UTF-8";

/*
**************************************************************************
*	Smile Switch page.css
**************************************************************************/

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	top
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.page-top .l-main {
	background-image: none;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.page-top .l-main {
		background-size: 173px 173px;
	}
}


/* --------------------------------------------------
		visual
-------------------------------------------------- */
.page-top .visual {
	padding: 80px 0 50px;
	border-top: 1px solid #dddddd;
}
.page-top .visual__title {
	width: 480px;
	margin: 0 auto;
}
.page-top .visual__lead {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	color: #080404;
	position: relative;
	opacity: 0;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.page-top .visual {
		padding: 30px 0 50px;
	}
	.page-top .visual__title {
		width: 86.95652173913043%;
	}
	.page-top .visual__lead {
		font-size: 1.3rem;
	}
}


/* --------------------------------------------------
		links
-------------------------------------------------- */
.page-top .links {
	padding-bottom: 60px;
}
.page-top .links__list {
	display: flex;
	margin: 0 -2.5%;
}
.page-top .links__list li {
	width: 50%;
	padding: 0 2.380952380952381%;
	position: relative;
	opacity: 0;
}
.page-top .links__list li .button {
	position: relative;
	display: block;
	height: 570px;
	border: 4px solid #000000;
	border-image: url(../img/line_01.png) 4 / 4px 4px repeat;
}
.page-top .links__list li .button:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 16px;
	left: 16px;
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	border: 4px solid #ffffff;
	border-image: url(../img/line_02.png) 4 / 4px 4px repeat;
}
.page-top .links__list li .button .frame {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-position: center center;
	background-size: cover;
}
.page-top .links__list li .button.look .frame {
	background-image: url(../img/top/btn_look02.png);
}
.page-top .links__list li .button.yougashi .frame {
	background-image: url(../img/top/btn_yougashi02.png);
}
.page-top .links__list li .button .frame span {
	position: relative;
	display: block;
}
.page-top .links__list li .button .frame span:after {
	content: "";
	position: absolute;
	bottom: 14.70588235294118%;
	left: 47.82608695652174%;
	width: 4.347826086956522%;
	height: 9.803921568627451%;
	background-size: 100% 100%;
}
.page-top .links__list li .button.look .frame span:after {
	background-image: url(../img/icon_arrow02.png);
}
.page-top .links__list li .button.yougashi .frame span:after {
	background-image: url(../img/icon_arrow01.png);
}
.page-top .links__list li .banner {
	margin: 40px auto 0;
	max-width: 300px;
}
.page-top .links__watakon {
	margin: 50px auto 0;
	max-width: 500px;
	position: relative;
	opacity: 0;
}
@media screen and (min-width: 768px) {
	.page-top .links__list li .button {
		transition: opacity .3s ease;
	}
	.page-top .links__list li .button:hover {
		opacity: 0.8;
	}
	.page-top .links__list li .button:hover .frame span:after {
		left: 50%;
	}
}
@media screen and (max-width: 767px) {
	.page-top .links {
		padding-bottom: 30px;
	}
	.page-top .links__list {
		display: flex;
		margin: 0 -0.7246376811594203%;
	}
	.page-top .links__list li {
		padding: 0 0.7142857142857143%;
	}
	.page-top .links__list li .button {
		height: 76vw;
		border-width: 2px;
		border-image: url(../img/line_01.png) 4 / 2px 2px repeat;
	}
	.page-top .links__list li .button:before {
		top: 6px;
		left: 6px;
		width: calc(100% - 12px);
		height: calc(100% - 12px);
		border-width: 2px;
		border-image: url(../img/line_02.png) 4 / 2px 2px repeat;
	}
	.page-top .links__list li .button .frame span {
		width: 83.13253012048193%;
		margin: 0 auto;
	}
	.page-top .links__list li .banner {
		margin-top: 15px;
		max-width: none;
		width: 88.23529411764706%;
	}
	.page-top .links__watakon {
		margin-top: 30px;
		max-width: 72.46376811594203%;
	}
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	look
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* --------------------------------------------------
		visual
-------------------------------------------------- */
.page-look .visual img {
	max-width: none;
	width: 100%;
}
.page-look .visual .l-cts {
	overflow: hidden;
}
.page-look .visual__title {
	position: absolute;
	top: 63.36336336336336%;
	left: 41.8%;
	width: 16.53333333333333%;
	opacity: 0;
	font-size: 0;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.page-look .visual__title {
		top: 63.00326441784548%;
		left: 2.533333333333333%;
		width: 94.93333333333333%;
	}
}


/* --------------------------------------------------
		content
-------------------------------------------------- */
.page-look .content img {
	max-width: none;
	width: 100%;
}
.page-look .content .content-point {
	pointer-events: none;
	position: absolute;
	top: calc((100vw / 1560) * 1040 * 2 - (100vh - (100vw / 1560) * 1040) * 0.5);
	left: 0;
	width: 100px;
	height: 0;
	z-index: 100;
}
.page-look .content .content-point span {
	padding-top: 0;
	margin-top: 0;
}
.page-look .content .content-cts {
	height: calc((100vw / 1560) * 1040 * 3);
}
.page-look .content .inner {
	position: sticky;
	overflow: hidden;
	top: calc((100vh - (100vw / 1560) * 1040) * 0.5);
}
.page-look .content .content-window {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
}
.page-look .content .content-window__body {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
.page-look .content .content-window__body .text {
	position: relative;
	color: #ffffff;
	font-size: calc(100vw / 1560 * 24);
	font-weight: 700;
	text-align: center;
	padding-top: 5vw;
}
.page-look .content .content-window__body .text span {
	position: relative;
	opacity: 0;
}
.page-look .content .content-window__body .scroll {
	position: relative;
	width: calc(100vw / 1560 * 90);
	margin: calc(100vw / 1560 * 40) auto 0;
	font-size: 0;
	opacity: 0;
}
.page-look .content .content-window__body .scroll__text {
	display: block;
	padding-bottom: 17.14285714285714%;
}
.page-look .content .content-window__body .scroll__icon {
	position: absolute;
	width: 20%;
	bottom: 0;
	left: 40%;
	animation: lookContentWindowScrollArrow 1s ease 0s infinite;
}
@keyframes lookContentWindowScrollArrow {
	  0% { bottom: 0; }
	 50% { bottom: -12%; }
	100% { bottom: 0; }
}
.page-look .content .button {
	position: absolute;
	z-index: 2;
	width: calc(100% / 1560 * 220);
	opacity: 0;
}
.page-look .content .button--01 {
	top: calc(100% / 1040 * 344);
	left: calc(100% / 1560 * 440);
}
.page-look .content .button--02 {
	top: calc(100% / 1040 * 238);
	left: calc(100% / 1560 * 682);
}
.page-look .content .button--03 {
	top: calc(100% / 1040 * 638);
	left: calc(100% / 1560 * 365);
}
.page-look .content .button--04 {
	top: calc(100% / 1040 * 444);
	left: calc(100% / 1560 * 922);
}
.page-look .content .button a {
	position: relative;
	display: block;
	top: 0;
	animation: lookContentButton 1.2s ease 0s infinite;
}
@keyframes lookContentButton {
	  0% { top: 0; }
	 50% { top: calc(100vw / 1560 * -6); }
	100% { top: 0; }
}
.page-look .content .chara {
	position: absolute;
	z-index: 1;
}
.page-look .content .chara--01 {
	width: calc(100% / 1560 * 168);
	top: calc(100% / 1040 * 345);
	left: calc(100% / 1560 * 712);
}
.page-look .content .chara--02 {
	width: calc(100% / 1560 * 164);
	top: calc(100% / 1040 * 448);
	left: calc(100% / 1560 * 466);
}
.page-look .content .chara--03 {
	width: calc(100% / 1560 * 160);
	top: calc(100% / 1040 * 532);
	left: calc(100% / 1560 * 942);
}
.page-look .content .item--01 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 658);
	left: calc(100% / 1560 * 172);
}
.page-look .content .item--02 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 128);
	left: calc(100% / 1560 * 1018);
}
.page-look .content .item--03 {
	width: calc(100% / 1560 * 56);
	top: calc(100% / 1040 * 832);
	left: calc(100% / 1560 * 450);
}
.page-look .content .item--04 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 512);
	left: calc(100% / 1560 * 1274);
}
.page-look .content .item--05 {
	width: calc(100% / 1560 * 72);
	top: calc(100% / 1040 * 81);
	left: calc(100% / 1560 * 256);
}
.page-look .content .item--06 {
	width: calc(100% / 1560 * 104);
	top: calc(100% / 1040 * 856);
	left: calc(100% / 1560 * 1014);
}
.page-look .content .item--07 {
	width: calc(100% / 1560 * 68);
	top: calc(100% / 1040 * 140);
	left: calc(100% / 1560 * 470);
}
.page-look .content .item--08 {
	width: calc(100% / 1560 * 56);
	top: calc(100% / 1040 * 370);
	left: calc(100% / 1560 * 1200);
}
.page-look .content .item--09 {
	width: calc(100% / 1560 * 56);
	top: calc(100% / 1040 * 98);
	left: calc(100% / 1560 * 554);
}
.page-look .content .item--10 {
	width: calc(100% / 1560 * 56);
	top: calc(100% / 1040 * 358);
	left: calc(100% / 1560 * 276);
}
.page-look .content .item--11 {
	width: calc(100% / 1560 * 60);
	top: calc(100% / 1040 * 778);
	left: calc(100% / 1560 * 276);
}
.page-look .content .item--12 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 188);
	left: calc(100% / 1560 * 56);
}
.page-look .content .item--13 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 228);
	left: calc(100% / 1560 * 1176);
}
.page-look .content .item--14 {
	width: calc(100% / 1560 * 68);
	top: calc(100% / 1040 * 738);
	left: calc(100% / 1560 * 1356);
}
.page-look .content .item--15 {
	width: calc(100% / 1560 * 68);
	top: calc(100% / 1040 * 228);
	left: calc(100% / 1560 * 196);
}
.page-look .content .item--16 {
	width: calc(100% / 1560 * 60);
	top: calc(100% / 1040 * 318);
	left: calc(100% / 1560 * 1116);
}
.page-look .content .item--17 {
	width: calc(100% / 1560 * 60);
	top: calc(100% / 1040 * 498);
	left: calc(100% / 1560 * 86);
}
.page-look .content .item--18 {
	width: calc(100% / 1560 * 44);
	top: calc(100% / 1040 * 788);
	left: calc(100% / 1560 * 126);
}
.page-look .content .item--19 {
	width: calc(100% / 1560 * 44);
	top: calc(100% / 1040 * 128);
	left: calc(100% / 1560 * 1326);
}
.page-look .content .item--20 {
	width: calc(100% / 1560 * 44);
	top: calc(100% / 1040 * 818);
	left: calc(100% / 1560 * 1280);
}
.page-look .content .chara span {
	position: absolute;
	z-index: 1;
	animation: lookContentChara 1.2s ease 0s infinite;
}
@keyframes lookContentChara {
	  0% { top: 0; }
	 50% { top: calc(100vw / 1560 * -6); }
	100% { top: 0; }
}
@media screen and (min-width: 768px) {
	.page-look .content .button a:hover {
		transform: scale(1.05);
	}
}
@media screen and (max-width: 767px) {
	.page-look .content .content-point {
		top: calc((100vw / 750) * 1176 * 2 - (100vh - (100vw / 750) * 1176) * 0.5);
	}
	.page-look .content .content-cts {
		height: calc((100vw / 750) * 1176 * 3);
	}
	.page-look .content .inner {
		top: calc((100vh - (100vw / 750) * 1176) * 0.5);
	}
	.page-look .content .content-base {
		margin: 0 0;
	}
	.page-look .content .content-window {
		margin: 0 0;
	}
	.page-look .content .content-window__body .text {
		font-size: calc(100vw / 750 * 22);
	}
	.page-look .content .content-window__body .scroll {
		width: calc(100vw / 750 * 90);
		margin-top: calc(100vw / 750 * 40);
	}
	.page-look .content .button {
		width: calc(100% / 750 * 360);
		opacity: 0;
	}
	.page-look .content .button--01 {
		top: calc(100% / 1176 * 117);
		left: calc(100% / 750 * 183);
	}
	.page-look .content .button--02 {
		top: calc(100% / 1176 * 408);
		left: calc(100% / 750 * 360);
	}
	.page-look .content .button--03 {
		top: calc(100% / 1176 * 620);
		left: calc(100% / 750 * 26);
	}
	.page-look .content .button--04 {
		top: calc(100% / 1176 * 750);
		left: calc(100% / 750 * 354);
	}
	@keyframes lookContentButton {
		  0% { top: 0; }
		 50% { top: calc(100vw / 750 * -6); }
		100% { top: 0; }
	}
	.page-look .content .chara--01 {
		width: calc(100% / 750 * 168);
		top: calc(100% / 1176 * 322);
		left: calc(100% / 750 * 301);
	}
	.page-look .content .chara--02 {
		width: calc(100% / 750 * 164);
		top: calc(100% / 1176 * 490);
		left: calc(100% / 750 * 89);
	}
	.page-look .content .chara--03 {
		width: calc(100% / 750 * 160);
		top: calc(100% / 1176 * 514);
		left: calc(100% / 750 * 397);
	}
	.page-look .content .item--01 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1174 * 754);
		left: calc(100% / 750 * 73);
	}
	.page-look .content .item--02 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1174 * 18);
		left: calc(100% / 750 * 0);
	}
	.page-look .content .item--03 {
		width: calc(100% / 750 * 56);
		top: calc(100% / 1174 * 890);
		left: calc(100% / 750 * 40);
	}
	.page-look .content .item--04 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1174 * 20);
		left: calc(100% / 750 * 552);
	}
	.page-look .content .item--05 {
		width: calc(100% / 750 * 72);
		top: calc(100% / 1174 * 370);
		left: calc(100% / 750 * 20);
	}
	.page-look .content .item--06 {
		width: calc(100% / 750 * 104);
		top: calc(100% / 1174 * 922);
		left: calc(100% / 750 * 605);
	}
	.page-look .content .item--07 {
		width: calc(100% / 750 * 68);
		top: calc(100% / 1174 * 206);
		left: calc(100% / 750 * 40);
	}
	.page-look .content .item--08 {
		width: calc(100% / 750 * 56);
		top: calc(100% / 1174 * 526);
		left: calc(100% / 750 * 601);
	}
	.page-look .content .item--09 {
		width: calc(100% / 750 * 56);
		top: calc(100% / 1174 * 334);
		left: calc(100% / 750 * 145);
	}
	.page-look .content .item--10 {
		width: calc(100% / 750 * 56);
		top: calc(100% / 1174 * 145);
		left: calc(100% / 750 * 650);
	}
	.page-look .content .item--11 {
		width: calc(100% / 750 * 60);
		top: calc(100% / 1174 * 888);
		left: calc(100% / 750 * 176);
	}
	.page-look .content .item--12 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1174 * 598);
		left: calc(100% / 750 * 696);
	}
	.page-look .content .item--13 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1174 * 178);
		left: calc(100% / 750 * 666);
	}
	.page-look .content .item--14 {
		width: calc(100% / 750 * 68);
		top: calc(100% / 1174 * 998);
		left: calc(100% / 750 * 656);
	}
	.page-look .content .item--15 {
		width: calc(100% / 750 * 68);
		top: calc(100% / 1174 * 228);
		left: calc(100% / 750 * 196);
	}
	.page-look .content .item--16 {
		width: calc(100% / 750 * 60);
		top: calc(100% / 1174 * 208);
		left: calc(100% / 750 * 606);
	}
	.page-look .content .item--17 {
		width: calc(100% / 750 * 60);
		top: calc(100% / 1174 * 8);
		left: calc(100% / 750 * 166);
	}
	.page-look .content .item--18 {
		width: calc(100% / 750 * 44);
		top: calc(100% / 1174 * 278);
		left: calc(100% / 750 * 126);
	}
	.page-look .content .item--19 {
		width: calc(100% / 750 * 44);
		top: calc(100% / 1174 * 988);
		left: calc(100% / 750 * 566);
	}
	.page-look .content .item--20 {
		width: calc(100% / 750 * 44);
		top: calc(100% / 1174 * 818);
		left: calc(100% / 750 * 220);
	}
	/**/
	@keyframes lookContentChara {
		  0% { top: 0; }
		 50% { top: calc(100vw / 750 * -6); }
		100% { top: 0; }
	}
}


/* --------------------------------------------------
		making
-------------------------------------------------- */

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		member
-------------------------------------------------- */
.page-look .member__bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.page-look .member__bg .pict {
	position: absolute;
}
.page-look .member__bg .pict span {
	display: block;
	position: relative;
	animation: lookMemberPict 1.4s ease 0s infinite;
}
@keyframes lookMemberPict {
	  0% { top: 0; }
	 50% { top: 15px; }
	100% { top: 0; }
}
.page-look .member__bg .pict.pict--01 {
	top: calc((100% / 2530) * 30);
	left: calc((100% / 1260) * -15);
	width: calc((100% / 1260) * 56);
}
.page-look .member__bg .pict.pict--02 {
	top: calc((100% / 2530) * 0);
	right: calc((100% / 1260) * -50);
	width: calc((100% / 1260) * 168);
}
.page-look .member__bg .pict.pict--03 {
	top: calc((100% / 2530) * 700);
	right: calc((100% / 1260) * -80);
	width: calc((100% / 1260) * 72);
}
.page-look .member__bg .pict.pict--04 {
	top: calc((100% / 2530) * 890);
	left: calc((100% / 1260) * -100);
	width: calc((100% / 1260) * 160);
}
.page-look .member__bg .pict.pict--05 {
	top: calc((100% / 2530) * 980);
	right: calc((100% / 1260) * -140);
	width: calc((100% / 1260) * 180);
	transform: rotate(20deg);
}
.page-look .member__bg .pict.pict--06 {
	top: calc((100% / 2530) * 1540);
	right: calc((100% / 1260) * -40);
	width: calc((100% / 1260) * 56);
}
.page-look .member__bg .pict.pict--07 {
	top: calc((100% / 2530) * 1720);
	left: calc((100% / 1260) * -120);
	width: calc((100% / 1260) * 214);
	transform: rotate(20deg);
}
.page-look .member__bg .pict.pict--08 {
	top: calc((100% / 2530) * 1700);
	left: calc((100% / 1260) * 790);
	width: calc((100% / 1260) * 112);
}
.page-look .member__bg .pict.pict--09 {
	top: calc((100% / 2530) * 2260);
	left: calc((100% / 1260) * -45);
	width: calc((100% / 1260) * 56);
}
.page-look .member__bg .pict.pict--10 {
	top: calc((100% / 2530) * 2486);
	left: calc((100% / 1260) * 750);
	width: calc((100% / 1260) * 104);
}
.page-look .member__bg .pict.pict--11 {
	top: calc((100% / 2530) * 2550);
	left: calc((100% / 1260) * -50);
	width: calc((100% / 1260) * 182);
	transform: rotate(-20deg);
}
.page-look .member__bg .pict.pict--12 {
	top: calc((100% / 2530) * 2600);
	right: calc((100% / 1260) * 30);
	width: calc((100% / 1260) * 164);
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	@keyframes lookMemberPict {
		  0% { top: 0; }
		 50% { top: calc(100vw / 750 * 15); }
		100% { top: 0; }
	}
	.page-look .member__bg .pict.pict--01 {
		top: calc((100% / 11600) * 280);
		left: calc((100% / 750) * 30);
		width: calc((100% / 750) * 56);
	}
	.page-look .member__bg .pict.pict--02 {
		top: calc((100% / 11600) * 175);
		right: calc((100% / 750) * 0);
		width: calc((100% / 750) * 168);
	}
	.page-look .member__bg .pict.pict--03 {
		top: calc((100% / 11600) * 1470);
		right: calc((100% / 750) * 20);
		width: calc((100% / 750) * 72);
	}
	.page-look .member__bg .pict.pict--04 {
		top: calc((100% / 11600) * 2750);
		left: calc((100% / 750) * 30);
		width: calc((100% / 750) * 160);
	}
	.page-look .member__bg .pict.pict--05 {
		top: calc((100% / 11600) * 7850);
		right: calc((100% / 750) * 0);
		width: calc((100% / 750) * 180);
		transform: rotate(20deg);
	}
	.page-look .member__bg .pict.pict--06 {
		top: calc((100% / 11600) * 4050);
		right: calc((100% / 750) * 40);
		width: calc((100% / 750) * 56);
	}
	.page-look .member__bg .pict.pict--07 {
		top: calc((100% / 11600) * 5300);
		left: calc((100% / 750) * 0);
		width: calc((100% / 750) * 214);
		transform: rotate(-20deg);
	}
	.page-look .member__bg .pict.pict--08 {
		top: calc((100% / 11600) * 6560);
		left: auto;
		right: calc((100% / 750) * 30);
		width: calc((100% / 750) * 112);
	}
	.page-look .member__bg .pict.pict--09 {
		top: calc((100% / 11600) * 7900);
		left: calc((100% / 750) * 0);
		width: calc((100% / 750) * 56);
	}
	.page-look .member__bg .pict.pict--10 {
		top: calc((100% / 11600) * 9110);
		left: calc((100% / 750) * -10);
		width: calc((100% / 750) * 104);
	}
	.page-look .member__bg .pict.pict--11 {
		top: calc((100% / 11600) * 11620);
		left: calc((100% / 750) * 0);
		width: calc((100% / 750) * 182);
		transform: rotate(-20deg);
	}
	.page-look .member__bg .pict.pict--12 {
		top: calc((100% / 11600) * 10400);
		right: calc((100% / 750) * -30);
		width: calc((100% / 750) * 164);
	}
}


/* --------------------------------------------------
		modal
-------------------------------------------------- */
.mfp-look.mfp-bg {
	background: #000000;
}
.modal-look__inner {
	position: relative;
	padding: 80px 0;
}
.mfp-look .modal-look__bg {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 17px);
	height: 100vh;
	overflow: hidden;
}
.mfp-look .modal-look__bg .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1545px;
	height: 1352px;
	transform: translate(-50%, -50%);
}
.mfp-look .modal-look__bg .star {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation: modalLookBgStar .6s steps(1) infinite;
}
.mfp-look .modal-look__bg .star.star--02 {
	animation-delay: 0.2s;
}
.mfp-look .modal-look__bg .star.star--03 {
	animation-delay: 0.4s;
}
@keyframes modalLookBgStar {
	50% {
		opacity: 0.6;
	}
}
.mfp-look .modal-look__bg .pict {
	position: absolute;
}
.mfp-look .modal-look__bg .pict span {
	position: relative;
	animation: modalLookBgPict 1.4s ease 0s infinite;
}
.mfp-look .modal-look__bg .pict.pict--01 {
	top: calc((100% / 1352) * 260);
	left: calc((100% / 1545) * 340);
}
.mfp-look .modal-look__bg .pict.pict--02 {
	top: calc((100% / 1352) * 460);
	left: calc((100% / 1545) * 1400);
}
.mfp-look .modal-look__bg .pict.pict--03 {
	top: calc((100% / 1352) * 1070);
	left: calc((100% / 1545) * 130);
}
.mfp-look .modal-look__bg .pict.pict--04 {
	top: calc((100% / 1352) * 1220);
	left: calc((100% / 1545) * 700);
}
.mfp-look .modal-look__bg .pict.pict--05 {
	top: calc((100% / 1352) * 1210);
	left: calc((100% / 1545) * 1200);
}
.mfp-look .modal-look__bg .pict.pict--05 {
	top: calc((100% / 1352) * 1210);
	left: calc((100% / 1545) * 1200);
}
.mfp-look .modal-look__bg .pict.pict--06 {
	top: calc((100% / 1352) * 320);
	left: calc((100% / 1545) * 90);
}
.mfp-look .modal-look__bg .pict.pict--07 {
	top: calc((100% / 1352) * 260);
	left: calc((100% / 1545) * 1260);
}
.mfp-look .modal-look__bg .pict.pict--08 {
	top: calc((100% / 1352) * 1130);
	left: calc((100% / 1545) * 280);
}
.mfp-look .modal-look__bg .pict.pict--09 {
	top: calc((100% / 1352) * 1110);
	left: calc((100% / 1545) * 1400);
}
.mfp-look .modal-look__bg .pict.item--01 {
	width: calc((100% / 1545) * 56);
}
.mfp-look .modal-look__bg .pict.item--02 {
	width: calc((100% / 1545) * 112);
}
.mfp-look .modal-look__bg .pict.item--03 {
	width: calc((100% / 1545) * 112);
}
.mfp-look .modal-look__bg .pict.item--04 {
	width: calc((100% / 1545) * 56);
}
.mfp-look .modal-look__bg .pict.item--05 {
	width: calc((100% / 1545) * 72);
}
.mfp-look .modal-look__bg .pict.item--06 {
	width: calc((100% / 1545) * 112);
}
.mfp-look .modal-look__bg .pict.item--07 {
	width: calc((100% / 1545) * 68);
}
.mfp-look .modal-look__bg .pict.item--08 {
	width: calc((100% / 1545) * 60);
}
.mfp-look .modal-look__bg .pict.item--09 {
	width: calc((100% / 1545) * 44);
}
@keyframes modalLookBgPict {
	  0% { top: 0; }
	 50% { top: -15px; }
	100% { top: 0; }
}
.mfp-look .modal-look__content {
	position: relative;
	z-index: 1;
	opacity: 0;
}
.mfp-look .modal-look__title {
	margin: 0 auto 40px;
}
.mfp-look .modal-look__lead {
	text-align: center;
	margin-bottom: 40px;
	font-size: 2.4rem;
	font-weight: 700;
	padding: 0 30px;
	color: #ffffff;
}
.mfp-look .modal-look__body {
	position: relative;
	z-index: 2;
}
.mfp-look .modal-look__close {
	position: absolute;
	z-index: 2;
	top: -30px;
	left: calc(50% + 465px);
}
.mfp-look .modal-look__close a {
	display: block;
	width: 80px;
}
.mfp-look .frame {
	position: relative;
	padding: 40px 40px;
}
.mfp-look .frame:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-image: url(../img/look/modal_frame01.png),
					  url(../img/look/modal_frame02.png),
					  url(../img/look/modal_frame03.png),
					  url(../img/look/modal_frame04.png),
					  url(../img/look/modal_frame09.png),
					  url(../img/look/modal_frame10.png),
					  url(../img/look/modal_frame11.png),
					  url(../img/look/modal_frame12.png);
	background-position: left top,
						 right top,
						 right bottom,
						 left bottom,
						 center top,
						 right center,
						 center bottom,
						 left center;
	background-repeat: no-repeat;
	background-size: 60px 60px,
					 60px 60px,
					 60px 60px,
					 60px 60px,
					 300px 40px,
					 40px 200px,
					 300px 40px,
					 40px 200px;
}
.mfp-look .frame > span:nth-of-type(1):before {
	content: "";
	position: absolute;
	top: 0;
	left: 60px;
	width: calc(50% - 60px - 148px);
	height: 40px;
	background-image: url(../img/look/modal_frame05.png);
	background-repeat: repeat-x;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(1):after {
	content: "";
	position: absolute;
	top: 0;
	right: 60px;
	width: calc(50% - 60px - 148px);
	height: 40px;
	background-image: url(../img/look/modal_frame05.png);
	background-repeat: repeat-x;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(2):before {
	content: "";
	position: absolute;
	top: 60px;
	right: 0;
	width: 40px;
	height: calc(50% - 60px - 98px);
	background-image: url(../img/look/modal_frame06.png);
	background-repeat: repeat-y;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(2):after {
	content: "";
	position: absolute;
	bottom: 60px;
	right: 0;
	width: 40px;
	height: calc(50% - 60px - 98px);
	background-image: url(../img/look/modal_frame06.png);
	background-repeat: repeat-y;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(3):before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 60px;
	width: calc(50% - 60px - 148px);
	height: 40px;
	background-image: url(../img/look/modal_frame07.png);
	background-repeat: repeat-x;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(3):after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 60px;
	width: calc(50% - 60px - 148px);
	height: 40px;
	background-image: url(../img/look/modal_frame07.png);
	background-repeat: repeat-x;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(4):before {
	content: "";
	position: absolute;
	top: 60px;
	left: 0;
	width: 40px;
	height: calc(50% - 60px - 98px);
	background-image: url(../img/look/modal_frame08.png);
	background-repeat: repeat-y;
	background-size: 40px 40px;
}
.mfp-look .frame > span:nth-of-type(4):after {
	content: "";
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 40px;
	height: calc(50% - 60px - 98px);
	background-image: url(../img/look/modal_frame08.png);
	background-repeat: repeat-y;
	background-size: 40px 40px;
}
.mfp-look .frame .inner {
	background-image: url(../img/look/modal_bg.png);
	background-position: center top;
	color: #ffffff;
}
.mfp-look .modal-look__list .item {
	padding: 0 90px;
}
.mfp-look .modal-look__list .item .frame {
	max-width: 1020px;
	margin: 0 auto;
}
.mfp-look .modal-look__list .item .inner {
	position: relative;
}
.mfp-look .modal-look__list .slick-arrow {
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 90px;
	top: calc(50% - 45px);
	background-repeat: no-repeat;
	background-size: 100% auto;
	font-size: 0;
}
.mfp-look .modal-look__list .slick-arrow.slick-disabled {
	opacity: 0.2;
}
.mfp-look .modal-look__list .slick-arrow.slick-prev {
	left: calc(50% - 600px);
	background-image: url(../img/icon_arrow06.png);
}
.mfp-look .modal-look__list .slick-arrow.slick-next {
	left: calc(50% + 540px);
	background-image: url(../img/icon_arrow07.png);
}
@media screen and (max-width: 1217px) {
	.mfp-look .modal-look__close {
		left: auto;
		right: 55px;
	}
	.mfp-look .modal-look__list .slick-arrow.slick-prev {
		left: 0;
	}
	.mfp-look .modal-look__list .slick-arrow.slick-next {
		left: auto;
		right: 0;
	}
}
@media screen and (min-width: 768px) {
	.mfp-look .modal-look__close a:hover {
		transform: scale(1.04);
	}
	.mfp-look .modal-look__list .slick-arrow:not(.slick-disabled):hover {
		transform: scale(1.05);
	}
}
@media screen and (max-width: 767px) {
	.modal-look__inner {
		padding: 40px 0;
	}
	.mfp-look .modal-look__bg {
		width: 100%;
	}
	.mfp-look .modal-look__bg .inner {
		width: 100%;
		height: 0;
		padding-bottom: 287%;
		margin-left: 0;
	}
	.mfp-look .modal-look__bg .pict.pict--01 {
		top: 10%;
		left: calc((100% / 750) * 10);
	}
	.mfp-look .modal-look__bg .pict.pict--02 {
		top: 18%;
		left: calc((100% / 750) * 680);
	}
	.mfp-look .modal-look__bg .pict.pict--03 {
		top: auto;
		bottom: 17%;
		left: calc((100% / 750) * 20);
	}
	.mfp-look .modal-look__bg .pict.pict--04 {
		top: auto;
		bottom: 10%;
		left: calc((100% / 750) * 720);
	}
	.mfp-look .modal-look__bg .pict.pict--05 {
		top: auto;
		bottom: 18%;
		left: calc((100% / 750) * 680);
	}
	.mfp-look .modal-look__bg .pict.pict--06 {
		top: 28%;
		left: calc((100% / 750) * -10);
	}
	.mfp-look .modal-look__bg .pict.pict--07 {
		top: 30%;
		left: calc((100% / 750) * 670);
	}
	.mfp-look .modal-look__bg .pict.pict--08 {
		top: auto;
		bottom: 24%;
		left: calc((100% / 750) * 5);
	}
	.mfp-look .modal-look__bg .pict.pict--09 {
		top: auto;
		bottom: 30%;
		left: calc((100% / 750) * 710);
	}
	.mfp-look .modal-look__bg .pict.item--01 {
		width: calc((100% / 750) * 56);
	}
	.mfp-look .modal-look__bg .pict.item--02 {
		width: calc((100% / 750) * 112);
	}
	.mfp-look .modal-look__bg .pict.item--03 {
		width: calc((100% / 750) * 112);
	}
	.mfp-look .modal-look__bg .pict.item--04 {
		width: calc((100% / 750) * 56);
	}
	.mfp-look .modal-look__bg .pict.item--05 {
		width: calc((100% / 750) * 72);
	}
	.mfp-look .modal-look__bg .pict.item--06 {
		width: calc((100% / 750) * 112);
	}
	.mfp-look .modal-look__bg .pict.item--07 {
		width: calc((100% / 750) * 68);
	}
	.mfp-look .modal-look__bg .pict.item--08 {
		width: calc((100% / 750) * 60);
	}
	.mfp-look .modal-look__bg .pict.item--09 {
		width: calc((100% / 750) * 44);
	}
	@keyframes modalLookBgPict {
		  0% { top: 0; }
		 50% { top: calc((100vw / 750) * -15); }
		100% { top: 0; }
	}
	.mfp-look .modal-look__title {
		margin-bottom: 30px;
	}
	.mfp-look .modal-look__lead {
		margin-bottom: 30px;
		font-size: 1.4rem;
		padding: 0 4%;
	}
	.mfp-look .modal-look__close {
		top: -20px;
		right: 2%;
	}
	.mfp-look .modal-look__close a {
		width: 40px;
	}
	.mfp-look .frame {
		padding: 20px 20px;
	}
	.mfp-look .frame:after {
		background-size: 30px 30px,
						 30px 30px,
						 30px 30px,
						 30px 30px,
						 150px 20px,
						 20px 100px,
						 150px 20px,
						 20px 100px;
	}
	.mfp-look .frame > span:nth-of-type(1):before {
		left: 30px;
		width: calc(50% - 30px - 74px);
		height: 20px;
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(1):after {
		right: 30px;
		width: calc(50% - 30px - 74px);
		height: 20px;
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(2):before {
		top: 30px;
		width: 20px;
		height: calc(50% - 30px - 49px);
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(2):after {
		bottom: 30px;
		width: 20px;
		height: calc(50% - 30px - 49px);
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(3):before {
		left: 30px;
		width: calc(50% - 30px - 74px);
		height: 20px;
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(3):after {
		right: 30px;
		width: calc(50% - 30px - 74px);
		height: 20px;
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(4):before {
		top: 30px;
		width: 20px;
		height: calc(50% - 30px - 49px);
		background-size: 20px 20px;
	}
	.mfp-look .frame > span:nth-of-type(4):after {
		bottom: 30px;
		width: 20px;
		height: calc(50% - 30px - 49px);
		background-size: 20px 20px;
	}
	.mfp-look .frame .inner {
		background-size: 90px 520px;
	}
	.mfp-look .modal-look__list .item {
		padding: 0 4vw;
	}
	.mfp-look .modal-look__list .slick-arrow {
		width: 30px;
		height: 45px;
		top: 100px;
	}
	.mfp-look .modal-look__list .slick-arrow.slick-prev {
		left: 1%;
	}
	.mfp-look .modal-look__list .slick-arrow.slick-next {
		right: 1%;
	}
}


/* --------------------------------------------------
		modal - lineup
-------------------------------------------------- */
.mfp-look .lineup .lineup__title {
	width: 292px;
}
.mfp-look .lineup .lineup__list .inner {
	padding: 60px 6.382978723404255%;
}
.mfp-look .lineup .lineup__list .date {
	position: absolute;
	/*top: -10px;*/
	top: -20px;
	left: -20px;
	z-index: 4;
}
.mfp-look .lineup .lineup__list .title {
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 40px;
	text-align: center;
}
.mfp-look .lineup .lineup__list .unit {
	display: flex;
	justify-content: space-between;
}
.mfp-look .lineup .lineup__list .image {
	position: relative;
	width: 58.53658536585366%;
	align-self: flex-start;
}
.mfp-look .lineup .lineup__list .body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 36.58536585365854%;
}
.mfp-look .lineup .lineup__list .other {
	display: flex;
	margin: 20px -3.333333333333333% 0;
}
.mfp-look .lineup .lineup__list .other li {
	width: 43.75%;
	padding: 0 3.125%;
}
.mfp-look .lineup .lineup__list-thumb {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
.mfp-look .lineup .lineup__list-thumb li {
	width: 120px;
	padding: 0 10px;
}
.mfp-look .lineup .lineup__list-thumb li a {
	display: block;
}
.mfp-look .lineup .lineup__list-thumb li a.is-active {
	opacity: 0.3;
}
@media screen and (max-width: 960px) {
	.mfp-look .lineup .lineup__list .inner {
		padding-top: 90px;
	}
}
@media screen and (min-width: 768px) {
	.mfp-look .lineup .lineup__list-thumb li a {
		transition: opacity .3s ease;
	}
	.mfp-look .lineup .lineup__list-thumb li a:not(.is-active):hover {
		opacity: 0.8;
	}
}
@media screen and (max-width: 767px) {
	.mfp-look .lineup .lineup__title {
		width: 51.86666666666667%;
	}
	.mfp-look .lineup .lineup__list .inner {
		padding: 40px 6.349206349206349% 30px;
	}
	.mfp-look .lineup .lineup__list .date {
		top: -10px;
		left: -10px;
		width: 127px;
	}
	.mfp-look .lineup .lineup__list .title {
		font-size: 2.0rem;
		margin-bottom: 20px;
	}
	.mfp-look .lineup .lineup__list .unit {
		display: block;
	}
	.mfp-look .lineup .lineup__list .image {
		width: 90.13068949977467%;
		margin: 0 auto 30px;
	}
	.mfp-look .lineup .lineup__list .body {
		display: block;
		width: 100%;
	}
	.mfp-look .lineup .lineup__list .other {
		justify-content: center;
		margin: 20px -3.004356316659156% 0;
	}
	.mfp-look .lineup .lineup__list .other li {
		width: 34.00878560294743%;
		padding: 0 2.834065466912286%;
	}
	.mfp-look .lineup .lineup__list-thumb {
		margin-top: 20px;
	}
	.mfp-look .lineup .lineup__list-thumb li {
		width: 70px;
		padding: 0 5px;
	}
}


/* --------------------------------------------------
		modal - character
-------------------------------------------------- */
.mfp-look .character .character__title {
	width: 455px;
}
.mfp-look .character .character__list .inner {
	padding: 60px 6.382978723404255%;
	display: flex;
	justify-content: space-between;
}
.mfp-look .character .character__list .image {
	width: 58.53658536585366%;
}
.mfp-look .character .character__list .image span {
	position: relative;
	display: block;
	top: 0;
	animation: modalLookCharacterImage 1.4s ease 0s infinite;
}
@keyframes modalLookCharacterImage {
	  0% { top: 0; }
	 50% { top: -15px; }
	100% { top: 0; }
}
.mfp-look .character .character__list .body {
	width: 36.58536585365854%;
}
.mfp-look .character .character__list .title {
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 15px;
}
.mfp-look .character .character__list .catch {
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-look .character .character__title {
		width: 80.8%;
	}
	.mfp-look .character .character__list .inner {
		padding: 10px 6.349206349206349% 30px;
		display: block;
	}
	.mfp-look .character .character__list .image {
		width: 100%;
		margin-bottom: 10px;
	}
	@keyframes modalLookCharacterImage {
		  0% { top: 0; }
		 50% { top: calc(100vw / 750 * -15); }
		100% { top: 0; }
	}
	.mfp-look .character .character__list .body {
		width: 100%;
	}
	.mfp-look .character .character__list .title {
		font-size: 3.0rem;
		margin-bottom: 10px;
		text-align: center;
	}
	.mfp-look .character .character__list .catch {
		font-size: 1.4rem;
		margin-bottom: 20px;
		text-align: center;
	}
}


/* --------------------------------------------------
		modal - tvcm
-------------------------------------------------- */
.mfp-look .tvcm .tvcm__title {
	width: 600px;
}
.mfp-look .tvcm .modal-look__list .item .inner {
	z-index: 3;
}
.mfp-look .tvcm .tvcm__nav {
	position: relative;
	margin: 40px auto 0;
	width: 599px;
	display: flex;
	padding: 4px 4px;
}
.mfp-look .tvcm .tvcm__nav:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 4px solid #000000;
	border-image: url(../img/bg_12.png) 8 / 8px 8px repeat;
}
.mfp-look .tvcm .tvcm__nav li {
	position: relative;
	width: 33.33333333333%;
}
.mfp-look .tvcm .tvcm__nav li + li:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: -2px;
	height: 100%;
	width: 4px;
	background-color: #ffe903;
}
.mfp-look .tvcm .tvcm__nav li a {
	display: block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 10px 0;
	color: #ffe903;
	background-color: #000000;
}
.mfp-look .tvcm .tvcm__nav li a.is-active {
	background-color: #ffe903;
	color: #000000;
}
@media screen and (min-width: 768px) {
	.mfp-look .tvcm .tvcm__nav li a {
		transition: opacity .3s ease;
	}
	.mfp-look .tvcm .tvcm__nav li a:not(.is-active):hover {
		opacity: 0.8;
	}
}
@media screen and (max-width: 767px) {
	.mfp-look .tvcm .tvcm__title {
		width: 85.33333333333333%;
	}
	.mfp-look .tvcm .tvcm__nav {
		margin-top: 30px;
		max-width: 599px;
		width: 79.86666666666667%;
		padding: 2px 2px;
	}
	.mfp-look .tvcm .tvcm__nav:before {
		border-width: 2px;
		border-image: url(../img/bg_12.png) 8 / 4px 4px repeat;
	}
	.mfp-look .tvcm .tvcm__nav:after {
		left: calc(50% - 1px);
		width: 2px;
	}
	.mfp-look .tvcm .tvcm__nav li + li:before {
		left: -1px;
		width: 2px;
	}
	.mfp-look .tvcm .tvcm__nav li a {
		font-size: 1.4rem;
		padding: 8px 0;
	}
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	yougashi
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.ci-heart {
	position: absolute;
	z-index: 2;
	width: 40px;
	pointer-events: none;
	top: -20px;
	left: -20px;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.ci-heart {
		width: 8vw;
		top: -4vw;
		left: -4vw;
	}
}


/* --------------------------------------------------
		visual
-------------------------------------------------- */
.page-yougashi .visual img {
	max-width: none;
	width: 100%;
}
.page-yougashi .visual .l-cts {
	overflow: hidden;
}
.page-yougashi .visual__title {
	position: absolute;
	top: 1.9%;
	left: 11.33333333333333%;
	width: 77.33333333333333%;
}
.page-yougashi .visual__title .text {
	position: relative;
	display: block;
	opacity: 0;
}
.page-yougashi .visual__title .logo {
	position: absolute;
	display: block;
	top: 111.9565217391304%;
	left: 91.81034482758621%;
	width: 16.72413793103448%;
}
.page-yougashi .visual__title .logo img {
	position: relative;
	display: block;
	opacity: 0;
}
.page-yougashi .visual__title .logo img.clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.page-yougashi .visual__title {
		top: 2.444444444444444%;
		left: 20.53333333333333%;
		width: 58.93333333333333%;
	}
	.page-yougashi .visual__title .logo {
		top: 38.95348837209302%;
		left: 102.4886877828054%;
		width: 26.92307692307692%;
	}
}


/* --------------------------------------------------
		content
-------------------------------------------------- */
.page-yougashi .content img {
	max-width: none;
	width: 100%;
}
.page-yougashi .content .content-point {
	pointer-events: none;
	position: absolute;
	top: calc((100vw / 1560) * 1040 * 2 - (100vh - (100vw / 1560) * 1040) * 0.5);
	left: 0;
	width: 100px;
	height: 0;
	z-index: 100;
}
.page-yougashi .content .content-point span {
	padding-top: 0;
	margin-top: 0;
}
.page-yougashi .content .content-cts {
	height: calc((100vw / 1560) * 1040 * 3);
}
.page-yougashi .content .inner {
	position: sticky;
	overflow: hidden;
	top: calc((100vh - (100vw / 1560) * 1040) * 0.5);
}
.page-yougashi .content .content-paper {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.page-yougashi .content .content-paper .paper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc((100vw / 1560) * 508);
	transform: translate(-50%, -50%);
}
.page-yougashi .content .content-paper .paper__inner {
	position: relative;
	opacity: 0;
}
.page-yougashi .content .content-paper .paper__body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.page-yougashi .content .content-paper .paper__body .text {
	position: relative;
	color: #080403;
	font-size: calc(100vw / 1560 * 20);
	font-weight: 700;
	line-height: 2.15;
	text-align: center;
	padding-bottom: calc(100vw / 1560 * 84);
	width: 100%;
}
.page-yougashi .content .content-paper .paper__body .text:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw / 1560 * 40);
	height: calc(100vw / 1560 * 24);
	background-image: url(../img/icon_arrow05.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	animation: yougashiContentTextArrow 1s ease 0s infinite;
	transition: opacity 1s ease;
}
@keyframes yougashiContentTextArrow {
	  0% { bottom: 0 }
	 50% { bottom: 3% }
	100% { bottom: 0 }
}
.page-yougashi .content .content-paper .paper__body .text span:nth-of-type(2),
.page-yougashi .content .content-paper .paper__body .text span:nth-of-type(3) {
	margin-bottom: 2.0em;
}
.page-yougashi .content .button {
	position: absolute;
	z-index: 2;
	width: calc(100% / 1560 * 220);
	opacity: 0;
}
.page-yougashi .content .button--01 {
	top: calc(100% / 1040 * 362);
	left: calc(100% / 1560 * 477);
}
.page-yougashi .content .button--02 {
	top: calc(100% / 1040 * 574);
	left: calc(100% / 1560 * 188);
}
.page-yougashi .content .button--03 {
	top: calc(100% / 1040 * 596);
	left: calc(100% / 1560 * 512);
	width: calc(100% / 1560 * 340);
}
.page-yougashi .content .button--04 {
	top: calc(100% / 1040 * 624);
	left: calc(100% / 1560 * 1098);
}
.page-yougashi .content .button--05 {
	top: calc(100% / 1040 * 441);
	left: calc(100% / 1560 * 952);
}
.page-yougashi .content .button--06 {
	top: calc(100% / 1040 * 278);
	left: calc(100% / 1560 * 765);
}
.page-yougashi .content .button a {
	position: relative;
	display: block;
	top: 0;
	animation: yougashiContentButton 1.2s ease 0s infinite;
}
@keyframes yougashiContentButton {
	  0% { top: 0; }
	 50% { top: calc(100vw / 1560 * -6); }
	100% { top: 0; }
}
.page-yougashi .content .item {
	position: absolute;
	z-index: 1;
	opacity: 0;
}
.page-yougashi .content .item--01 {
	width: calc(100% / 1560 * 92);
	top: calc(100% / 1040 * 432);
	left: calc(100% / 1560 * 144);
}
.page-yougashi .content .item--02 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 728);
	left: calc(100% / 1560 * 364);
}
.page-yougashi .content .item--03 {
	width: calc(100% / 1560 * 144);
	top: calc(100% / 1040 * 652);
	left: calc(100% / 1560 * 1284);
}
.page-yougashi .content .item--04 {
	width: calc(100% / 1560 * 176);
	top: calc(100% / 1040 * 828);
	left: calc(100% / 1560 * 60);
}
.page-yougashi .content .item--05 {
	width: calc(100% / 1560 * 144);
	top: calc(100% / 1040 * 612);
	left: calc(100% / 1560 * 912);
}
.page-yougashi .content .item--06 {
	width: calc(100% / 1560 * 144);
	top: calc(100% / 1040 * 632);
	left: calc(100% / 1560 * 856);
}
.page-yougashi .content .item--07 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 816);
	left: calc(100% / 1560 * 1020);
}
.page-yougashi .content .item--08 {
	width: calc(100% / 1560 * 112);
	top: calc(100% / 1040 * 864);
	left: calc(100% / 1560 * 872);
}
.page-yougashi .content .item--09 {
	width: calc(100% / 1560 * 244);
	top: calc(100% / 1040 * 700);
	left: calc(100% / 1560 * 540);
}
.page-yougashi .content .item--10 {
	width: calc(100% / 1560 * 76);
	top: calc(100% / 1040 * 580);
	left: calc(100% / 1560 * 556);
}
.page-yougashi .content .item--11 {
	width: calc(100% / 1560 * 32);
	top: calc(100% / 1040 * 576);
	left: calc(100% / 1560 * 1196);
}
@media screen and (min-width: 768px) {
	.page-yougashi .content .button a:hover {
		transform: scale(1.05);
	}
}
@media screen and (max-width: 767px) {
	.page-yougashi .content .content-point {
		top: calc((100vw / 750) * 1176 * 2 - (100vh - (100vw / 750) * 1176) * 0.5);
	}
	.page-yougashi .content .content-cts {
		height: calc((100vw / 750) * 1176 * 3);
	}
	.page-yougashi .content .inner {
		top: calc((100vh - (100vw / 750) * 1176) * 0.5);
	}
	.page-yougashi .content .content-paper .paper {
		width: calc((100vw / 750) * 658);
	}
	.page-yougashi .content .content-paper .paper__body .text {
		font-size: calc(100vw / 750 * 26);
		padding-bottom: calc(100vw / 750 * 64);
	}
	.page-yougashi .content .content-paper .paper__body .text:after {
		width: calc(100vw / 750 * 40);
		height: calc(100vw / 750 * 24);
	}
	@keyframes yougashiContentTextArrow {
		  0% { bottom: 0 }
		 50% { bottom: calc(100vw / 750 * 10) }
		100% { bottom: 0 }
	}
	.page-yougashi .content .button {
		width: calc(100% / 750 * 360);
	}
	.page-yougashi .content .button--01 {
		top: calc(100% / 1176 * 313);
		left: calc(100% / 750 * 127);
	}
	.page-yougashi .content .button--02 {
		top: calc(100% / 1176 * 947);
		left: calc(100% / 750 * 366);
	}
	.page-yougashi .content .button--03 {
		top: calc(100% / 1176 * 649);
		left: calc(100% / 750 * 54);
		width: calc(100% / 750 * 557);
	}
	.page-yougashi .content .button--04 {
		top: calc(100% / 1176 * 486);
		left: calc(100% / 750 * 344);
	}
	.page-yougashi .content .button--05 {
		top: calc(100% / 1176 * 153);
		left: calc(100% / 750 * 344);
	}
	.page-yougashi .content .button--06 {
		top: calc(100% / 1176 * 790);
		left: calc(100% / 750 * 40);
	}
	@keyframes yougashiContentButton {
		  0% { top: 0; }
		 50% { top: calc(100vw / 750 * -6); }
		100% { top: 0; }
	}
	.page-yougashi .content .item--01 {
		width: calc(100% / 750 * 92);
		top: calc(100% / 1176 * 472);
		left: calc(100% / 750 * -261);
	}
	.page-yougashi .content .item--02 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1176 * 768);
		left: calc(100% / 750 * -40);
	}
	.page-yougashi .content .item--03 {
		width: calc(100% / 750 * 144);
		top: calc(100% / 1176 * 692);
		left: calc(100% / 750 * 879);
	}
	.page-yougashi .content .item--04 {
		width: calc(100% / 750 * 176);
		top: calc(100% / 1176 * 868);
		left: calc(100% / 750 * -345);
	}
	.page-yougashi .content .item--05 {
		width: calc(100% / 750 * 144);
		top: calc(100% / 1176 * 652);
		left: calc(100% / 750 * 507);
	}
	.page-yougashi .content .item--06 {
		width: calc(100% / 750 * 144);
		top: calc(100% / 1176 * 672);
		left: calc(100% / 750 * 451);
	}
	.page-yougashi .content .item--07 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1176 * 856);
		left: calc(100% / 750 * 615);
	}
	.page-yougashi .content .item--08 {
		width: calc(100% / 750 * 112);
		top: calc(100% / 1176 * 904);
		left: calc(100% / 750 * 467);
	}
	.page-yougashi .content .item--09 {
		width: calc(100% / 750 * 244);
		top: calc(100% / 1176 * 740);
		left: calc(100% / 750 * 135);
	}
	.page-yougashi .content .item--10 {
		width: calc(100% / 750 * 76);
		top: calc(100% / 1176 * 620);
		left: calc(100% / 750 * 151);
	}
	.page-yougashi .content .item--11 {
		width: calc(100% / 750 * 32);
		top: calc(100% / 1176 * 536);
		left: calc(100% / 750 * 1601);
	}
}


/* --------------------------------------------------
		making
-------------------------------------------------- */

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}


/* --------------------------------------------------
		member
-------------------------------------------------- */
.page-yougashi .member__bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.page-yougashi .member__bg .pict {
	position: absolute;
}
.page-yougashi .member__bg .pict span {
	display: block;
	position: relative;
	animation: yougashiMemberPict 1.4s ease 0s infinite;
}
@keyframes yougashiMemberPict {
	  0% { top: 0; }
	 50% { top: 15px; }
	100% { top: 0; }
}
.page-yougashi .member__bg .pict.pict--01 {
	top: calc((100% / 2530) * 50);
	left: calc((100% / 1260) * 30);
	width: calc((100% / 1260) * 90);
}
.page-yougashi .member__bg .pict.pict--02 {
	top: calc((100% / 2530) * 110);
	right: calc((100% / 1260) * -40);
	width: calc((100% / 1260) * 102);
}
.page-yougashi .member__bg .pict.pict--03 {
	top: calc((100% / 2530) * 720);
	left: calc((100% / 1260) * -45);
	width: calc((100% / 1260) * 52);
}
.page-yougashi .member__bg .pict.pict--04 {
	top: calc((100% / 2530) * 940);
	right: calc((100% / 1260) * -110);
	width: calc((100% / 1260) * 114);
}
.page-yougashi .member__bg .pict.pict--05 {
	top: calc((100% / 2530) * 1710);
	left: calc((100% / 1260) * -90);
	width: calc((100% / 1260) * 90);
}
.page-yougashi .member__bg .pict.pict--06 {
	top: calc((100% / 2530) * 2610);
	left: calc((100% / 1260) * 130);
	width: calc((100% / 1260) * 72);
}
.page-yougashi .member__bg .pict.pict--07 {
	top: calc((100% / 2530) * 2590);
	right: calc((100% / 1260) * 50);
	width: calc((100% / 1260) * 78);
}
.page-yougashi .member__bg .pict.pict--08 {
	top: calc((100% / 2530) * 2650);
	right: calc((100% / 1260) * 130);
	width: calc((100% / 1260) * 90);
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	@keyframes yougashiMemberPict {
		  0% { top: 0; }
		 50% { top: calc(100vw / 750 * 15); }
		100% { top: 0; }
	}
	.page-yougashi .member__bg .pict.pict--01 {
		top: calc((100% / 11600) * 210);
		left: calc((100% / 750) * 30);
		width: calc((100% / 750) * 90);
	}
	.page-yougashi .member__bg .pict.pict--02 {
		top: calc((100% / 11600) * 330);
		right: calc((100% / 750) * 10);
		width: calc((100% / 750) * 102);
	}
	.page-yougashi .member__bg .pict.pict--03 {
		top: calc((100% / 11600) * 2780);
		left: calc((100% / 750) * 10);
		width: calc((100% / 750) * 52);
	}
	.page-yougashi .member__bg .pict.pict--04 {
		top: calc((100% / 11600) * 1470);
		right: calc((100% / 750) * 10);
		width: calc((100% / 750) * 114);
	}
	.page-yougashi .member__bg .pict.pict--05 {
		top: calc((100% / 11600) * 5290);
		left: auto;
		right: calc((100% / 750) * 0);
		width: calc((100% / 750) * 90);
	}
	.page-yougashi .member__bg .pict.pict--06 {
		top: calc((100% / 11600) * 10420);
		left: auto;
		right: calc((100% / 750) * -5);
		width: calc((100% / 750) * 72);
	}
	.page-yougashi .member__bg .pict.pict--07 {
		top: calc((100% / 11600) * 9140);
		right: calc((100% / 750) * 20);
		width: calc((100% / 750) * 78);
	}
	.page-yougashi .member__bg .pict.pict--08 {
		top: calc((100% / 11600) * 7830);
		left: calc((100% / 750) * 5);
		right: auto;
		width: calc((100% / 750) * 90);
	}
}


/* --------------------------------------------------
		modal
-------------------------------------------------- */
.mfp-yougashi.mfp-bg {
	background: #ff6da5;
}
.modal-yougashi__inner {
	position: relative;
	padding: 80px 0;
}
.mfp-yougashi .modal-yougashi__bg {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 17px);
	height: 100vh;
	overflow: hidden;
}
.mfp-yougashi .modal-yougashi__bg .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1545px;
	height: 1352px;
	transform: translate(-50%, -50%);
}
.mfp-yougashi .modal-yougashi__bg .star {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	animation: modalYougashiBgStar .6s steps(1) infinite;
}
.mfp-yougashi .modal-yougashi__bg .star.star--02 {
	animation-delay: 0.2s;
}
.mfp-yougashi .modal-yougashi__bg .star.star--03 {
	animation-delay: 0.4s;
}
@keyframes modalYougashiBgStar {
	50% {
		opacity: 0.6;
	}
}
.mfp-yougashi .modal-yougashi__bg .pict {
	position: absolute;
}
.mfp-yougashi .modal-yougashi__bg .pict span {
	position: relative;
	animation: modalYougashiBgPict 1.4s ease 0s infinite;
}
.mfp-yougashi .modal-yougashi__bg .pict.pict--01 {
	top: calc((100% / 1352) * 140);
	left: calc((100% / 1545) * 290);
}
.mfp-yougashi .modal-yougashi__bg .pict.pict--02 {
	top: calc((100% / 1352) * 460);
	left: calc((100% / 1545) * 1400);
}
.mfp-yougashi .modal-yougashi__bg .pict.pict--03 {
	top: calc((100% / 1352) * 1070);
	left: calc((100% / 1545) * 130);
}
.mfp-yougashi .modal-yougashi__bg .pict.pict--04 {
	top: calc((100% / 1352) * 1220);
	left: calc((100% / 1545) * 700);
}
.mfp-yougashi .modal-yougashi__bg .pict.pict--05 {
	top: calc((100% / 1352) * 1210);
	left: calc((100% / 1545) * 1200);
}
.mfp-yougashi .modal-yougashi__bg .pict.item--01,
.mfp-yougashi .modal-yougashi__bg .pict.item--03 {
	width: calc((100% / 1545) * 90);
}
.mfp-yougashi .modal-yougashi__bg .pict.item--02 {
	width: calc((100% / 1545) * 102);
}
.mfp-yougashi .modal-yougashi__bg .pict.item--04 {
	width: calc((100% / 1545) * 52);
}
.mfp-yougashi .modal-yougashi__bg .pict.item--05 {
	width: calc((100% / 1545) * 78);
}
@keyframes modalYougashiBgPict {
	  0% { top: 0; }
	 50% { top: -15px; }
	100% { top: 0; }
}
.mfp-yougashi .modal-yougashi__content {
	position: relative;
	z-index: 1;
	opacity: 0;
}
.mfp-yougashi .modal-yougashi__title {
	margin: 0 auto 40px;
}
.mfp-yougashi .modal-yougashi__lead {
	text-align: center;
	margin-bottom: 40px;
	font-size: 2.4rem;
	font-weight: 700;
	padding: 0 30px;
	color: #ffffff;
}
.mfp-yougashi .modal-yougashi__body {
	position: relative;
	z-index: 2;
}
.mfp-yougashi .modal-yougashi__close {
	position: absolute;
	z-index: 2;
	top: -30px;
	left: calc(50% + 465px);
}
.mfp-yougashi .modal-yougashi__close a {
	display: block;
	width: 80px;
}
.mfp-yougashi .frame {
	position: relative;
	padding: 40px 40px;
}
.mfp-yougashi .frame:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 14px;
	width: 100%;
	height: 100%;
	border: 60px solid #000000;
	border-image: url(../img/yougashi/modal_frame02.png) 60 / 60px 60px repeat;
}
.mfp-yougashi .frame:after {
	content: "";
	position: absolute;
	z-index: 4;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background-image: url(../img/yougashi/modal_frame04.png);
	background-size: 100% 100%;
}
.mfp-yougashi .frame > span:nth-of-type(1) {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 60px solid #000000;
	border-image: url(../img/yougashi/modal_frame01.png) 60 / 60px 60px repeat;
}
.mfp-yougashi .frame .inner {
	position: relative;
	z-index: 2;
	background-image: url(../img/yougashi/modal_frame03.png), url(../img/yougashi/modal_bg.png);
	background-position: center top;
	color: #5e4a41;
}
.mfp-yougashi .modal-yougashi__list .item {
	padding: 0 90px;
}
.mfp-yougashi .modal-yougashi__list .item .frame {
	max-width: 1020px;
	margin: 0 auto 14px;
}
.mfp-yougashi .modal-yougashi__list .item .inner {
	position: relative;
}
.mfp-yougashi .modal-yougashi__list .slick-arrow {
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 90px;
	top: calc(50% - 45px);
	background: none;
	font-size: 0;
	cursor: pointer;
}
.mfp-yougashi .modal-yougashi__list .slick-arrow span {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-disabled span {
	opacity: 0.2;
}
.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-prev {
	left: calc(50% - 600px);
}
.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-prev span {
	background-image: url(../img/icon_arrow06.png);
}
.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-next {
	left: calc(50% + 540px);
}
.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-next span {
	background-image: url(../img/icon_arrow07.png);
}
@media screen and (max-width: 1217px) {
	.mfp-yougashi .modal-yougashi__close {
		left: auto;
		right: 55px;
	}
	.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-prev {
		left: 0;
	}
	.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-next {
		left: auto;
		right: 0;
	}
}
@media screen and (min-width: 768px) {
	.mfp-yougashi .modal-yougashi__close a:hover {
		transform: scale(1.04);
	}
	.mfp-yougashi .modal-yougashi__list .slick-arrow:not(.slick-disabled):hover span {
		transform: scale(1.05);
	}
}
@media screen and (max-width: 767px) {
	.modal-yougashi__inner {
		padding: 40px 0;
	}
	.mfp-yougashi .modal-yougashi__bg {
		width: 100%;
	}
	.mfp-yougashi .modal-yougashi__bg .inner {
		width: 100%;
		height: 0;
		padding-bottom: 287%;
		margin-left: 0;
	}
	.mfp-yougashi .modal-yougashi__bg .pict.pict--01 {
		top: 16%;
		left: calc((100% / 750) * 10);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.pict--02 {
		top: 19%;
		left: calc((100% / 750) * 720);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.pict--03 {
		top: auto;
		bottom: 20%;
		left: calc((100% / 750) * 20);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.pict--04 {
		top: auto;
		bottom: 19%;
		left: calc((100% / 750) * 400);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.pict--05 {
		top: auto;
		bottom: 15%;
		left: calc((100% / 750) * 680);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.item--01,
	.mfp-yougashi .modal-yougashi__bg .pict.item--03 {
		width: calc((100% / 750) * 90);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.item--02 {
		width: calc((100% / 750) * 102);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.item--04 {
		width: calc((100% / 750) * 52);
	}
	.mfp-yougashi .modal-yougashi__bg .pict.item--05 {
		width: calc((100% / 750) * 78);
	}
	@keyframes modalYougashiBgPict {
		  0% { top: 0; }
		 50% { top: calc((100vw / 750) * -15); }
		100% { top: 0; }
	}
	.mfp-yougashi .modal-yougashi__title {
		margin-bottom: 30px;
	}
	.mfp-yougashi .modal-yougashi__lead {
		margin-bottom: 30px;
		font-size: 1.4rem;
		padding: 0 4%;
	}
	.mfp-yougashi .modal-yougashi__close {
		top: -20px;
		right: 2%;
	}
	.mfp-yougashi .modal-yougashi__close a {
		width: 40px;
	}
	.mfp-yougashi .frame {
		padding: 20px 20px;
	}
	.mfp-yougashi .frame:before {
		top: 7px;
		left: 7px;
		border-width: 30px;
		border-image: url(../img/yougashi/modal_frame02.png) 60 / 30px 30px repeat;
	}
	.mfp-yougashi .frame:after {
		width: 30px;
		height: 30px;
	}
	.mfp-yougashi .frame > span:nth-of-type(1) {
		border-width: 30px;
		border-image: url(../img/yougashi/modal_frame01.png) 60 / 30px 30px repeat;
	}
	.mfp-yougashi .frame .inner {
		background-size: 21px 21px, 90px 90px;
	}
	.mfp-yougashi .modal-yougashi__list .item {
		padding: 0 4vw;
	}
	.mfp-yougashi .modal-yougashi__list .item .frame {
		margin-bottom: 7px;
	}
	.mfp-yougashi .modal-yougashi__list .slick-arrow {
		width: 30px;
		height: 45px;
		top: 100px;
	}
	.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-prev {
		left: 1%;
	}
	.mfp-yougashi .modal-yougashi__list .slick-arrow.slick-next {
		right: 1%;
	}
}


/* --------------------------------------------------
		modal - tvcm
-------------------------------------------------- */
.mfp-yougashi .tvcm .frame:after {
	content: none;
}
.mfp-yougashi .tvcm .tvcm__title {
	width: 524px;
}
.mfp-yougashi .tvcm .tvcm__nav {
	position: relative;
	margin: 40px auto 0;
	width: 599px;
	display: flex;
	padding: 4px 4px;
}
.mfp-yougashi .tvcm .tvcm__nav:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 4px solid #000000;
	border-image: url(../img/bg_07.png) 8 / 8px 8px repeat;
}
.mfp-yougashi .tvcm .tvcm__nav li {
	position: relative;
	width: 33.33333333333%;
}
.mfp-yougashi .tvcm .tvcm__nav li + li:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: -2px;
	height: 100%;
	width: 4px;
	background-color: #ffffff;
}
.mfp-yougashi .tvcm .tvcm__nav li a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 10px 0;
	color: #ffffff;
	background-color: #ff498e;
}
.mfp-yougashi .tvcm .tvcm__nav li a.is-active {
	background-color: #ffffff;
	color: #ff498e;
}
.mfp-yougashi .tvcm .tvcm__nav li a span {
	pointer-events: none;
}
@media screen and (min-width: 768px) {
	.mfp-yougashi .tvcm .tvcm__nav li a {
		transition: opacity .3s ease;
	}
	.mfp-yougashi .tvcm .tvcm__nav li a:not(.is-active):hover {
		opacity: 0.8;
	}
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .tvcm .tvcm__title {
		width: 69.86666666666667%;
	}
	.mfp-yougashi .tvcm .tvcm__nav {
		margin-top: 30px;
		max-width: 599px;
		width: 79.86666666666667%;
		padding: 2px 2px;
	}
	.mfp-yougashi .tvcm .tvcm__nav:before {
		border-width: 2px;
		border-image: url(../img/bg_07.png) 8 / 4px 4px repeat;
	}
	.mfp-yougashi .tvcm .tvcm__nav:after {
		left: calc(50% - 1px);
		width: 2px;
	}
	.mfp-yougashi .tvcm .tvcm__nav li + li:before {
		left: -1px;
		width: 2px;
	}
	.mfp-yougashi .tvcm .tvcm__nav li a {
		font-size: 1.4rem;
		padding: 8px 0;
	}
}


/* --------------------------------------------------
		modal - osusume
-------------------------------------------------- */
.mfp-yougashi .osusume .osusume__title {
	max-width: 1024px;
	padding: 0 90px;
}
.mfp-yougashi .osusume .osusume__list .inner {
	padding: 40px 2.127659574468085% 40px 4.347826086956522%;
	display: flex;
	justify-content: space-between;
}
.mfp-yougashi .osusume .osusume__list .image {
	position: relative;
	z-index: 1;
	width: 51.13636363636364%;
}
.mfp-yougashi .osusume .osusume__list .image .pic {
	position: relative;
}
.mfp-yougashi .osusume .osusume__list .image .pin {
	position: absolute;
	z-index: 1;
	top: -42px;
	left: calc(50% - 22px);
}
.mfp-yougashi .osusume .osusume__list .image .fukidashi {
	position: absolute;
	z-index: 1;
	width: 48.88888888888889%;
	/*width: 28.88888888888889%;*/
}
.mfp-yougashi .osusume .osusume__list .image .fukidashi.fukidashi--01 {
	top: -42px;
	right: -11.11111111111111%;
	/*top: 53.33333333333333%;
	right: -4.444444444444444%;*/
}
.mfp-yougashi .osusume .osusume__list .image .fukidashi.fukidashi--02 {
	bottom: -2.032520325203252%;
	left: -11.11111111111111%;
	/*top: 30%;
	left: -4.444444444444444%;*/
}
.mfp-yougashi .osusume .osusume__list .image .note {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 15px;
}
.mfp-yougashi .osusume .osusume__list .body {
	width: 43.18181818181818%;
	align-self: center;
}
.mfp-yougashi .osusume .osusume__list .title {
	/*font-size: 3.0rem;*/
	/*font-size: 2.4rem;*/
	font-size: 2.0rem;
	line-height: 1.5;
	margin-bottom: 20px;
	color: #ff498e;
}
.mfp-yougashi .osusume .osusume__list .title span {
	background: linear-gradient(to bottom, transparent 60%, #fbee79 40%);
}
.mfp-yougashi .osusume .osusume__list .text + .title {
	margin-top: 30px;
}
.mfp-yougashi .osusume .osusume__list .text .emoji {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 0.2em;
	background-image: url(../img/yougashi/icon_emoji.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 0 50%;
	vertical-align: middle;
	top: -0.1em;
}
.mfp-yougashi .osusume .osusume__list .text .emoji.moji01 {
	background-position: 0 50%;
}
.mfp-yougashi .osusume .osusume__list .text .emoji.moji02 {
	background-position: -20px 50%;
}
.mfp-yougashi .osusume .osusume__list .text .emoji.moji03 {
	background-position: -40px 50%;
}
.mfp-yougashi .osusume .osusume__list .text .emoji.moji04 {
	background-position: -60px 50%;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .osusume .osusume__title {
		width: 67.2%;
		padding: 0 0;
	}
	.mfp-yougashi .osusume .osusume__list .inner {
		padding: 30px 6.349206349206349%;
		display: block;
	}
	.mfp-yougashi .osusume .osusume__list .image {
		width: 100%;
		margin-bottom: 20px;
	}
	.mfp-yougashi .osusume .osusume__list .image .pic {
		width: 84.49752140603876%;
		margin: 0 auto;
	}
	.mfp-yougashi .osusume .osusume__list .image .pin {
		top: -21px;
		left: calc(50% - 11px);
		width: 22px;
	}
	.mfp-yougashi .osusume .osusume__list .image .fukidashi.fukidashi--01 {
		top: -21px;/**/
	}
	.mfp-yougashi .osusume .osusume__list .image .note {
		font-size: 1.0rem;
		margin-top: 10px;
	}
	.mfp-yougashi .osusume .osusume__list .body {
		width: 100%;
	}
	.mfp-yougashi .osusume .osusume__list .title {
		/*font-size: 2.0rem;*/
		font-size: 1.75rem;
		margin-bottom: 15px;
	}
	.mfp-yougashi .osusume .osusume__list .text + .title {
		margin-top: 20px;
	}
	.mfp-yougashi .osusume .osusume__list .text .emoji {
		width: 16px;
		height: 16px;
	}
	.mfp-yougashi .osusume .osusume__list .text .emoji.moji01 {
		background-position: 0 50%;
	}
	.mfp-yougashi .osusume .osusume__list .text .emoji.moji02 {
		background-position: -16px 50%;
	}
	.mfp-yougashi .osusume .osusume__list .text .emoji.moji03 {
		background-position: -32px 50%;
	}
	.mfp-yougashi .osusume .osusume__list .text .emoji.moji04 {
		background-position: -48px 50%;
	}
}


/* --------------------------------------------------
		modal - cake
-------------------------------------------------- */
.mfp-yougashi .cake .cake__title {
	width: 790px;
	padding: 0 90px;
}
.mfp-yougashi .cake .modal-yougashi__list .item .frame {
	max-width: 600px;
}
.mfp-yougashi .cake .cake__list .title {
	font-size: 3.0rem;
	line-height: 1.5;
	margin-bottom: 20px;
	color: #ff498e;
	text-align: center;
}
.mfp-yougashi .cake .cake__list .title span {
	background: linear-gradient(to bottom, transparent 60%, #fbee79 40%);
}
.mfp-yougashi .cake .cake__list .image {
	position: relative;
	padding-top: 42px;
	width: 86.53846153846154%;
	margin: 0 auto 30px;
}
.mfp-yougashi .cake .cake__list .image .pic {
	position: relative;
}
.mfp-yougashi .cake .cake__list .image .pin {
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 22px);
}
.mfp-yougashi .cake .cake__list .image .fukidashi {
	position: absolute;
	z-index: 1;
	width: 48.88888888888889%;
}
.mfp-yougashi .cake .cake__list .image .fukidashi.fukidashi--01 {
	top: -42px;
	right: -11.11111111111111%;
}
.mfp-yougashi .cake .cake__list .image .fukidashi.fukidashi--02 {
	bottom: -2.032520325203252%;
	left: -11.11111111111111%;
}
.mfp-yougashi .cake .cake__list .button {
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 250px;
	color: #ffffff;
	padding: 4px 4px;
}
.mfp-yougashi .cake .cake__list .button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 12px solid #000000;
	border-image: url(../img/yougashi/bg_01.png) 12 / 12px 12px repeat;
}
.mfp-yougashi .cake .cake__list .button > span {
	display: block;
	background-color: #ff6da5;
	padding: 12px 0;
}
.mfp-yougashi .cake .cake__list .button > span span {
	display: inline-block;
	padding-right: 18px;
	background-image: url(../img/yougashi/icon_hand.svg);
	background-size: 13px auto;
	background-position: right center;
	background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
	.mfp-yougashi .cake .modal-yougashi__list .slick-arrow.slick-prev {
		left: calc(50% - 400px);
	}
	.mfp-yougashi .cake .modal-yougashi__list .slick-arrow.slick-next {
		left: calc(50% + 340px);
	}
	.mfp-yougashi .cake .modal-yougashi__close {
		left: calc(50% + 250px);
	}
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .cake .cake__title {
		width: 81.33333333333333%;
		padding: 0 0;
	}
	.mfp-yougashi .cake .cake__list .title {
		font-size: 2.0rem;
		margin-bottom: 15px;
	}
	.mfp-yougashi .cake .cake__list .image {
		padding-top: 21px;
		width: 73.77049180327869%;
		margin-bottom: calc(15px + 2.032520325203252%);
	}
	.mfp-yougashi .cake .cake__list .image .pin {
		left: calc(50% - 11px);
		width: 22px;
	}
	.mfp-yougashi .cake .cake__list .image .fukidashi.fukidashi--01 {
		top: -21px;
	}
	.mfp-yougashi .cake .cake__list .button {
		width: 68.85245901639344%;
		min-width: 210px;
		padding: 3px 3px;
	}
	.mfp-yougashi .cake .cake__list .button:before {
		border-width: 9px;
		border-image: url(../img/yougashi/bg_02.png) 18 / 9px 9px repeat;
	}
	.mfp-yougashi .cake .cake__list .button > span {
		padding: 8px 0;
	}
}


/* --------------------------------------------------
		modal - smile
-------------------------------------------------- */
.mfp-yougashi .smile .smile__title {
	max-width: 884px;
	padding: 0 90px;
}
.mfp-yougashi .smile .item {
	padding: 0 90px;
}
.mfp-yougashi .smile .item .frame {
	max-width: 1020px;
	margin: 0 auto 14px;
}
.mfp-yougashi .smile .item .inner {
	padding: 40px 0;
}
.mfp-yougashi .smile .logo {
	text-align: center;
	margin: 0 auto 30px;
}
.mfp-yougashi .smile .text {
	font-size: 2.0rem;
	text-align: center;
	color: #000000;
	margin-bottom: 40px;
}
.mfp-yougashi .smile .text p + p {
	margin-top: 1.0em;
}
.mfp-yougashi .smile .sns {
	background-color: #ffffff;
	border: 4px solid #ff498e;
	max-width: 840px;
	margin: 0 auto 40px;
	padding: 26px 30px;
}
.mfp-yougashi .smile .sns-text {
	text-align: center;
	font-size: 1.6rem;
	color: #000000;
	margin-bottom: 10px;
}
.mfp-yougashi .smile .sns-text span {
	color: #ff498e;
	font-size: 2.0rem;
}
.mfp-yougashi .smile .sns-list {
	display: flex;
	justify-content: center;
}
.mfp-yougashi .smile .sns-list li {
	margin: 0 10px;
}
.mfp-yougashi .smile .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 840px;
	margin: -20px auto 0;
}
.mfp-yougashi .smile .list li {
	position: relative;
	width: 50%;
	margin-top: 20px;
	padding: 0 10px;
}
.mfp-yougashi .smile .list li .button {
	position: relative;
	display: block;
	text-align: center;
	padding: 4px 4px;
}
.mfp-yougashi .smile .list li .button:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 4px solid #000000;
	border-image: url(../img/bg_09.png) 8 / 8px 8px repeat;
	pointer-events: none;
}
.mfp-yougashi .smile .list li .button > span {
	display: block;
	text-align: center;
}
.mfp-yougashi .smile .list li .button.coming:after {
	border-image: url(../img/bg_13.png) 8 / 8px 8px repeat;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .smile .smile__title {
		width: 93.86666666666667%;
		padding: 0 0;
	}
	.mfp-yougashi .smile .item {
		padding: 0 4vw;
	}
	.mfp-yougashi .smile .item .frame {
		margin-bottom: 7px;
	}
	.mfp-yougashi .smile .item .inner {
		padding: 30px 3.278688524590164%;
	}
	.mfp-yougashi .smile .logo {
		width: 50.52631578947368%;
	}
	.mfp-yougashi .smile .text {
		font-size: 1.3rem;
		margin: 0 -1.0em 20px;
	}
	.mfp-yougashi .smile .sns {
		margin-bottom: 20px;
		padding: 11px 10px;
	}
	.mfp-yougashi .smile .sns-text {
		font-size: 1.3rem;
		margin-bottom: 5px;
	}
	.mfp-yougashi .smile .sns-text span {
		font-size: 1.6rem;
	}
	.mfp-yougashi .smile .sns-list li {
		margin: 0 5px;
		width: 33px;
	}
	.mfp-yougashi .smile .list {
		display: block;
		margin: 0 0;
	}
	.mfp-yougashi .smile .list li {
		width: 100%;
		margin-top: 0;
		padding: 0 0;
	}
	.mfp-yougashi .smile .list li + li {
		margin-top: 10px;
	}
	.mfp-yougashi .smile .list li .button {
		padding: 2px 2px;
	}
	.mfp-yougashi .smile .list li .button:after {
		border-width: 2px;
		border-image: url(../img/bg_09.png) 8 / 4px 4px repeat;
		pointer-events: none;
	}
	.mfp-yougashi .smile .list li .button.coming:after {
		border-image: url(../img/bg_13.png) 8 / 4px 4px repeat;
	}
}


/* --------------------------------------------------
		modal - event
-------------------------------------------------- */
.mfp-yougashi .event .event__title {
	width: 246px;
}
.mfp-yougashi .event .item {
	padding: 0 90px;
}
.mfp-yougashi .event .item .frame {
	max-width: 1020px;
	margin: 0 auto 14px;
}
.mfp-yougashi .event .item .inner {
	padding: 40px 0;
}
.mfp-yougashi .event .logo {
	max-width: 500px;
	margin: 0 auto 40px;
}
.mfp-yougashi .event .text {
	font-size: 2.0rem;
	text-align: center;
	color: #000000;
	margin-bottom: 40px;
}
.mfp-yougashi .event .button {
	display: block;
	width: 440px;
	margin: 0 auto;
}
.mfp-yougashi .event .button + .button {
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .event .event__title {
		width: 32.8%;
	}
	.mfp-yougashi .event .item {
		padding: 0 4vw;
	}
	.mfp-yougashi .event .item .frame {
		margin-bottom: 7px;
	}
	.mfp-yougashi .event .item .inner {
		padding: 30px 3.278688524590164%;
	}
	.mfp-yougashi .event .logo {
		max-width: none;
		margin-bottom: 30px;
	}
	.mfp-yougashi .event .text {
		font-size: 1.3rem;
		margin: 0 -1.0em 20px;
	}
	.mfp-yougashi .event .button {
		width: 100%;
	}
	.mfp-yougashi .event .button + .button {
		margin-top: 15px;
	}
}


/* --------------------------------------------------
		modal - campaign
-------------------------------------------------- */
.mfp-yougashi .campaign .campaign__title {
	max-width: 884px;
	padding: 0 90px;
}
.mfp-yougashi .campaign .item {
	padding: 0 90px;
}
.mfp-yougashi .campaign .item .frame {
	max-width: 1020px;
	margin: 0 auto 14px;
}
.mfp-yougashi .campaign .item .inner {
	padding: 40px 0;
	background-image: url(../img/yougashi/modal_bg.png);
}
.mfp-yougashi .campaign .campaign__visual {
	margin: -76px -36px 0;
	padding: 56px 56px 0;
	background-position: center top;
	background-size: 1012px auto;
	background-repeat: no-repeat;
}
.mfp-yougashi .campaign .campaign__visual .subtitle {
	text-align: center;
	margin: 0 auto 30px;
	font-size: 0;
}
.mfp-yougashi .campaign .campaign__visual .title {
	text-align: center;
	margin: 0 auto 60px;
}
.mfp-yougashi .campaign .campaign__body {
	max-width: 900px;
	margin: 0 auto;
	color: #000000;
}
.mfp-yougashi .campaign .campaign__snslink {
	display: flex;
	justify-content: center;
	margin: 0 -1.111111111111111%;
}
.mfp-yougashi .campaign .campaign__snslink li {
	width: 50%;
	padding: 0 1.08695652173913%;
}
.mfp-yougashi .campaign .campaign__snslink li a {
	position: relative;
	display: block;
	padding: 4px 4px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
}
.mfp-yougashi .campaign .campaign__snslink li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 12px solid #000000;
}
.mfp-yougashi .campaign .campaign__snslink li a > span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 82px;
	padding: 0 10px;
}
.mfp-yougashi .campaign .campaign__snslink li a.button--in:before {
	border-image: url(../img/yougashi/bg_03.png) 12 / 12px 12px repeat;
}
.mfp-yougashi .campaign .campaign__snslink li a.button--in span {
	background-color: #f00075;
}
.mfp-yougashi .campaign .campaign__snslink li a.button--tw:before {
	border-image: url(../img/yougashi/bg_04.png) 12 / 12px 12px repeat;
}
.mfp-yougashi .campaign .campaign__snslink li a.button--tw span {
	background-color: #00acee;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .campaign .campaign__title {
		width: 93.86666666666667%;
		padding: 0 0;
	}
	.mfp-yougashi .campaign .item {
		padding: 0 4vw;
	}
	.mfp-yougashi .campaign .item .frame {
		margin-bottom: 7px;
	}
	.mfp-yougashi .campaign .item .inner {
		padding: 30px 3.278688524590164%;
		background-size: 90px 90px;
	}
	.mfp-yougashi .campaign .campaign__visual {
		margin: -48px calc(-3.508771929824561% - 18px) 0;
		padding: 30px calc(3.508771929824561% + 18px) 0;
		background-size: 710px auto;
	}
	.mfp-yougashi .campaign .campaign__visual .subtitle {
		margin-bottom: 15px;
	}
	.mfp-yougashi .campaign .campaign__visual .title {
		margin-bottom: 20px;
	}
	.mfp-yougashi .campaign .campaign__body {
		max-width: none;
	}
	.mfp-yougashi .campaign .campaign__snslink {
		display: block;
		margin: 0 0;
	}
	.mfp-yougashi .campaign .campaign__snslink li {
		width: 100%;
		padding: 0 0;
	}
	.mfp-yougashi .campaign .campaign__snslink li + li {
		margin-top: 15px;
	}
	.mfp-yougashi .campaign .campaign__snslink li a {
		padding: 2px 2px;
		font-size: 1.5rem;
	}
	.mfp-yougashi .campaign .campaign__snslink li a:before {
		border-width: 6px;
	}
	.mfp-yougashi .campaign .campaign__snslink li a > span {
		height: auto;
		padding: 13px 10px;
	}
	.mfp-yougashi .campaign .campaign__snslink li a.button--in:before {
		border-image: url(../img/yougashi/bg_03.png) 12 / 6px 6px repeat;
	}
	.mfp-yougashi .campaign .campaign__snslink li a.button--tw:before {
		border-image: url(../img/yougashi/bg_04.png) 12 / 6px 6px repeat;
	}
}


/* --------------------------------------------------
		modal - campaign01
-------------------------------------------------- */
.mfp-yougashi .campaign--01 .campaign__visual {
	padding-bottom: 110px;
	background-image: url(../img/yougashi/campaign01_01.png);
}
.mfp-yougashi .campaign--01 .campaign__visual .text--01 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.2;
	color: #ff498e;
	text-align: center;
	margin-bottom: 20px;
}
.mfp-yougashi .campaign--01 .campaign__visual .text--01:before {
	content: "";
	position: absolute;
	width: calc(100% - 20px);
	left: 10px;
	bottom: 0;
	height: 30px;
	background-color: #ffe903;
}
.mfp-yougashi .campaign--01 .campaign__visual .text--01:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 30px;
	background-image: url(../img/yougashi/campaign01_04.png), url(../img/yougashi/campaign01_04.png);
	background-repeat: no-repeat;
	background-size: 20px 100%;
	background-position: left center, right center;
}
.mfp-yougashi .campaign--01 .campaign__visual .text--01 > span {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0 10px 5px;
	text-shadow: #ffe903 3px 0px, #ffe903 -3px 0px,
				 #ffe903 0px -3px, #ffe903 0px 3px,
				 #ffe903 3px 3px , #ffe903 -3px 3px,
				 #ffe903 3px -3px, #ffe903 -3px -3px,
				 #ffe903 1px 3px, #ffe903 -1px 3px,
				 #ffe903 1px -3px, #ffe903 -1px -3px,
				 #ffe903 3px 1px, #ffe903 -3px 1px,
				 #ffe903 3px -1px, #ffe903 -3px -1px;
}
.mfp-yougashi .campaign--01 .campaign__visual .text--01 > span .month {
	font-size: 5.0rem;
	line-height: 1;
}
.mfp-yougashi .campaign--01 .campaign__visual .text--02 {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
	margin: -20px 0 10px;
}
.mfp-yougashi .campaign--01 .campaign__visual .text--03 {
	font-weight: 700;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
}
.mfp-yougashi .campaign--01 .campaign__body .present-item {
	margin: -90px 0 30px;
}
.mfp-yougashi .campaign--01 .campaign__body .present-item .image {
	margin: 0 auto;
	max-width: 440px;
}
.mfp-yougashi .campaign--01 .campaign__body .present-item .note {
	color: #666666;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: center;
	margin-top: 15px;
}
.mfp-yougashi .campaign--01 .campaign__body .present-item a {
	position: relative;
	display: block;
	padding: 4px 4px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
	max-width: 440px;
	margin: 15px auto 0;
}
.mfp-yougashi .campaign--01 .campaign__body .present-item a:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	border: 12px solid #000000;
	border-image: url(../img/yougashi/bg_03.png) 12 / 12px 12px repeat;
}
.mfp-yougashi .campaign--01 .campaign__body .present-item a span {
	display: block;
	padding: 24px 10px;
	background-color: #f00075;
}
.mfp-yougashi .campaign--01 .campaign__body .howto {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 6.666666666666667%;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__body {
	width: 70.51282051282051%;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__body .title {
	margin-bottom: 30px;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__body .title span {
	position: relative;
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	background-color: #ff498e;
	padding: 15px 30px;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__body .title span:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
	border: 10px solid transparent;
	border-top-color: #ff498e;
	border-left-color: #ff498e;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__body .text {
	font-size: 1.8rem;
	margin-bottom: 15px;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__body .note {
	font-size: 1.4rem;
	line-height: 1.6;
	color: #666666;
}
.mfp-yougashi .campaign--01 .campaign__body .howto__image {
	width: 25.64102564102564%;
}
.mfp-yougashi .campaign--01 .campaign__body .howto.th12 {
	display: block;
	margin: 0 0;
}
.mfp-yougashi .campaign--01 .campaign__body .howto.th12 .howto__body {
	width: 100%;
}
.mfp-yougashi .campaign--01 .campaign__body .howto.th12 .howto__body .note {
	text-align: center;
	margin-bottom: 0;
}
.mfp-yougashi .campaign--01 .campaign__body .howto.th12 .howto__image {
	width: 100%;
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .campaign--01 .campaign__visual {
		padding-bottom: 80px;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--01 {
		font-size: 1.6rem;
		margin: 0 -0.5em;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--01:before {
		width: calc(100% - 10px);
		left: 5px;
		height: 15px;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--01:after {
		height: 15px;
		background-size: 10px 100%;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--01 > span {
		padding: 0 5px 5px;
		letter-spacing: -0.05em;
		text-shadow: #ffe903 2px 0px, #ffe903 -2px 0px,
					 #ffe903 0px -2px, #ffe903 0px 2px,
					 #ffe903 2px 2px , #ffe903 -2px 2px,
					 #ffe903 2px -2px, #ffe903 -2px -2px,
					 #ffe903 1px 2px, #ffe903 -1px 2px,
					 #ffe903 1px -2px, #ffe903 -1px -2px,
					 #ffe903 2px 1px, #ffe903 -2px 1px,
					 #ffe903 2px -1px, #ffe903 -2px -1px;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--01 > span .month {
		font-size: 2.5rem;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--02 {
		font-size: 1.4rem;
		margin: -5px 0 10px;
	}
	.mfp-yougashi .campaign--01 .campaign__visual .text--03 {
		font-size: 1.0rem;
	}
	.mfp-yougashi .campaign--01 .campaign__body .present-item {
		margin-top: -60px;
	}
	.mfp-yougashi .campaign--01 .campaign__body .present-item .image {
		max-width: none;
	}
	.mfp-yougashi .campaign--01 .campaign__body .present-item .note {
		font-size: 1.0rem;
		margin-top: 10px;
	}
	.mfp-yougashi .campaign--01 .campaign__body .present-item a {
		padding: 2px 2px;
		font-size: 1.3rem;
		max-width: none;
	}
	.mfp-yougashi .campaign--01 .campaign__body .present-item a:before {
		border-width: 6px;
		border-image: url(../img/yougashi/bg_03.png) 12 / 6px 6px repeat;
	}
	.mfp-yougashi .campaign--01 .campaign__body .present-item a span {
		padding: 13px 10px;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto {
		display: block;
		margin: 0 auto;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body {
		width: 100%;
		text-align: center;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body .title {
		margin-bottom: 15px;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body .title span {
		font-size: 2.0rem;
		padding: 10px 20px;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body .title span:before {
		bottom: -12px;
		left: calc(50% - 6px);
		border-width: 6px;
		border-top-color: #ff498e;
		border-left-color: transparent;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body .text {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body .note {
		margin-bottom: 20px;
		font-size: 1.0rem;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__body .sns {
		display: none;
	}
	.mfp-yougashi .campaign--01 .campaign__body .howto__image {
		width: 42.10526315789474%;
		margin: 0 auto;
	}
}


/* --------------------------------------------------
		modal - campaign02
-------------------------------------------------- */
.mfp-yougashi .campaign--02 .campaign__visual {
	padding-bottom: 120px;
	background-image: url(../img/yougashi/campaign02_01.png);
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01 {
	position: relative;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.2;
	color: #2c2c2c;
	text-align: center;
	margin-bottom: 20px;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01:before {
	content: "";
	position: absolute;
	width: calc(100% - 20px);
	left: 10px;
	bottom: 0;
	height: 30px;
	background-color: #ffe903;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01:after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 30px;
	background-image: url(../img/yougashi/campaign02_06.png), url(../img/yougashi/campaign02_06.png);
	background-repeat: no-repeat;
	background-size: 20px 100%;
	background-position: left center, right center;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01 > span {
	position: relative;
	z-index: 1;
	padding: 0 10px 5px;
	letter-spacing: -0.05em;
	text-shadow: #ffe903 3px 0px, #ffe903 -3px 0px,
				 #ffe903 0px -3px, #ffe903 0px 3px,
				 #ffe903 3px 3px , #ffe903 -3px 3px,
				 #ffe903 3px -3px, #ffe903 -3px -3px,
				 #ffe903 1px 3px, #ffe903 -1px 3px,
				 #ffe903 1px -3px, #ffe903 -1px -3px,
				 #ffe903 3px 1px, #ffe903 -3px 1px,
				 #ffe903 3px -1px, #ffe903 -3px -1px;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01 .num {
	display: inline-block;
	color: #ffffff;
	font-size: 2.4rem;
	border-radius: 30px 30px;
	padding: 0.2em 0.8em;
	margin: 0 5px 0.2em 0;
	vertical-align: middle;
	border: 4px solid #ffe903;
	background-color: #e6002d;
	text-shadow: none;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01 .pict--01 {
	position: absolute;
	top: -55px;
	left: 5%;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--01 .pict--02 {
	position: absolute;
	top: -55px;
	right: 5%;
}
.mfp-yougashi .campaign--02 .campaign__visual .text--02 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
}
.mfp-yougashi .campaign--02 .campaign__body .paper {
	margin: -90px 0 60px;
	padding: 30px 30px;
	background-color: #f7f3ea;
	border: 4px solid #000000;
	border-image: url(../img/bg_15.png) 4 / 4px 4px repeat;
}
.mfp-yougashi .campaign--02 .campaign__body .paper__inner {
	padding: 10px 10px;
	background-image: url(../img/yougashi/campaign02_11.png);
	background-position: center top;
	text-align: center;
}
.mfp-yougashi .campaign--02 .campaign__body .image {
	margin-bottom: 30px;
}
.mfp-yougashi .campaign--02 .campaign__body .price {
	margin-bottom: 20px;
}
.mfp-yougashi .campaign--02 .campaign__body .catch {
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #68bbf5;
	margin-bottom: 15px;
}
.mfp-yougashi .campaign--02 .campaign__body .catch span {
	position: relative;
	display: inline-block;
	padding: 0 15px;
}
.mfp-yougashi .campaign--02 .campaign__body .catch span:before {
	content: "";
	position: absolute;
	bottom: 0.4em;
	left: 10px;
	width: 1px;
	height: 20px;
	background-color: #68bbf5;
	transform: rotate(-25deg);
	transform-origin: center bottom;
}
.mfp-yougashi .campaign--02 .campaign__body .catch span:after {
	content: "";
	position: absolute;
	bottom: 0.4em;
	right: 10px;
	width: 1px;
	height: 20px;
	background-color: #68bbf5;
	transform: rotate(25deg);
	transform-origin: center bottom;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .campaign--02 .campaign__visual {
		padding-bottom: 60px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01 {
		font-size: 1.5rem;
		margin: 0 -1.0em 10px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01:before {
		width: calc(100% - 10px);
		left: 5px;
		height: 15px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01:after {
		height: 15px;
		background-size: 10px 100%;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01 > span {
		padding: 0 5px 5px;
		letter-spacing: -0.05em;
		text-shadow: #ffe903 2px 0px, #ffe903 -2px 0px,
					 #ffe903 0px -2px, #ffe903 0px 2px,
					 #ffe903 2px 2px , #ffe903 -2px 2px,
					 #ffe903 2px -2px, #ffe903 -2px -2px,
					 #ffe903 1px 2px, #ffe903 -1px 2px,
					 #ffe903 1px -2px, #ffe903 -1px -2px,
					 #ffe903 2px 1px, #ffe903 -2px 1px,
					 #ffe903 2px -1px, #ffe903 -2px -1px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01 .num {
		font-size: 1.2rem;
		margin: 0 0 5px 0;
		vertical-align: middle;
		border-width: 2px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01 .pict--01 {
		top: 0;
		left: calc(50% - 70px);
		width: 33px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--01 .pict--02 {
		top: 0;
		right: calc(50% - 70px);
		width: 33px;
	}
	.mfp-yougashi .campaign--02 .campaign__visual .text--02 {
		font-size: 1.2rem;
		margin: 0 -1.0em;
	}
	.mfp-yougashi .campaign--02 .campaign__body .paper {
		margin: -40px 0 30px;
		padding: 10px 10px;
		border-width: 2px;
		border-image: url(../img/bg_15.png) 4 / 2px 2px repeat;
	}
	.mfp-yougashi .campaign--02 .campaign__body .paper__inner {
		padding: 5px 5px;
		background-size: 15px 15px;
	}
	.mfp-yougashi .campaign--02 .campaign__body .image {
		margin: 0 auto 15px;
		width: 71.71314741035857%;
	}
	.mfp-yougashi .campaign--02 .campaign__body .price {
		width: 84.06374501992032%;
		margin: 0 auto 10px;
	}
	.mfp-yougashi .campaign--02 .campaign__body .catch {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
}


/* --------------------------------------------------
		modal - campaign03
-------------------------------------------------- */
.mfp-yougashi .campaign--03 .campaign__visual {
	padding-bottom: 230px;
	background-image: url(../img/yougashi/campaign03_01.png);
}
.mfp-yougashi .campaign--03 .campaign__body .image {
	position: relative;
	margin: -230px 0 60px;
	border: 4px solid #000000;
	border-image: url(../img/bg_14.png) 4 / 4px 4px repeat;
}
.mfp-yougashi .campaign--03 .campaign__body .image__wrap {
	padding: 14px 14px;
	background-color: #ffffff;
}
.mfp-yougashi .campaign--03 .campaign__body .image__inner {
	border: 4px solid #000000;
	border-image: url(../img/bg_14.png) 4 / 4px 4px repeat;
}
.mfp-yougashi .campaign--03 .campaign__body .image__gif {
	position: relative;
	height: 0;
	padding-bottom: 55.15695067264574%;
	background-image: url(../img/yougashi/campaign03_07.png);
}
.mfp-yougashi .campaign--03 .campaign__body .image .icon--01 {
	position: absolute;
	top: calc(380 / 984 * 100%);
	left: calc(22 / 1784 * 100%);
	width: calc(500 / 1784 * 100%);
}
.mfp-yougashi .campaign--03 .campaign__body .image .icon--02 {
	position: absolute;
	top: calc(337 / 984 * 100%);
	left: calc(1298 / 1784 * 100%);
	width: calc(466 / 1784 * 100%);
}
.mfp-yougashi .campaign--03 .campaign__body .image .icon--03 {
	position: absolute;
	top: calc(676 / 984 * 100%);
	left: calc(415 / 1784 * 100%);
	width: calc(404 / 1784 * 100%);
}
.mfp-yougashi .campaign--03 .campaign__body .image .icon--04 {
	position: absolute;
	top: calc(96 / 984 * 100%);
	left: calc(920 / 1784 * 100%);
	width: calc(530 / 1784 * 100%);
}
.mfp-yougashi .campaign--03 .campaign__body .image .icon--05 {
	position: absolute;
	top: calc(511 / 984 * 100%);
	left: calc(925 / 1784 * 100%);
	width: calc(380 / 1784 * 100%);
}
.mfp-yougashi .campaign--03 .campaign__body .image .icon--06 {
	position: absolute;
	top: calc(6 / 984 * 100%);
	left: calc(535 / 1784 * 100%);
	width: calc(350 / 1784 * 100%);
}
.mfp-yougashi .campaign--03 .campaign__body .image .image__logo {
	position: relative;
	z-index: 2;
	width: 128px;
	margin: -40px auto 5px;
}
.mfp-yougashi .campaign--03 .campaign__body .image .image__text {
	text-align: center;
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.5;
}
.mfp-yougashi .campaign--03 .campaign__body .text {
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 60px;
}
.mfp-yougashi .campaign--03 .campaign__body .text p + p {
	margin-top: 1.0em;
}
.mfp-yougashi .campaign--03 .campaign__body .text span {
	color: #716ed8;
	font-size: 3.0rem;
	line-height: 1;
	display: inline-block;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .title {
	position: relative;
	z-index: 1;
	font-size: 2.0rem;
	line-height: 1;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}
.mfp-yougashi .campaign--03 .campaign__body .unit + .unit {
	margin-top: -30px;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .title span {
	position: relative;
	display: inline-block;
	padding: 10px 40px;
	background-color: #716ed8;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .title span:before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: calc(100% + 20px);
	height: 100%;
	background-image: url(../img/yougashi/campaign03_04.png), url(../img/yougashi/campaign03_04.png);
	background-repeat: no-repeat;
	background-position: left center, right center;
	background-size: 20px 100%;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .body {
	background-color: #ffffff;
	border-radius: 16px 16px;
	padding: 40px 6.666666666666667%;
	margin: -20px 0 60px;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .start__text {
	font-size: 2.0rem;
	text-align: center;
	margin-bottom: -10px;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .list li {
	display: flex;
	padding: 20px 0;
	border-bottom: 2px dashed #dddddd;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .list li:nth-child(2) {
	border-bottom: none;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .list li .list__num {
	font-weight: 700;
	color: #ffffff;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background-color: #716ed8;
	border-radius: 50% 50%;
	text-align: center;
	margin-right: 10px;
	align-self: flex-start;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .list li .list__text {
	align-self: center;
	flex: 1;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .keyword {
	border: 2px solid #716ed8;
	color: #716ed8;
	padding: 30px 30px;
	font-size: 2.0rem;
	text-align: center;
	overflow: hidden;
	word-break: keep-all;
}
.mfp-yougashi .campaign--03 .campaign__body .unit .keyword span {
	background: linear-gradient(to bottom, transparent 50%, #fff481 50%);
}
@media screen and (min-width: 768px) {
	.mfp-yougashi .campaign--03 .campaign__body .unit .list li:nth-child(2) .list__text {
		position: relative;
		padding-right: 180px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .list li:nth-child(2) .list__text img {
		position: absolute;
		width: 147px;
		top: 0;
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .campaign--03 .campaign__visual {
		padding-bottom: 140px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .image {
		position: relative;
		margin: -140px 0 40px;
		border-width: 2px;
		border-image: url(../img/bg_14.png) 4 / 2px 2px repeat;
	}
	.mfp-yougashi .campaign--03 .campaign__body .image__wrap {
		padding: 7px 7px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .image__inner {
		border-width: 2px;
		border-image: url(../img/bg_14.png) 4 / 2px 2px repeat;
	}
	.mfp-yougashi .campaign--03 .campaign__body .image__gif {
		background-size: 100px 100px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .image .image__logo {
		width: 23.97003745318352%;
		margin-top: -7%;
	}
	.mfp-yougashi .campaign--03 .campaign__body .image .image__text {
		font-size: 1.4rem;
	}
	.mfp-yougashi .campaign--03 .campaign__body .text {
		font-size: 1.3rem;
		margin-bottom: 30px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .text span {
		font-size: 2.0rem;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit + .unit {
		margin-top: -15px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .title {
		font-size: 1.5rem;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .title span {
		padding: 8px 40px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .title span:before {
		left: -8px;
		width: calc(100% + 16px);
		background-size: 16px 100%;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .body {
		border-radius: 10px 10px;
		padding: 15px 5.263157894736842%;
		margin: -15px 0 30px;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .start__text {
		font-size: 1.5rem;
		padding-top: 10px;
		margin-bottom: 0;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .list li {
		padding: 15px 0;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .list li:nth-child(2) .list__text img {
		width: 98px;
		display: block;
		margin: 8px auto 0 20%;
	}
	.mfp-yougashi .campaign--03 .campaign__body .unit .keyword {
		padding: 12px 6px;
		font-size: 1.3rem;
	}
}


/* --------------------------------------------------
		modal - campaign04
-------------------------------------------------- */
.mfp-yougashi .campaign--04 .campaign__visual {
	padding-bottom: 1px;
	background-image: url(../img/yougashi/campaign04_01.png);
}
.mfp-yougashi .campaign--04 .campaign__body {
	margin-top: 60px;
}
.mfp-yougashi .campaign--04 .campaign__body .text {
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 60px;
}
.mfp-yougashi .campaign--04 .campaign__body .text p + p {
	margin-top: 1.0em;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .campaign--04 .campaign__visual .subtitle {
		margin: 0 -2.280701754385965% 15px;
	}
	.mfp-yougashi .campaign--04 .campaign__body {
		margin-top: 30px;
	}
	.mfp-yougashi .campaign--04 .campaign__body .text {
		font-size: 1.3rem;
		margin-bottom: 30px;
	}
}


/* --------------------------------------------------
		modal - campaign05
-------------------------------------------------- */
.mfp-yougashi .campaign--05 .campaign__visual {
	padding-bottom: 300px;
	background-image: url(../img/yougashi/campaign05_01.png);
}
.mfp-yougashi .campaign--05 .campaign__body .images {
	margin: -300px 0 60px;
	display: flex;
	align-items: flex-start;
}
.mfp-yougashi .campaign--05 .campaign__body .images div {
	position: relative;
	border: 4px solid #000000;
	border-image: url(../img/bg_14.png) 4 / 4px 4px repeat;
	width: 35.55555555555556%;
	margin: 6.666666666666667% 0 0 -3.333333333333333%;
}
.mfp-yougashi .campaign--05 .campaign__body .images div:nth-child(1) {
	z-index: 3;
	margin-left: 0;
}
.mfp-yougashi .campaign--05 .campaign__body .images div:nth-child(2) {
	z-index: 2;
	margin-top: 0;
}
.mfp-yougashi .campaign--05 .campaign__body .text {
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 60px;
}
.mfp-yougashi .campaign--05 .campaign__body .text p + p {
	margin-top: 1.0em;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .title {
	position: relative;
	z-index: 1;
	font-size: 2.0rem;
	line-height: 1;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .title span {
	position: relative;
	display: inline-block;
	padding: 10px 40px;
	background-color: #ff9242;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .title span:before {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: calc(100% + 20px);
	height: 100%;
	background-image: url(../img/yougashi/campaign05_07.png), url(../img/yougashi/campaign05_07.png);
	background-repeat: no-repeat;
	background-position: left center, right center;
	background-size: 20px 100%;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .body {
	background-color: #ffffff;
	border-radius: 16px 16px;
	padding: 40px 6.666666666666667%;
	margin: -20px 0 60px;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .list li {
	display: flex;
	padding: 20px 0;
	border-bottom: 2px dashed #dddddd;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .list li .list__num {
	font-weight: 700;
	color: #ffffff;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background-color: #ff9242;
	border-radius: 50% 50%;
	text-align: center;
	margin-right: 10px;
	align-self: flex-start;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .list li .list__text {
	align-self: center;
	flex: 1;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .note {
	font-size: 1.4rem;
	color: #666666;
	line-height: 1.6;
	text-align: center;
	margin-top: 20px;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .button {
	position: relative;
	margin: 20px auto 0;
	width: 240px;
	padding: 4px 4px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .button:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 12px solid #000000;
	border-image: url(../img/yougashi/bg_05.png) 12 / 12px 12px repeat;
	pointer-events: none;
}
.mfp-yougashi .campaign--05 .campaign__body .unit .button span {
	padding: 8px 0;
	background-color: #ffffff;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	.mfp-yougashi .campaign--05 .campaign__visual {
		padding-bottom: 100px;
	}
	.mfp-yougashi .campaign--05 .campaign__body .images {
		margin: -100px 0 30px;
	}
	.mfp-yougashi .campaign--05 .campaign__body .images div {
		border-width: 2px;
		border-image: url(../img/bg_14.png) 4 / 2px 2px repeat;
		width: 38.59649122807018%;
		margin: 7.017543859649123% 0 0 -7.894736842105263%;
	}
	.mfp-yougashi .campaign--05 .campaign__body .text {
		font-size: 1.3rem;
		margin-bottom: 30px;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .title {
		font-size: 1.5rem;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .title span {
		padding: 8px 40px;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .title span:before {
		left: -8px;
		width: calc(100% + 16px);
		background-size: 16px 100%;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .body {
		border-radius: 10px 10px;
		padding: 15px 5.263157894736842%;
		margin: -15px 0 30px;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .list li {
		padding: 15px 0;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .note {
		font-size: 1.0rem;
		margin-top: 15px;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .button {
		margin-top: 15px;
		width: 63.15789473684211%;
		padding: 2px 2px;
		font-size: 1.0rem;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .button:before {
		border-width: 6px;
		border-image: url(../img/yougashi/bg_05.png) 12 / 6px 6px repeat;
	}
	.mfp-yougashi .campaign--05 .campaign__body .unit .button span {
		padding: 4px 0;
	}
}


/* --------------------------------------------------
		※※※※※
-------------------------------------------------- */

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}