@media (max-width: 1620px)	{
	:root {
		--container-width:1400px;
		
		--deco0-default-left:calc(50% - 620px);

		.lang-en {--mainmenu-gap:16px;}
	}

	/* details */
		.page-details .top .hex4 {left:260px; }

	/* schedule */
		.page-schedule .timetable .deco1 {right:10px; width:max(16%,180px);  }
		.page-schedule .timetable .mascot3 {width:max(13%,160px);}
		.page-schedule .timetable .hex1 {width:130px; left:calc(50% + 10px);}
		.page-schedule .timetable .hex2 {width:160px; left:calc(100% - 280px);}
		.page-schedule .timetable .hex3 {width:130px; bottom:-5px; left:calc(100% - 160px);}
}

@media (max-width: 1420px)	{
	:root {
		--container-width:1200px;
		--container-s-width:1000px;
		
		--header-top-padding:10px;
		--header-bottom-padding:40px;
		--header-right-padding:50px 20px 20px 20px;

		--minimenu-ico-social-size:20px;
		--mainmenu-margin-top:30px;
	}

	/* header */
		.mobile-toggle {display:block;}

		.header-right {position:absolute; z-index:9; right:-10px; top:0; background:rgba(255,255,255,.9); width:auto !important; min-width:min(100%, 400px); transform-origin:right top; transform:translateY(-100%);}
		.header-right.mobile-on {transform:translateY(0);}

		.minimenu {justify-content:center;}

		.mainmenu {flex-direction:column; text-align:center;}		
		.mainmenu a:not(:last-child):before {width:90%; height:2px; top:calc(100% + var(--mainmenu-gap)/2 - 1px); left:5%; opacity:.5; mix-blend-mode:multiply;}
		.mainmenu a:hover:after {scale:.7 1;}
		
	/* index */
		.page-index {
			--header-top-padding:20px;
			--header-bottom-padding:60px;
		}

	/* inpage */
		.inpage {
			--top-part2-padding-top:130px;
			--section-thanks-logos-gap:25px 60px;
		}
	
	/* about */
		.page-about {
			--sidebyside-icon-size:55px;
			--sidebyside-table-padding:10px 15px 10px 15px;
			--sidebyside-bottom-morespace:20px;
		}
		.page-about .top :is(.mascot1,.mascot2,.deco1) {scale:.8 .8;}
		.page-about .guest .hex1 {top:-40px; left:calc(50% - 520px); }
		.page-about .guest .hex2 {top:20px; left:calc(50% - 400px); }
		.page-about .guest .hex3 {top:-80px; left:calc(50% - 320px); }
		.page-about .guest .hex4 {top:-70px; left:calc(50% + 260px); }
		.page-about .guest .hex5 {top:10px; left:calc(50% + 450px); }
		.page-about .guest .hex6 {top:-120px; left:calc(50% + 400px); }
		.page-about .side-by-side>article, .page-about .organizer {padding-top: var(--section-padding-top);}
		.page-about .organizer .hex1 {left:calc(50% - 620px); }
		.page-about .organizer .hex2 {left:calc(50% - 500px); }
		.page-about .organizer .hex3 {left:calc(50% + 420px); }

	/* schedule */
		.page-schedule :is(.mascot1,.mascot2) {width:max(8%, 100px);}
		.page-schedule .top .mascot1 {left:calc(100% - 160px); }
		.page-schedule .timetable .hex4 {width:155px; top:-150px; left:5px; }
		.page-schedule .timetable .hex5 {width:130px; left:140px; }
		.page-schedule .timetable .hex6 {width:145px; left:230px; }

	/* details */
		.page-details {
			--people2-gap:20px;
			--people2-column:1fr;
			--people-box-photo-size:145px;
			--people-box-content-min-height:110px;
			--people-box-padding:10px 0 60px 40px;
			--people-box-content-padding:22px 22px 22px 120px;
		}
		.page-details .speakers .deco2 {left:auto; right:5px;}
		.page-details .speakers .hex1 {right:calc(50% - 80px); }
		.page-details .speakers .hex2 {right:calc(50% - 200px); }
		.page-details .speakers .hex3 {right:50px;}
		.page-details .section-thanks .mascot1 {left:20px; }

	/* replay */
		.page-replay {
			--gallery-grid-gap:40px 40px;
		}
		.page-replay :is(.mascot1,.mascot2) {width:max(10%, 100px);}
		.page-replay .top .mascot1 {left:160px;}
		.page-replay .top .mascot2 {left:calc(100% - 140px);}
		.page-replay .section-gallery .hex4 {width:140px;}
		.page-replay .section-gallery .hex5 {width:110px; bottom:30px;}
		.page-replay .section-gallery .hex6 {width:110px; bottom:-10px;}
		.page-replay .section-thanks .mascot4 {width:max(14%, 140px); top:-100px;}

	/* media */
		.page-media {
			--top-part2-padding-top:30px;
			--top-part2-padding-bottom:0px;
		}

	/* comp, contact */
		.page-comp, .page-contact {
			--top-part2-padding-top:30px;
			--top-part2-padding-bottom:0px;
		}
		:is(.page-comp, .page-contact) :is(.mascot1,.mascot2,.mascot4) {width:max(10%, 100px);}
		:is(.page-comp, .page-contact) .section-content .hex4 {width:140px; left:calc(50% + var(--container-width)/2 - 400px);}
		:is(.page-comp, .page-contact) .section-content .hex5 {width:110px; left:calc(50% + var(--container-width)/2 - 290px);}
		:is(.page-comp, .page-contact) .section-content .hex6 {width:120px; left:calc(50% + var(--container-width)/2 - 140px);}
}

