/*

《告知サイト設定注意事項》

* h6は特殊用途の為、見出しとして使わない＆見出し基本設定は適用しない
（文書構造上使わざるを得ない場合は、h6#dl_cut手前で設定しその設定に干渉させない事）

*/


/* site parametar */

:root {
	--area-main-decoration-height:13;

	--color-base1:#fff;
	--color-base2:#eee;
	--color-main1:#EA7399;
	--color-main2:#F4B7CA;
	--color-accent1:#396;
	--color-accent2:#369;
	--color-text:#222;
	--color-link:#427bc3;

	--animation-time:0.6s;
}


/*
PC⇔タブレット⇔スマホ分岐間際で発生する横スクロールバー表示を抑止
※著しい見切れは個別に調整要
*/
body {
	overflow-x: hidden;
}


/* SP only contents */

#photo_sp {display:none}

#photo_sp img {
	width: 100%;
	height:auto;
}

#index #about_sp {
	display: none;
}

/* adjust 4 all */

#common #bar:after,
#contents:after,
#area:after,
#left:after,
#side:after,
#schedule:after,
#index #area_main:after
{
	content:"";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
}

#common {
	top:0;
}

#wrapper {
	position: relative;
}

#footer {
	position: static;
}

#event_image2, #event_image3 {
	width: 100%;
	max-width:600px;
}

#update p#bn_list span.date, #update p#bn_print span.date {
	font-size: 13px;
	letter-spacing: 0;
}

.flexbox {
	display: flex;
}

p.tag img {
	width:90px;
	height:40px;

	max-width:90px;
	max-height:40px;
}

p.right_h2 {
	font-weight: bold;
	color:var(--color-base1);
	text-shadow:
	0 2px 0 var(--color-main1),
	2px 0 0 var(--color-main1),
	0 -2px 0 var(--color-main1),
	-2px 0 0 var(--color-main1),

	1px 1px 1px var(--color-main1),
	1px -1px 1px var(--color-main1),
	-1px 1px 1px var(--color-main1),
	-1px -1px 1px var(--color-main1),

	0 0 2px var(--color-main1);
	padding-bottom:0;
}

/*
#pointer {
	top: 274px !important;
	left: 25px !important;
}
*/
#pointer img {
	position: relative !important;
}

/* append tags (wrap_map, nav_sp) */

.wrap_map {
	position: relative;

	width: 100%;
	height: 0px;

	padding-top: 100%;

	box-sizing: border-box;
	overflow-x: hidden;
}

.wrap_map iframe {
	border: 0;
	background-image: url("/images/loading_map.gif");

	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#nav_sp {
	display: block;

	position: absolute;
	top: 0;
	right: 0;
	
	width: 8.5vmin; /* header height */
	height: 8.5vmin; /* header height */
	
	background-color:var(--color-main1);
}

#nav_sp span,
#nav_sp:before,
#nav_sp:after
{
	display: block;
	text-indent: -9999;
	transition-duration: var(--animation-time);
}

#nav_sp span,
#nav_sp:before,
#nav_sp:after
{
	content:"";
	position: absolute;
	top:calc(8.5vmin / 2 - 1vmin / 2);
	left: calc(8.5vmin / 2 - (8.5vmin * 0.6) / 2);

	width: calc(8.5vmin * 0.6);
	height: 0.5vmin;

	background-color: #fff;
}

#nav_sp[data-status=open] span {
	transform: rotate(0deg) translate(0,0);
}

#nav_sp:before {
	transform: rotate(0deg) translate(0,-2vmin);
}

#nav_sp:after {
	transform: rotate(0deg) translate(0,2vmin);
}

#nav_sp[data-status=open] span {
	transform: rotate(-360deg) translate(0,0);
	opacity: 0;
}

#nav_sp[data-status=open]:before {
	transform: rotate(-315deg) translate(0,0);
}

#nav_sp[data-status=open]:after {
	transform: rotate(-405deg) translate(0,0);
}

#footer a#pagetop {
	background-repeat: no-repeat;
}

#topic_bottom {
	text-align: right;
}

#topic_bottom button {
	vertical-align: middle;
	padding: 0 0.5em;
	box-sizing: border-box;
	font-size: 0.774rem;
}

.contents_box button {
    cursor: pointer;

	padding: 0.25em;
    border: 1px solid #999;
    border-radius: 0.25em;
}

#topic #topic_bottom ul.arrow {
	top:0;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#topic dt.older,
#topic dd.older,
#update_history dt.older,
#update_history dd.older
{
	display: none;
}

ul#tab_navi, ul#pan, #nav_local {
	position: relative;
	z-index: 9999999;
}

.inner_intro {
	padding: 0 20px;
}

#limit_text.progress {
	text-align: left;
	max-width:450px;
}

#limit_text.double_progress {
	text-align: left;
	max-width:300px;
}

#entry_progress,
#hall_progress
{
	float: none;
	margin: 0 auto;
	border:0.125em solid #999;
	border-radius: 0.25em;
}

#entry_progress,
#entry_progress_text,
#entry_progress_bar,
#hall_progress,
#hall_progress_text,
#hall_progress_bar
{
	width: 11rem;
	height:2.26rem;
	line-height: 1.5;
}

#entry_progress,
#hall_progress
{
	position:relative;
	width: 160px;
	height: 48px;
	float:right;
	background-color:#fff;
	box-sizing: border-box;
	margin: 0 0.25em;
	border:none;
}

#entry_progress.rev20200214,
#hall_progress.rev20200214 {
	height: 73px;
	color: #fff;
}

#entry_progress.rev20200214 strong,
#hall_progress.rev20200214 strong {
	color: #fff624;
}

#entry_progress.rev20200214 {
	background-color: #009e98;
}

#hall_progress.rev20200214 {
	background-color: #e60280;
}

#entry_progress.rev20200214 span.progress_header,
#hall_progress.rev20200214 span.progress_header {
	display: block;
	text-align: center;

	box-sizing: border-box;
	margin: 0.25em 0;
	line-height: 1.1;

	font-size: 0.875rem;
}

#entry_progress.rev20200214 span.progress_header {
	line-height: 2.2;
}

#entry_progress.rev20200214 span.progress_value,
#hall_progress.rev20200214 span.progress_value {
	display: block;
	text-align: center;

	box-sizing: border-box;
	margin: 0 0.25em;

	background-color: #004886;
	border: 0.1em solid #fff;
	border-radius: 0.25em;
	
	font-size: 1.5rem;
	line-height: 1.2;
}

