@charset "utf-8";

/* - ALL -- */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}
#top {
	background-color: transparent;
	}

/* - ヘッダ -- */
#header {
	position: relative;
	width: 100%;
	background-color: transparent;
	}
#header_all {
	width: 100%;
	height: 120px;
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	background-color: transparent;
	}
/*   ロゴ */
#logo {
	margin-right: auto;
	}
#logoin {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
	align-items:         center;
	}
/*   カウントダウン */
#countdown {
	height: 120px;
	}
/*   ヘッダメニュー */
#header_menu {
	margin: 44px 32px 0 0px;
	}
ul.header_menulist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: flex-start;
	align-items:         flex-start;
	}
ul.header_menulist li {
	list-style-type: none;
	text-align: center;
	}
ul.header_menulist li.header_menulist_ln {
	z-index: 100;
	}



/*   グローバルメニュー */
#main_menu {
	width: 100%;
	background-color: #f3f3f3;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
	z-index: 5;
	}
ul.main_menulist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: center;
	justify-content:         center;
	z-index: 10;
	}
ul.main_menulist li {
	list-style-type: none;
	}


/*   サブメニュー */
#sub_menu {
	background-color: #fcfcfc;
	/* 	border-bottom: 1px dotted #000; */
	}
ul.sub_menulist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: center;
	justify-content:         center;
	}
ul.sub_menulist li {
	list-style-type: none;
	}

/* - メイン -- */
#main {
	width: 100%;
	background-color: transparent;
	}

/*   本文枠 */
.pagecontents_top {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 32px 6% 0px 6%;
	overflow: hidden;
	}
.pagecontents {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 32px 6% 64px 6%;
	overflow: hidden;
	}
.pagecontents_right {
	position: relative;
	width: 76%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 32px 12% 64px 12%;
	overflow: hidden;
	}

.pagecontents_wide {
	position: relative;
	width: 100%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	overflow: hidden;
	}
.pagecontents_edu {
	position: relative;
	width: 100%;
	background-color: #fff7d8;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	overflow: hidden;
	}
.pagecontents_top_wide {
	position: relative;
	width: 100%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 32px 0 0px 6%;
	overflow: hidden;
	}
/*   本文カラム */
.column_all {
	width: 100%;
	height: 100%;
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	background-color: transparent;
	}
.column_all_wide {
	width: 100%;
	height: 100%;
	background-color: transparent;
	}
/*   コラム分割 50% */
#at_map2 {
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.right_all {
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.right_inner {
	margin: 0px 0px 0px 0px;
	padding: 6% 6% 12% 6%;
	}
.artist_left {
	width: 47%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 42px 0px;
	}
.artist_right {
	width: 41%;
	margin: 0% 0px 0px 0px;
	padding: 62px 6% 62px 6%;
	}


/* - フッタ -- */
#footer {
	width: 100%;
	background-color: #fff;
	background-image: url("../images/footerbg.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% 51px;
	}
/*   バナーエリア */
#footer_banner {
	width: 100%;
	}
ul.footer_bannerlist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: center;
	justify-content:         center;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	}
ul.footer_bannerlist li {
	list-style-type: none;
	}
/*   フッタメニュー */
#footer_menu {
	width: 100%;
	background-color: #f9f9f9;
	}
ul.footer_menulist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: center;
	justify-content:         center;
	-webkit-align-items: center;
	align-items:         center;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	}
ul.footer_menulist li {
	list-style-type: none;
	}


/* ---- レスポンシブ ---- */
/* - タブレット横 -- */
@media screen and (min-width: 961px) and (max-width: 1024px) {
#header_menu {
	margin: 44px 32px 0 0px;
	}
/*   タブ横　本文枠 */
.pagecontents_right {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 32px 6% 64px 6%;
	overflow: hidden;
	}
	}

/* - タブレット縦 -- */
@media screen and (min-width: 737px) and (max-width: 960px) {
#header_all {
	height: 90px;
	}
#countdown {
	display: none;
	}
#header_menu {
	margin: 29px 32px 0 0px;
	}
/*   タブ縦　コラム分割 50% */
#at_map2 {
	width: 45%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.right_all {
	width: 55%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	}
.right_inner {
	margin: 0px 0px 0px 0px;
	padding: 6% 4% 12% 4%;
	}
/*   タブ縦　本文枠 */
.pagecontents_right {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 32px 6% 64px 6%;
	overflow: hidden;
	}

	}

/* - スマホ -- */
@media screen and (max-width: 736px) {
#header_all {
	height: 60px;
	}
#countdown {
	display: none;
	}
#header_menu ul.header_menulist {
	display: none;
	}

#main_menu {
	width: 100%;
	height: auto;
	background-color: #f3f3f3;
	border-top: 1px solid #000;
	border-bottom: none;
	}
ul.main_menulist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: center;
	justify-content:         center;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	}
ul.main_menulist li {
	list-style-type: none;
	width: 50%;
	text-align: center;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	}

#sub_menu {
	display: none;
	}

ul.sub_menulist {
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-justify-content: left;
	justify-content:         left;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	}
ul.sub_menulist li {
	width: 100%;
	}
/*   スマホ　本文枠 */
.pagecontents_top {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 6% 6% 0 6%;
	overflow: hidden;
	}
.pagecontents {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 6% 6% 6% 6%;
	overflow: hidden;
	}
.pagecontents_wide {
	position: relative;
	width: 100%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	overflow: hidden;
	}
.pagecontents_right {
	position: relative;
	width: 88%;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 6% 6% 0px 6%;
	overflow: hidden;
	}
/*   スマホ　アクセス */
.column_all {
	width: 100%;
	height: 100%;
	-js-display:     flex;
	display: -webkit-flex;
	display:         flex;
	-webkit-flex-direction: column;
	flex-direction:         column;
	background-color: transparent;
	}
#at_map2 {
	width: 100%;
	height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.right_all {
	width: 100%;
	height: auto;
	}
.right_inner {
	margin: 0px 0px 0px 0px;
	padding: 5% 5% 12% 5%;
	}
.artist_left {
	-webkit-order: 2;
	order:         2;
	width: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5% 0px 5%;
	}
.artist_right {
	-webkit-order: 1;
	order:         1;
	width: 90%;
	margin: 0px 0px 0px 0px;
	padding: 10% 5% 5% 5%;
	}

	}