﻿/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/*　■■■■■■■■■ ページの構造 ■■■■■■■■■　*/
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/* ------------ ボディ -----------*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height:165%;
}
/*　■■■■■■■■■ ヘッダ ■■■■■■■■■　*/
header {
	position:fixed;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:55px;	
	border-top-width: 5px;
/*	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.4);*/
	min-width: 320px;
}
/* ------------ タイトル -----------*/
header .title {
	margin: 11px auto 0;
	width: auto;
}
header h1 {
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	text-align: center;
}
header h1 .kai {
	font-size:85%;
	display: block;
}
/*　■■■■■■■■■ コンテンツ ■■■■■■■■■　*/
#sec_con {
	display: block;
	margin: 0 auto;
	padding: 55px 0 50px;
	width:100%;
	background:#FFFFFF;
	overflow:hidden;
}
#sec_con .cl {
	order: 2;
	width:100%;
	margin: 0;
}
#sec_con .cr {
	order: 1;
	width:100%;
	min-height:1000px;
	margin: 0;
}
/* ------------ index.htmlの開催概要 -----------*/
/* #sec_con .main {
	height: 450px;
	background: url("img/image.jpg") 50% 100%/cover no-repeat;
	min-width: 320px;
	font-size: 90%;
} */
#sec_con .main {
	background-size: cover;
	width: 100%;
	height:auto;
	aspect-ratio: 750/654;
}
div.sanka_entry {
	background: #fff;
	border: solid 3px #f00;
	padding: 0.5em;
	text-align: center;
	position: absolute;
	/*left: 45px;*/
	left: 20px;
	right: 20px;
	top: 10px;
	width: 300px;
	height: 130px;
	font-size: 80%;
	display: none;
}
div.sanka_entry p.small{
	font-size: 50%;
}
div.sanka_entry .btn{
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 1.0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 100%;
	font-weight: bold;
	min-height: 2.5em;
	min-width: 70%;
	padding: 0.2em 0.8em;
}
div.sanka_entry_mobile {
	background: #fff;
	border: solid 3px #f00;
	padding: 0.5em;
	text-align: center;
	width: 340px;	
	font-size: 80%;
	display:block;
	margin: 0 auto;
}
div.sanka_entry_mobile p.small{
	font-size: 80%;
}
div.sanka_entry_mobile .btn{
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 1.0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 100%;
	font-weight: bold;
	min-height: 2.5em;
	min-width: 70%;
	padding: 0.2em 0.8em;
}
div.web_entry {
	border: solid 3px #f00;
	padding: 0.5em ;
	/*right: 30px;*/
	left: 20px;
	right: 20px;
	top: 160px;
	width: 300px;
	height: 130px;
	font-size: 80%;
	display: none;
}
div.web_entry .btn{
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 1.0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 100%;
	font-weight: bold;
	min-height: 2.5em;
	min-width: 70%;
	padding: 0.2em 0.8em;
}
div.web_entry_mobile {
	border: solid 3px #f00;
	padding: 0.5em ;
	margin: 10px auto;
	width: 340px;
	font-size: 80%;
	text-align: center;
	display: block;
}
div.web_entry_mobile .btn{
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 1.0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 100%;
	font-weight: bold;
	min-height: 2.5em;
	min-width: 70%;
	padding: 0.2em 0.8em;
}
/* ------------ サイド -----------*/
.atcl_side {
	margin: 0 10px;
}
.atcl_side dl.address dd {
	line-height: 1.4;
}
.atcl_side dl.address .s90 {
	font-size: 100%;
}
.atcl_side dl.address .no > br {
	display: none;
}
/* ------------ ナビ -----------*/
nav {
	margin: 0 5px;
}
/* ------------ バー -----------*/
.bar {
	padding:7px 0 7px 1em;
}
.bar:after {
	content: "";
	clear: both;
	display: block;
}
.br_temp {
	margin: 5px 0 15px 0px;
}
.bar span.renew {
	margin:0 1em;
	font-size:70%;
}
.bar span.renew a:link, .bar span.renew a:visited {
	color:#FFFFFF;
}
.bar span.renew a:hover {
	color:#F00;
}
.minibar {
	width:auto;
	margin: 20px 0 15px 0px;
	padding:5px 0 5px 1em;
	font-size:120%;
	font-weight:bold;
	box-shadow:1px 1px 1px #000;
	color:#FFFFFF;
}
/* 更新情報 */
.news {
	margin: 0 10px 20px;
	width: auto;
	height: 400px;
	overflow:auto;
	background:#FFF;
}
.news dl {
	padding:10px 0;
	border-bottom:dotted 1px #666;
}
.news dt {
	float:none;
}
.news dt span {
	margin:0 5px 0 0;
	color:#f00;
	font-size:110%;
}
.news dd {
	margin:0 0 0 2em;
}
#sec_con article.atcl00 {
	margin: 50px 1em 150px;
	width: auto;
}
/*　■■■■■■■■■ フッタ ■■■■■■■■■　*/
footer .copy {
	margin: 0 10px;
	width:auto;
}
/*　■■■■■■■■■ 挨拶 ■■■■■■■■■　*/
#aisatsu {
	margin: 40px 1em 150px;
	width: auto;
}
/* #aisatsu .kaicho {
	float:none;
	text-align: center;
	margin: 0 auto 30px;
} */
#aisatsu .kaicho {
	flex-direction: column;
	text-align: center;
}
/*　■■■■■■■■■ 開催概要 ■■■■■■■■■　*/
#gaiyo {
	margin: 50px 1em 150px;
	width: auto;
}
#gaiyo dt {
	float: none;
}
#gaiyo dd {
	margin: 5px 0 20px 10px;
}
/*　■■■■■■■■■ プログラム ■■■■■■■■■　*/
#pro {
	margin: 50px 1em 150px;
	width: auto;
}
/* #pro figure img {
	max-width: 100%;
	height: auto;
} */
#pro figure img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
/*　■■■ 演題募集 ■■■　*/
#endai {
	margin: 50px 1em 150px;
	width: auto;
}
#endai ul.dl li {
	float: none;
	width: auto;
	font-size: 80%;
}
/*　■■■■■■■■■ 参加登録 ■■■■■■■■■　*/
#sanka table.sankahi {
	display: block;
	overflow: auto;
	white-space: nowrap;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