#entry_progress_text,
#hall_progress_text
{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:43px;
	line-height:43px;
	font-size:113%;
	text-align:center;
	color:#a00;
	text-shadow: 2px 2px 1px #fff,
	-2px 2px 1px #fff,
	2px -2px 1px #fff,
	-2px -2px 1px #fff;
	/* box-sizing: border-box; */
	/* border-radius: 0.25em; */
}

#entry_progress_text strong,
#hall_progress_text strong
{
	font-size:133%;
	color:#a00;
}

#entry_progress_bar,
#hall_progress_bar
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
background-color: #f1d863;
color: #a00;
background: -webkit-gradient(linear, left top, right top, from(#f1d863), to(#ffc039));
border-radius: 0.25em;
box-sizing: border-box;
}

#main #nav_category li a, #main #nav_local li a {
    color: var(--color-main1);
    background: none;
}

#wrapper.circle #nav_local a,
#wrapper.circle #nav_local2 a,
#wrapper.circle #nav_local3 a,
#wrapper.admission #nav_local a,
#wrapper.admission #nav_local2 a,
#wrapper.admission #nav_local3 a,
#wrapper.cosplay #nav_local a,
#wrapper.cosplay #nav_local2 a,
#wrapper.cosplay #nav_local3 a
{
	background: none !important;
}

/* schedule */

#big_event ul li ul li {
	font-size:0.744rem;
}

#big_event ul li ul li small {
	font-size:0.6rem;
}

#big_event ul li ul li:nth-child(even) {
	color: #003366;
}

#big_event ul li ul li:nth-child(odd) {
	background-color: #ffedf6;
}

#big_event ul li ul li small {
	opacity: 0.7;
	display: block;
	text-align: right;
}

/* pr_area */

.pr_area{
	text-align:center;
	margin-top:10px;}

/* PC */

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

	#nav_sp {
		display: none;
	}

	#side {
		float: left;
		width: 240px;
	}

	#news_area,
	#news_area_
{
		float:right;
		padding-bottom: 0;
		box-sizing: border-box;
	}

	.box1 #news_area,
	.box2 #news_area,
	.box3 #news_area,
	.box4 #news_area,
	.box1 #news_area_,
	.box2 #news_area_,
	.box3 #news_area_,
	.box4 #news_area_
	{
		float:none;
		width: 100%;
		max-width: 704.8px;
	}
}

/* PC and horizontal */

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

	.wrap_map {
		height: 425px;
		padding-top: 0;
	}

	.wrap_map iframe {
		max-width:425px;
		max-height:425px;
	}

	a.link_online.banner {
		display: block;
		max-width: 690px;
		margin: 0 auto;
	}

	#limit_info + a.link_online.banner {
		margin-top:10px;
	}
}

/* ======================================================================================== */
/* --- smaller than PC -------------------------------------------------------------------- */
/* ======================================================================================== */

@media screen and (max-width:999px) {
/*
	.circle #m_circle a {    opacity: 1;}
	.admission #m_admission a { opacity: 1;}
	.cosplay #m_cosplay a {   opacity: 1;}
	.wanted #m_wanted a {    opacity: 1;}
	
	.circle #m_circle a:hover { opacity: 1;}
	.admission #m_admission a:hover { opacity: 1;}
	.cosplay #m_cosplay a:hover { opacity: 1;}
	.wanted #m_wanted a:hover  { opacity: 1;}
*/	

	#main li {
		line-height: unset;
	}

	#menu li {
		float:none;
		margin:0;
		left:0;
	}

	#menu li a {
		opacity:1;
	}

	#menu li a:hover{
		animation: unset;
		-webkit-animation: unset;
		-moz-animation: unset;
	}
/*	
	@keyframes menu {0% {opacity:1;} 49% {opacity:1;} 50% {opacity:0;} 100% {opacity:0;}}
	@-webkit-keyframes menu {0% { opacity:1;} 49% {opacity:1;} 50% {opacity:0;} 100% {opacity:0;}}
	@-moz-keyframes menu {0% { opacity:1;} 49% {opacity:1;} 50% {opacity:0;} 100% {opacity:0;}}
*/

	html, body {
		min-width:auto;
	}

	html, body, #wrapper, #contents {
		height: auto;
		min-height: 100%;
	}

	#common, #header_bnnr {display:none;}

	.left, .right {
		float:none;
	}
	
	.leftbn240news .left{
		float:none;
		text-align: center;
	}

	/* layout */

	#right1 {
		width:100%;
		box-sizing: border-box;
		margin-top: 0;
		margin-left:0;
	}

	#index #right1{
		width: 744px;
	}

	#header {
		margin-top:0;
		padding-top:0;
		min-width: auto;
	}

	#box_right2,
	h1 a img,
	#link_early_entry,
	#campaign_top img,
	#header,
	#footer,
	#footer ul,
/*	#main,*/
	#contents,
	#area_main,
	#area_top,
	#area_bottom
	{
		width:100%;
		box-sizing: border-box;
	}

	#left,
	#right,
	#main,
	#side
	{
		box-sizing: border-box;
		margin-left:auto;
		margin-right:auto;
	}

	#event_image_v,
	#event_image_h {
		height: auto;
		margin: 0 auto;
		display: block;
	}

	#wrapper {
		padding-top: 0;
		background-image: none;
	}

/*	
	#topic, #top_bn {
		float: none !important;
	}
*/
	#campaign_top {
		background-color: transparent;
		border:none;
	}

	#limit_early_entry {
		left: calc(100vw / 960 * 590);
		top: calc(100vw / 960 * 27);
		width: calc(100vw / 960 * 365);
		height: calc(100vw / 960 * 46);

		text-align: left;
	}	

	#limit_early_entry span.number {
		font-size: calc(100vw / 960 * 34);
	}

	#limit_early_entry span.subtxt {
		font-size: calc(100vw / 960 * 14);
	}

	/* area-box decorations */

	#area_top,
	#area_bottom,
	#area_top_y,
	#area_bottom_y
	{
/*		background-size: contain;*/
		background-size: 100% auto;
		background-position: center top;
	}

	/* メイン枠上部の装飾 */
	/* ※一部ジャンルのarea_topは通常の縦横比変換式＋containでは正常に表示されない。
	背景画像の高さが冗長に作られている為、横幅で合わせて上の一部だけ表示するように設定すること */
	/* 単独型共通は冗長構造ではないので、個別設定でbottom合わせに変更する */

	#area_top, #area_top_y {
		position: relative;
