@import url("/um/v7/css/reset.css");
@import url("hamburger.css");
@import url("sns_icons.css");
@import url("lightbox.css");

/* =================================
	CSS
================================= */

/* link */
a:link {
	text-decoration:underline;
	color:#ba4620;
}
a:visited {
	text-decoration:none;
	color:#ba4620;
}
a:active {
	text-decoration:none;
	color:#ba4620;
}
a:hover {
	text-decoration:underline;
	color:#ba4620;
}

/* font size */
.xxl {
	font-size:150%;
}
.xl {
	font-size:125%;
}
.l {
	font-size:112.5%;
}
.s {
	font-size:83%;
}
.xs {
	font-size:75%;
}
.xxs {
	font-size:62.5%;
}

@media all and (max-width: 374px) {
.xl, .xxl {
	font-size:112.5%;
}
.s, .xs {
	font-size:62.5%;
}
}

/* smp br */
@media all and (min-width: 992px) {
.br-smp {
	display:none;
}
}
@media all and (max-width: 991.98px) {
.br-pc {
	display:none;
}
}

.ff {
	font-family:serif;
}
.lazy {
	display:block;
	position:relative;
}
.wbr {
	white-space: nowrap;
	display: inline-block;
}


/*	background
============================== */
html, body {
	background-color:#ba4620;
}
body {
	color:#000;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family:"Noto Sans JP","Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;
	/**/
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/**/
}
h1,h2 {
	font-weight:900;
}
h3,h4,h5,h6,b,th {
	font-weight:700;
}

/*	copyright
============================== */
div.copyright p {
	color:#fff;
	line-height:1.25;
	text-align:center;
}
div.copyright p > small {
	display:block;
}
div.copyright p > small a {
	color:#f8f1ee;
}
@media all and (min-width: 992px) {
	div.copyright p {
		font-size:75%;
	}
	div.copyright p > small {
		padding:60px 0;
	}
	div.copyright p a:hover {
		text-decoration:none;
	}
}
@media all and (max-width: 991.98px) {
	div.copyright p {
		font-size:62.5%;
	}
	div.copyright p > small {
		padding:30px 12px;
	}
}


/*	.cover
============================== */
div.cover {
}
@media all and (min-width: 992px) {
}
@media all and (max-width: 991.98px) {
div.cover {
	min-width:320px;
}
}


/*	.header
============================== */
div.header {
	background-color:#fff;
}
div.header > header {
	text-align:left;
}
div.header > header > div.logo {
	display:flex;
	align-items:center;
	justify-content:center;
}
div.header > header h1 span {
	display:block;
}
div.header header h1 > span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(436 / 820 * 100%);
	padding-top: calc(436 / 820 * 100%);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div.header header h1 > span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.header header h1 > span > span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 992px) {
div.header {
	padding-bottom:120px;
}
div.header > header {
	max-width:980px;
	margin:0 auto;
}
div.header > header > div.logo {
	height:100vh;
}
div.header > header h1 {
	width:820px;
}
}
@media all and (max-width: 991.98px) {
div.header {
	padding-bottom:60px;
}
div.header > header > div.logo {
	height:75vh;
}
div.header > header {
	padding:0 6.25vw;
}
div.header > header h1 {
	width:75vw;
}
}


/*	.header .intro
============================== */
div.header header section h2 {
	line-height:1.5;
}
div.header header section p {
	line-height:2;
}
div.header header section h2 {
	color:#ba4620;
	margin-bottom:0.5em;
}
div.header header section.about h2 {
	color:#b4b4b4;
}
div.header header section p:not(:last-child) {
	margin-bottom:2em;
}
div.header header section p.copy {
	font-weight:700;
	margin-bottom:0.5em;
}
div.header header section.intro {
	color:#ba4620;
}
@media all and (min-width: 992px) {
div.header header section {
	margin-bottom:60px;
}
div.header header section h2 {
	font-size:175%;
	letter-spacing:0.2em;
}
div.header header section p {
	font-size:125%;
}
div.header header section p.copy {
	font-size:150%;
}
}
@media all and (max-width: 991.98px) {
div.header header section {
	margin-bottom:30px;
}
div.header header section h2 {
	font-size:125%;
	font-size:clamp(125%, 6vw, 250%);
	letter-spacing:0.05em;
}
div.header header section p {
	font-size:100%;
}
div.header header section p.copy {
	font-size:112.5%;
	font-size:clamp(112.5%, 3.75vw, 150%);
}
}

/*	.header .about
============================== */
@media all and (min-width: 992px) {
div.header header section.about {
	border:1px solid #b4b4b4;
}
div.header header section.about {
	padding:30px 40px;
}
div.header header section.about h2 {
}
}
@media all and (max-width: 991.98px) {
div.header header section.about {
}
div.header header section.about h2 {
	font-size:125%;
	font-size:clamp(125%, 6vw, 200%);
}
}



