﻿/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/*　■■■■■■■■■ ページの構造 ■■■■■■■■■　*/
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/* ------------ ボディ -----------*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height:165%;
	background: #FFF;
}
/* ------------ ヘッダ -----------*/
header {
	min-width: 320px;
}
header #header {
	/* background:url(img/image2.jpg) 50% 0% no-repeat; */
	background: url(img/image2.png) 50% 0% / contain no-repeat, radial-gradient(circle at 50% 0%, #49cde4, #1a7cbb);
}
header #header.header_tpl {
	background: url(img/image2.png) 50% 0% / contain no-repeat, radial-gradient(circle at 50% 0%, #49cde4, #2d9ccb);
}
#header .title {
	flex-direction: column
}
#header h1 {
	font-size: 18px;
	padding: 0 10px;
}
#header h1 .kai {
	margin:0 5px 0 0;
	font-size:90%;
	letter-spacing:-1px;
	vertical-align: baseline;
}
#header h1 img {
	max-width: 100%;
	height: auto;
}
#header h2 {
	font-size: 12px;
}
#index {
	width:100%;
}
#index div.toki {
	display: block;
	margin: 40px 0 20px;
}
#index div.toki > div {
	margin: 20px auto;
}
#index div.toki > div:last-child  {
	margin-right: auto;
}
#index table.toki2 {
	font-size: 12px;
	margin: 0 10px;
}
.oshirase {
	width: 90%;
}
/* -------------- ナビゲーションボタン -------------- */
#navi{
	width: 100%;
}
#navi ul {
	padding: 0;
	width: 100%;
	overflow: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
#navi a {
	font-size: 14px;
}
/* ----------------------- 外枠 ----------------------- */
#main {
	width: 100%;
	min-width: 320px;
	min-height: 0;
	margin: 0;
	padding: 0;
}
#sec_con {
	display:block;
	margin:0 auto;
	width:100%;
	text-align:left;
	background:#FFFFFF;
	overflow:hidden;
}
/* ----------------------- 右枠 ----------------------- */
#sec_right {
	display: block;
	width: 100%;
	padding: 0;
}
/* ----------------------- 左枠 ----------------------- */
#sec_left {
	display: block;
	width: 100%;
	padding: 0;
}
/* -------------- フッター -------------- */
footer {
	margin:0 auto;
	width:100%;
	height:auto;
	background:#FFFFFF;
}
footer .copy {
	padding:10px;
	text-align:right;
	font-size:80%;
}
footer .copy a {
	font-size:90%;
}
/* -------------- 共通コンテンツ -------------- */
.atcl00 {
	width: auto;
	margin: 0 1.2em 150px;
}
.atcl01 {
	width: 95%;
/*	margin: 0 0 0 1em;*/
	margin: 0 auto;
}
.atcl_side {
	width: auto;
	margin: 0 10px 25px;
}
.bar {
	margin: 20px 0px 24px 0px;
	padding:5px 0 0 20px;
	width:100%;
	height:30px;
	font-size:105%;
	font-weight:bold;
	box-sizing: border-box;
}
.bar span.renew {
	margin:0 0.5em 0 0;
	float:right;
	font-size:80%;
}
.bar span.renew a:link, .bar span.renew a:visited {
	color:#000;
}
.bar span.renew a:hover {
	color:#F00;
}
.minibar {
	margin: 20px 0 14px 0px;
	padding: 5px 0 0 20px;
	width: 100%;
	height: 30px;
	font-size: 105%;
	font-weight: bold;
	box-sizing: border-box;
}
.bar,
.minibar {
	width: auto;
	margin-left: 3px;
	margin-right: 4px;
}
/*　■■■■■■■■■ ページ毎 ■■■■■■■■■　*/
/*　■■■ トップページ（index.html） ■■■　*/
/* 更新情報 */
.news {
	width: auto;
	height:300px;
	overflow:auto;
}
.news dl {
	padding: 0.5em 0;
	border-bottom:dotted 1px #666666;
}
.news dt {
	float:none;
}
.news dt span {
	margin-right:5px;
	color:#CC0066;
}
.news dd {
	margin:0 0 0 2em;
}
/* .oshirase_web {
	display: block;
}
.oshirase_web > *:nth-child(2) {
	margin: 10px 0 0 0;
} */
/*　■■■ ご挨拶 ■■■　*/
#aisatsu {
	display: block;
}
#aisatsu .kaicho {
	flex-direction: column;
	text-align: right;
}
/*　■■■ プログラム ■■■　*/
#pro .title {
	margin:30px 10px 5px 4em;
	width:85%;
}
/*　■■■ プログラム ■■■　*/
#pro3 .heading {
	flex-direction: column;
}
#pro3 .heading .time {
	margin: 0;
}
#pro3 .enja {
	display: block;
	margin-left: 1em;
}
#pro3 .e1 + .e2 .enja {
	margin: 0;
}
#pro3 .enja > * {
	display: inline;
}
#pro3 .enja2 {
	display: block;
	margin-left: 1em;
}
#pro3 .enja2 > * {
	display: inline;
}
#pro3 .pc_br {
	display: none;
}
/*　■■■ 演題募集 ■■■　*/
@media (min-width: 320px) and (max-width: 480px) {
   #endai dl.online dd.kikan { font-size: 4.2vw; }
   #endai dl.online dd.kikan_encho { font-size: 3.6vw; }
}
#endai .waku {
	width: auto;
	word-wrap: break-word;
}
#endai table.kazari {
	width: auto;
}
/*　■■■ 発表動画の制作 ■■■　*/
#production .download {
	display: block;
}
#production .download > * {
	margin: 1em 0;
}
/*　■■■ 参加（視聴）登録 ■■■　*/
#sanka dl.online dd.kikan {
	font-size: 4.3vw;
}
/*　■■■ 案内 ■■■　*/
#annai .poster {
	flex-direction: column;
}
/*　■■■ 会場案内 ■■■　*/
#access .map iframe {
	max-width: 100%;
	height: 360px;
}
#access .map img {
	max-width: 100%;
	height: auto;
}

/* 準備中 */
.const {
	margin:40px 0 0 0;
}
.const span {
	font-size: 230%;
	margin-left:20px;
}
/* ページトップへ */
.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