@media (max-width: 1220px)	{
	:root {
		--container-width:900px;
		--container-s-width:900px;

		--header-logo-width:380px;

		--footer-padding-h:40px;
		--footer-font-size:1rem;
		--footer-contact-gap:10px 60px;
		--footer-logo-width:400px;

		--deco0-default-left:30px;
		--deco0-default-top:330px;
		--deco0-default-width:90px;
	}

	/* footer */
		footer .footer-inner {flex-direction:column;}

	/* index */
		.page-index {
			--header-logo-width:380px;

			--main-min-height:850px;
			--event-logo-margin-top:30px;
			--event-logo-line-width:100px;
			--event-logo-width:650px;
		}
		#index-main .bg {background-position:center 25%;}
		#index-main .mascot1 {width:110px; left:calc(50% + 320px); top:-30px; }
		#index-main .mascot2 {width:110px; top:380px; }

	/* inpage */
		.inpage {
			--top-bg-height:500px; 
			--top-part2-padding-top:80px;
			--top-part2-padding-bottom:150px;
			--top-part2-mask-height:40px;
			--section-thanks-logos-gap:20px 50px;
			--selector-gap:30px;
			--selector-margin:16px auto 30px;
			--selector-font-size:1.5rem;
			--selector-font-size-s:1.125rem;
		}

	/* about */
		.page-about {
			--people-gap:30px;
			/*--people-frame-min-width:400px;*/
			--people-h3-font-size:1.875rem;
			--people-h4-font-size:1.875rem;
			--sidebyside-icon-size:40px;
			--sidebyside-table-padding:5px 12px 8px 12px;
			--organizer-gap:50px;
		}
		.page-about .top :is(.mascot1,.mascot2,.deco1) {scale:.7 .7;}
		.page-about .top .mascot1 {left:calc(100% - 170px); top:120px; }
		.page-about .top .mascot2 {left:170px; }
		.page-about .top .deco1 {left:auto; right:0; top:320px;}
		.page-about :is([class*="hex"]) {scale:.8 .8;}
		.page-about .guest .hex1 {top:-80px; left:0; }
		.page-about .guest .hex2 {top:20px; left:50px; }
		.page-about .guest .hex3 {top:-80px; left:120px; }
		.page-about .guest .hex4 {top:-80px; left:auto; right:80px; }
		.page-about .guest .hex5 {top:10px; left:auto; right:10px; }
		.page-about .guest .hex6 {top:-120px; left:auto; right:0; }
		.page-about .side-by-side>article:first-child {width:40%;}
		.page-about .side-by-side>article:nth-child(2) {width:60%;}
		.page-about.lang-en .side-by-side>article {width:100% !important;}
		.page-about .organizer .hex1 {top:10px; left:10px; }
		.page-about .organizer .hex2 {top:30px; left:calc(50% + 180px); }
		.page-about .organizer .hex3 {top:-30px; left:calc(50% + 270px); }

	/* details */
		.page-details {
			--people2-gap:20px;
			--people-box-photo-size:125px;
			--people-box-content-min-height:100px;
			--people-box-padding:10px 0 60px 40px;
			--people-box-content-padding:18px 18px 18px 100px;
			--people-h3-font-size:1.35rem;
			--people-h3-small-font-size:1.125rem;
			--people-h4-font-size:1.125rem;
			--people-expand-font-size:1rem;
			--arrow-size:20px;
		}
		.page-details :is(.mascot1, .mascot2) {width:max(10%, 100px) !important; }
		.page-details .top .mascot1 {left:100px;  }
		.page-details .top .mascot2 {left:calc(100% - 130px); top:350px;}
		.page-details .top .hex4 {width:140px; top:400px; left:220px; }
		.page-details .top .hex5 {width:120px; top:440px; left:calc(50% + 100px); }
		.page-details .top .hex6 {width:130px; top:405px; left:calc(50% + 200px); }
		.page-details .speakers .deco2 {width:max(22%, 150px); top:-100px;}

		.page-details .speakers .hex1 {width:140px; right:calc(50% - 100px)}
		.page-details .speakers .hex2 {width:130px;}
		.page-details .speakers .hex3 {width:180px;}
		
	/* schedule */
		.page-schedule {
			--top-part2-padding-bottom:200px;
			--top-intro-gap:20px 25px;
			--top-intro-icon-height:60px;
			--timetable-line-cell-padding:16px 10px;
			--timetable-photo-size:80px;
			--timetable-event-padding-right:calc((var(--timetable-photo-size) * 2) + 5px);
			--timetable-event-div-spacing:10px;

		}
		.page-schedule .top .mascot2 {left:170px;}

	/* replay */
		.page-replay {
			--gallery-grid-gap:30px 30px;
			--gallery-photo-height:190px;
		}
		.page-replay .top .mascot1 {left:100px;}

	/* media */
		.page-media {
			--top-part2-padding-top:30px;
			--top-part2-padding-bottom:0px;
			--list-cell-padding:30px calc(var(--list-cell-padding-w)*2) 30px 30px;
			--list-arrow-size:28px;	
		}
		.page-media :is(.mascot1, .mascot2) {width:max(10%, 100px) !important; }
		.page-media .top .mascot1 {left:calc(100% - 170px); top:150px; }
		.page-media .top .mascot2 {left:150px; top:340px;}

	/* comp, contact */
		.page-comp, .page-contact {
			--top-part2-padding-top:30px;
			--top-part2-padding-bottom:0px;
		}
		:is(.page-comp, .page-contact) :is(.mascot1, .mascot2) {width:max(10%, 80px) !important; }
		:is(.page-comp, .page-contact) .top .mascot1 {left:calc(100% - 100px); top:180px; }
		:is(.page-comp, .page-contact) .top .mascot2 {left:150px; top:unset; bottom:0;}
		:is(.page-comp, .page-contact) .section-content :is(.hex4, .hex5, .hex6) {display:none;}
		:is(.page-comp, .page-contact) .section-thanks .mascot4 {top:-35px; }
}