/*	main .unit
============================== */
main > div.unit {
	position:relative;
}
main > div.unit:nth-child(odd),
main > div.unit:nth-child(odd) section.unit h3 {
	color:#fff;
	background-color:#ba4620;
}
main > div.unit:nth-child(even) {
	color:#ba4620;
	background-color:#f8f1ee;
}
main > div.unit:nth-child(odd) section.unit h3 {
	color:#ba4620;
	background-color:#fff;
}
main > div.unit:nth-child(even) section.unit h3 {
	background-color:rgba(186, 70, 32, .2);
}
main > div.unit:last-child {
	color:#ba4620;
	background-color:#fff;
}
main > div.unit:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0.15;
	background-repeat:no-repeat;
	pointer-events: none;
}
main > div.unit:nth-child(odd):before {
	background-image:url(../img/deco_lef.svg);
	background-size:40%;
	background-position:left top;
}
main > div.unit:nth-child(even):before {
	background-image:url(../img/deco_rig.svg);
	background-size:30%;
	background-position:right top;
}
main > div.unit:last-child:before {
	background-image:url(../img/deco_lef_2.svg);
	background-size:30%;
	background-position:left top;
	opacity:0.07;
}
@media all and (min-width: 992px) {
main > div.unit {
	padding:80px 0;
}
}
@media all and (max-width: 991.98px) {
main > div.unit {
	padding:40px 0;
}
}