/*		height: calc(100vw / 744 * 50);*/
		height:50px;
		min-height: unset;
	}

	/* index.html */

	#news_area,
	#news_area_
{
		float:none;
		padding-bottom: 0;

		width: 100%;
		box-sizing: border-box;
	}

	#index #area_top,
	#index #area_top_y
	{
		height: auto;
	}
	
	#top #area_top,
	#top #area_top_y
	{
		height: calc(100vw / 744 * 10);
		padding-top: 0;
	}

	

	#area_image_top_y,
	#area_image_bottom_y
	{
		display:none;
	}

	#area_image_bg,
	#area_image_bg_y
	{
		background-size: contain;
		background-position-x: center;
		margin:0;
		padding:0;
	}

	#area_image_bg
	{
/*		background-size: contain;*/
		margin: 0;
		padding:0;
		background: none;
		background-color: rgba(255,255,255,0.8);
	}

	#area_image_bg h2 {
		padding: 3vw;
		margin: 0 auto;
	}

	#area_image_bg_y img {
		width:100% !important;
		max-width:940px;
		margin:0 auto;
	}

	#contents {
		display:flex;
		flex-wrap:wrap;

		margin-top:0;
	}

	#main {
		float: none;
	}

	#right, #right1 {
		order:1;
	}

	#left, #side, #schedule {
		order:2;
	}

	#index #left,
	#index #side {
		float: none;
		order:1;
	}

	#index #right {
		float: none;
		order:2;
		width: 750px;
		margin: 0 auto;
	}

	#index #right ul.bnnr01 {
		margin:0;
	}

	div.box4, #left, #side, #right1, #schedule {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}

	#area_image_top,
	#area_image_bottom
	{
		display:none;
	}
/*
	#area_top,
	#area_top_y
	{
		height: calc(100vw / 690 * 10);
		box-sizing: border-box;
		background-position-y: top;
	}
*/
	#area_bottom,
	#area_bottom_y
	{
/*		background-position-y: bottom;*/
		background-position-y: top;
	}

	#area_bottom {
		height: calc(100vw / 690 * 60);
	}

	#area_main {
		background-size: contain;
		padding-left:calc(20 / 744 * 100%);
		padding-right:calc(20 / 744 * 100%);
	}

	#index #area_top,
	#index #area_main,
	#index #area_bottom
	{
		box-sizing: border-box;
		width: 100%;
		margin:0;
	}

	#index #area_top {
		max-height:inherit;
	}

	#index #area_main {
		padding-top:0.33rem;
	}

	#area_main img {
/*		max-width:calc(690 / 744 * 100%);*/
		max-width:744px;
		height:auto !important;
	}

	/* schedule */

	#left, #side, #schedule, #big_event {
		position: relative;
		width: 100%;
		box-sizing: border-box;

		font-size:1rem;
	}

	#left .status, 
	#side .status, 
	#schedule .status {
		font-size: 12px; /* keep original size */
	}

	ul.bnnr001 {
		width: 240px;
		margin:0 auto;
	}

	#index ul.bnnr001 {
		width: 750px;
		margin:0;
	}

	#sche_top,
	#sche_bottom,
	#onlycom_top,
	#onlycom_bottom,
	#workshop_top,
	#workshop_bottom,
	#sche_main,
	#onlycom_main,
	#workshop_main,
	#left #onlycom_bn,
	#side #onlycom_bn,
	#schedule #onlycom_bn
	{
		width: 100%;
		box-sizing: border-box;
/*		background-size: contain;*/
		background-size: 100% auto;
	}

	#sche_top,
	#onlycom_top,
	#workshop_top
	{
		height: calc(100vw / 240 * 60);
		background-position-y: bottom;
	}

	#sche_bottom,
	#onlycom_bottom,
	#workshop_bottom
	{
		height: calc(100vw / 240 * 25);
		background-position-y: top;
	}
	#sche_main,
	#onlycom_main,
	#workshop_main
	{
		margin-left:auto;
		margin-right:auto;
	}

	#left h2,
	#side h2,
	#schedule h2 {
		margin-left:auto !important;
		margin-right:auto !important;
		margin-bottom: -60px;
		top:calc(100vw / 240 * -40);
	}

	#left #big_event h2,
	#side #big_event h2,
	#schedule #big_event h2 {
		margin-bottom: 0;
		top: 0;
/*		margin-top: 2.5rem;*/
	}

	#index #big_event h2 {
		position: relative;
/*		left:-1px;*/
	}

	#left #onlycom_top h2,
	#left #workshop_top h2,
	#side #onlycom_top h2,
	#side #workshop_top h2,
	#schedule #onlycom_top h2,
	#schedule #workshop_top h2
	{
		top:calc(100vw / 240 * 18);
	}

	#left #sche_main ul,
	#left #onlycom_main ul,
	#left #workshop_main ul,
	#side #sche_main ul,
	#side #onlycom_main ul,
	#side #workshop_main ul,
	#schedule #sche_main ul,
	#schedule #onlycom_main ul,
	#schedule #workshop_main ul
	{
		width: 100%;
		padding: 0 calc(100vw / 240 * 15) 0.5rem;
		box-sizing: border-box;
	}

	#left #sche_main li,
	#left #onlycom_main li,
	#left #workshop_main li
	#side #sche_main li,
	#side #onlycom_main li,
	#side #workshop_main li
	#schedule #sche_main li,
	#schedule #onlycom_main li,
	#schedule #workshop_main li
	{
		border-top: 1px dotted #afa68f;
		padding: 0.5rem 0 0 0;
		margin: 0 0 0.5rem 0;
	}

	#sche_main {
		padding:0;
	}

	#onlycom_main,
	#workshop_main
	{
		padding: 0 calc(100vw / 240 * 15);
	}

	#big_event .btn_more {
		position: absolute;
		top: 6px;
		left: 50%;
		margin-left: 40px;
		margin-bottom: 0;
	}

	/* #big_event as schedule for common-design */
	#left #big_event > div,
	#side #big_event > div,
	#schedule #big_event > div,
	#index #left #big_event > div,
	#index #side #big_event > div
	{
		padding: 0 1em;
	}

	#index #left #big_event,
	#index #side #big_event
	{
		padding: 0;
	}

	#onlycom_list li {
		text-align: center;
	}

	#left #onlycom_main p,
	#left #workshop_main p,
	#side #onlycom_main p,
	#side #workshop_main p,
	#schedule #onlycom_main p,
	#schedule #workshop_main p
	{
		font-size: 0.875rem;
	}

	#sche_main li span.event_progress {
		padding: 0.25rem;
		font-size: 0.875rem;
	}

	#compny_link {
		padding: 0 calc(100vw / 240 * 15);
	}

	.compny_font {
		width: 100%;
		padding:0 0 1rem;
		margin-left:0;
	}

	#other_link {
		text-align: center;
		padding: 1rem 0;
	}
	
	#other_link a {
		display: inline-block;
	}

	#side > a
	{
		display: table;
		margin-left: auto;
		margin-right:auto;
	}
