@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
@import url('deco.css');
/*=====================================

	Common(共通)

    Themacolor

=====================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	background: #FFF;
	color: #333;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: normal;
	scroll-behavior: smooth;
}
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
ul {
	list-style: none;
}
.small {
	font-size: 80%;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
@media (max-width: 580px) {
	body {
		font-size: 12px;
	}
}
/*リンク設定
================================*/
a {
	text-decoration: none;
}
a:link {
	color: blue;
}
a:visited {
	color: purple;
}
a:hover {
	color: blue;
	cursor: pointer;
}
a:active {
	color: red;
}
/* 透過 */
.opa {
	filter: opacity(50%);
}
/*見出し設定
================================*/
h1 {
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	font-weight: 700;
}
h2 {
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	font-weight: 700;
}
.tophdh2 {
	font-size: 12px;
	font-weight: normal;
}
.default h3 {
	width: 100%;
	/* height: 40px; */
	position: relative;
	margin: 0 auto 20px auto;
	padding: 10px 0 10px 80px;
	background: #83d504;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	font-weight: 600;
}
.default h3::before {
	position: absolute;
	top: -8px;
	left: 10px;
	content: url("https://worldcosplaysummit.jp/2023/wp-content/themes/wcs2023_jp/assets/images/common/default _h2_icon.png");
	display: inline-block;
}
/*表示切り替え設定
================================*/
.pcarea {
	display: block;
}
.sparea {
	display: none;
}
@media screen and (max-width: 768px) {
	.pcarea {
		display: none;
	}
	.sparea {
		display: block;
	}
}
/*中央揃え、左揃え、右揃え設定
================================*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin-left: 1.5em;
}
.alignleft {
	float: left;
	margin-right: 1.5em;
}
@media (max-width: 480px) {
	.alignright {
		float: none;
		margin-left: 0;
	}
	.alignleft {
		float: none;
		margin-right: 0;
	}
}
/* 管理画面のカラムのスタイルを調整 */
.column-thumbnail img {
	max-width: 100px;
	height: auto;
}
/* 管理画面のカラムのスタイルを調整 */
.column-thumbnail img {
	max-width: 100px;
	height: auto;
}
/*TOPへ戻る
================================*/
.pagetop {
	height: 50px;
	width: 50px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	background: #fff;
	border: solid 2px #333;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	background: linear-gradient(#fff 0 0) padding-box, linear-gradient(39deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%) border-box;
	border: 2px solid transparent;
	border-radius: 50%;
}
.pagetop__arrow {
	height: 10px;
	width: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(20%) rotate(-45deg);
}
/* モーダルウィンドウのスタイル
================================*/
/* モーダルウインドウの基本スタイル */
.modal {
	display: none; /* 初期状態では非表示 */
	position: fixed; /* 画面上に固定 */
	z-index: 9999; /* コンテンツの上に表示 */
	left: 0;
	top: 0;
	width: 100%; /* 幅はビューポートに合わせる */
	height: 100%; /* 高さもビューポートに合わせる */
	overflow: auto; /* 必要に応じてスクロール */
	background-color: rgba(0, 0, 0, 0.8); /* 背景色（透過） */
}
/* モーダルのコンテンツスタイル */
.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%; /* 幅は80%に設定 */
	max-width: 1200px; /* 最大幅を1200pxに設定 */
}
/* 動画のスタイル */
iframe {
	width: 100%; /* 動画の幅を親要素に合わせる */
	height: auto; /* 高さを自動で調整 */
	aspect-ratio: 16 / 9; /* アスペクト比を16:9に保持 */
}
@media screen and (max-width: 700px) {
	.modal-content {
		width: 95%; /* モバイルデバイスでは幅を95%に */
	}
}
/* ローディング画面
================================*/
/* スライダー設定
================================*/
.topslider-slick {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
/* アニメーションCSS設定
================================*/
.animate-me {
	opacity: 0; /* 初期状態では不可視 */
	transition: opacity 1s; /* スムーズな表示のためのトランジション */
}

.sticky-banner {position: fixed;right: 0;bottom: 140px;z-index: 9999;}

/* ------------------------------------------------------------------------------------------------------------------------------------

	 HEADER

 ------------------------------------------------------------------------------------------------------------------------------------ */
header {
	background-image: -moz-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
	background-image: -webkit-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
	background-image: -ms-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
}
.header_top {
	margin: 0;
	padding: 10px 20px;
	background-color: #FFF;
	opacity: 0.5;
	color: #000;
	display: flex;
	font-size: 12px;
	justify-content: space-between;
}
.header_top_right a {
	text-decoration: none;
}
.header_top_right a:link {
	color: #333;
}
.header_top_right a:visited {
	color: #333;
}
.header_top_right a:hover {
	cursor: pointer;
	text-decoration: underline;
	color: #333;
}
.header_top_right a:active {
	color: yellow;
}
.header_top_right ul li {
	display: inline-block;
}
.header_middle {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 15px 0;
}
.header_middle .logo {
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.header_top {
		margin: 0;
		padding: 5px;
		font-size: 10px;
		text-align: center;
	}
	.header_middle .logo img {
		width: 300px;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 SECTION

 ------------------------------------------------------------------------------------------------------------------------------------ */
section {
	padding: 0;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 FOOTER

 ------------------------------------------------------------------------------------------------------------------------------------ */
footer {}
.footer-inquery {
	width: 100%;
	background: #83d504;
	padding: 30px 0;
}
.footer-inquery h2 {
	text-align: center;
	line-height: 2;
	font-weight: 500;
	font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
}
.footer-inquery p {
	text-align: center;
	line-height: 2;
}
.footer-inquery-wrap {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-inquery-item {
	width: 100%;
	display: flex;
}
.footer-inquery-item .box {
	width: 95%;
	height: 170px;
	background: #FFF;
	border: 2px solid #83d504;
	border-radius: 10px;
	margin: 10px 10px 0 0;
	padding: 10px 20px 20px 10px;
}
.footer-inquery-item .box p {
	font-weight: 500;
}
.footer-inquery-item .item {
	padding: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footer-inquery-item .item .btn a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 10px 10px;
	padding: 10px;
	width: 180px;
	background: #FFF;
	color: #333;
	font-weight: 500;
	border: 2px solid #83d504;
	border-radius: 10px;
}
.footer-inquery-item .item .btn a::after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #83d504;
	border-right: 3px solid #83d504;
	transform: rotate(45deg);
}
.footer-inquery-item .item .btn a:hover {
	color: #333;
	text-decoration: none;
	background-color: #83d504;
}
.footer-inquery-item .item .btn a:hover::after {
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
}
@media screen and (max-width: 1024px) {
	.footer-inquery-item {
		width: 90%;
		/* display: flex; */
		/* flex-wrap: wrap; */
		/* justify-content: center; */
	}
	.footer-inquery-wrap {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.footer-inquery-item .box {
		width: 100%;
		height: auto;
		background: #FFF;
		border: 2px solid #83d504;
		border-radius: 10px;
		margin: 10px;
		padding: 10px 20px;
	}
	.footer-inquery-item .box p {
		font-weight: 500;
	}
	.footer-inquery-item .item {
		padding: 10px 0 0 0;
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
}
@media screen and (max-width: 768px) {
	.ft_inq_area {
		width: 100%;
		text-align: center;
		font-weight: 500;
		font-size: 16px;
	}
	.ft_inq_area a {
		color: #333;
	}
	.ft_inq_area_topwrap {
		padding: 10px;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		background: rgb(255, 255, 255);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 60%, rgba(242, 242, 242, 1) 100%, rgba(255, 246, 0, 1) 100%);
	}
	.ft_inq_top_btn {
		padding: 5px;
	}
	.ft_inq_area_topdown {
		width: 100%;
		/* padding: 5px; */
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
		background: rgb(255, 255, 255);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 60%, rgba(242, 242, 242, 1) 100%, rgba(255, 246, 0, 1) 100%);
	}
	.ft_inq_area_topdown .ft_inq_btn {
		width: 50%;
		text-align: center;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 12px 0;
	}
}
/* 販売ボタン下部 */
.btn_ticketsale {
	position: fixed;
	right: 0;
	bottom: 140px;
}
/* みずどりの基本設定 */
.layer-img {
	width: 90px;
	height: 240px;
}
/* 大枠ボックス */
.layer {
	/* 背景画像設定 */
	background: url(https://homepagenopro.com/wp-content/uploads/2018/08/d11_img_beach.jpg) no-repeat 0 0;
	background-size: 100%;
	/* ボックス配置指定 */
	position: relative;
	margin: 0 auto;
	text-align: center;
	/* ボックスサイズ指定 */
	width: 640px;
	height: 358px;
}
/* 重ねるボックスの設定 */
.layer-in {
	/* ボックス配置指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	/* 上下左右中央のときのみ */
	width: 400px;
	height: 100px;
}
/* みずどりの基本設定 */
.layer-img {
	width: 150px;
	height: auto;
}
/* -----------------------------------------------------------------------------------------------------

    フッター設定：メガメニュー２　　

-----------------------------------------------------------------------------------------------------*/
.footer-banner-area {
	width: 100%;
	background: #222;
	padding: 3rem 0;
}
.footer-banner-wrap {
	width: 90%;
	max-width: 980px;
	margin: 0 auto 2rem auto;
	background: #FFF;
	padding: 1rem;
}
.footer-banner-wrap h4 {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	text-align: left;
	padding: 0;
}
.footer-banner-wrap li {
	padding: 1rem 0;
}
.footer-banner-item {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.footer-banner-item img {
	width: 90%;
}
/* オーガナイザー　*/
.footer-banner-organizer-item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: row;
	align-content: space-around;
	font-weight: 600;
}
.footer-banner-organizer-item .box {
	width: calc((100% / 10) - 0px); /* 追加 */
	padding: 5px 0;
}
.footer-banner-organizer-item .box img {
	width: 90%;
}
.footer-banner-organizer-item .box span {
	color: #333;
	position: relative;
	padding: 0;
	font-size: 10px;
	display: flex;
	justify-content: center;
}
/* -----------------------------------------------------------------------------------------------------

    フッター設定：会社情報・ロゴ・最後

-----------------------------------------------------------------------------------------------------*/
.footer_last {
	width: 100%;
	padding: 30px 0 20px 0;
	background: #83d504;
	background-image: url("../images/common/ft_bg.png");
	background-position: cover;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.footer_last .company {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}
.footer_last .company a {
	color: #FFF;
	text-decoration: underline;
}
.footer_last .company a:hover {
	color: red;
	text-decoration: underline;
}
.footer_last .company a:active {
	color: #fff000;
}
.footer_last .ftlogo {
	max-width: 1000px;
	margin: 0 auto;
}
.footer_last .ftlogo img {
	width: 150px;
	padding-bottom: 20px;
}
.footer_last .ftsns {
	margin: 0 auto;
	width: 100%;
}
.footer_last .ftsns img {
	width: 70px;
	padding: 10px;
}
.footer_last .copyright {
	padding: 0 10px;
	font-size: 10px;
}
@media screen and (max-width: 768px) {
	.footer-menu {
		display: none;
	}
	.footer-inquery {
		display: none;
	}
	/* 主催事務局 */
	.footer-banner-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		/* padding: 5px 0 0 0; */
	}
	.footer-banner-item .box {
		width: calc((100% / 3) - 5px); /* 追加 */
		padding: 2px;
	}
	.footer-banner-item img {
		width: 95%;
		padding: 5px 0;
	}
	/* オーガナイザー　*/
	.footer-banner-organizer-item {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		flex-direction: row;
		margin: 20px auto;
	}
	.footer-banner-organizer-item .box {
		width: calc((100% / 4) - 0px); /* 追加 */
		padding: 5px 0;
	}
	.footer-banner-organizer-item .box img {
		width: 90%;
	}
	.footer-banner-organizer-item .box span {
		color: #333;
		position: relative;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		font-size: 10px;
		display: flex;
		justify-content: center;
	}
	.footer_last .ftsns img {
		width: 50px;
		padding: 10px;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 NAVIGATION (グローバルナビゲーション・メガメニュー)

 ------------------------------------------------------------------------------------------------------------------------------------ */
/* 追従スタイル */
.tractability {
	width: 100%;
	height: auto;
	position: relative; /* レイアウトに影響を与えないようにabsoluteにしておく */
	top: 10px; /* 配置調整（重要！） */
	/* margin-top: 100px; */ /* 配置調整（重要！） */
	transition: top 0ms; /*  ここのtransitionでtopだけを指定する（重要！）  */
	z-index: 22;
}
/* スティッキー時に.stickyクラスを追加 */
.tractability.sticky {
	position: fixed; /* 上に固定 */
	top: 0; /* 上からスッと表示させる（重要！） */
	margin-top: 0; /* 0にすることでtopで上に配置 */
	height: auto; /* 小さく変化させる */
}
/* 基本スタイル */
.mega-menu {
	width: 100%;
	background: #FFF;
	color: #03177c;
	box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 15%);
}
.mega-menu a {
	text-decoration: none;
}
.mega-menu a:link {
	color: #03177c;
}
.mega-menu a:visited {
	color: #03177c;
}
.mega-menu a:hover {
	color: #03177c;
	cursor: pointer!important;
}
.mega-menu a:active {
	color: #03177c;
}
.nav-list {
	max-width: 1200px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	justify-content: space-around;
}
.nav-item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	min-height: 80px;
	padding: 10px 0;
	align-content: center;
}
.nav-link {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}
.nav-link img {
	max-width: 80px;
}
.nav-link_txt {
	font-size: clamp(0.625rem, 0.534rem + 0.45vw, 0.875rem);
	color: #333;
	font-weight: 500;
}
/* メガメニューのコンテンツのスタイル */
.mega-content {
	display: none;
	position: absolute;
	top: 80px;
	left: 0; /* ビューポートの左端に合わせる */
	width: 100vw; /* ビューポートの幅に合わせる */
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 15%);
	/* その他のスタイル */
	padding: 10px;
	background: #FFF;
	z-index: 9999;
	background-image: linear-gradient(90deg, rgb(248 255 201 / 68%), rgba(209, 253, 254, 1));
}
/* ナビゲーションアイテムにホバーしたときにメガメニューを表示 */
.nav-item:hover .mega-content {
	display: block;
}
/* メガメニューの中のレイアウト */
.mega-content__inner {
	max-width: 90%;
	padding: 10px;
	margin: 0 auto;
	color: #333;
}
.mega-content__inner h2 {
	font-size: 22px;
	font-weight: 500;
}
.flex09 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex09 .tit {
	font-size: 22px;
	font-weight: 500;
	padding: 0 0 10px 0;
}
.flex09 p {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.flex09 .item {
	display: flex;
	width: 49%;
	align-items: center;
}
.flex09 .item:nth-child(n+3) {
	margin-top: 15px;
}
.flex09 .item > div:first-child {
	width: 100px;
	height: 100px;
	/* background: #ddd; */
}
.flex09 .item > div:nth-child(2) {
	width: calc(100% - 115px);
	margin-left: 15px;
	text-align: left;
}
/* リストの装飾 */
.mega-content__inner ul {
	padding: 0.5em 0 0.5em 0em;
	position: relative;
}
.mega-content__inner ul li {
	line-height: 1.5;
	list-style-type: none !important; /*ポチ消す*/
}
.mega-content__inner ul li:before {
	padding: 0 10px 0 0;
	line-height: 1.8;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f138';
	color: #3d4070;
}
.mega-content__inner ul li a {
	text-decoration: underline;
}
.mega-content__inner ul li a:link {
	color: blue;
}
.mega-content__inner ul li a:visited {
	color: #333;
}
.mega-content__inner ul li a:hover {
	color: #FF0099;
}
.mega-content__inner ul li a:active {
	color: red;
}
/*画像アイコン */
.mega-content__inner_icon img {
	width: 100%;
	border: 1px #ccc solid;
}
.mega-content__inner_icon a img:hover {
	opacity: 0.5;
}
/*外部リンクアイコン */
.mega-content__inner ul li a[target="_blank"]:after {
	font-family: 'Font Awesome 5 Free';
	content: '\f35d';
	font-size: 0.8em;
	margin: 0px 3px;
	font-weight: 900;
	color: #5771C7;
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 スマートフォン表示：SP　navigation

 ------------------------------------------------------------------------------------------------------------------------------------ */
/* SPNAVI全体設定 */
@media screen and (max-width: 768px) {
	.spnavi {
		position: fixed;
		background-image: -moz-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
		background-image: -webkit-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
		background-image: -ms-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
		/* height: 60px; */
		margin: 0;
		padding: 20px 0;
		display: flex;
		align-items: center;
		z-index: 2;
		width: 100%;
		height: auto;
		top: 0;
	}
	.spnavi .logo img {
		max-width: 75%;
		margin: 0 0 0 6px;
		/* filter: drop-shadow(0px 0px 4px rgba(180, 180, 136, 0.6)); */
	}
	/*　ハンバーガーメニューボタン　*/
	.hamburger {
		display: block;
		position: fixed;
		z-index: 3;
		top: 13px;
		right: 10px;
		width: 40px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	}
	.hamburger span {
		display: block;
		position: absolute;
		width: 36px;
		height: 5px;
		left: 3px;
		background: #ffffff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 10px;
	}
	.hamburger span:nth-child(2) {
		top: 20px;
	}
	.hamburger span:nth-child(3) {
		top: 30px;
	}
	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		width: 36px;
		top: 16px;
		left: 6px;
		background: #000;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) {
		width: 36px;
		top: 16px;
		left: 5px;
		background: #000;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* メニュー背景　*/
	nav.globalMenuSp {
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		color: #fff;
		background: rgb(255 255 255);
		text-align: center;
		width: 100%;
		transform: translateX(100%);
		transition: all 0.6s;
		padding: 0;
	}
	nav.globalMenuSp ul {
		margin: 0 auto;
		padding: 10px 0 10px 0;
		width: 100%;
		/* background: rgb(255 255 255 / 47%); */
	}
	nav.globalMenuSp ul li {
		list-style-type: none;
		margin: 0 auto;
		width: 90%;
		transition: .4s all;
		border-bottom: 1px solid #e7a7ff;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}
	nav.globalMenuSp ul li:hover {
		background: #FFF;
	}
	nav.globalMenuSp ul li a {
		display: block;
		color: #333;
		padding: 10px 0 10px 10px;
		text-decoration: none;
		text-align: left;
		font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
		font-weight: 500;
	}
	/* クリックでjQueryで追加・削除 */
	nav.globalMenuSp.active {
		opacity: 100;
		display: block;
		transform: translateX(0%);
		background-image: linear-gradient(90deg, rgba(187, 255, 239, 1), rgba(236, 237, 203, 1) 34%, rgba(248, 227, 183, 1) 72%, rgba(255, 155, 252, 1) 97%);
		width: 85%;
		height: 100vh;
		left: 15%;
		top: 0;
	}
	.spnavi_sns {
		display: flex;
		padding: 40px 0 20px 0;
		width: 70%;
		margin: 0 auto;
	}
	.spnavi_sns .item {
		margin: 0 auto;
	}
	.spnavi_sns .item img {
		width: 60%;
	}
	.spnavi_sns_company {
		color: #333;
		font-size: 14px;
		text-align: center;
		padding: 10px 0;
	}
	.spnavi_sns_company a {
		color: #333;
		text-decoration: underline;
	}
	.spnavi_sns_company a:hover {
		color: #E91E63;
		text-decoration: underline;
	}
	.spnavi_sns_company a:active {
		color: #fff000;
	}
	.spnavi_sns_copyright {
		font-size: 10px;
		color: #333;
		padding: 10px;
		line-height: 1.6;
	}
	/*menu */
	.sp-menu-container {
		margin: 60px auto 0 auto;
	}
	.sp-menu-content {
		display: none;
		background-color: #ffffff;
		/* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
		z-index: 1;
	}
	.sp-menu-content ul {
		list-style-type: none;
		padding: 0;
	}
	.sp-menu-content ul li a {
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		color: black;
	}
	.sp-menu-content ul li a:hover {
		background-color: #f1f1f1;
	}
	.sp-menu-trigger {
		color: #333;
		padding: 10px 20px;
		border: none;
		cursor: pointer;
		text-align: left;
		font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
		font-weight: bold;
	}
	.sp-menu-trigger a, a:visited, a:hover {
		color: #333;
	}
	.sp-menu-trigger:hover {
		background-color: #ffffff;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 SLIDER

 ------------------------------------------------------------------------------------------------------------------------------------ */
/* トップページ大 */
.topindex__container {
	margin: 0; /* 高さPC */
}
@media screen and (max-width: 768px) {
	.topindex__container {
		margin: 0; /* 高さSP */
		padding: 30px 0 0 0;
	}
}
.test-slick {
	width: 100%;
	/* margin: 15px auto; */
	@include breakpoint(500px) {
		margin: 5% auto;
	}
}
.test-slick__item {
	margin-right: 5px;
	margin-left: 5px;
}
.test-slick__item img {
	height: auto;
	width: 100%;
	max-width: 1200px;
	padding: 20px 5px 0;
	margin: 0 auto;
}
.slick-prev:before, .slick-next:before {
	color: #000066;
}
/* 純広告エリア */
.toppage_cont_pr_wrap {
	width: 100%;
	background: #e2f9bc;
	padding: 25px 0;
}
.toppage_cont_pr_slider {
	max-width: 1200px;
	margin: 0 auto;
}
.toppage_cont_pr_slider img {
	width: 90%;
}
@media screen and (max-width: 768px) {
	/* トップページ大 */
	.toppage_slider {
		margin: 70px auto 30px auto;
		position: relative;
		z-index: 0;
	}
	/* 純広告エリア */
	.toppage_cont_pr_wrap {
		width: 100%;
		background: #e2f9bc;
	}
	.toppage_cont_pr_slider {
		width: 100%;
		margin: 0 auto;
	}
	.toppage_cont_pr_slider img {
		max-width: 365px;
		padding: 0 20px;
	}
}
/* トップページ：スクロールスライダー */
.scroll-infinity {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	background-image: -moz-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
	background-image: -webkit-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
	background-image: -ms-linear-gradient(0deg, rgb(51, 216, 0) 8%, rgb(0, 177, 203) 28%, rgb(167, 42, 255) 51%, rgb(255, 246, 0) 74%, rgb(255, 65, 139) 89%);
}
.slider-top__middle .slick-slide {
	/* width: 300px; */
	/* height: 200px; */
	position: relative;
	/* overflow: hidden; */
	padding: 0 10px;
}
.slider-top__middle .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* トップページ：広告スクロールスライダー */
.scroll-infinity_pr {
	width: 100%;
	margin: 0;
	background-image: -moz-linear-gradient(0deg, rgb(131, 213, 4) 9%, rgb(63, 199, 185) 28%, rgb(201, 127, 254) 51%, rgb(255, 246, 0) 74%, rgb(234, 111, 159) 89%);
	background-image: -webkit-linear-gradient(0deg, rgb(131, 213, 4) 9%, rgb(63, 199, 185) 28%, rgb(201, 127, 254) 51%, rgb(255, 246, 0) 74%, rgb(234, 111, 159) 89%);
	background-image: -ms-linear-gradient(0deg, rgb(131, 213, 4) 9%, rgb(63, 199, 185) 28%, rgb(201, 127, 254) 51%, rgb(255, 246, 0) 74%, rgb(234, 111, 159) 89%);
}
.slider-top__pr {
	margin: 0 auto;
	padding: 20px;
	max-width: 1200px;
}
.slider-top__pr .slick-slide {
	position: relative;
	padding: 0 20px;
}
.slider-top__pr .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 背景設定

 ------------------------------------------------------------------------------------------------------------------------------------ */
.bg_top {
	background: url("../images/index/bg_top.jpg");
	background-position: top center;
	background-size: cover;
	background-repeat: repeat-x;
}
.bg_top_middle {
	background: url("../images/index/bg_dot2.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	padding: 50px 0 0 0;
}
.bg_sponsor {
	background: url("../images/index/bg_sponsor.jpg");
	background-position: top center;
	background-size: cover;
	background-repeat: repeat-x;
	padding: 50px 0 100px 0;
	margin: 100px 0 0 0;
}
@media screen and (max-width: 768px) {
	.bg_top {
		background: url("../images/index/bg_top.jpg");
		background-position: 1500px center;
		background-size: inherit;
		background-repeat: repeat-x;
	}
	.bg_top_middle {
		background: url("../images/index/bg_dot2.jpg");
		background-attachment: fixed;
		background-size: contain;
		background-position: center;
		padding: 50px 0 0 0;
	}
	.bg_sponsor {
		background: url("../images/index/bg_sponsor.jpg");
		background-position: top center;
		background-size: cover;
		background-repeat: repeat-x;
		padding: 50px 0;
		margin: 100px 0 0 0;
	}
}
/* -----------------------------------------------------------------------------------------------------

    SNSアカウントエリア：固定

-----------------------------------------------------------------------------------------------------*/
.sns-account_warp {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.sns-account_cont {
	display: flex;
	flex-wrap: wrap;
	background: #e2f9bc;
	margin: 20px auto;
	padding: 20px;
	border-radius: 10px;
}
.sns-account_cont .item {
	width: calc(100%/6);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.sns-account_cont .item img {
	max-width: 100%;
}
@media screen and (max-width: 768px) {
	.sns-account_cont .item img {
		max-width: 80%;
	}
}
/* wcs関連バナー */
.wcs-bnr_wrap {
	width: 100%;
	margin: 0;
}
.wcs-bnr_wrap .box {
	display: flex;
	flex-wrap: nowrap;
}
.wcs-bnr_wrap .item {
	width: 100%;
	padding: 0 10px 0 0;
	margin: 0 auto;
}
.wcs-bnr_wrap .item:last-child {
	padding: 0;
}
.wcs-bnr_wrap .item img {
	width: 100%;
	border: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
	/* wcs関連バナー */
	.wcs-bnr_wrap {
		width: 100%;
		margin: 0;
	}
	.wcs-bnr_wrap .box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.wcs-bnr_wrap .item {
		width: calc(50% - 10px);
		padding: 0 0 5px 0;
		margin: 0;
	}
	.wcs-bnr_wrap .item:last-child {
		padding: 0 0 5px;
	}
	.wcs-bnr_wrap .item img {
		width: 100%;
		border: 1px solid #ccc;
	}
}
/*  SNSタイムライン用　2カラム */
.frontpage-area-wrap_col2 {
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.frontpage-area_col2 {
	text-align: center;
	width: 48%;
}
.frontpage-area_col2 h2 {
	font-family: 'century-gothic', sans-serif;
	font-size: 30px padding: 50px 0 0 0;
}
.frontpage-sns-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}
@media screen and (max-width: 768px) {
	/*  2カラム */
	.frontpage-area-wrap_col2 {
		max-width: 1000px;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.frontpage-area_col2 {
		text-align: center;
		width: 90%;
		margin: 0 auto 50px auto;
	}
	.frontpage-area_col2 h2 {
		font-size: 26px;
		padding: 20px 0 0 0;
	}
	.frontpage-sns-wrap {
		text-align: center;
		margin: 0 auto;
		padding: 10px 0;
	}
	.footer-banner-wrap_sp {
		width: 90%;
		margin: 0 auto;
		color: #333;
		text-align: left;
	}
	.footer-banner-wrap_sp a {
		color: #333;
	}
	/* アコーディオンメニュー全体 */
	.ft_list dl {
		width: 90%;
		margin: 10px auto;
	}
	/* メニュー1セット */
	.accordion {
		/* border: 1px solid #ccc; */
		/* margin-top: 5px; */
		cursor: pointer;
		background: #FFF;
		border-radius: 5px;
		padding: 5px;
		margin: 0 0 30px 0;
	}
	/* タイトル */
	.accordion-title {
		position: relative;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 0;
	}
	/* 中身 */
	.accordion-content {
		display: none;
		font-size: 14px;
		/* padding: 0 10px; */
		margin-bottom: 5px;
	}
	/* 疑似要素にアイコンを付ける */
	.accordion-title::after {
		display: inline-block;
		position: absolute;
		top: 2;
		right: 15px;
		margin: auto 0; /* 上下中央揃え */
		content: "\f107";
		font-family: "Font Awesome 5 free";
		font-weight: 900;
		font-size: 15px;
		width: 1px;
		height: 1px;
		text-align: center;
		color: #333;
		transition: transform 0.5s;
	}
}
/* ------------------------------------------------------------------------------------------------------------------------------------

	 トップページスタイル

 ------------------------------------------------------------------------------------------------------------------------------------ */
/* SNSエリアで使用 */
.toppage_second_wrap_toponly {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
/* main */
.mth2 img {
	max-width: 100%;
	margin: 50px 0 30px 0;
}
@media screen and (max-width: 768px) {
	.mth2 img {
		max-width: 100%;
		margin: 0;
	}
}
.main_top {
	padding: 50px 20px;
}
.main_top h3 {
	text-align: center;
	font-size: clamp(1.313rem, 0.972rem + 1.7vw, 2.25rem);
	font-weight: bold;
}
.main_top p {
	/* text-align: center; */
	font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
}
.main_top__eventhighlight {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 50px auto 0 auto;
	justify-content: center;
}
.main_top__eventhighlight .box {
	width: 350px;
	max-height: 500px;
	margin: 10px 20px 30px;
	padding: 0;
	border-radius: 10px;
	background: rgb(34, 193, 195);
	background: linear-gradient(0deg, #ccff91 0%, #fffb00 60%);
	box-shadow: 0px 0px 5px 0px rgb(50 213 9 / 49%);
}
.main_top__eventhighlight .picture img {
	max-width: 100%;
}
.main_top__eventhighlight .titile {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
}
.main_top__eventhighlight .txt {
	margin: 5px 0;
	padding: 0 10px;
	font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
	line-height: 1.6;
}
.main_top__topics {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0px auto 100px auto;
	justify-content: center;
}
.main_top__topics .box {
	width: 346px;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 0px 5px 0px rgb(50 213 9 / 49%);
}
@media screen and (max-width: 768px) {
	.main_top {
		padding: 0 20px;
	}
	.main_top__topics {
		display: flex;
		flex-wrap: wrap;
		margin: 30px auto;
		justify-content: center;
	}
	.main_top__eventhighlight {
		display: flex;
		flex-wrap: wrap;
		max-width: 1200px;
		margin: 25px auto 30px auto;
		justify-content: center;
	}
}
/* -----------------------------------------------------------------------------------------------------

    トップページ：トピックス

-----------------------------------------------------------------------------------------------------*/
/* トピックスエリアのスタイル */
.main_top__topics {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 20px;
    align-items: stretch;
}

.custom_box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: calc(33.333% - 20px); /* 3つ並べるための幅調整 */
    box-sizing: border-box;
}

.custom_thumbnail img {
    width: 100%;
    height: auto;
}

.custom_title {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    text-align: left;
    color: #000;
}

.custom_title a{
    color: #0019a1;
}

.custom_date {
    font-size: 15px;
    color: #FFC107;
    margin-top: 10px;
    text-align: left;
    font-weight: 600;
}

.custom_excerpt {
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
    color: #333;
    margin-top: 5px;
    text-align: left;
    line-height: 1.4;
}

/* メディアクエリでレスポンシブ対応 */
@media (max-width: 1024px) {
    .custom_box {
        width: calc(50% - 20px); /* 2つ並べるための幅調整 */
    }
}

@media (max-width: 600px) {
    .custom_box {
        width: 100%; /* 1つずつ並べるための幅調整 */
    }
}


/* -----------------------------------------------------------------------------------------------------

    トップページ：スポンサー sponsor

-----------------------------------------------------------------------------------------------------*/
.toppage_sponsor_area {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.toppage_sponsor_area .spo_h2 {
	font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
	font-weight: bold;
	padding: 10px 0 0 0;
}
.toppage_sponsor_diamond {
	margin: 0 auto 2rem auto;
	padding: 0;
}
.toppage_sponsor_diamond .item {
	padding: 0 0 10px 0;
}
.toppage_sponsor_platina {
	margin: 0 auto 2rem auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 840px;
	justify-content: center;
}
.toppage_sponsor_platina .item {
	width: calc(100% / 2);
	/* nthで、lastだけキャンセルさせる必要あり */
	padding: 0 0 10px 0;
}
.toppage_sponsor_gold {
	margin: 0 auto 20px auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.toppage_sponsor_gold .item {
	width: calc(100% / 3);
	/* nthで、lastだけキャンセルさせる必要あり */
	padding: 0 0 10px 0;
}
.toppage_sponsor_sliver {
	margin: 0 auto 30px auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.toppage_sponsor_sliver .item {
	width: calc(100% / 4);
	/* nthで、lastだけキャンセルさせる必要あり */
	padding: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
	.toppage_sponsor_area {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0 0 0;
		text-align: center;
	}
	.toppage_sponsor_diamond {
		margin: 0 auto 10px auto;
		padding: 0;
	}
	.toppage_sponsor_diamond .item img {
		width: 90%;
	}
	.toppage_sponsor_platina {
		margin: 0 auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		width: 80%;
		max-width: 840px;
		justify-content: space-around;
	}
	.toppage_sponsor_platina .item {
		width: calc(100% / 2);
		/* nthで、lastだけキャンセルさせる必要あり */
		padding: 0 0 10px 0;
	}
	.toppage_sponsor_platina .item img {
		width: 90%;
	}
	.toppage_sponsor_gold {
		margin: 0 auto 10px auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		width: 80%;
	}
	.toppage_sponsor_gold .item {
		width: calc(100% / 3);
		/* nthで、lastだけキャンセルさせる必要あり */
		padding: 0 0 10px 0;
	}
	.toppage_sponsor_gold .item img {
		width: 90%;
	}
	.toppage_sponsor_sliver {
		margin: 0 auto 0 auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		width: 80%;
	}
	.toppage_sponsor_sliver .item {
		width: calc(100% / 4);
		/* nthで、lastだけキャンセルさせる必要あり */
		padding: 0 0 10px 0;
	}
	.toppage_sponsor_sliver .item img {
		width: 90%;
	}
}
/*-----------------------------------------------------------------------------------------------------------------------------------

	 下層ページ：テンプレート　見出し設定(h4,h5)

 ------------------------------------------------------------------------------------------------------------------------------------ */
.deco_h4_green {
	width: 100%;
	height: auto;
	background: #e2f9bc;
	border-left: solid 7px #83d504;
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
}
.deco_h4_orange {
	width: 100%;
	height: auto;
	background: #faf6c6;
	border-left: solid 7px #ff7f2a;
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
}
.deco_h4_pink {
	width: 100%;
	height: auto;
	background: #ffeef0;
	border-left: solid 7px #eb706c;
	margin: 10px 0;
	padding: 10px 0 10px 10px;
	font-weight: 700;
	font-size: 16px;
}
.deco_h4_blue {
	width: 100%;
	height: auto;
	border-left: solid 7px #0056B8;
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	font-weight: 700;
	background: #e1f3ff;
	font-size: 16px;
}
.deco_h5_green {
	width: 100%;
	height: auto;
	border-left: solid 7px #83d504;
	border-bottom: solid 1px #333;
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
}
.deco_h5_orange {
	width: 97%;
	height: auto;
	border-left: solid 7px #ff7f2a;
	border-bottom: solid 1px #333;
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
}
.deco_h5_blue {
	width: 100%;
	height: auto;
	border-left: solid 7px #0056B8;
	border-bottom: solid 1px #333;
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
}
.deco_h5_pink {
	width: 100%;
	height: auto;
	border-left: solid 7px #ff538d;
	border-bottom: solid 1px #333;
	margin: 10px 0;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 16px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------

	 下層ページ：テンプレート

 ------------------------------------------------------------------------------------------------------------------------------------ */
.page__container {
	margin: 0 auto;
	padding: 0;
}
.page__wrap {
	width: 100%;
	max-width: 1200px;
	display: flex;
	margin: 0 auto;
	padding: 50px 0;
	justify-content: space-between;
}
.page__header {
	width: 100%;
	background: url("../images/index/bg_top.jpg");
	background-position: top center;
	background-size: auto;
	background-repeat: repeat-x;
}
.page__title {
	max-width: 1200px;
	background-image: url("../images/common/page-titile_logo.png");
	background-position: 0% 10%;
	background-repeat: no-repeat;
	background-size: 28%;
	margin: 0 auto;
}
.page__title h3 {
	height: 120px;
	display: flex;
	font-size: 28px;
	font-weight: 500;
	align-items: center;
	color: #fff;
	filter: drop-shadow(2px 4px 3px #222);
	justify-content: flex-end;
}
/*デフォルト*/
.page_container {
	width: 75%;
	font-size: 16px;
	background: #ffffff;
	border: 1px solid #83d504;
	padding: 0 20px 20px 20px;
	line-height: 1.8;
}
.page_container p {
	padding: 0;
}
.page_container h2 {
	font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	font-weight: 600;
}
.page_container h3 {
	width: 100%;
	/* height: 40px; */
	position: relative;
	margin: 20px auto;
	padding: 10px 0 10px 80px;
	background: #83d504;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	font-weight: 600;
	line-height: 1.2;
}
.page_container h3::before {
	position: absolute;
	top: -8px;
	left: 10px;
	content: url("https://worldcosplaysummit.jp/2023/wp-content/themes/wcs2023_jp/assets/images/common/default _h2_icon.png");
	display: inline-block;
}
.page_container ul, ol {
	padding: 0.5em 0.5em 0.5em 2em;
}
.page_container ul li, ol li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style: disc;
}
/* 外部リンクにアイコンをつける */
.page_container a[target="_blank"]:after {
	content: "\f08e";
	font-family: FontAwesome;
	margin: 0px 3px;
	font-size: 14px;
}
/* 1カラムテンプレート */
.page_container_col-md-10 {
	width: 100%;
	max-width: 1000px;
	font-size: 16px;
	background: #ffffff;
	border: 1px solid #83d504;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	line-height: 1.6;
}
.page_container_col-md-10 h3 {
	width: 100%;
	/* height: 40px; */
	position: relative;
	margin: 20px auto;
	padding: 10px 0 10px 80px;
	background: #83d504;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	font-weight: 600;
	line-height: 1.2;
}
.page_container_col-md-10 h3::before {
	position: absolute;
	top: -8px;
	left: 10px;
	content: url("https://worldcosplaysummit.jp/2023/wp-content/themes/wcs2023_jp/assets/images/common/default _h2_icon.png");
	display: inline-block;
}
.page_container_col-md-10 ul, ol {
	padding: 0.5em 0.5em 0.5em 2em;
}
.page_container_col-md-10 ul li, ol li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style: disc;
}
aside {
	width: 22%;
	margin: 0;
	padding: 0;
	/* border: 1px solid #83d504; */
}
.side-wrap {
	padding: 0 0 30px 0;
}
.side-twitter {
	padding: 0 0 100px 0;
}
.side-navigation {
	/* border: 1px solid #83d504; */
	text-align: left;
	border-radius: 0px;
	overflow: hidden;
}
.side-navigation-title {
	background: #83d504;
	padding: 10px;
	font-weight: bold;
	margin: 0;
}
.side-navigation-title a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.side-navigation-title a:hover {
	color: #FFFA00;
	text-decoration: none;
}
.side-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.side-navigation ul li {
	margin: 0;
	padding: 10px;
	font-weight: bold;
	border-left: 1px solid #83d504;
	border-right: 1px solid #83d504;
	border-bottom: 1px solid #83d504;
	background: #FFF;
}
.side-navigation ul li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.side-navigation ul li a:hover {
	width: 100%;
	color: #FF5722;
	text-decoration: none;
}
.side-navigation ul li:last-child {}
@media screen and (max-width:768px) {
	aside {
		display: none;
	}
	.page_container h3 {
		height: auto;
		padding: 10px 30px 10px 43px;
	}
	.page_container h3::before {
		top: -15px;
		left: -10px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
	.page__title {
		max-width: 1200px;
		background-image: none;
		background-position: 0% 10%;
		background-repeat: no-repeat;
		background-size: 28%;
		margin: 0 auto;
	}
}
@media screen and (max-width:768px) {
	.page__container {
		margin: 0 auto;
		padding: 0;
	}
	.page__wrap {
		width: 100%;
		max-width: 1200px;
		display: flex;
		margin: 70px auto 30px auto;
		padding: 0;
		/* background: #FFF; */
		justify-content: space-between;
	}
	.page__header {
		margin: 60px auto 0 auto;
		background-color: #0164ea;
		background-image: none;
	}
	.page__title h3 {
		max-width: 100%;
		max-height: 70px;
		background-image: none;
		background-position: 0% 10%;
		background-repeat: no-repeat;
		background-size: 30%;
		display: flex;
		font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
		font-weight: 500;
		align-items: center;
		margin: 23px 0 0 0;
		padding: 5px 20px 0 20px;
		justify-content: center;
	}
	.page_container {
		width: 90%;
		margin: 30px auto 0 auto;
		line-height: 1.4;
		font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	}
	.page_container h2 {
		font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
		font-weight: 600;
	}
	.page_container p {
		padding: 0;
		word-break: break-all;
	}
	.page_container_col-md-10 {
		width: 90%;
		margin: 20px auto;
		padding: 0 10px 20px;
		font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
		background: #FFF;
	}
	.page_container_col-md-10 h3 {
		width: 100%;
		/* height: 40px; */
		position: relative;
		margin: 20px auto 10px auto;
		padding: 10px 0 10px 49px;
		background: #83d504;
		border-radius: 5px;
		box-sizing: border-box;
		font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
		font-weight: 600;
	}
	.page_container_col-md-10 h3::before {
		position: absolute;
		top: -8px;
		left: 10px;
		content: url("https://worldcosplaysummit.jp/2023/wp-content/themes/wcs2023_jp/assets/images/common/default _h2_icon.png");
		display: inline-block;
		top: -15px;
		left: -10px;
		transform: scale(0.7);
	}
	.page_container_col-md-10 {
		width: 90%;
		margin: 20px auto;
		padding: 0 10px 20px;
		font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
		background: #FFF;
	}
	.page_container_col-md-10 h3 {
		width: 100%;
		/* height: 40px; */
		position: relative;
		margin: 20px auto 10px auto;
		padding: 10px 0 10px 49px;
		background: #83d504;
		border-radius: 5px;
		box-sizing: border-box;
		font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
		font-weight: 600;
	}
	.page_container_col-md-10 h3::before {
		position: absolute;
		top: -8px;
		left: 10px;
		content: url("https://worldcosplaysummit.jp/2023/wp-content/themes/wcs2023_jp/assets/images/common/default _h2_icon.png");
		display: inline-block;
		top: -15px;
		left: -10px;
		transform: scale(0.7);
	}
}
/*-----------------------------------------------------------------------------------------------------------------------------------

	 下層ページ：テンプレート　アーカイブ設定(archive)

 ------------------------------------------------------------------------------------------------------------------------------------ */
.archive {
	margin: 0 auto;
}
.archive h2 {
	font-size: clamp(0.875rem, 0.804rem + 0.27vw, 1.125rem);
	font-weight: 500;
	background: #dfffb9;
	border-radius: 3px;
	padding: 4px 0 4px 5px;
	margin: 0 0 10px 0;
	border-left: 10px solid #83d504;
}
.archive .archive_date {
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
.archive .archive_contents {
	line-height: 1.6;
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}
.archive h2 a {
	text-decoration: none;
}
.archive a {
	text-decoration: underline;
}
.archive a:link {
	color: #0027ff;
}
.archive a:visited {
	color: #673AB7;
}
.archive_st {
	display: flex;
	width: 100%;
	border-bottom: 2px dotted #CCC;
}
.archive_st_img {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.archive_st_img img {
	width: 200px;
	height: auto;
}
.archive_st_txt {
	text-align: right;
}
.archive_st_plan_txt {
	text-align: left;
	display: flex;
	font-weight: 700;
	padding: 0 0 10px 0;
}
.archive_st_plan_txt_inner {
	font-weight: normal;
}
.archive_st_ttl {
	padding: 10px 20px;
	width: 85%;
}
@media (max-width: 580px) {
	.archive_st {
		display: flex;
		width: 100%;
		border-bottom: 2px dotted #CCC;
		flex-direction: column;
	}
	.archive_st_img {
		padding: 10px;
		width: 100%;
		text-align: center;
	}
	.archive_st_img img {
		width: 90%;
		height: auto;
	}
	.archive_st_txt {
		text-align: right;
	}
	.archive_st_ttl {
		padding: 10px;
		width: 100%;
	}
	.archive_st_plan_txt {
		text-align: left;
		display: flex;
		font-weight: 700;
		padding: 0 0 10px 0;
		flex-direction: column;
	}
}
/* -----------------------------------------------------------------------------------------------------

    お問い合せ設定：ContactForm7カスタマイズ

-----------------------------------------------------------------------------------------------------*/
/*ContactForm7カスタマイズ*/
.inquiry {
	width: 100%;
	margin: 0 auto;
	line-height: 2;
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
/*入力フォームの幅調整*/
.inquiry input {
	height: 1.5rem;
	border: 2px solid silver;
	border-radius: 5px;
	padding: 1rem;
	white-space: nowrap;
}
.inquiry textarea {
	width: 90%;
	height: 30rem;
	border: 2px solid silver;
	border-radius: 5px;
	padding: 1rem;
}
/*項目の下線*/
.inquiry th {
	width: 35%;
	vertical-align: middle;
	border: none;
	border-bottom: 1px solid silver;
	text-align: left;
}
.inquiry td {
	border: none;
	text-align: left;
	padding: 2rem 0;
	border-bottom: 1px solid silver;
}
/*必須・任意のラベルの形状*/
.formlabel {
	padding: 5px;
	font-size: 0.8rem;
	font-weight: normal;
	border-radius: 5px;
	margin-right: 10px;
	position: relative;
}
/*必須のカラー*/
.must {
	background: #ff8282;
	color: #fff;
}
/*任意のカラー*/
.may {
	background: #a5a5a5;
	color: #fff;
}
/*送信ボタンのデザイン変更*/
#formbtn {
	display: block;
	padding: 15px;
	width: 20%;
	background: #eee;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 5px;
	margin: 25px auto 0;
}
/*送信ボタンマウスホバー*/
#formbtn:hover {
	background: #ff6a6a;
	color: #fff;
}
/*ラジオボタンのデザイン変更*/
.inquiry .wpcf7-radio input[type=radio] {
	display: none;
	vertical-align: middle;
}
.inquiry .wpcf7-radio > .wpcf7-list-item {
	margin-left: 0;
}
.inquiry .wpcf7-radio input[type=radio] + span {
	padding-left: 20px;
	position: relative;
	margin-right: 20px;
	vertical-align: middle;
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
.inquiry .wpcf7-radio input[type=radio] + span::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	border: 1px solid gray;
	border-radius: 50%;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span {
	color: #d01137;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 2px;
	width: 12px;
	height: 12px;
	background: #d01137;
	border-radius: 50%;
}
@media (max-width: 580px) {
	.inquiry {
		width: 100%;
		margin: 0 auto;
		line-height: 2;
		font-size: 1.4rem;
	}
	.inquiry th, td {
		/* display:flex; */
		/* float: left; */
		/* clear: both; */
	}
	/*入力フォームの幅調整*/
	.inquiry input {
		width: 90%;
		height: 1.5rem;
		border: 2px solid silver;
		border-radius: 5px;
		padding: 0.5rem;
		font-size: 12px;
	}
	.inquiry textarea {
		width: 88%;
		height: 15rem;
		border: 2px solid silver;
		border-radius: 5px;
		padding: 1rem;
		font-size: 12px;
	}
	/*項目の下線*/
	.inquiry tr {
		display: flex;
		width: 100%;
		vertical-align: middle;
		border: none;
		border-bottom: none;
		text-align: left;
		font-weight: 600;
		font-size: 1.4rem;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.inquiry th {
		display: flex;
		width: 100%;
		vertical-align: middle;
		border: none;
		padding: 10px 0;
		border-bottom: none;
		text-align: left;
		font-weight: 600;
		font-size: 16px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.inquiry td {
		border: none;
		padding: 0;
		border-bottom: none;
		text-align: left;
		width: 100%;
		font-size: 14px;
	}
	/*送信ボタンのデザイン変更*/
	#formbtn {
		display: block;
		padding: 15px;
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
}
/*-----------------------------------------------------------------------------------------------------------------------------------

	 ギャラリー

 ------------------------------------------------------------------------------------------------------------------------------------ */
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
	overflow: hidden;
}
.gallery br {
	display: none;
} /** 自動で挿入される clearfix の余白解除 **/
.gallery-item { /** 画像共通のスタイル **/
	float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
	text-align: center;
}
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
.gallery-caption { /** キャプション **/
	color: #222;
	font-size: 12px;
	margin: 0 0 10px;
	text-align: center;
}
.gallery-columns-1 .gallery-item { /** カラムなし **/
	width: 100%;
	margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
	width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
	width: 23%;
	margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
	width: 18%;
	margin: 0 1%;
}
@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 1%;
	}
}
/*-----------------------------------------------------------------------------------------------------------------------------------

	 チャンピオンシップ：代表選考会スケジュール

 ------------------------------------------------------------------------------------------------------------------------------------ */
/* スケジュール */
#schedule_cardlayout-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 2em auto;
	max-width: 1000px;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
/* リンクテキストの下線を非表示 */
a.schedule_card-link {
	text-decoration: none;
}
/* カードレイアウト内の画像を幅いっぱいに表示 */
#schedule_cardlayout-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #999;
}
.schedule_card-figure {
	margin: 0;
	padding: 0;
}
/* カードレイアウトのタイトル部分 */
.schedule_card-title {
	margin: 0.6em 0 0;
	color: #333;
	text-align: center;
	font-size: 1.8em;
}
/* カードレイアウトの説明文部分 */
.schedule_card-text-tax {
	margin: 0;
	padding: 1em;
	color: #818181;
}
/* カードレイアウトを1カラムで配置 */
.schedule_card-list {
	margin: 0.5em auto;
	padding: 0;
	width: 96%;
	background: #e9ffea;
}
/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
	.schedule_card-list {
		margin: 0.5em 0;
		width: calc(96% / 2); /* 96%幅を2で割るという指定 */
		padding: 20px;
	}
}
/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
	.schedule_card-list {
		width: calc(97% / 3); /* 96%幅を3で割るという指定 */
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
#schedule_cardlayout-wrap::after {
	content: "";
	display: block;
	width: calc(96% / 3);
}
.schedule_eventname {
	padding: 0;
	font-size: 18px;
	line-height: 1.4;
}
.schedule_eventname span {
	font-size: 16px;
}
.schedule_eventday {
	padding: 10px 0;
}
.schedule_eventaddr {
	padding: 10px 0;
}
/*------------------------------------------------------------------------------------------------------------------------

チャンピオンシップ：チャンピオンシップ歴代優勝　国・地域 一覧

------------------------------------------------------------------------------------------------------------------------*/
.championship_rule_list dl dt dd {
	line-height: 2;
}
/* 2カラム */
/* カードレイアウト部分をラッピングし、
Flexboxを指定"space-between"で各アイテムを均等に配置し、
最初と最後のアイテムを端に寄せます。*/
#cardlayout-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 1em auto;
	max-width: 1000px;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
/* リンクテキストの下線を非表示 */
a.card-link {
	text-decoration: none;
}
/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}
.card-figure {
	margin: 0;
	padding: 0;
}
/* カードレイアウトのタイトル部分 */
.card-title {
	margin: 0.5rem auto;
	color: #333;
	text-align: center;
	font-size: 1.6rem;
}
.card-title2 {
	color: #333;
	text-align: center;
	font-size: 1.8rem;
	position: relative;
	top: -1rem;
}
/* カードレイアウトの説明文部分 */
.card-text-tax {
	color: #000000;
}
/* カードレイアウトを1カラムで配置 */
.card-list {
	margin: 0.5em auto;
	padding: 0;
	width: 96%;
	background: #f0f0f0;
}
/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
	.card-list {
		margin: 0.5em 0;
		width: calc(96% / 2); /* 96%幅を2で割るという指定 */
	}
}
/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
	.card-list {
		width: calc(96% / 3); /* 96%幅を3で割るという指定 */
	}
	/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
	#cardlayout-wrap::after {
		content: "";
		display: block;
		width: calc(96% / 3);
	}
}
#layout-2column-wrap {
	margin: 1rem auto;
	display: flex;
}
.layout-2column-list {
	margin: 0 auto;
	text-align: center;
}
.layout-2column-card {
	width: 100%;
	margin: 1rem auto;
}
.layout-2column-card img {
	width: 90%;
}
.layout-2column-card2-title {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 500;
}
/* カードレイアウト yotuube */
.cardlayout-youtube-wrap {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 5rem auto;
}
.cardlayout-youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0;
}
.cardlayout-youtube iframe {
	width: 100%;
	height: 100%;
}
@media (max-width: 580px) {
	#layout-2column-wrap {
		margin: 1rem auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.layout-2column-list {
		margin: 0 auto;
		text-align: center;
	}
	.layout-2column-card {
		width: 100%;
		margin: 1rem auto;
	}
	.layout-2column-card img {
		width: 60%;
	}
	.layout-2column-card2-title {
		text-align: center;
		font-size: 1.6rem;
		font-weight: 500;
	}
}
/* スケジュール */
#schedule_cardlayout-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 2em auto;
	max-width: 1000px;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
/* リンクテキストの下線を非表示 */
a.schedule_card-link {
	text-decoration: none;
}
/* カードレイアウト内の画像を幅いっぱいに表示 */
#schedule_cardlayout-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #999;
}
.schedule_card-figure {
	margin: 0;
	padding: 0;
}
/* カードレイアウトのタイトル部分 */
.schedule_card-title {
	margin: 0.6em 0 0;
	color: #333;
	text-align: center;
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	font-weight: bold;
}
/* カードレイアウトの説明文部分 */
.schedule_card-text-tax {
	margin: 0;
	padding: 1em;
	color: #818181;
}
/* カードレイアウトを1カラムで配置 */
.schedule_card-list {
	margin: 0.5em auto;
	padding: 0;
	width: 96%;
	background: #ffffff;
}
/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
	.schedule_card-list {
		margin: 0.5em 0;
		width: calc(96% / 2); /* 96%幅を2で割るという指定 */
		padding: 20px;
	}
}
/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
	.schedule_card-list {
		width: calc(97% / 4); /* 96%幅を3で割るという指定 */
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
#schedule_cardlayout-wrap::after {
	content: "";
	display: block;
	width: calc(96% / 3);
}
.schedule_eventname {
	padding: 0;
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	line-height: 1.4;
}
.schedule_eventname span {
	font-size: 16px;
}
.schedule_eventday p {
	padding: 0;
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
.schedule_eventaddr {
	padding: 10px 0;
}
/*------------------------------------------------------------------------------------------------------------------------

よくある質問

------------------------------------------------------------------------------------------------------------------------*/
.sp-easy-accordion .ea-header {
	width: 100%;
	margin: 0 auto;
	padding: 0px !important;
	color: #333 !important;
	background: #ffffff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}
.sp-easy-accordion .sp-ea-single .ea-header a {
	display: block !important;
	text-decoration: none !important;
	cursor: pointer !important;
	font-weight: 600 !important;
	color: #333 !important;
	font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem) !important;
	line-height: 18px !important;
	box-shadow: none !important;
}
/*-----------------------------------------------------------------------------------------------------------------------------------

	 チケット

 ------------------------------------------------------------------------------------------------------------------------------------ */
.ticket_price_cosplay {
	width: 90%;
	border: 2px solid orange;
	border-radius: 10px;
	margin: 15px auto;
	padding: 10px;
	background-color: #fffbd8;
	text-align: center;
	font-weight: bold;
}
.ticket_price_dressingroom {
	width: 90%;
	border: 2px solid #ef4154;
	border-radius: 10px;
	margin: 15px auto;
	padding: 10px;
	background-color: #ffeef0;
	text-align: center;
	font-weight: bold;
}
.ticket_price_photographer {
	width: 90%;
	border: 2px solid #83d504;
	border-radius: 10px;
	margin: 15px auto;
	padding: 10px;
	background-color: #e2f9bc;
	text-align: center;
	font-weight: bold;
}
.ticket_price_cloak{
	width: 90%;
	border: 2px solid #0066cc;
	border-radius: 10px;
	margin: 15px auto;
	padding: 10px;
	color:#FFF;
	background-color: #0066cc;
	text-align: center;
	font-weight: bold;
}

/* -----------------------------------------------------------------------------------------------------

    下層ページ：ステージ

-----------------------------------------------------------------------------------------------------*/
.stage_customfield_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.stage_customfield_box {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.stage_customfield_image {
	width: 38%;
	margin: 0 2rem 0 0;
	padding: 0;
}
.stage_customfield_image img {
	width: 100%;
	height: auto;
}
.stage_customfield_data {
	width: 61%;
}
.stage_customfield_textarea {
	width: 100%;
	margin: 2rem 0;
}
@media screen and (max-width:768px) {
	.stage_customfield_box {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.stage_customfield_image {
		width: 100%;
		margin: 0 2rem 2rem 0;
		padding: 0;
	}
	.stage_customfield_image img {
		width: 100%;
		height: auto;
	}
	.stage_customfield_data {
		width: 100%;
	}
	.stage_customfield_textarea {
		width: 100%;
		margin: 1rem 0;
	}
}


/* -----------------------------------------------------------------------------------------------------

    下層ページ：ブース

-----------------------------------------------------------------------------------------------------*/
.booth_customfield_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.booth_customfield_box {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.booth_customfield_image {
	width: 38%;
	margin: 0;
	padding: 0;
}
.booth_customfield_image img {
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
}
.booth_customfield_data {
	width: 61%;
	padding: 10px 20px;
}
.booth_customfield_textarea {
	width: 100%;
	margin: 10px 0 0 0;
}
@media screen and (max-width:768px) {
	.booth_customfield_box {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.booth_customfield_image {
		width: 100%;
		margin: 0 2rem 2rem 0;
		padding: 0;
	}
	.booth_customfield_image img {
		width: 100%;
		height: auto;
	}
	.booth_customfield_data {
		width: 100%;
		padding: 0;
	}
	.booth_customfield_textarea {
		width: 100%;
		margin: 1rem 0;
	}
}