@media (max-width:920px)	{
	:root {
		--body-font-size:1.125rem;

		--container-width:608px;
		--container-s-width:608px;

		--header-logo-width:280px;

		--deco0-default-left:10px;
		--deco0-default-top:360px;
		--deco0-default-width:70px;
	}

	/* index */
		.page-index {
			--header-logo-width:280px;
			--header-top-padding:20px;
			--header-bottom-padding:50px;

			--event-logo-margin-top:20px;
			--event-logo-line-width:50px;
			--event-logo-width:540px;
			--event-logo-line2-margin-top:-10px;
			--date-font-size:2.25rem;
			--btn-font-size:1.125rem;
		}
		#index-main .mascot1 {width:80px; left:calc(50% + 280px); top:-10px; }
		#index-main .mascot2 {width:80px; left:calc(50% - 200px); }

	/* inpage */
		.inpage {
			--page-title-h1-margin:10px auto 10px auto;
			--para-space:1.5rem;
			--section-padding-top:60px;
			--section-padding-bottom:100px;
			--section-thanks-logos-gap:20px 40px;
		}

	/* about */
		.page-about {
			--sidebyside-bottom-morespace:0px;
			--people-gap:10px;
			--organizer-direction:column;
		}
		.page-about .top :is(.mascot1,.mascot2) {scale:.6 .6;}
		.page-about .top .deco1 {scale:.55 .55; right:-35px;}
		.page-about .top .mascot1 {left:calc(100% - 150px); top:145px; }
		.page-about .top .mascot2 {left:100px; }
		.page-about :is([class*="hex"]) {scale:.6 .6;}
		.page-about .guest .hex2 {top:40px; left:10px; }
		.page-about .guest .hex3 {top:-30px; left:60px; }
		.page-about .guest .hex4 {top:-90px; right:60px; }
		.page-about .guest .hex5 {top:-40px; right:0px; }
		.page-about .guest .hex6 {top:-120px; right:-25px; }
		.page-about .people {flex-direction:column; align-items:center; }
		.page-about .people .p1 {min-width:calc(var(--people-frame-min-width));}

		.page-about .side-by-side>article {width:100% !important;}
		.page-about .side-by-side .deco0 {display:none;}
		.page-about .side-by-side table :is(th,td) {display:block; width:auto !important;}
		.page-about .side-by-side table th {font-weight:600;}

		.page-about .organizer .hex1 {top:0px; left:0; }
		.page-about .organizer .hex2 {top:170px; left:auto; right:0px;}
		.page-about .organizer .hex3 {top:auto; bottom:0px; left:calc(100% - 120px); }
		.page-about .section-thanks .mascot2 {top:-25px; left:15px; width:85px;}

	/* details */
		.page-details {
			--people-box-photo-size:85px;
			--people-box-content-padding:14px 14px 14px 56px;
		}
		.page-details :is(.mascot1, .mascot2) {width:max(10%, 80px) !important; }
		.page-details .top .mascot1 {left:20px; top:180px;  }
		.page-details .top .mascot2 {left:calc(100% - 90px); top:390px;}
		.page-details .top .hex4 {width:100px; top:440px; left:calc(50% - 130px); }
		.page-details .top .hex5 {width:85px; top:400px; left:calc(50%); }
		.page-details .top .hex6 {width:115px; top:460px; left:calc(50% + 40px); }
		.page-details .speakers .hex1 {width:100px; bottom:5px; right:calc(50% - 10px);}
		.page-details .speakers .hex2 {width:90px; bottom:-10px; right:calc(50% - 80px);}
		.page-details .speakers .hex3 {width:115px; right:0px;}

	/* schedule */
		.page-schedule {
			--top-intro-gap:30px 20px;
			--top-intro-icon-height:40px;
			--top-intro-font-size:1.25rem;
			--timetable-line-cell-padding:16px 15px;
			--timetable-photo-size:70px;
			--timetable-line-grid-tamplate:auto;
		}
		.page-schedule :is(.mascot1,.mascot2) {width:max(8%, 100px);}
		.page-schedule .top .mascot1 {display:none;}
		.page-schedule .top .mascot2 {left:calc(100% - 130px);}
		.page-schedule .top .intro {flex-wrap:wrap;}
		.page-schedule .top .intro>* {width:45%;}
		
		.page-schedule .timetable .hex4 {width:125px; }
		.page-schedule .timetable .hex5 {width:100px; left:100px; }
		.page-schedule .timetable .hex6 {width:115px; left:160px; }
		.page-schedule .timetable .mascot3 {left:5px;}
		.page-schedule .timetable .hex1 {width:100px; left:calc(50% - 50px);}
		.page-schedule .timetable .hex2 {width:120px; bottom:-30px; left:calc(100% - 220px);}
		.page-schedule .timetable .hex3 {width:110px; left:calc(100% - 120px);}

		.page-schedule .timetable .contents article .line>* {grid-column-start:1 !important;}
		.page-schedule .timetable .contents article .line>.date {font-weight:700; padding-bottom:0;}

	/* replay */
		.page-replay {
			--gallery-grid-tamplate:repeat(2,1fr);
			--gallery-grid-gap:30px 20px;
			--gallery-photo-height:180px;
			--section-padding-top:5px;
		}
		.page-replay .top .mascot1 {display:none;}
		.page-replay .section-gallery .hex4 {display:none;}
		.page-replay .section-gallery .hex5 {bottom:-35px; width:110px; left:calc(100% - 200px);}
		.page-replay .section-gallery .hex6 {width:100px; bottom:5px; left:calc(100% - 120px);}

	/* media */
		.page-media {
			--top-part2-padding-top:30px;
			--top-part2-padding-bottom:0px;
			--list-cell-padding-w:15px;
			--list-cell-padding:15px calc(var(--list-cell-padding-w)*2) 15px 15px;
			--list-cell-gap:30px;
			--list-cell-first-width:100px;
			--list-arrow-size:18px;
		}
		.page-media :is(.mascot1, .mascot2) {width:max(10%, 90px) !important; }
		.page-media .top .mascot1 {left:calc(100% - 100px); top:200px; }
		.page-media .top .mascot2 {left:150px; top:350px;}

}

