/* CSS Document */
@charset "utf-8";
@media only screen and (max-width:999px){
/*tablet*/
.pd{ display:none;}
.sd{ display: block;}
.fll,.flr { float: none;}
/*------------------------------------------------------------------------

layout

------------------------------------------------------------------------*/
.wrapper {
	width: auto;
	padding: 0px;
}
.content_inner {
	width: auto;
	margin: 0;
	padding: 0 10px 10px;
}
section {
	margin: 0 0 30px;
}
/*------------------------------------------------------------------------

headline

------------------------------------------------------------------------*/
h2 {
	margin: 0 auto 30px;
	font-size: 2.0rem;
	line-height: 1.2;
}
h3.headline02,h4.headline01 {
	font-size: 0.9em;
}
/*------------------------------------------------------------------------

header

------------------------------------------------------------------------*/
.header {
	margin: 0;
	padding: 10px 0;
}
.header_inner {
	width: 100%;
}
.header_inner li:first-child img {
	max-height: 25px;
	height: auto;
	margin: 0 10px;
}
.header_inner li img {
	max-height: 20px;
	height: auto;
	margin: 0 10px;
}
.header_inner ul li {
	margin: 0 0 0 0;
}
/*------------------------------------------------------------------------

mainvisual

------------------------------------------------------------------------*/
.main_visual {
	background: #cbdae6;
}
.main_visual_inner {
	width: 100%;
	height: auto;
	margin: 0;
	background: none;
}
.main_visual img {
    max-width: 640px;
	width: 100%;
	height: auto;
	margin: 0 auto 2rem;
}
/*---------------------------------------------------------------------

app

---------------------------------------------------------------------*/
.app {
	margin: 0 auto;
}
.app li {
	width: 100%;
	margin: 0 0 20px;
}
.app li.btn_area01 a {
	display: block;
	font-size: 1.6rem;
}
.app li.btn_area02 a {
	font-size: 1.6rem;
}
.fin {
	font-size: 1.8rem;
	text-align: center;
}
/*------------------------------------------------------------------------

maincont

------------------------------------------------------------------------*/
.toptext {
	margin: 0;
	font-size: 1.6rem;
}
.gaiyou {
	width: 100%;
	margin: 0;
}
.gaiyou tr th,
.gaiyou tr td {
	display: list-item;
	list-style: none;
	border: none;
}
.gaiyou tr th {
	width: auto;
	background: #aaa;
}
.gaiyou tr td {
	margin: 0 0 10px;
}
.gaiyou tr td.days span {
	font-size: 1.6rem;
	font-weight: bold;
}
.btn_top a {
	width: auto;
}
/*------------------------------------------------------------------------

特典gift

------------------------------------------------------------------------*/
	.box01 {
    flex-basis: 100%;
		padding-bottom: 1rem;
}
/*------------------------------------------------------------------------

プログラム

------------------------------------------------------------------------*/
.program_area {
	width: auto;
	padding: 0 10px;
}
.program_area table {
	background: none;
}
.program_area tr th,
.program_area tr td {
	display: list-item;
	list-style: none;
	margin: 0 0 -1px 0;
	background: #fff;
}
.program_area table tr th {
    color: #fff;
    padding: 5px 7px;
    width: auto;
	text-align: left;
	border: none;
	background: #000;
}
.program_area table tr th.break {
	margin: 0 0 10px;
}
.program_area table tr td {
	margin: 0 0 10px;
	border: none;
}
.program_area table tr td.open {
	text-align: left;
}
.program_area table tr td.section {
	width: auto;
	margin: 0;
	padding: 5px 7px;
	text-align: left;
	border: none;
	background: #eee;
}
.program_area table tr td p.paneler {
	text-align: left;
	font-size: 1.2rem;
}
.program_area .multiLine {
	margin: 0 0 10px;
	font-size: 1.4rem;
}
.program_area .multiLine span.subtitle {
	font-size: 1.4rem;
}
/*------------------------------------------------------------------------

講演者

------------------------------------------------------------------------*/
.panelerBox {
	padding:10px;
}
.panelerBox dt {
	width: 100%;
	/*height: 150px;*/
	margin: 0 0 10px;
	text-align: center;
	overflow: hidden;
}
.panelerBox dd {
	width: 100%;
}
.panelerBox dd p.about {
	text-align: justify;
}
.panelerBox dd p.position {
	padding: 0;
	border: none;
}
/*------------------------------------------------------------------------

マップ

------------------------------------------------------------------------*/
.map_area01 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 0 30px;
}
.map_area01 div {
	width: auto;
}
.map_area01 dl {
	width: auto;
}
.map_area01 dl dt {
	border-bottom: 1px solid #ddd;
    margin: 0 0 15px;
}
.map_area01 dl dd {
	width: 100%;
}
.map_area01 dl dd table tr th {
	width: 25%;
	padding: 5px 0;
	vertical-align: top;
}
.map_area01 dl dd table tr td {
	padding: 5px 0;
}
.map_area02 {
	width: auto;
	height: 350px;
}
/*------------------------------------------------------------------------

協賛

------------------------------------------------------------------------*/
.sponsor_box li {
	width: calc(100% / 2 - 20px);
	margin: 0 0 30px;
	text-align: center;
}
/*---------------------------------------------------------------------

contact_area

---------------------------------------------------------------------*/
.contact_area {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.contact_area li {
	padding: 10px 2px;
}
.contact_area li:nth-child(2) a {
	margin: 30px 0 0;
}
p.mail,
p.tel {
	font-size: 1.4rem;
}
p.name {
	font-size: 1.2rem;
}
/*------------------------------------------------------------------------

動画視聴ページ

------------------------------------------------------------------------*/
.movie_top_area {
	margin: 0 0 30px;
	font-size: 1.4rem;
}
.movie_list01 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 0 40px;
}
.movie_list01 li {
	width: auto;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: solid 1px #ccc;
}
.movie_list01 li dl dt {
	width: 100%;
	margin: 0 0 10px;
}
.movie_list01 li dl dd {
	width: 100%;
}
.movie_list01 li dl dd p.time {
	margin: 0 0 10px;
}
.movie_list01 li dl dd p.title {
	font-size: 1.6rem;
	font-weight: bold;
}
.movie_list01 li div.movie_button p {
	box-sizing: border-box;
	width: calc(100% / 2 - 2px);
}
.movie_list01 li div.movie_button p:nth-child(even) {
	margin: 0;
}
.movie_list01 li div.movie_button p:nth-child(3),
.movie_list01 li div.movie_button p:nth-child(4) {
	margin-top: 4px;
}
/*---------------------------------------------------------------------

qa.html

---------------------------------------------------------------------*/
.w5,
.w30 {
	width: auto;
}
.method_area {
	width: 100%;
}
.method_area tr td div.arrow01 {
	width: 0;
	height: 0;
	margin: 0 0 0 5px;
	border-top: solid 10px #ffa200;
	border-right: solid 30px transparent;
	border-bottom: solid 10px transparent;
	border-left: solid 30px transparent;
}
.method_area tr td {
	display: block;
	margin: 0 0 5px;
}
.method_area tr td:last-child {
	margin: 0;
}
.method_area tr td:nth-child(2n) div {
	margin: 0 auto;
}
}