﻿/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/*　■■■■■■■■■ ページの構造 ■■■■■■■■■　*/
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/* ------------ ボディ -----------*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height:165%;
}
/* ------------ ヘッダ -----------*/
header {
	position: static;
	height: auto;
	min-width: 320px;
}
header .title {
	width:100%;
	height:auto;
}
header .container {
	margin: 0;
	width: auto;
	padding: 10px;
}
header .logo {
	margin-right: 10px;
}
header .title h1 {
	font-size: 18px;
}
#main {
	margin: 0;
	width: 100%;
	min-width: 320px;
	min-height: 0;
}
#index .index_image img {
	max-width: 100%;
	height: auto;
}
#index2 {
	height:550px;
	background: url(top2.jpg) 100% 0%/cover no-repeat;
	background-color: #73BCD9;
}
dl#tokitokoro {
	font-size: 10px;
	position: absolute;
	top: 50px;
	bottom: auto;
	left: 10px;
	right: 10px;
}
dl#tokitokoro > dd {
	text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff;
}
#web_info {
	display: block;
	margin: 1em;
}
#web_info > * + * {
	margin: 2em 0 0 0;
}
#web_info .f {
	display: block;
}
#web_info .f > * + * {
	margin: 1em 0 0 0;
}
/* -------------- ナビゲーションボタン -------------- */
/* #navi{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#navi ul {
	width: 100%;
	height: auto;
	overflow: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
#navi ul > li {
	font-size: 14px;
}
#navi ul > li a {
	padding: 12.5px 11.3px;
} */
#navi{
	width: 100%;
	height: auto;
}
#navi ul {
	width: 100%;
	height: auto;
	justify-content: flex-start;
}
/* ----------------------- 外枠 ----------------------- */
#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: 95%;
	margin: 0 0 24px 1em;*/
	/* width: auto;
	margin: 0 15px 150px; */
	margin: 50px 1em 150px;
	width: auto;
}
.atcl01 {
	width: 95%;
	margin: 0 0 0 1em;
}
.atcl_side {
	width: 95%;
	margin: 0 10px 24px 1em;
}
/* .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;
} */
/*　■■■■■■■■■ ページ毎 ■■■■■■■■■　*/
/*　■■■ トップページ（index.html） ■■■　*/
/* 更新情報 */
.news {
	width:95%;
	height:300px;
	overflow:auto;
}
.news dl {
	padding:5px 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;
}
/*　■■■ ご挨拶 ■■■　*/
#aisatsu .kaicho {
	display: block;
}
#aisatsu .kaicho > * + * {
	margin: 10px 0 0 0;
}
/*　■■■ 開催概要 ■■■　*/
#gaiyo dt {
	float:none;
}
#gaiyo dd {
	margin:10px 0 20px 10px;
}
/*　■■■ 演題募集 ■■■　*/
#endai dl.online dd.kikan,
#endai dl.online dd.kikan_encho {
	font-size: 4.0vw;
}
/*　■■■ プログラム2 ■■■　*/
#pro2 .heading {
	flex-direction: column;
}
#pro2 .heading .name2 {
	font-size: 90%;
	margin: 0;
}
#pro2 .heading .time {
	font-size: 90%;
	margin: 0;
}
#pro2 .zacho {
	margin-left: 0;
}
#pro2 .zacho2 {
	margin: 10px 0;
}
#pro2 .endai {
	margin: 1em 0;
}
#pro2 .endai .e1 {
	margin-right: 1em;
}
#pro2 .endai .e2 {
	display: block;
}
#pro2 .endai .e2_2 {
	margin: 0;
	padding: 0;
	display: block;
}
#pro2 .endai .e2 > * + .e2_2 {
	margin: 5px 0 0 0;
}
#pro2 .enja {
	margin-left: 0;
}
#pro2 .enja .enja_zoku {
	margin: 5px 0 0 0;
}
#pro2 .enja_direction_1 {
	display: block;
}
/*　■■■ 会場案内 ■■■　*/
#access div.map {
	max-width:600px;
	height:360px;
}

/* 準備中 */
.const {
	margin:40px 0 0 0;
}
.const span {
	font-size: 230%;
	margin-left:20px;
}
/* ページトップへ */
.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}