/*
	#schedule h2 {

	}
*/
	/* schedule(solo) */

	#update_contents {
		box-sizing: border-box;
		margin: 0 auto;

		width: 100%;
		height: auto;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.33em;
		padding-bottom: 0.5em;

		background: none;
		border: 1px solid #c1d4d5;
		border-radius: 0.25rem;
	}

	#update_contents:before {
		content:"更新履歴";
		font-size: 1.33em;
		font-weight:bold;
	}

	#update_contents2 {

		border: 1px solid #c1d4d5;
		border-radius: 0.25rem;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0 0.5em;
	}

	#update_contents2 dt {
		width: 5em !important;
	}

	/* header */

	#contents {
		padding-top:8.5vmin; /* header height */
	}

	#header {
		z-index:99999999;
		position: fixed;
		height: 8.5vmin; /* header height */
		background-image: none;
		background-color: #fff;
		box-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.3);
	}

	#index #header {
		height: 8.5vmin;
	}

	#header h1, #header h1 a {
		width: auto;
		height: auto;
	}

	#header h1 {
		position: absolute;
		top:2.25vmin;
		left:2vmin;

		width: 25%;
		height: 4.5vmin; /* header height */

		/* 幅・高さ両方を枠内に収める ただし小さくなる */
		background-size: contain;
	}

	#header h1 + p {
		display:none
	}

	/* footer */
	
	#footer {
		height: auto;

/*		
		background-position-y: top;
		background-size: auto 100%;
*/
		background: none;
		background-color: var(--color-main1);
		border-top:1px solid 
	}

	#footer,
	#footer p {
		color:var(--color-main2);
	}

	#footer a {
		color: var(--color-base1);
	}
	
	#footerinner {
		width: 100%;
		margin: 0 auto;
		padding:1em 1em 0;

		box-sizing: border-box;
	}
	
	#footer ul {
		border:none;
		height: auto;
		margin:0;
		padding: 0;
	}

	#footer li {
		float: none;
		display: inline-block;
	}
	
	#footer p {
		width: auto;
		height: auto;
	}

	/* footer pagetop */

	#footer a#pagetop {
		display:none;

		position: fixed;
		top:unset;
		left:unset;
		bottom: 0.5cm;
		right: 0.5cm;

		width: 1.25cm;
		height: 1.25cm;
	}

/*	#footer p#pagetop a*/
	#footer a#pagetop
	{
		z-index:9999999;

		display: block;
		box-sizing: border-box;
/*		position: static;*/

		width: 1.25cm;
		height: 1.25cm;
		line-height: 1.25cm;		
		padding: 0.125em 0.375em;
				
		border: 1px solid #888;
		border-radius: 0.25em;

		text-align: center;
		text-decoration: none;
		font-size: 1.33rem;
		font-weight: bold;
		background-image: none;
		background-color: #bbb;
		color: #000;
		box-shadow: inset 0 1px #fff, 0.05em 0.05em 0 rgba(0,0,0,0.3);
		opacity: 0.6;
	}

	#footer a#pagetop.common_ui {
		text-align: center;
		text-indent:0;
	}

	#footer a#pagetop:hover {
		text-decoration: none;
		opacity:0.3;
	}
	
	/* menu */

	#header ul {
		position: absolute;
		top:8.5vmin;
		left:0;

		width: 100%;
		height:0;
		margin:0;

		background-image: none;
	}

	#header ul li
	{
		position: relative;
	}

	#header ul li#m08 	{ /* 初期型　HOMEへのリンクは非表示 */
		display: none;
	}

	#header ul li,
	#header ul li a {
		display: block;
		overflow: hidden;

		width: 100%;
		height: 0;
		background-image: none;

		transition-duration: var(--animation-time);
	}

	#header ul li a {
		display: block;
		width: 100% !important;
		line-height: 2.5rem;
		text-indent: 1rem;
		margin-left: 0 !important;

		color: var(--color-base1);
		background-color: var(--color-main1);
		font-weight: bold;
		text-decoration: none;

		box-shadow: inset 0 1px 0 var(--color-base1);
	}

	#header ul li a:after {
		content:"";
		display: block;
		position: absolute;

		top: 0.875em;
		right: 1em;
		width: 0.5em;
		height: 0.5em;

		border-top: 0.125em solid var(--color-base1);
		border-left: 0.125em solid transparent;
		border-right: 0.125em solid var(--color-base1);
		border-bottom: 0.125em solid transparent;

		transform: rotate(45deg);
	}

	#header ul li a:hover {
		background-color: var(--color-main2);
	}

	#header #nav_sp[data-status=open] + ul li,
	#header #nav_sp[data-status=open] + ul li a
	{
		height: 2.5rem;
	}

	/* area_main */

	#area_main h3,
	#area_main h4,
	#area_main h5 {
		margin-right:0;

		width: auto !important;
		box-sizing: border-box;
	}

	#stump h3,
	#stump h4,
	#stump h5,
	#stump h6 {
		margin-right:0;

		width: auto !important;
		box-sizing: border-box;
	}

	#stump h4 {max-width:670px;}
	#stump h5 {max-width:660px;}

	#stump .noticearea {
		width: 100%;
		box-sizing: border-box;
		max-width:670px;
	}

	#event_group_links {
		width: auto !important;
	}

	h4#h4_yk p.text {
		float: none;
		display: inline-block;
		vertical-align: top;
		padding-bottom: 0;
	}

	h4#h4_yk #bn_yk {
		display: inline-block;
		margin: 0;
	}

	h4#h4_yk #bn_yk a {
		margin: 0;
	}

	#area_main table:after {
		height: 0;
		display: none;
	}

/*
	#bn_onlineyou, #bn_sururu, #bn_sururu_cam, #bn_kaiteki_itaku, #bn_sururu_ryokuyou
	{
		float:none;
		margin-right: 0;
	}
*/
	/* index.html */

	#nav_sp_schedule {
		text-decoration: none;
		text-align: center;
		height: 2em;
		line-height: 2em;
		margin-top:0.33rem;
		margin-bottom:0.33rem;

		color: #fff;
		background-color: var(--color-link);
		border:0.125rem solid #fff;
	}

	/* other */

	#right1 h2,
	#area_top h2,
	ul#pan,
	#nav_local,
	.inner
	{
		width: 100%;
		max-width:744px;
		box-sizing: border-box;

		background-size: contain;
		background-position-x: center;
	}

	.inner_intro {
		width: auto;
		max-width: 744px;
		box-sizing: border-box;
	}

	p.right_h2 {
		float: none;
		position: absolute;
		right: 0.5rem;
		top: 0.875rem;

		margin-top: 0;
		padding-bottom: 0;
		font-size: 0.774rem;
	}
		
	/* event_project (kikaku.html) */

	.event_project #area_image {
		background-image: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}

	.event_project #area_image a {
		display: block;
		margin: 0 auto;
	}

	.event_project #area_image a img {
		width: 100%;
	}


	.outline_left {
		float: none;
		width: 100%;
	}

	body.event_project #area_top,
	body.event_project #area_top_y,
	body.event_project #area_top h2,
	body.event_project #area_top_y h2
	{
		height: auto !important;
	}

	body.event_project .kikaku_img_left {
		float: none;
		margin: 0;
		text-align: center;
	}

	body.event_project .kikaku_bg_left {
		background-image: none;
	}


}