/*	.unit article
============================== */
main > div.unit > article {
	text-align:left;
}
main > div.unit > article > header > h2 {
	line-height:1.5;
	letter-spacing:0.25em;
}
main > div.unit > article > header > h2:not(:last-child) {
	margin-bottom:0.4em;
}
main > div.unit > article > header > p {
	line-height:1.5;
	letter-spacing:0.2em;
	font-weight:900;
}
section.intro > table th,
section.intro > table td,
main > div.unit > article > table th,
main > div.unit > article > table td,
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table th,
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table td,
main > div.unit > article > ul > li {
	line-height:1.75;
}
section.intro > table th,
main > div.unit > article > table th,
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table th,
section.intro > table td:nth-child(2),
main > div.unit > article > table td:nth-child(2),
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table td:nth-child(2) {
	vertical-align:top;
}
section.intro > table th,
main > div.unit > article > table th,
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table th {
	/* text-align:right; */
	white-space:nowrap;
}
section.intro > table td:nth-child(2),
main > div.unit > article > table td:nth-child(2),
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table td:nth-child(2) {
	text-align:center;
	width:1.5em;
}
@media all and (min-width: 992px) {
main > div.unit > article {
	max-width:980px;
	margin:0 auto;
}
main > div.unit > article > header {
	margin-bottom:80px;
}
main > div.unit > article > header > h2 {
	font-size:225%;
}
main > div.unit > article > header > p {
	font-size:150%;
}
main > div.unit > article > table:not(:last-child),
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table:not(:last-child),
main > div.unit > article > ul:not(:last-child) {
	margin-bottom:60px;
}
section.intro > table:not(:last-child) {
	margin-bottom:40px;
}
section.intro > table th,
section.intro > table td,
main > div.unit > article > table th,
main > div.unit > article > table td,
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table th,
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table td,
main > div.unit > article > ul > li {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
main > div.unit > article {
	padding:0 6.25vw;
}
main > div.unit > article > header {
	margin-bottom:40px;
}
main > div.unit > article > header > h2 {
	font-size:6vw;
/*	font-size:clamp(112.5%, 6vw, 150%); */
}
main > div.unit > article > header > p {
	font-size:3.75vw;
	font-size:max(3.75vw, 112.5%);
}
main > div.unit > article > header > h2 > span {
	letter-spacing:0.1em;
}
main > div.unit > article > table:not(:last-child),
main > div.unit > article > div.unit-flex > div.unit-flex-inner > table:not(:last-child),
main > div.unit > article > ul:not(:last-child) {
	margin-bottom:30px;
}
section.intro > table:not(:last-child) {
	margin-bottom:20px;
}
}


/*	.unit article .unit
============================== */
section.unit h3 {
	text-align:center;
	line-height:1.5;
	padding:0.25em;
}
main > div.unit > article .unit p {
	line-height:2;
}
main > div.unit > article .unit p:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 992px) {
main > div.unit > article .unit:not(:last-child) {
	margin-bottom:60px;
}
main > div.unit > article section.unit:not(:last-child) {
	margin-bottom:80px;
}
section.unit h3 {
	font-size:150%;
	margin-bottom:40px;
}
main > div.unit > article .unit p {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
main > div.unit > article .unit:not(:last-child) {
	margin-bottom:40px;
}
main > div.unit > article section.unit:not(:last-child) {
	margin-bottom:40px;
}
section.unit h3 {
	font-size:112.5%;
	margin-bottom:20px;
}
}



/*	section.unit section
============================== */
section.unit section h4,
section.unit section dl dt,
section.unit section dl dd {
	line-height:1.5;
}
section.unit section h4 {
	margin-bottom:1em;
}
section.unit.lappy-goods section h4 {
	text-align:center;
}
section.unit section dl dt {
	font-weight:700;
	margin-bottom:0.5em;
}
section.unit section dl dd:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 992px) {
section.unit section:not(:last-child) {
	margin-bottom:60px;
}
section.unit div.unit-flex section:not(:last-child) {
	margin-bottom:0;
}
section.unit section h4 {
	font-size:150%;
}
section.unit section dl dt,
section.unit section dl dd {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
section.unit section:not(:last-child) {
	margin-bottom:40px;
}
section.unit section h4 {
	font-size:112.5%;
}
}



/*	.access
============================== */
div.access article ul.map li {
	display:flex;
	align-items:center;
}
div.access article ul.map li:not(:last-child) {
	margin-bottom:0.5em;
}
div.access article ul.map li:before {
	display:flex;
	justify-content:center;
	align-items:center;
	content:"A";
	background-color:#ba4620;
	color:#fff;
	text-align:center;
	border-radius:50%;
	line-height:1;
	margin-right:0.5em;
}
div.access article ul.map li:nth-child(1):before {
	content:"A";
}
div.access article ul.map li:nth-child(2):before {
	content:"B";
}
div.access article ul.map li:nth-child(3):before {
	content:"C";
}
div.access article ul.map li:nth-child(4):before {
	content:"D";
}
div.access article ul.map li:nth-child(5):before {
	content:"E";
}
div.access article ul.map li:nth-child(6):before {
	content:"F";
}
div.access article ul.map li:nth-child(7):before {
	content:"G";
}
div.access article ul.map li:nth-child(8):before {
	content:"H";
}
div.access article ul.map li:nth-child(9):before {
	content:"I";
}
div.access article ul.map li:nth-child(10):before {
	content:"J";
}
div.access article ul.map li:nth-child(11):before {
	content:"K";
}
div.access article ul.map li:nth-child(12):before {
	content:"L";
}
div.access article section ul > li {
	line-height:1.5;
}
div.access article section {
	/* background-color:#f8f1ee; */
}
div.access article section h3 {
	font-weight:900;
	line-height:1.5;
	letter-spacing:0.25em;
	margin-bottom:0.75em;
}
div.access article section ul > li:not(:last-child) {
	margin-bottom:0.5em;
}
@media all and (min-width: 992px) {
div.access article ul.map li:before {
	font-size:125%;
	width:44px;
	height:44px;
}
div.access article section:not(:last-child) {
	margin-bottom:60px;
}
div.access article section h3 {
	font-size:200%;
}
div.access article section ul > li {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
div.access article ul.map li:before {
	font-size:100%;
	width:22px;
	height:22px;
}
div.access article section:not(:last-child) {
	margin-bottom:40px;
}
div.access article section h3 {
	font-size:150%;
}
}


/*	.aside
============================== */
div.aside > div.unit:nth-child(odd) {
	background-color:#f8f1ee;
}
div.aside > div.unit:nth-child(even) {
	background-color:#fff;
}
div.aside > div.unit > aside {
	text-align:left;
}
@media all and (min-width: 992px) {
div.aside > div.unit {
	padding:80px 0;
}
div.aside > div.unit > aside {
	max-width:980px;
	margin:0 auto;
}
}
@media all and (max-width: 991.98px) {
div.aside > div.unit {
	padding:40px 0;
}
div.aside > div.unit > aside {
	padding:0 6.25vw;
}
}



/*	.sns
============================== */
div.sns aside {
	display:flex;
	align-items:center;
	flex-direction:column;
}
div.sns aside > h2 {
	line-height:1.5;
	letter-spacing:1em;
	margin-bottom:1em;
}
div.sns aside > p {
	line-height:1.5;
}
div.sns aside > ul > li > a {
	display:flex;
	align-items:center;
	text-decoration:none;
	color:#000;
}
div.sns aside > ul > li > a:before {
	content:"";
	display:inline-block;
	background-color:#ba4620;
	background-color:#000;
	margin-right:0.5em;
	background-size:300% 300%;
	background-image:url(/um/img/sns_logos.svg?0);
	border-radius:50%;
}
div.sns aside > ul > li.x > a:before {
	background-position:left top;
}
div.sns aside > ul > li.ig > a:before {
	background-position:center center;
}
@media all and (min-width: 992px) {
div.sns aside > h2 {
	font-size:175%;
}
div.sns aside > ul {
	display:inline-flex;
	justify-content:center;
	margin-bottom:30px;
}
div.sns aside > ul > li:not(:last-child) {
	margin-right:2em;
}
div.sns aside > ul > li > a:before {
	width:48px;
	height:48px;
}
div.sns aside > ul > li > a > span {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
div.sns aside > h2 {
	font-size:125%;
}
div.sns aside > ul {
	margin-bottom:15px;
}
div.sns aside > ul > li:not(:last-child) {
	margin-bottom:20px;
}
div.sns aside > ul > li > a:before {
	width:32px;
	height:32px;
}
div.sns aside > p {
	font-size:83%;
}
}




/*	.asterisk
============================== */
ul.circlelist {
	list-style-type:circle;
	margin-left:1.5em;
}
ul.circlelist li,
ul.asterisk li {
	line-height:1.5;
}
ul.circlelist li:not(:last-child),
ul.asterisk li:not(:last-child) {
	margin-bottom:0.5em;
}
ul.asterisk > li > span {
	display:block;
	padding-left:1.25em;
}
ul.asterisk > li:before {
	content:"※";
	display:block;
	float:left;
}
@media all and (min-width: 992px) {
ul.circlelist:not(:last-child),
ul.asterisk:not(:last-child) {
	margin-bottom:40px;
}
ul.circlelist > li,
ul.asterisk > li {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
ul.circlelist:not(:last-child),
ul.asterisk:not(:last-child) {
	margin-bottom:20px;
}
ul.circlelist > li,
ul.asterisk > li {
	font-size:100%;
}
}

main > div.unit > article > table td ul.circlelist > li,
main > div.unit > article > table td ul.asterisk > li {
	font-size:100%;
}



/*	.bnr-tcs
============================== */
div.bnr-tcs {
	margin:0 auto;
}
div.bnr-tcs a,
div.bnr-tcs a span {
	display:block;
}
div.bnr-tcs a > span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(430 / 1920 * 100%);
	padding-top: calc(430 / 1920 * 100%);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div.bnr-tcs a > span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.bnr-tcs a > span > span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.bnr-tcs a {
	border-style:solid;
	border-color:#b4b4b4;
}
div.bnr-tcs.bnr-aks a {
	border-color:#ba4620;
}
div.bnr-tcs > p {
	text-align:center;
	line-height:1.5;
	margin-top:1em;
}
@media all and (min-width: 992px) {
div.bnr-tcs {
	width:640px;
}
div.bnr-tcs:not(:last-child) {
	margin-bottom:60px;
}
div.bnr-tcs a {
	border-width:5px;
	box-shadow:5px 5px #b4b4b4;
}
div.bnr-tcs.bnr-aks a {
	box-shadow:5px 5px #ba4620;
}
}
@media all and (max-width: 991.98px) {
div.bnr-tcs {
	width:75vw;
}
div.bnr-tcs:not(:last-child) {
	margin-bottom:30px;
}
div.bnr-tcs a {
	border-width:3px;
	box-shadow:3px 3px #b4b4b4;
}
div.bnr-tcs.bnr-aks a {
	box-shadow:3px 3px #ba4620;
}
div.bnr-tcs > p {
	font-size:83%;
}
}



/*	.bnrs
============================== */
div.bnrs {
	margin:0 auto;
}
div.bnrs a,
div.bnrs a span {
	display:block;
}
div.bnrs a > span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(300 / 1000 * 100%);
	padding-top: calc(300 / 1000 * 100%);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div.bnrs a > span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.bnrs a > span > span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 992px) {
div.bnrs {
	width:640px;
}
div.bnrs:not(:last-child) {
	margin-bottom:60px;
}
}
@media all and (max-width: 991.98px) {
div.bnrs {
	width:75vw;
}
div.bnrs:not(:last-child) {
	margin-bottom:40px;
}
}



/*	.btn-txt
============================== */
div.btn-txt {
	text-align:center;
}
div.btn-txt a {
	text-decoration:none;
}
div.btn-txt > p {
	line-height:1.5;
}
div.btn-txt > p:not(:last-child) {
	margin-bottom:1em;
}
div.btn-txt > p.caption {
	margin-top:1em;
}
div.btn-txt span,
div.btn-txt a {
	display:block;
	font-weight:700;
	text-align:center;
	line-height:1.5;
}
div.btn-txt > span,
div.btn-txt > a {
	margin:0 auto;
}
div.btn-txt span span,
div.btn-txt a span {
	padding:0.5em;
	border-style:solid;
	border-color:transparent;
}
main > div.unit:nth-child(odd) div.btn-txt a span {
	color:#fff;
	border-color:#fff;
}
div.lb-inner div.btn-txt a span,
main > div.unit:nth-child(even) div.btn-txt a span {
	border-color:#ba4620;
}
@media all and (min-width: 992px) {
div.btn-txt:not(:last-child) {
	margin-bottom:60px;
}
div.btn-txt > a,
div.btn-txt > span {
	width:420px;
}
div.btn-txt a span,
div.btn-txt span span {
	border-width:5px;
	font-size:150%;
}
main > div.unit:nth-child(odd) div.btn-txt a span {
	box-shadow:5px 5px #fff;
}
div.lb-inner div.btn-txt a span,
main > div.unit:nth-child(even) div.btn-txt a span {
	box-shadow:5px 5px #ba4620;
}
div.btn-txt > p {
	font-size:125%;
}
div.btn-txt > p.caption {
	font-size:100%;
}
}
@media all and (max-width: 991.98px) {
div.btn-txt:not(:last-child) {
	margin-bottom:40px;
}
div.btn-txt > a,
div.btn-txt > span {
	width:60vw;
}
div.btn-txt a span,
div.btn-txt span span {
	border-width:3px;
	font-size:112.5%;
}
main > div.unit:nth-child(odd) div.btn-txt a span {
	box-shadow:3px 3px #fff;
}
div.lb-inner div.btn-txt a span,
main > div.unit:nth-child(even) div.btn-txt a span {
	box-shadow:3px 3px #ba4620;
}
div.btn-txt > p {
	font-size:100%;
}
div.btn-txt > p.caption {
	font-size:83%;
}
}




/*	.unit-flex
============================== */
@media all and (min-width: 992px) {
div.unit-flex {
	display:flex;
	justify-content:space-between;
}
div.lappy > article > section.lappyquiz div.unit-flex {
/*	align-items:center; */
}
div.unit-flex:not(:last-child) {
	margin-bottom:60px;
}
div.unit-flex > * {
	width:50%;
}
div.toh div.unit-flex > div.unit,
div.lappy > article > div.unit-flex > div.unit-flex-inner,
div.plaza div.unit-flex > div.unit {
	width:65%;
}
div.toh div.unit-flex > div.pic,
div.lappy > article > div.unit-flex > div.pic,
div.plaza div.unit-flex > div.pic {
	width:32%;
}
section.lappy-goods div.unit-flex > section:first-child {
	width:calc(37.5% - 20px);
}
section.lappy-goods div.unit-flex > section:last-child {
	width:calc(62.5% - 20px);
}
section.lappyquiz div.unit-flex > div {
	width:calc(70% - 20px);
}
section.lappyquiz div.unit-flex > div.lappy-map {
	width:calc(30% - 20px);
}
section.lappyquiz div.unit-flex > div.howto-line {
	width:calc(30% - 10px);
}
section.lappyquiz div.unit-flex > div.lappy-howto {
	width:calc(70% - 10px);
}
}
@media all and (max-width: 991.98px) {
div.unit-flex:not(:last-child) {
	margin-bottom:40px;
}
div.lappy div.unit-flex > div.unit-flex-inner {
	margin-bottom:40px;
}
div.plaza div.unit-flex > div.pic {
	padding:0 9.375vw;
}
}



/*	figure
============================== */
div.pic figure > span, div.pic figure img {
	display:block;
}
div.pic figure > span,
div.pic figure > a {
	position:relative;
	height:0;
	padding-top: -webkit-calc(9/16*100%);
	padding-top: calc(9/16*100%);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
div.pic figure span.lazy-done,
div.pic figure a.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.pic figure img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div#fashion div.pic figure > span {
	padding-top: -webkit-calc(855 / 1600 * 100%);
	padding-top: calc(855 / 1600 * 100%);
}
div#akasaka div.pic figure:not(:last-child) > span {
	padding-top: 100%;
}
div#akasaka div.pic figure:last-child > span {
	padding-top: -webkit-calc(740 / 1340 * 100%);
	padding-top: calc(740 / 1340 * 100%);
}
div#toh div.pic figure > span {
	padding-top: -webkit-calc(1152 / 814 * 100%);
	padding-top: calc(1152 / 814 * 100%);
}
div#lappy div.pic.lappy-main figure > span {
	padding-top: -webkit-calc(1280 / 902 * 100%);
	padding-top: calc(1280 / 902 * 100%);
}
div#talkstage div.pic figure > span {
	padding-top: -webkit-calc(900 / 1280 * 100%);
	padding-top: calc(900 / 1280 * 100%);
}
div#talkstage div.pic section ul figure > span {
	padding-top: -webkit-calc(640 / 1280 * 100%);
	padding-top: calc(640 / 1280 * 100%);
}
div#interweave div.pic figure > span {
	padding-top: -webkit-calc(720 / 1280 * 100%);
	padding-top: calc(720 / 1280 * 100%);
}

