/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Version: 20180323
*/

/* 以前のフォントにする場合はコメントアウトして下さい
* {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", 
Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;}
*/

/*media Queries スマホサイズ（640px以下）
----------------------------------------------------*/
@media screen and (max-width: 640px) {
	a.wp-block-button__link { font-size:50%; }
	div.entry-content h3  { font-size:40%; }
	div.entry-content h3 .text { font-size:40%; }
	.has-text-align-center { font-size:50%; line-height: 1.5;}
	.has-text-align-left { font-size:50%; line-height: 1.5;}
	ul.cp_list li { font-size:50%; line-height: 1.5;}
	
	.qa_h { 
		font-size:50%; 
		line-height: 1; 
		border-left: 5px solid #014ec8 !important;
		text-align:left;
		margin:15px 0 10px 0;
		padding: 0 0 0 8px;
	}
	
	.txt_box {
		display:inline-block;
		width:95%;
		height:auto;
		text-align:center !important;
	}
	
	hr .line {
		border-width: 95%;
		border-style: solid;
		border-color: #014ec8 !important;
	}
	
	.tittle_top {
		font-size:90%!important;
		margin: 40px 0 30px 0 !important;
		font-weight: bold;
	}
	
	.tittle_bottom {
		font-size:90%!important;
		margin: 50px 0 10px 0 !important;
		font-weight: bold;
	}
	
	.green_line {
		font-size:90%!important;
		margin: 40px 0 30px 0 !important;
		padding-bottom:8px !important;
		font-weight: bold;
		line-height:110% !important;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_line_L {
		text-align: left !important;
		font-size:90%!important;
		margin: 40px 0 30px 0 !important;
		padding-left:10px !important;
		padding-bottom:8px !important;
		font-weight: bold;
		line-height:110% !important;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_bg {
		font-size:90%!important;
		margin: 40px 0 30px 0 !important;
		padding-bottom:8px !important;
		font-weight: bold;
		line-height:110% !important;
		background-color: #014ec8 !important;
	}
	
	.snsButtons li img {
		max-width: 70%;
		height: auto;
		margin: 30px 0 0 0; 
	}
	
	.snsButtons a {
		margin:0; 
	}
	
	.snsButtons li {
		display: inline-block;
		list-style-type: none; 
		margin:0 !important; 
	}
	
	p.txt-name {
		font-size: 13px;
		font-weight: 500;
		margin: 15px 0 10px 0;
		border-bottom: 1px solid #014ec8;
		text-align:left !important;
	}
	
	p.txt-name2 {
		font-size: 13px;
		font-weight: 500;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #014ec8;
		text-align:left !important;
	}
	
	p.txt-company {
		font-size: 75% !important;
		margin-bottom:40px!important;
		text-align:left !important;
	}
	
	p.txt-comment {
		font-size: 80% !important;
		margin-bottom:60px!important;
		line-height:130%!important;
		text-align:left !important;
	}
	
	.wp-block-media-text>figure>img {
		width:80%;
		padding: 0 8%;
	}
	
	p.p_sp{
		padding: 0 9%;	
	}
	
	.img_size img {
		max-width:unset;
		width:35% !important;
		vertical-align:middle
	}
	
	
	table .info-sponsor{
		width: 100%;
		border-spacing: 0;	
		background-color:#030915 !important;
		font-size:60%!important;
	}
	
	table.info-sponsor tbody th{
		border: none;
		padding: 5px 0;
		font-size:60%!important;
	}
	
	table.info-sponsor tbody tr{
		border: none;
	}
	
	tbody tr td.td_no{
		border: none;
		text-align: center!important;
		padding: 5px 0;
		color:#fff!important;
		width:8%;
		font-size:60%!important;
	}
	
	tbody tr td.td_top{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		margin:0 0 10px 0;
		padding: 5px 0;
		color:#EEEEEE!important;
		font-size:55%!important;
	}
	
	tbody tr td.td_time{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:15%;
		font-size:20%!important;
	}
	
	tbody tr td.td_center{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:auto;
		font-size:60%!important;
	}
	
	tbody tr td.td_center2{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#014ec8 !important;
		width:auto;
		font-size:60%!important;
	}	
	
	tbody tr td.td_left{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:60%;
		font-size:70%!important;
	}
	
	tbody tr td.td_right{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:80%;
		font-size:70%!important;
	}
	
	table .timetable{
		width: 100%;
		border-spacing: 1px;
		background-color:#030915 !important;
	}
	
	table.timetable tbody th{
		border: 1px solid #fff !important;
	}
	
	table.timetable tbody tr{
		border: 1px solid #fff !important;
	}
	
	tbody tr td.timetable_center{
		border: 1px solid #fff !important;
		text-align: center!important;
		padding: 10px;
		color:#fff!important;
		width:20%;
		font-size:80%!important;
	}
	
	tbody tr td.timetable_left{
		border: 1px solid #fff !important;
		text-align: left !important;
		padding: 10px ;
		color:#fff!important;
		width:auto;
		font-size:70%!important;
	}
	
	
	table .timetable2{
		width: 100%;
		border-spacing: 1px;
		background-color:#030915 !important;
	}
	
	table.timetable2 tbody th{
		border-bottom: 1px dotted!important;
	}
	
	table.timetable2 tbody tr{
		border-bottom: 1px dotted!important;
	}
	
	tbody tr td.timetable2_center{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		padding: 10px;
		color:#fff!important;
		width:20%;
		font-size:80%!important;
	}
	
	tbody tr td.timetable2_left{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		padding: 10px ;
		color:#fff!important;
		width:auto;
		font-size:70%!important;
	}
	
	
}
/*-- ここまで --*/	


/*-- SNS ICON for pc --*/
.snsButtons {
	margin:-40px 0 50px 0 ; 
	padding: 0px;
	text-align: center;
}

.snsButtons a {
	text-decoration: none;
	margin:0; 
}

.snsButtons li {
	display: inline-block; 
	list-style-type: none; 
	margin:0 13px 0 13px;
}
/*-- ここまで --*/	


/*media Queries タブレットサイズ（640px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
	a.wp-block-button__link { font-size:100%; }
	div.entry-content h3  { font-size:60%; }
	div.entry-content h3 .text { font-size:50%; }
	.has-text-align-center { font-size:60%; line-height: 1.5;}
	.has-text-align-left { font-size:60%; line-height: 1.5;}
	ul.cp_list li { font-size:60%; line-height: 1.5;}
	
	
	.qa_h { 
		font-size:60%; 
		line-height: 1; 
		border-left: 5px solid #014ec8 !important;
		text-align:left;
		margin:15px 0 10px 0;
		padding: 0 0 0 8px;
	}
	
	.txt_box {
		display:inline-block;
		width:90%;
		height:auto;
		text-align:center !important;
	}
	
	hr .line{
		border-width: 90%;
		border-style: solid;
		border-color: #014ec8 !important;
	}
	
	.tittle_top {
		font-size:110%;
		margin: 40px 0 30px 0 !important;
		font-weight: bold;
	}
	
	.tittle_bottom {
		font-size:110%;
		margin: 50px 0 10px 0 !important;
		font-weight: bold;
	}
	
	.green_line {
		font-size:110%;
		margin: 40px 0 30px 0 !important;
		padding-bottom:8px;
		font-weight: bold;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_line_L {
		text-align: left !important;
		font-size:110%;
		margin: 40px 0 30px 0 !important;
		padding-left:10px !important;
		padding-bottom:8px !important;
		font-weight: bold;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_bg {
		font-size:110%;
		margin: 40px 0 30px 0 !important;
		padding-bottom:8px;
		font-weight: bold;
		background-color: #014ec8!important;
	}
	
	p.txt-name {
		font-size: 14px;
		font-weight: 500;
		margin: 15px 0 10px 0;
		border-bottom: 1px solid #014ec8;
		text-align:left !important;
	}
	
	p.txt-name2 {
		font-size: 14px;
		font-weight: 500;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #014ec8;
		text-align:left !important;
	}
	
	table .info-sponsor{
		width: 100%;
		border-spacing: 0;	
		background-color:#030915 !important;
		font-size:70%;
	}
	
	table.info-sponsor tbody th{
		border: none;
		padding: 3px 0;
		font-size:70%;
	}
	
	table.info-sponsor tbody tr{
		border: none;
	}
	
	tbody tr td.td_no{
		border: none;
		text-align: center!important;
		padding: 5px 0;
		color:#fff!important;
		width:10%;
		font-size:70%;
	}
	
	tbody tr td.td_top{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		font-size:60%;
	}
	
	tbody tr td.td_center{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:auto;
		font-size:70%;
	}
	
	tbody tr td.td_time{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#014ec8 !important;
		width:auto;
		font-size:70%;
	}
	
	tbody tr td.td_right{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:80%;
		font-size:70%;
	}
	
	tbody tr td.td_left{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 10px 0;
		color:#fff!important;
		width:60%;
		font-size:70%;
	}
	
	table .timetable{
		width: 100%;
		border-spacing: 1px;
		background-color:#030915 !important;
	}
	
	table.timetable tbody th{
		border: 1px solid #fff !important;
	}
	
	table.timetable tbody tr{
		border: 1px solid #fff !important;
	}
	
	tbody tr td.timetable_center{
		border: 1px solid #fff !important;
		text-align: center!important;
		padding: 10px;
		color:#fff!important;
		width:20%;
		font-size:80%;
	}
	
	tbody tr td.timetable_left{
		border: 1px solid #fff !important;
		text-align: left !important;
		padding: 10px;
		color:#fff!important;
		width:auto;
		font-size:70%;
	}
	
	table .timetable2{
		width: 100%;
		border-spacing: 1px;
		background-color:#030915 !important;
	}
	
	table.timetable2 tbody th{
		border-bottom: 1px dotted!important;
	}
	
	table.timetable2 tbody tr{
		border-bottom: 1px dotted!important;
	}
	
	tbody tr td.timetable2_center{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		padding: 10px;
		color:#fff!important;
		width:20%;
		font-size:80%;
	}
	
	tbody tr td.timetable2_left{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		padding: 10px;
		color:#fff!important;
		width:auto;
		font-size:70%;
	}
	
}
/*-- ここまで --*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
	a.wp-block-button__link { font-size:120%; }
	div.entry-content h3  { font-size:80%; }
	div.entry-content h3 .text { font-size:70%; }
	.has-text-align-center { font-size:80%; line-height: 2;}
	.has-text-align-left { font-size:80%; line-height: 2;}
	ul.cp_list li { font-size:80%; line-height: 2;}
	table .info-sponsor{font-size:80%;}
	
	.qa_h { 
		font-size:80%; 
		line-height: 1.2; 
		border-left: 5px solid #014ec8 !important;
		text-align:left;
		margin:15px 0 10px 0;
		padding: 0 0 0 8px;
	}
	
	.tittle_top {
		font-size:120%;
		margin: 40px 0 30px 0 !important;
		font-weight: bold;
	}
	
	.tittle_bottom {
		font-size:120%;
		margin: 50px 0 10px 0 !important;
		font-weight: bold;
	}
	
	.green_line {
		font-size:120%;
		margin: 40px 0 30px 0 !important;
		padding-bottom:8px;
		font-weight: bold;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_line_L {
		text-align: left !important;
		font-size:120%;
		margin: 40px 0 30px 0 !important;
		padding-left:10px !important;
		padding-bottom:8px !important;
		font-weight: bold;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	
	.green_bg {
		font-size:120%;
		margin: 40px 0 30px 0 !important;
		padding-bottom:8px;
		font-weight: bold;
		background-color: #014ec8 !important;
	}
	
	p.txt-name {
		font-size: 15px;
		font-weight: 500;
		margin: 15px 0 10px 0;
		border-bottom: 1px solid #014ec8;
		text-align:left !important;
	}
	
	p.txt-name2 {
		font-size: 15px;
		font-weight: 500;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #014ec8;
		text-align:left !important;
	}
	
	table .info-sponsor{
		width: 100%;
		border-spacing: 0;	
		background-color:#030915 !important;
		font-size:90%;
	}
	
	table.info-sponsor tbody th{
		border: none;
		padding: 3px 0;
		font-size:90%;
	}
	
	table.info-sponsor tbody tr{
		border: none;
	}
	
	tbody tr td.td_no{
		border: none;
		text-align: center!important;
		padding: 3px 0;
		color:#fff!important;
		width:10%;
		font-size:90%;
	}
	
	tbody tr td.td_top{
		border-bottom: 1px dotted #EEEEEE!important;
		text-align: center!important;
		vertical-align:middle!important;
		margin:0 0 10px 0;
		padding: 5px 0;
		color:#EEEEEE!important;
		font-size:80%;
	}
	
	tbody tr td.td_center{
		border-bottom: 1px dotted !important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 13px 0;
		color:#fff!important;
		width:auto;
		font-size:90%;
	}
	
	tbody tr td.td_time{
		border-bottom: 1px dotted !important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 13px 0;
		color:#fff!important;
		width:15%;
		font-size:90%;
	}
	
	tbody tr td.td_center2{
		border-bottom: 1px dotted !important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 13px 0;
		color:#014ec8 !important;
		width:auto;
		font-size:90%;
	}
	
	tbody tr td.td_left{
		border-bottom: 1px dotted !important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 13px 0;
		color:#fff!important;
		width:60%;
		font-size:90%;
	}
	
	tbody tr td.td_right{
		border-bottom: 1px dotted !important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 13px 0;
		color:#fff!important;
		width:85%;
		font-size:90%;
	}
	
	
	table .timetable{
		width: 100%;
		border-spacing: 1px;
		background-color:#030915 !important;
	}
	
	table.timetable tbody th{
		border: 1px solid #fff !important;
	}
	
	table.timetable tbody tr{
		border: 1px solid #fff !important;
	}
	
	tbody tr td.timetable_center{
		border: 1px solid #fff !important;
		text-align: center!important;
		padding: 10px;
		color:#fff!important;
		width:20%;
		font-size:90%;
	}
	
	tbody tr td.timetable_left{
		border: 1px solid #fff !important;
		text-align: left !important;
		padding: 10px;
		color:#fff!important;
		width:auto;
		font-size:90%;
	}
	
}
/*-- ここまで --*/


/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	a.wp-block-button__link { font-size:140%; }
	div.entry-content h3  { font-size:100%; }
	div.entry-content h3 .text { font-size:90%; }
	.has-text-align-center { font-size:100%; line-height: 2.3;}
	.has-text-align-left { font-size:100%; line-height: 2.3;}
	ul.cp_list li { font-size:100%; line-height: 2.3;}
	
	.qa_h { 
		font-size:100%; 
		line-height: 1.5; 
		border-left: 5px solid #014ec8 !important;
		text-align:left;
		margin:15px 0 10px 0;
		padding: 0 0 0 8px;
	}
	
	header .smanone ul.menu {
		display:flex; /*フレシキブルボックス化*/
		justify-content:center; /*中央寄せ*/
	}
	
	.txt_box {
		display:inline-block;
		width:95%;
		height:auto;
		text-align:center !important;
	}	
	
	hr .line{
		border-width: 70%;
		border-style: solid;
		border-color: #014ec8 !important;
	}
	
	.tittle_top {
		font-size:140%;
		margin: 40px 0 30px 0 !important;
		font-weight: bold;
	}
	
	.tittle_bottom {
		font-size:140%;
		margin: 50px 0 10px 0 !important;
		font-weight: bold;
	}
	
	.green_line {
		font-size:140%;
		margin: 40px 0 30px 0 !important;
		padding-bottom:10px;
		font-weight: bold;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_line_L {
		text-align: left !important;
		font-size:140%;
		margin: 40px 0 30px 0 !important;
		padding-left:10px !important;
		padding-bottom:8px !important;
		font-weight: bold;
		border-bottom: 2px solid #014ec8 !important;
	}
	
	.green_bg {
		font-size:140%;
		margin: 40px 0 30px 0 !important;
		padding-bottom:10px;
		font-weight: bold;
		background-color: #014ec8 !important;
	}
	
	
	table .info-sponsor{
		width: 100%;
		border-spacing: 0;	
		background-color:#030915 !important;
		font-size:100%;
	}
	
	table.info-sponsor tbody th{
		border: none;
		padding: 3px 0;
		font-size:100%;
	}
	
	table.info-sponsor tbody tr{
		border: none;
	}
	
	tbody tr td.td_no{
		border: none;
		text-align: center!important;
		padding: 3px 0;
		color:#fff!important;
		width:10%;
		font-size:100%;
	}
	
	tbody tr td.td_top{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 5px 0;
		color:#EEEEEE!important;
		font-size:80%;
	}
	
	tbody tr td.td_center{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 15px 0;
		color:#fff!important;
		width:auto;
		font-size:100%;
	}
	
	tbody tr td.td_time{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 15px 0;
		color:#fff!important;
		width:15%;
		font-size:100%;
	}
	
	tbody tr td.td_center2{
		border-bottom: 1px dotted!important;
		text-align: center!important;
		vertical-align:middle!important;
		padding: 15px 0;
		color:#014ec8 !important;
		width:15%;
		font-size:100%;
	}
	
	
	tbody tr td.td_left{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 15px 0;
		color:#fff!important;
		width:50%;
		font-size:100%;
	}
	
	tbody tr td.td_right{
		border-bottom: 1px dotted!important;
		text-align: left !important;
		vertical-align:middle!important;
		padding: 15px 0;
		color:#fff!important;
		width:85%;
		font-size:100%;
	}
	
	table .timetable{
		width: 100%;
		border-spacing: 1px;
		background-color:#030915 !important;
		font-size:100%;
	}
	
	table.timetable tbody th{
		border: 1px solid #fff !important;
		font-size:100%;
	}
	
	table.timetable tbody tr{
		border: 1px solid #fff !important;
	}
	
	tbody tr td.timetable_center{
		border: 1px solid #fff !important;
		text-align: center!important;
		padding: 10px;
		color:#fff!important;
		width:20%;
		font-size:100%;
	}
	
	tbody tr td.timetable_left{
		border: 1px solid #fff !important;
		text-align: left !important;
		padding: 10px;
		color:#fff!important;
		width:auto;
		font-size:100%;
	}
	
	
	
}
/*-- ここまで --*/


ul.cp_list {
	position: relative !important;
	padding:0 0 20px 0 !important;
	list-style-type: none !important;
	text-align:left;
}

ul.cp_list li {
	border-radius: 10px 0px 0px 10px;
	color: #014ec8;
	padding;15px !important;
}
ul.cp_list li::before {
	display:inline-block;
	vertical-align: middle;
	content:'';
	margin-right: 0;
	width:1em;
	height: 1em;
	background: #014ec8;
	border-radius: 50%;
}

/*-- 追加 --*/
#content-w {
	background-color: #040a18 !important; 
}

#footer .footerlogo{
	display:none;
}