/* ======================================================================================== */
/* --- smaller than area_main width (SP vertical) ----------------------------------------- */
/* ======================================================================================== */

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


	/* common */

	html {
		font-size:3.5vmin;
	}

	body, input, select, button, textarea {
		font-size: 1rem;
		line-height: 1.5;
	}

	#left,
	#right,
	#main,
	#side,
	#index #left,
	#index #right
	{
		width:100%;
	}

	#right1 h2,
	#area_top h2,
	ul#pan,
	#nav_local,
	.inner
	{
		max-width:unset;
	}

	/* layout */

	#header ul {
		top:17vmin; /* header height */
	}

	#header,
	#index #header,
	#nav_sp,
	h1 a {
		height: 17vmin; /* header height */
	}

	#header h1 {
		width:50%;
		top: 4.5vmin;
	}

	#nav_sp {
		width: 17vmin; /* header height */
	}
		
	div.box4,
	div.box_width,
	#event_image_v,
	#event_image_h
	{
		width:100%;
		box-sizing: border-box;
	}

	#contents {
		padding-top:17vmin; /* header height */
	}

	#nav_sp span,
	#nav_sp:before,
	#nav_sp:after
	{
		top:calc(17vmin / 2 - 1vmin / 2);
		left: calc(17vmin / 2 - (17vmin * 0.6) / 2);
		width: calc(17vmin * 0.6);
		height: 1vmin;
	}

	#nav_sp:before {
		transform: rotate(0deg) translate(0,-4vmin);
	}
	
	#nav_sp:after {
		transform: rotate(0deg) translate(0,4vmin);
	}

	#right1,
	#index #right1 {
		width: 100% !important;
	}

	#area_top, #area_top_y {
		height: calc(100vw / 744 * 50);
	}

	/* event/index.html */

	#news_area,
	#news_area_
{
		float:none;
		padding-bottom: 0;

		width: 100%;
		box-sizing: border-box;
	}

	#area_image_top,
	#area_image_bottom
	{
		display:none;
	}

	#area_image_bg img {
		width:100% !important;
		max-width:690px;
		margin:0 auto;
	}

	#area_main {
		background-size: contain;
		padding-left:calc(20 / 744 * 100%);
		padding-right:calc(20 / 744 * 100%);
		overflow-x: hidden;
	}

	#area_main img {
/*		max-width:calc(690 / 744 * 100%);*/
		max-width: 100%;
		height:auto !important;
	}

	#area_main h3,
	#area_main h4,
	#area_main h5 /*,
	#area_main h6 */
	{
		width:100%;
		height:auto;
		line-height: 1.5;
		margin-left: 0;

		background-size: cover;
	}

	#area_main h3 {
		font-size: 1.13rem;

		min-height: 2em;
		line-height: 2;

		padding-left: 2em;
	}

	#area_main h4,
	#area_main h5 {
		font-size: 1.13rem;
	}

	#area_main h4 {
		margin: 0.5rem 0;
		padding: 0;
		background-image: none;
		border-bottom: 0.125rem solid var(--color-main1);
	}

	#area_main h4 span {
		display: none;
		float: none;