/* div.collection div.pic.pic-tac-loveit figure > span {
	padding-top: -webkit-calc(401 / 681 * 100%);
	padding-top: calc(401 / 681 * 100%);
} */
div.collection div.pic.pic-tac-loveit figure > span {
	padding-top: -webkit-calc(720 / 1280 * 100%);
	padding-top: calc(720 / 1280 * 100%);
}
div.collection div.pic.pic-tac-mikami-kumi figure > span {
	padding-top: -webkit-calc(676 / 1280 * 100%);
	padding-top: calc(676 / 1280 * 100%);
}
div.collection div.pic.pic-tac-mikami figure > span {
	padding-top: -webkit-calc(1180 / 1280 * 100%);
	padding-top: calc(1180 / 1280 * 100%);
}
div.collection div.pic.pic-tac-mikami-kumi2 figure > span {
	padding-top: -webkit-calc(1097 / 1280 * 100%);
	padding-top: calc(1097 / 1280 * 100%);
}
div.collection div.pic.pic-tac-ac figure > span {
	padding-top: -webkit-calc(605 / 1280 * 100%);
	padding-top: calc(605 / 1280 * 100%);
}
div.collection div.pic.pic-tac-stage figure > span {
	padding-top: -webkit-calc(440 / 1320 * 100%);
	padding-top: calc(440 / 1320 * 100%);
}
div.collection div.pic.pic-tac-brunch figure > span {
	padding-top: -webkit-calc(420 / 980 * 100%);
	padding-top: calc(420 / 980 * 100%);
}
div.collection div.pic.pic-tac-tabekko figure > span {
	padding-top: -webkit-calc(327 / 980 * 100%);
	padding-top: calc(327 / 980 * 100%);
}
div.collection div.pic.pic-tac-potter figure > span {
	padding-top: -webkit-calc(376 / 980 * 100%);
	padding-top: calc(376 / 980 * 100%);
}
div#geisha div.pic figure > span {
	padding-top: -webkit-calc(850 / 1280 * 100%);
	padding-top: calc(850 / 1280 * 100%);
}
div#culture div.pic figure > span {
	padding-top: -webkit-calc(960 / 1280 * 100%);
	padding-top: calc(960 / 1280 * 100%);
}