p {color: #EEEEEE !important;}

.is-style-fill2{
	font-size:80%!important;
}


/*-- organizers --*/
.organizers {
	padding: 60px 0 0 0;
}

.organizers  .section {
	display: block;
}

.organizers .flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.organizers .block {
	width: 1000px;
	margin: 0 auto;
}

.organizers .flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.organizers .box {
	display: flex;
	width: 500px;
	margin-bottom: 60px;
}

.organizers div {
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

p.txt-name span {
	margin-left: 5px;
	font-size: 12px;
	text-align:left !important;
}

p.txt-company {
	font-size: 12px;
	line-height: 1.3;
	margin-right: 15px;
	text-align:left !important;
}

div.wp-block-media-text__content{
	padding: 0 6% !important;
}

p.txt-comment {
	font-size: 12px;
	line-height: 150%;
	margin-right: 15px;
	text-align:left !important;
}


/*-- 個別ページ背景 --*/

.txt_bg {
	background-image: url("https://202101.agiletechexpo.com/sites/wp-content/uploads/2020/10/img_bg_800.png.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-align:center !important;
}

.txt_bg_no {
	text-align:center !important;
}

.timetable_box {
	text-align:center !important;
	margin-top:30px !important;
}

.top_speakers {
	text-align:center;
}

.blocks-gallery-item {
	flex-grow:0 !important;
}

/*-- おりたたみ --*/
a.sample01 {
	color: #fff;
	background: #333;
	box-shadow: 1px 1px 1px #555;
}

/*-- スピーカー --*/
*{
	box-sizing: border-box;
}
.box-list{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.box-list li{
	float: left;
	border: none;
	width: 19%;
	margin-bottom: 1%;
	margin-right: 1.25%;
}
ul li:last-child{
	margin-right:0;
}







/*==========================================

タイムテーブル 2020/12/31追加

==========================================*/

/* 一人用レイアウト */
.timetable-box.one-person {
	margin-bottom: 4rem;
}

.timetable-box.one-person .person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.timetable-box.one-person .person figure.img-area {
	width: 40%;
	margin: 0;
}
.timetable-box.one-person .person .profile-area {
	width: 56%;
}



/* 二人用レイアウト */
.timetable-box.two-person {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 4rem;
}

.timetable-box.two-person .person {
	width: 48%;
}

.timetable-box.two-person .person figure.img-area {
	margin: 1em auto;
	width: 83.334%;
}

.timetable-box.two-person .person .profile-area {
	margin-top: 3rem;
}




@media screen and (max-width: 640px) {
	/* 一人用レイアウト */
	.timetable-box.one-person .person figure.img-area {
		margin: auto;
		width: 100%;
	}
	.timetable-box.one-person .person figure.img-area img {
		width: 80%;
		padding: 0 8%;
	}
	.timetable-box.one-person .person .profile-area {
		width: 100%;
		padding: 0 6%;
		margin-top: 2rem;
	}
	
	
	/* 二人用レイアウト */
	.timetable-box.two-person .person {
		width: 100%;
	}
	
	.timetable-box.two-person .person figure.img-area {
		margin: auto;
		width: 100%;
	}
	.timetable-box.two-person .person figure.img-area img {
		width: 80%;
		padding: 0 8%;
	}
	
	.timetable-box.two-person .person .profile-area {
		padding: 0 6%;
	}
}

/* 囲み線 */
.line_radius {
  margin  : 0 0 15px 0;
  padding : 0 15px 25px 15px;
  box-sizing : border-box; 
  width  : 100%;  
  text-align  : center;    
  color : #EEEEEE;    
  background   : #040a18;       
  border : 1px solid #EEEEEE;  
  border-radius : 10px;  
}

/* タイムテーブル用ボタン */
.btn-flat {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #EEEEEE !important;
  background: #014ec8;
  transition: .4s;
	margin:5px 10px 5px 0;
	float: left;
}

.btn-flat-simple:hover {
  background: #014ec8;
  color: white;
}

/* タイムテーブル用ボタン */
.btn-gray {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 12px 24px;
	margin: 0;
  color: #EEEEEE;
  background: #494d51;
	border:1px sold; 
	border-radius:5px;
	font-size: 110%;
	text-align: center;
   text-decoration: none;
   overflow-wrap: break-word;
}