/*
		display: inline-block;
		vertical-align: middle;

		width: 1em;
		height: 1em;
		margin:0 0.25em 0 0;

		background-size: cover;
*/
	}

	#area_main table + h6 {
		font-size: 0.875rem;
	}


	#twt_btn p {
		font-size: 1rem;
	}
	
	#area_main table,
	#area_main thead,
	#area_main tfoot,
	#area_main tbody,
	#area_main tr,
	#area_main th,
	#area_main td
	{
		display: block;
		box-sizing: border-box;
		width: 100% !important;
	}

	#area_main td {
		margin-left:0;
	}

	#area_main td.price {
		font-weight: bold;
	}

	#bn_onlineyou,
	#bn_sururu,
	#bn_sururu_cam,
	#bn_kaiteki_itaku,
	#bn_sururu_ryokuyou
	{
		float:none;
		margin-right: 0;
	}

	#update,
	#onlineyou_link,
	#sururu_link,
	#kaiteki_link,
	#sururu_free,
	#youcos_twitter,
	#event_group_links,
	#bn_onlineyou,
	#bn_onlineyou p,
	#bn_onlineyou a,
	#dl_cut,
	#dl_cut ul,
	#dl_pdf,
	#dl_pdf ul,
	#area_main ul.left	
	{
		width: 100% !important;
		margin-left:0 !important;
		margin-right:0 !important;
		list-style-position: inside;
	}

	#bn_onlineyou,
	#bn_onlineyou p,
	#bn_onlineyou a {
		height: calc((690 / 744 * 100vw) / 690 * 80);
	}

	#dl_cut ul,
	#dl_pdf ul,
	#onlineyou_link ul,
	#sururu_link ul,
	#kaiteki_link ul,
	#sururu_free ul,
	#youcos_twitter ul
	{
		float:none;
		width: 100%;
		margin-left:0;
		margin-top:0.5em;
		padding-left:0;
	}

	#bn_onlineyou
	{
		background-size: contain;
	}

	a.link_online.banner {
		display: block;
		max-width: 481px;
		margin: calc(100vw / 690 * 14) auto;
	}

	#limit_info + a.link_online.banner {
		margin-bottom:0;
	}

	#dl_cut *,
	#dl_pdf *,
	#sururu_link *,
	#youcos_twitter *
	{
		float: none !important;
		list-style: none;
		list-style-position: inside;
	}

	#dl_cut li:before,
	#dl_pdf li:before
	{
		content:"※";
		color:var(--color-accent1);
	}

	#dl_cut h6 a,
	#dl_pdf h6 a,
	#sururu_link div p a,
	#youcos_twitter div p a
	{
		margin: 0 auto;
	}

	/* event/index.html #dl_cut */

	#dl_cut {
		text-align: center;
	}

	#dl_cut h5,
	#dl_cut ul {
		text-align: left;
	}

	#area_main #dl_cut h6 {
		display: inline-block;
		width: 48%;
	}

	#area_main #dl_cut h6,
	#area_main #dl_cut h6 a {
		height: calc((690 / 744 * 100vw) * (0.48 / 200 * 120));
		box-sizing: border-box;
	}

	#area_main #dl_cut h6 a {
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
	}


	/* event/index.html area_main header-contents */

	#date_hour {
		text-align: center;
		box-sizing: border-box;
		font-size: 1.33rem;
	}

	#date_hour strong {
		display: block;
	}

	#date,
	#time,
	#place,
	#offer
	{
		vertical-align: middle;
	
		width: 100%;
		box-sizing: border-box;
		padding-left: 3.75em;
		text-indent: -3.75em;
	
		font-size: 1.13rem;
	}
	
	#date span,
	#time span,
	#place span,
	#offer span {
		vertical-align: middle;
		margin: 0 0.5em;
		text-indent: 0;
	}

	span.alert {
		margin:0 !important;
	}

	#limit_info {
		margin: 0.5rem 0 0.25rem;
	}

	#limit_info.rev20200214 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#entry_progress.rev20200214,
	#hall_progress.rev20200214 {
		width: 9em;
		height:4.6em;
	}

	#limit_text					{order:1;}
	#entry_progress.rev20200214	{order:2;}
	#hall_progress.rev20200214	{order:3;}

	#limit_date .text_head {
		margin: 0 0.45em 0 0;
	}
	
	#limit_countdown {
		box-sizing: border-box;
		padding-left:7.2em;
	}

	#limit_notice {
		padding: 0.33em 0 0.66em;
	}

	#nav_local {
		margin: 0.25em 0;
	}

	#nav_local a {
		height: auto;
		line-height: 1.5;
		margin: 0.25em 0;
		font-size: 1.13rem;
	}

	#nav_entry {
		height:2em;
		line-height:2;
	}


	#event_link dd {
		word-break: break-all;
	}

	#outline_info {

		width: 100%;
		margin:0;
		padding:0;

		text-align: left;
		border-radius: 10px;
		box-sizing: border-box;
	}

	#limit_text {
		width: 100%;
		float: none;
		text-align: left;
	}

	#limit_date,
	#limit_countdown,
	#limit_countdown strong {
		font-size: 1rem !important;
	}


	#entry_progress {
		float: none;
		margin: 0 auto;
		border:0.125em solid #999;
		border-radius: 0.25em;
	}

	#entry_progress,
	#entry_progress_text,
	#entry_progress_bar
	{
		width: 11rem;
		height:2.26rem;
		line-height: 1.5;
	}

	p.tag {
		height: auto;
		text-align: center;
	}

	p.tag a, p.tag span {
		float:none;
		display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}

	#paper_request p {
		font-size: 1rem;
	}

	/* event/index.html area_main h4#h4_yk, #bn_yk */

	h4#h4_yk p.text {
		float: none;
		width: auto;
		display: inline-block;
	}

	p#bn_yk {
		display: inline-block;
	}

	p#bn_yk a {
		display: inline-block;
		float:none;

		height:1.5em;
		width:calc(1.5em * (170 / 20));
		margin: 0;

		background-size:contain;
	}

	/* event/index.html cosplay_info */

	#wrap_cosplay_info {
		display:flex;
		flex-flow:column;
	}

	#cosplay_intro {
		order:2;
	}

	#wrap_cosplay_info p.tag{
		display:flex;
		margin-bottom: 0.5em;
	}

	.cos_image {
		text-align: center;
	}

	p.tag img {
		width: auto;
		height: auto;
	}

	/* event/index.html #event_group_links */

	#event_group_links,
	.wrap_links {
		display: flex;
		flex-wrap:wrap;
		text-align: center !important;
	}

	#event_group_links a,
	.wrap_links a {
		width: 50%;
	}

	/* event/index.html #h3_link and below */

	#h3_link,
	#h3_link + h4,
	#h3_link + h4 + p,
	#event_link,
	#event_link + p,
	#right1 a[href="#h3_link"]
	{
		display: none;
	}
	
	/* event/index.html onlycom */

	#onlycom dl {
		font-size: 1rem;
	}
	
	/* event/index.html pickup */

	#box_right2,
	#box_right3,
	#link_con,
	#link_con2,
	#pick_con,
	#pick_con2,
	ul.link_bn,
	ul.link_bn2,
	ul.link_bn3,
	#link_con li,
	#link_con2 li,
	#you_link,
	#you_link2,
	#you_con,
	#you_link li,
	#you_link2 li
	{
		width:100%;
		margin-left: 0;
		margin-right: 0;
		padding:0;
		float:none;
		left:0;

		box-sizing: border-box;
	}

	#link_con,
	#link_con2,
	#pick_con,
	#pick_con2
	{
		margin-top:1rem;
		margin-bottom:0.5rem;
	}


	ul.link_bn,
	ul.link_bn2,
	ul.link_bn3 {
		text-align: center;
	}

	#link_con a,
	#link_con2 a {
		text-decoration: none;
	}

	#link_con li,
	#link_con2 li,
	#you_link li,
	#you_link2 li
	{
		display: inline-block;
		vertical-align: top;
		max-width: 48%;
	}

	#link_con li span,
	#link_con2 li span,
	#you_link li span,
	#you_link2 li span
	{
		width: 100%;
	}

	#link_con li .genre_bn img,
	#link_con2 li .genre_bn img {
		width: 100%;
		max-width:243px;
		height: auto;
	}

	#link_con li .genre_title,
	#link_con2 li .genre_title,
	#you_link li .genre_title,
	#you_link2 li .genre_title
	{
		display: block;
	}

	#tw_btn {
        position: relative;
        z-index: 10;

		width: 100%;
		margin:0;
	}

	/* event/index.html shoplist */

	#shoplist {
		width: 100%;
	}

	#shoplist .left
	{
		float:none;
		width: 100%;
		max-width: 200px;
	}

	#shoplist .right
	{
		float:none;
		width: 100%;
		max-width: 480px;
	}



	/* intro.html etc. */

	.inner_intro {
		font-size: 0.7rem;
		padding:0 calc(100vw / 744 * 20);
	}

	#tab,
	#tab ul#tab_navi,
	ul#pan,
	#nav_local
	{
		width:auto;
		height:auto;
	}

	#tab p,
	ul#pan li,
	#nav_local li
	{
		float:none;
	}

	ul#tab_navi:after {
		content:"";
		display: block;
		height:0;
		line-height: 0;
	}

	ul#tab_navi,
	ul#pan,
	#nav_local
	{
		margin:0;
	}

	ul#pan li,
	#nav_local li
	{
		display:inline-block;

		margin:0 1em 0 0;
		padding-left: 0px;
		border-left: none;
	}

	ul#pan li a:after,
	#nav_local li a:after
	{
		content:"▼";
	}

	#main #nav_category {
		left: 0;
		width: 100%;

		box-sizing: border-box;
	}

	/* link.html */

	#link dl {
		width: 100%;
	}

	#link dt, #link dd {
		width:auto;
		height:auto;
	}

	#link dd {
		margin:0 0 1em;
		word-break: break-all;
	}

	/* index.html */

	.index #index #left,
	.index #index #side
	{
		width: 100%;
		box-sizing: border-box;
	}

	.index #index_contents {
		width: 100%;
	}

	.index #index_contents_main
	{
		float:none;
		width: 100%;
	}

	.index #index_contents_side
	{
		float:none;
		margin: 0 auto;
	}


	#top_bottom_content {
		width: 100% !important;
		display:flex;
		flex-wrap:wrap;
	}

	#top_bottom_right {
		float:none !important;
		width: 100% !important;
		order:1;
	}

	#top_bottom_left {
		float:none !important;
		width: 100% !important;
		order:2;
	}

	#nav_sp_schedule {
		margin-bottom:0;
	}
	
	#photos div.panel img {
		width: 100%;
		max-width: 690px;
	}	

	#index #area_top {
		width: 100%;
		margin: 0;
		padding: 0;
		background-image: none;
	}

	.index #main .bx-wrapper .bx-viewport
	{
		height:calc(100vw / 690 * 270) !important;
	}

	.index #main #pickup_event {
		width: 100%;
		height:calc(100vw / 690 * 270);
		padding:0;
	}

	.index #main #pickup_event img {
		display: block;
		width: 100%;
		max-width: 690px;
		margin: 0 auto;
	}

	#index #photos {
		margin-top: 0;
	}

	#topic, #top_bn {
		float:none;
		width: 100%;
		margin: 0 auto;
	}

	#top_bn {
		position: static;
		margin: 0 auto;
		right:0;
	}

	#top_bn a {
		margin: 0 auto 5px !important;
	}

	#bn_area img {
		width: 100%;
		max-width:745px;
	}

	#top_bottom_right img[src*="all_bunner.png"] {
		width: 100%;
		max-width:495px;
	}

	#top_bottom_right > a {