div.pic figure figcaption {
	text-align:center;
	line-height:1.5;
	margin-top:0.5em;
}
div#akasaka div.pic-two {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
div#akasaka div.pic-two figure:last-child {
	width:100%;
}
div#plaza div.pic figure > span {
	padding-top: -webkit-calc(910 / 980 * 100%);
	padding-top: calc(910 / 980 * 100%);
}
div#lappy div.pic.lappy-qr figure > span {
	padding-top: 100%;
}
div#lappy div.pic.lappy-howto figure > span {
	padding-top: -webkit-calc(366 / 719 * 100%);
	padding-top: calc(366 / 719 * 100%);
}
div#lappy div.pic.lappy-map figure > span {
	padding-top: -webkit-calc(1280 / 880 * 100%);
	padding-top: calc(1280 / 880 * 100%);
}
div#lappy div.pic.lappy-badge figure > span {
	padding-top: -webkit-calc(530 / 560 * 100%);
	padding-top: calc(530 / 560 * 100%);
}
div#lappy div.pic.lappy-stand figure > span {
	padding-top: -webkit-calc(460 / 840 * 100%);
	padding-top: calc(460 / 840 * 100%);
}
div#access div.pic figure > span {
	padding-top: -webkit-calc(1700 / 2560 * 100%);
	padding-top: calc(1700 / 2560 * 100%);
}
@media all and (min-width: 992px) {
/*
div#talkstage div.pic figure > span {
	padding-top: -webkit-calc(600 / 1780 * 100%);
	padding-top: calc(600 / 1780 * 100%);
}
div#talkstage div.pic figure > span.lazy-done {
	background-image:url(../img/creativetalkstage.jpg);
}
div#lappy div.pic.lappy-main figure > span {
	padding-top: -webkit-calc(600 / 1780 * 100%);
	padding-top: calc(600 / 1800 * 100%);
}
div#lappy div.pic.lappy-main figure > span.lazy-done {
	background-image:url(../img/lappy.jpg);
}
*/
div.pic-two,
div.pic-three {
	display:flex;
	gap:40px;
}
div.pic-two figure {
	width:calc((100% - 40px)/2);
}
div.pic-three figure {
	width:calc((100% - 40px*2)/3);
}
div#akasaka div.pic-two {
	width:75%;
	margin:0 auto;
}
div.pic:not(:last-child) {
	margin-bottom:60px;
}
div.pic.lappy-qr:not(:last-child) {
	margin-bottom:20px;
}
div.collection div.pic.pic-tac-mikami figure {
	width:30%;
	margin:0 auto;
}
/* div.collection div.pic.pic-tac-loveit figure {
	width:40%;
	margin:0 auto;
} */
div.collection div.pic.pic-tac-tabekko figure,
div.collection div.pic.pic-tac-brunch figure,
div.collection div.pic.pic-tac-potter figure {
	width:50%;
	margin:0 auto;
}
}
@media all and (max-width: 991.98px) {
/*
div#talkstage div.pic figure > span {
	padding-top: -webkit-calc(1200 / 930 * 100%);
	padding-top: calc(1200 / 930 * 100%);
}
div#talkstage div.pic figure > span.lazy-done {
	background-image:url(../img/creativetalkstage_smp.jpg);
}
div#lappy div.pic.lappy-main figure > span {
	padding-top: -webkit-calc(940 / 900 * 100%);
	padding-top: calc(940 / 900 * 100%);
}
div#lappy div.pic.lappy-main figure > span.lazy-done {
	background-image:url(../img/lappy_smp.jpg);
}
*/
div#akasaka div.pic-two {
	gap:3.125vw;
}
div#akasaka div.pic-two figure:not(:last-child) {
	width:calc((100% - 3.125vw)/2);
}
div.pic:not(:last-child) {
	margin-bottom:30px;
}
div.pic.lappy-qr:not(:last-child) {
	margin-bottom:10px;
}
div.pic figure figcaption {
	font-size:83%;
}