#sanka .credit_card img {
	max-width: 100%;
	height: auto;
}
#sanka .btn_list {
	display: block;
}
#sanka .btn_list > * + * {
	margin: 1em 0;
}
/*　■■■■■■■■■ 単位取得について ■■■■■■■■■　*/
#credit table {
	display: block;
	overflow: auto;
	white-space: nowrap;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
/*　■■■■■■■■■ 演者の皆様へ ■■■■■■■■■　*/
#enja {
	margin: 50px 1em 150px;
	width: auto;
}
#enja .btn_list {
	display: block;
}
#enja .btn_list > * + * {
	margin: 1em 0;
}
/*　■■■■■■■■■ 参加の皆様へ ■■■■■■■■■　*/
#annai {
	margin: 50px 1em 150px;
	width: auto;
}
#annai table {
	display: block;
	overflow: auto;
	white-space: nowrap;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
/*　■■■■■■■■■ 参加者へのお知らせ ■■■■■■■■■　*/
#annai2 {
	margin: 50px 1em 150px;
	width: auto;
}
#annai2 .video iframe {
	width: 100%;
	height:auto;
	aspect-ratio: 4/3;
}
/*　■■■■■■■■■ 会場のご案内 ■■■■■■■■■　*/
#access {
	margin: 50px 1em 150px;
	width: auto;
}
#access div.map > iframe {
	width: 100%;
	height:360px;
	max-width:600px;
}
#access div.map > iframe {
	max-width: 100%;
	height: 360px;
}
#access figure img {
	max-width: 100%;
	height: auto;
}

/* 準備中 */
.const {
	margin:100px 10px;
	font-size:230%;
	color:#999;
	line-height:240%;
}
.const span {
	margin-left:40px;
	font-size:150%;
}
/* ページトップへ */
.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}