/*		display: inline-block;*/
		display: block;
		text-align: center;
	}

	#top_bottom_right > a,
	#info_area,
	#newillust_area,
	#allgenre_map
	{
		margin-left:auto;
		margin-right:auto;
	}

	#index #topic h2 {
		width: 100%;
		height: calc(100vw / 480 * 60);
		background-position-y: bottom;
	}

	.index #main #h2_pickup,
	.index #main #h2_onlycom,
	.index #main #h2_update {
		width: 100%;
		height: calc(100vw / 520 * 60);
		background-position: 0 0;
		background-size: 100% auto;
		text-indent: -9999px;
	}

	#index #topic #topic_bottom,
	.index #main .contents_box_bottom
	{
		width: 100%;
		height: calc(100vw / 480 * 50);
		padding: 0;
		background-position-y: top;
		background-size: 100% auto;
	}

	.index #main .contents_box
	{
		width: 100%;
		box-sizing: border-box;
	}

	#index #topic h2,
	#index #topic dl,
	#index #topic #topic_bottom,
	.index #main .contents_box
	{
		box-sizing: border-box;
		margin: 0;
		background-size: 100% auto;
		background-position-x: center;
	}

	#index #topic dl {
		width: auto;
		margin:0;
	}

	#twitter_area2 {
		display:none;
	}

	#index ul.bnnr001 {
		width: 100%;
	}	
	
	ul.bnnr001 li {
		text-align: center;
	}

	#allgenre_map {
		display:none;
	}

	/* slider */

	#photo_sp,
	#photo_sp a,
	#photo_sp img
	{
		display: block;
	}

	#photos,
	#filmstrip,
	#pointer img {
		display:none;
	}

	#photos {
		height:auto;
	}

	#photos a img,
	#photo_sp img {
		width:100% !important;
		max-width:735px !important;
	}