div.collection div.pic.pic-tac-mikami figure {
	width:50%;
	margin:0 auto;
}
div.collection div.pic.pic-tac-tabekko figure,
div.collection div.pic.pic-tac-brunch figure,
div.collection div.pic.pic-tac-potter figure {
	width:60%;
	margin:0 auto;
}
/* div.collection div.pic.pic-tac-loveit figure {
	width:60%;
	margin:0 auto;
} */
div#echogrid div.pic-two > figure:not(:last-child),
div#culture div.pic-three > figure:not(:last-child) {
	margin-bottom:30px;
}

div#lappy div.pic.lappy-map,
div#lappy div.pic.lappy-badge,
div#lappy div.pic.lappy-stand {
	width:80%;
	margin:0 auto;
}

}
@media print {
div.pic figure {
	display:none;
}
}






/*	.panels
============================== */
div.panels {
}
div.panels > section > h3 {
	text-align:center;
	line-height:1.5;
	margin-bottom:0.75em;
}
div.panels > section > h3 > span {
	display:inline-block;
	padding:0 1em;
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(186, 70, 32, .1)), to(rgba(186, 70, 32, .1)));
	background-image: linear-gradient(transparent 50%, rgba(186, 70, 32, .1) 60%);
}
div.panels > section > ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
div.panels > section > ul > li {
}
div.panels > section > ul > li > a {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.panels > section > ul > li,
div.panels > section > ul > li > a,
div.panels > section > ul > li > a > dl,
div.panels > section > ul > li > a > dl > dd {
	display:flex;
}
div.panels > section > ul > li > a > dl,
div.panels > section > ul > li > a > dl > dd {
	flex-direction:column;
	flex-grow:1;
}
div.panels > section > ul > li > a > dl {
	height:100%;
}
div.panels > section > ul > li > a > dl > dd {
}
div.panels > section > ul > li > a > dl > dd > figure {
	margin-top:auto;
}
div.panels > section > ul li a {
	display:block;
	color:#ba4620;
	background-color:#fff;
	text-decoration:none;
	box-shadow:3px 3px 0 rgba(186, 70, 32, .2);
}
div.panels > section > ul li a dl dt,
div.panels > section > ul li a dl dd h4,
div.panels > section > ul li a dl dd p {
	line-height:1.5;
}
div.panels > section > ul li a dl dt,
div.panels > section > ul li a dl dd h4 {
	margin-bottom:0.5em;
}
div.panels > section > ul li a dl dt {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div.panels > section > ul li a dl dt > span:first-child {
	font-size:100%;
	font-weight:700;
}
div.panels > section > ul li a dl dt span.ico {
	font-size:75%;
	display:inline-block;
	color:#fff;
	background-color:#ba4620;
	padding:0.25em 1em;
	border-radius:20px;
}
div.panels > section > ul li a dl dt span.ico:not(:last-child) {
	margin-right:8px;
}
div.panels > section > ul li a dl dd h4 {
	font-size:112.5%;
}
div.panels > section > ul li a dl dd p {
	font-size:75%;
}
@media all and (min-width: 992px) {
div.panels:not(:last-child) {
	margin-bottom:60px;
}
div.panels > section > h3 {
	font-size:175%;
}
div.panels > section > ul {
	gap: 10px;
}
div.panels > section > ul > li {
	width:calc((100% - 10*2px)/3);
}
div.panels > section > ul li a {
	padding:16px;
	border-radius:16px;
}
div.panels > section > ul li a dl dd p {
	margin-bottom:16px;
}
}
@media all and (max-width: 991.98px) {
div.panels:not(:last-child) {
	margin-bottom:30px;
}
div.panels > section > h3 {
	font-size:6vw;
}
div.panels > section > ul {
	gap: 3.125vw;
}
div.panels > section > ul > li {
	width: calc((100% - 3.125vw)/2);
	min-width:300px;
}
div.panels > section > ul li a {
	padding:3.125vw;
	border-radius:3.125vw;
}
div.panels > section > ul li a dl dd p {
	margin-bottom:3.125vw;
}
}
@media all and (max-width: 374.98px) {
div.panels > section > ul {
	gap: 0;
}
div.panels > section > ul > li {
	width:100%;
	min-width:0;
}
}


/*	.flex-box
============================== */

@media all and (min-width: 992px) {
div.talkstage div.flex-box.panels {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
}
div.talkstage div.flex-box.panels > section {
	display:flex;
	flex-direction:column;
	width:calc((100% - 10*2px)/3);
}
div.talkstage div.flex-box.panels > section > ul {
	height:100%;
}
div.talkstage div.flex-box.panels > section > ul > li {
	width:100%;
}
}
@media all and (max-width: 991.98px) {
div.talkstage div.flex-box.panels > section:not(:last-child) {
	margin-bottom:30px;
}
}



/*	.credit
============================== */
ul.logos {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
ul.logos li span {
	display:block;
}
ul.logos li > span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(9/16*100%);
	padding-top: calc(9/16*100%);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
ul.logos li > span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
ul.logos li span span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
ul.logos li.bcl > span {
	padding-top: -webkit-calc(530 / 980 * 100%);
	padding-top: calc(530 / 980 * 100%);
}
ul.logos li.mrman > span {
	padding-top: -webkit-calc(150 / 340 * 100%);
	padding-top: calc(150 / 340 * 100%);
}

@media all and (min-width: 992px) {
ul.logos {
	gap:20px;
}
ul.logos li {
	width:20%;
}
}
@media all and (max-width: 991.98px) {
ul.logos {
	gap:3.125vw;
}
ul.logos li {
	width:30%;
}
}




/*	.lappyquiz
============================== */
section.lappyquiz ol {
	list-style-type:decimal;
	margin-left:1.75em;
}
section.lappyquiz ol > li {
	line-height:1.5;
	font-weight:700;
}
section.lappyquiz ol > li > span {
	display:block;
}
section.lappyquiz ol > li:not(:last-child),
section.lappyquiz ol > li > span:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 992px) {
section.lappyquiz ol > li {
	font-size:150%;
}
}
@media all and (max-width: 991.98px) {
section.lappyquiz ol > li {
	font-size:112.5%;
}
section.lappyquiz ol {
	margin-bottom:40px;
}
div.howto-line {
	width:54%;
	margin:0 auto 30px;
}
}


div.line-friend,
div.line-id {
	text-align:center;
}
div.line-friend > a {
	color:#fff;
	text-decoration:none;
	border-radius:6px;
}
div.line-friend > span,
div.line-friend > a,
div.line-id > span {
	display:flex;
	align-items:center;
	justify-content:center;
}
div.line-friend > span:before,
div.line-friend > a:before,
div.line-id > span:before {
	content:"";
	display:inline-block;
	width:32px;
	height:32px;
	margin-right:6px;
	background-image:url(/um/img/sns_logos.svg);
	background-size:300% 300%;
	background-position:top right;
}
div.line-friend > span,
div.line-friend > a,
div.line-id > span:before {
	background-color:#06c755;
}
div.line-id > span:before {
	border-radius:50%;
}
@media all and (min-width: 992px) {
div.line-friend {
	margin-bottom:20px;
}
}
@media all and (max-width: 991.98px) {
div.line-friend {
	margin-bottom:10px;
}
}


ul.programlist {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
}
ul.programlist > li {
	line-height:2;
}
ul.programlist > li:after {
	content:"\00A0/\00A0";
}
@media all and (min-width: 992px) {
ul.programlist > li {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
ul.programlist > li {
	font-size:100%;
}
}


/*	.sponsor
============================== */
p.sponsor {
	display:flex;
	align-items:center;
}
p.sponsor span {
	display:inline-block;
}
p.sponsor > span.naka {
	text-align:center;
	width:20px;
}
p.sponsor > span.joysound {
	background-image:url(../img/tac_joysound.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:158px;
	height:30px;
}
p.sponsor > span.joysound span {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}



/*	ul.ul-modal
============================== */
ul.ul-modal {
	display:flex;
	flex-wrap:wrap;
}
ul.ul-modal li a,
ul.ul-modal li span,
ul.ul-modal li img {
	display:block;
}
ul.ul-modal li a span {
	position:relative;
	height:0;
	padding-top:56.25%;
	background-size:cover;
}
ul.ul-modal li a span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
ul.ul-modal li a span.lazy-done img {
	background-image:url(/ro/img/icons/play01_yt.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:44% 44%;
}
@media all and (min-width: 992px) {
ul.ul-modal {
	gap:40px;
}
ul.ul-modal li {
	width:calc((100% - 40px*2)/3);
}
}
@media all and (max-width: 991.98px) {
ul.ul-modal {
	gap:6.25vw;
}
ul.ul-modal li {
	width:calc((100% - 6.25vw)/2);
}
}


/*	YouTube
============================== */
div.mov-inner {
	position:relative;
	height:0;
	padding-top:56.25%;
	background-color:#000;
	background-size:cover;
}
div.mov-inner iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 992px) {
div.mov-outer {
	margin-bottom:80px;
}
}
@media all and (max-width: 991.98px) {
div.mov-outer {
	margin-bottom:40px;
}
}
@media print {
div.mov-inner {
	display:none;
}
}