@charset "UTF-8";

main{ 
	width:94%;
	max-width: 1420px;
	margin:0 auto;
	background: #fff;
}

/*header------------------------------------------*/

.titleimg_s{ display:block;}
.titleimg_l{ display:none;}

@media only screen and (min-width: 768px) {
.titleimg_s{ display:none;}
.titleimg_l{ display:block;}
}

.top-title{display: none;}

header {
	width:98%;
	margin: 0 auto;
	padding-top: 1.5%;
	text-align: center;
}

header img {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
}

.map_img img {
	width:100%;
	max-width:1360px;
	margin: 0 auto;
}

/* 背景------------------------------------------*/
.area_info{
	margin: 0 auto;
	padding: 0
}

/* 2カラム------------------------------------------*/

.column_box {
	padding: 2%;
	width:94%;
	max-width:1200px;
}

.flex_unit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.all_width_unit {
	flex-basis:100%;
	width: 100%;
}

.left_unit ,
.right_unit {
	flex-basis:100%;
}

.column-a{ margin: 2% auto; background: #ffffff;  }
.column-b{ margin: 0 auto 0; background: #ffffff; }
.column-map{ margin: 4% auto 0; background: #ffffff; }

.column-b section {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* 見出し・テキスト------------------------------------------*/

/*個人情報について*/
.privacy_txt {
	margin-top: 1.4rem;
	padding: 1.4rem;
	color: #CC0000;
	font-weight:normal;
	font-size: 1.4rem;
	border: solid 1px #CC0000;
}

.f_small{ font-size: 1.4rem; }
.f_bold{ font-weight: bold; }
.f_red{ color: #CC0000; }
.f_blue{ color: #0000ff; }
n
.f_corona /*コロナ対策補足文*/{
	margin-top: 4%;
	font-size: 1.4rem;
}

/* 見出し
------------------------------------------*/
.column_box h1 {
	margin: 0 0 18px;
    padding: 0 10px 0 0;
    border-bottom: 4px solid #fff100;
    color: #0d6fb8;
    font-size: 2rem; 
    font-weight: bold;
    letter-spacing: 0.2rem;
}

.column-map h1{
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.left_unit section,
.right_unit section {margin-top: 30px;}

.left_unit section:first-child { margin-top: 0; }
.right_unit section:first-child { margin-top: 30px; }
.column-b h1:first-child { margin: 18px 0 18px; }

.column_box h2 {
    display: inline-block;
    margin: 10px 0 5px;
    padding: 3px 8px 2px;
    color: #ffffff;
	background: #0d6fb8;
    font-weight: bold;
    font-size: 1.7rem;
	letter-spacing: 0.2rem;
	border-radius: 4px;
}

.column_box h3 {
    margin: 10px 0 0;
    color: #0d6fb8;
	font-size: 1.8rem;
    font-weight: bold;
}

.column_box h4 {
    border-top: 3px double #333333;
	border-bottom: 3px double #333333;
    margin: 5px 0 10px;
    padding: 3px 8px;
    color: #333333;
    font-weight: bold;
}

/* 参加アナ・パーソナリティ */
.anapa {
	display: flex;
    margin: 0 2% 15px;
	text-align: center;
	width: 96%;
}
.anapa figure {
    flex-basis: 23%;
	margin: 0 1%;
	justify-content:space-between;
}
.anapa figure img {
    width: 100%;
    border: 1px solid #ccc;
}

/* お申込み方法 */
.att {
    margin: 10px 0px 5px;
    padding: 15px 15px 0px;
    background: url(../image/dl_att.gif);
    border: 2px solid #ddd;
}
.att h2 {
    margin: 0 0 3px;
    padding: 1px 0px 0px 8px;
    font-weight: bold;
    color: #000;
    width: 200px;
    border-bottom: 0px solid #f9f9f9;
    border-top: 0px solid #f9f9f9;
}

.att p { margin: 5px 0px 20px 5px; }

p span{ display: inline-block; }

/*注意事項*/
.column_box ul {
	margin-bottom: 4%;
    list-style-type: none;
}
.column_box li {
    border-bottom: dashed 1px #adadad;
    position: relative;
    padding: 1.2rem 0;
    line-height: 1.6;
	flex-basis: 100%;
}
.column_box li::first-letter { font-weight: bold; font-size: 1.8rem; letter-spacing: 0.8rem;}
table  { margin-bottom: 10px;}
th , td {
	background:#fff;
	border: solid 1px #435688;
	margin: 1px;
	padding:5px;}

/* 動画
------------------------------------------*/
.video_unit {
	width: 96% ;
	max-width:600px;
	margin:0% auto 8%;
}
.video {
	margin: 1em auto ;
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* MAP
------------------------------------------*/
.map_pdf{
	text-align: right;
	width: 100%;
	margin-top:3%; /*調整*/
}
.map_pdf a{
	width: 100%;
	padding: 5px 20px;
	color: #ffffff;
	font-weight: bold;
	background:#e60012;
	border-radius: 10px;
	text-decoration: none;
}

.map_pdf:focus{
	background-color: #ccc;
}

/* フォーム用ボタン
------------------------------------------*/

.button a{
	display:block;
	width: 100%;
	max-width: 300px;
	margin:4% auto ;
	padding: 15px;
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	background: #cc0000;
	border-radius: 30px;
}column-b


.button a:hover, .button a:focus {
	background: #333;
	margin: calc(4% + 2px) auto calc(4% - 2px) auto ;
}

/* スマホ対応用
------------------------------------------*/

@media (min-width: 768px) {
.area_info{ padding: 40px 0 40px; }
.column_box { padding: 40px;}
.left_unit ,.right_unit{ flex-basis:47%; width: 47%;}
.left_unit section:first-child,.right_unit section:first-child{ margin-top: 0; }
.column_box h2:first-of-type { margin: 0 0 5px; }
.column_box li:first-of-type { padding: 0 0 1.2rem 0; }
}

@media (min-width: 1280px) {
.area_entry{
	padding : 120px 0 1px;
	background : #59bbd3 url(../image/bg_b.png) repeat-x top left;
	background-size:1280px;
}
.column_box { margin: 40px auto; padding: 50px;}
}

/* Footer
------------------------------------------------------------------*/

footer { 
	width: 100%;
	margin:0 auto;
	padding: 0 0 30px;
	clear:both;
	font-size:small;
	text-align:center;
}
.map_footer { 
	width: 100%;
	padding: 0 0 30px;
	clear:both;
	font-size:small;
	text-align:center;
}

footer h4 {
    margin: 20px 0 2px;
    font-weight: bold;
}

/* コピーライト */
address {
	margin: 30px 0 0 0;
	text-align:center;
}

footer img { margin: 0 auto 0; }


/* page top back button--------------------------*/
.GoToTop {
	position:fixed;
	bottom:10px;
	right:10px;
}

/* クリアフィックス(回り込み解除旧IE対応)--------------------------*/
.clearfix::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}

/* footerにスマホトップへ戻る画像を追加
   ========================================================================== */
.hbc-back {
    width: 130px;
    margin: 0 auto;
    background: #fff;
    padding: 10px;
	display: none;
}
.hbc-back img {
    width: 100%;
}