/*	#index #area_top,*/
/*	#photos,*/
	#photos a img,
	#photo_sp img {
		height:calc(100vw / 735 * 288);
	}

	#index #info_area, #index #newillust_area {
		position: relative;

		width: 100%;
		height: auto;
		max-width:490px;
		box-sizing: border-box;

		border:1px solid var(--color-main1);
		background: none;
	}

	#index #info_area h3,
	#index #newillust_area h3,
	#big_event h2
	{
		width: 100%;
		height: auto;
		padding-left: 0.33rem;
		box-sizing: border-box;
		left:0;

		background: none;
		background-color: var(--color-main1);
		color:var(--color-base1);

		text-indent: 0;
		font-size: 1.33rem;
		line-height: 2;
	}

	#index #newillust_area p.btn_more {
		position: absolute;

		left:unset;
		right: 0.25rem;
		top: calc(1.33rem - 12px);

		margin-bottom: 0;
	}

	#big_event .btn_more {
		width:70px;

		top: calc(1.33rem - 12px);
		left: unset;
		right: 0.4rem;

		margin-left: 0;
		margin-bottom: 0;
	}

	#index #info_area dl,
	#index #newillust_area ul {
		width: calc(100% - 10px);
		margin: 5px;
		box-sizing: border-box;
	}

	#index #info_area dd,
	#index #update_area dd,
	#index #info_area_page dd {
		margin-left: 0;
		padding:0;
		width: calc(100% - 10px);
	}



	/* intro.html circle.html */

	#main #nav_local li:after {
		content: unset;
		display: none;
	}

	#tab ul#tab_navi li span.tab_on_bg a {
		color:var(--color-text);
		border:0.125rem solid transparent;
	}

	#tab ul#tab_navi li span.tab_off_bg a {
		color: #fff;
		background-color: var(--color-link);
		border:0.125rem solid #fff;
	}
		
	#tab ul#tab_navi {
		display: flex;
		background: none;
	}

	#tab ul#tab_navi li {
		float: none;
		margin: 0;
	}

	#tab ul#tab_navi li:first-child {
		margin-left:0;
	}

	#tab ul#tab_navi li span {
		float: none;

		width: auto;
		height: auto;

		border:none;
		background: none;
	}

	#tab ul#tab_navi li span.tab_on_left,
	#tab ul#tab_navi li span.tab_on_right,
	#tab ul#tab_navi li span.tab_off_left,
	#tab ul#tab_navi li span.tab_off_right
	{
		display: none;
	}

	#tab ul#tab_navi li a {
		display: inline-block;
		width: auto;
		margin: 0.5rem 0.125rem;
		height: auto;
		padding: 0.125rem 0.5rem;
		line-height:2rem;
		text-align: center;
		text-decoration: none;
		font-size:1.13rem;
		font-weight: bold;
		border-radius:0.5rem;
	}

	ul#pan li,
	ul#pan li:first-child,
	#nav_local li,
	#nav_local li:first-child
	{
		margin: 0.5rem;
	}

	/* cosplay.html */

	dt p.tag {
		text-align: left;
	}

	#cosplay dt,
	#cosplay dt.top {
		width:100%;
		height: auto;
	}

	#cosplay dd,
	#cosplay dd.top {
		height: auto;
		margin-top: 0.5rem;
		margin-left: 0;
		margin-bottom:1rem;
	}

	div.inner p.tag {
		display: flex;
	}

	/* cir01.html */

	.w690 {
		max-width: 690px;
		width:auto;
	}

	.outline02, .outline03 {
		max-width: 660px;
		width:auto;
	}

	.outline02 {
		position: relative;
		background-position: right 25vw top 0px;
		background-size: contain;
	}

	.outline02:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 5.4vw;
		width: 25.25vw;
		height: 15.25vw;
		background-color: #e9e9e9;
	}

	.outline02 p {
		width: auto;
		max-width: auto;
		height: auto;
		line-height: 1.3em;
		padding: 26vw 0 0 0;
		margin: 0;
	}	

	.w310, .w310 .outline01 {
		max-width: 310px;
		width:auto;
	}

	.w310, .w310 .outline01 {
		flex:1 1 50%;
	}

	.entry.w310.right.mb10 {
		margin-bottom: 0;
	}

	.outline03 dt {
		height:auto;
		width: auto;
		float: none;
		padding: 0;
		margin: 0;
		font-size: 0.66rem;
	}

	.outline03 dd {
		font-size: 0.66rem;
		padding: 0;
	}

	.outline03 ul {
		float: none;
		box-sizing: border-box;

		max-width: 315px;
		width: auto;
		padding-top: 15em;
	}

	.pc #wrap_1space {
		float: none;
	}

	.pc #wrap_1space, .pc #wrap_2space {
		width: auto;
	}

	.pc .wrap_2col {
		width: auto;
	}

	#wrapper.circle img[src="image/circle/flow_unite.jpg"] {
		margin-left: 0 !important;
	}

	.pc #wrap_trust img {
		float: none;
	}	

	.pc #wrap_trust ul {
		float: none;
		width: auto;
	}

	.pc #wrap_trust dd {
		margin-top: 0;
		padding-left: 15px;
	}	

	/* cir02.html */

	p#notice {
		width: auto;
		height: auto;
		background: none;
		margin: 0;
		padding:0;
	}

	p#notice:before {
		content:"ご確認ください";
		display: inline-block;
		color:#fff;
		background-color: #555;
		font-weight: bold;
		padding:0.25em 0.5em;
		border-radius:0.25em;
		margin-right:0.5em;
	}

	#detail_list, .acc01 {
		max-width: 688px;
		width:auto;
	}

	.acc01 div {
		max-width: 660px;
		width:auto;
	}

	p#flow_unite {
		max-width: 660px;
		width: auto;
		background: none;
		height: auto;
		padding: 0;
	}

	#area_main #detail_list table {
		display: table;
		border-collapse:collapse;
	}

	#area_main #detail_list table tr {
		display: table-row;
	}

	#area_main #detail_list table th,
	#area_main #detail_list table td {
		display: table-cell;
		max-width: 25%;
		width: auto !important;

		font-size:0.774rem;
	}

	#area_main #detail_list table td {
		vertical-align: top;
	}

	#area_main #detail_list table th#left_top {
		height: auto;

		background: none;
		color:#222;

		text-indent: 0;
		text-align: center;
	}

	#flow_img {
		margin-bottom: 0;
	}

	#detail_list table td img {
		float:none;
		display: block;
	}

	#detail_list table td img,
	#detail_list table td img.ng {
		margin:0.5em auto 0.25em;
	}

	.pc #main #detail_list dt,
	.pc #detail_list dd
	{
		max-width: 678px;
		width: auto;
	}

	.pc #main #detail_list dt
	{
		height: auto;
		min-height:39px;
		padding: 0.5em 1.5em 0.5em 0.5em;

		line-height: 1.5;
		background-image: none;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
	}

	#detail_online,
	#detail_mix,
	#detail_manual,
	#detail_unite {
		position: relative;

		max-width: 678px;
		width: auto;
		height:auto;
		padding: 0.5em 1.5em 0.5em 0.5em;

	}

	#detail_online.open,
	#detail_mix.open,
	#detail_manual.open,
	#detail_unite.open {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,ffffff+100 */
		background: #e3e3e3; /* Old browsers */
		background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #e3e3e3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #e3e3e3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}

	#detail_online:after,
	#detail_mix:after,
	#detail_manual:after,
	#detail_unite:after {
		content:"▼";
		line-height: 1;

		position:absolute;
		right:0.5em;
		top:calc(50% - 0.5em);
		color:#999;
	}

	#detail_online.open:after,
	#detail_mix.open:after,
	#detail_manual.open:after,
	#detail_unite.open:after {
		content:"△";
		color:#999;
	}

	/* event_project (kikaku.html) */

	#top #area_main table.kikaku_detail,
	#kikakupage #area_main table.kikaku_detail {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}

	body.event_project #area_top,
	body.event_project #area_top_y
	{
		padding: calc(100vw / 744 * 20) !important;
	}

	.event_project #area_top img {
		max-width: 48%;
		height: auto;
	}

	/* other */

	p.right_h2 {
		top: 0.33rem;
	}
	
	/* com_bn */
	
	.com_bn{ text-align: center;}
	.com_bn img{ margin-bottom: 5px;}
	
	
	#bn_topic img{ width:100%;}
	
	/* pr_area */
	.pr_area{ margin: 0 5px;}
	
	.pr_area img{ width:100%;}
	
	/* PR画像設定 */

.pr_anime{ width: 100%; float:none;}
.pr_game{ width: 100%; margin-top:-20px;}

}

/* ======================================================================================== */
/* ======================================================================================== */
/* ======================================================================================== */

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

	/* for PC  */

	.mid_only, .sp_only, .sp_mid_only, .mid_sp_only {display:none;}

	.pc_only, .pc_mid_only {display:block}
}

@media screen and (min-width:744px) and (max-width:999px) {

	/* 744-979px */

	.pc_only, .sp_only {display:none;}

	.mid_only, .sp_mid_only, .mid_sp_only, .pc_mid_only {display:block}
}

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

	/* for SP */
	.pc_only, .mid_only, .pc_mid_only {display:none;}

	.sp_only, .sp_mid_only, .mid_sp_only {display:block}
}