@media (max-width:720px)	{
		/* index */
			#index-main .mascot1 {width:85px; left:auto; right:5px; top:170px; }
}
@media (max-width:620px)	{
	:root {
		--container-width:100%;
		--container-s-width:100%;
		--container-padding:15px;

		--header-logo-width:260px;
		
		--footer-padding-h:20px;
		--footer-logo-width:350px;
	
		--deco0-default-top:420px;
	}

	/* common */
		.mobile-br {display:block;}

	/* header */
		.mobile-toggle {right:var(--container-padding); }
		.mobile-toggle.on {position:fixed;}
		.header-right {width:100% !important; right:0; height:100vh; position:fixed;}
	
	/* index */
		.page-index {
			--event-logo-width:100%;
			--event-logo-line2-margin-top:-5px;
		}

	/* inpage */
		.inpage {
			--para-space:1.5rem;
			--section-padding-top:60px;
			--section-padding-bottom:60px;
		}

	/* about */
		.page-about .top .mascot1 {display:none;}
		.page-about .top .deco1 {top:340px;}
		.page-about .top .top-part2 {background-size:70% auto;}
		.page-about .side-by-side>article {padding-right:var(--container-padding) !important; padding-left:var(--container-padding) !important;}
		.page-about .section-thanks .mascot2 {width:75px; top:-45px;}
		.page-about .guest :is(.hex2,.hex3, .hex4), .page-about .organizer :is(.hex2,.hex3) {display:none;}
	
	/* details */ 
		.page-details {
			--people-box-photo-size:100px;
			--people-box-padding:8px 0 40px 50px;
			--people-box-content-min-height:70px;
			--people-box-content-padding:15px 15px 15px 60px;
			--people-h3-margin-bottom:5px;
			--people-h4-margin-bottom:14px;
			--arrow-size:22px;
		}
		.page-details .top :is(.mascot1,.hex4,.hex5, .hex6) {display:none;}
		.page-details .speakers :is(.hex1, .hex2) {display:none;}
		.page-details .speakers .hex3 {bottom:-15px;}
		.page-details .section-thanks .mascot1 {top:-20px; }

	/* schedule */
		.page-schedule {
			--timetable-photo-size:60px;
			--timetable-expand-font-size:1rem;
		}

        .page-schedule .top .mascot2 {width:80px; left:calc(100% - 100px);}
		.page-schedule .timetable .deco1 {width:120px;}
		.page-schedule .timetable .mascot3 {width:80px; bottom:-70px;}
		.page-schedule .timetable .hex4 {width:100px;}
		.page-schedule .timetable :is(.hex5, .hex6, .hex1, .hex2, .hex3) {display:none;}
	
	/* replay */
		.page-replay {
			--gallery-grid-tamplate:repeat(1,1fr);
			--gallery-photo-height:220px;
			--section-padding-top:5px;
			--section-padding-bottom:120px;
		}
		.page-replay .top .mascot2 {left:calc(100% - 100px); width:80px; }
		.page-replay .section-gallery .hex6 {width:80px; left:calc(100% - 90px);}
		.page-replay .section-gallery .hex5 {display:none;}
		.page-replay .section-thanks .mascot4 {width:100px; }

	/* media */
		.page-media .top .mascot1 {display:none;}
		.page-media .top .mascot2 {left:calc(100% - 100px);}


	/* comp */
		.page-comp .top .mascot1 {display:none;}

	/* contact */
		.page-contact .top .mascot1 {display:none;}
}

@media (max-width:420px)	{

	
}