@charset "utf-8";
/* CSS Document */


/* ===========================================================
全体_共通
=========================================================== */
#contentsbox {background-color:#ffffff; width:100%; margin:0; padding:0;}

/* h1タイトルイメージ用 */
#titlebox {width:100%; margin:0 auto; padding:0; text-align:center;}
#titlebox h1 {background:none !important; margin:0 !important; padding:0 25px;}

/* YouTube埋め込み */
#movbox {padding:30px 0 56.25%; height:0; position:relative; overflow:hidden;}
#movbox iframe {width:100%; height:100%; position:absolute; top:0; left:0;}

/*#movbox { position:relative; width:100%; padding-top:56.25%;}
#movbox iframe { position:relative; top:0; right:0; width:100% !important; height:100% !important;}*/

/* トップページポスター画像配置 */
.postop_img {clear:both; text-align:center; margin:5px auto; padding:0;}

/* コンテンツリンクボタン */
#cont_link {width:100%; text-align:center; margin:25px 75px 50px; padding:0;}
#cont_link ul {list-style:none;}
#cont_link li {display:inline; padding:0; margin:0 5px; text-decoration:none; float:left;}

.clink01 {display:inline-block; width:170px; height:40px; text-align:center; line-height:36px; outline:none; background-color:#fff; border-top:1px solid #696969; border-right:1px solid #696969; border-bottom:1px solid #696969; border-left:10px solid #696969; color:#696969 !important; font-weight:bold; text-decoration:none !important;}

.clink01:hover {background-color:#fff; border-top:1px solid #BF6DF1; border-right:1px solid #BF6DF1; border-bottom:1px solid #BF6DF1; border-left:10px solid #BF6DF1; color:#BF6DF1 !important; font-weight:bold; text-decoration:none !important;}

.clink01:before,
.clink01:after {position:absolute; z-index:-1; display:block; content:'';}
.clink01,
.clink01:before,
.clink01:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s; transition:all 0.1s;}


.clink02 {display:inline-block; width:170px; height:40px; text-align:center; line-height:36px; outline:none; background-color:#fff; border-top:1px solid #696969; border-right:1px solid #696969; border-bottom:1px solid #696969; border-left:10px solid #696969; color:#696969 !important; font-weight:bold; text-decoration:none !important;}

.clink02:hover {background-color:#fff; border-top:1px solid #5BC0DE; border-right:1px solid #5BC0DE; border-bottom:1px solid #5BC0DE; border-left:10px solid #5BC0DE; color:#5BC0DE !important; font-weight:bold; text-decoration:none !important;}

.clink02:before,
.clink02:after {position:absolute; z-index:-1; display:block; content:'';}
.clink02,
.clink02:before,
.clink02:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s; transition:all 0.1s;}


.clink03 {display:inline-block; width:170px; height:40px; text-align:center; line-height:36px; outline:none; background-color:#fff; border-top:1px solid #696969; border-right:1px solid #696969; border-bottom:1px solid #696969; border-left:10px solid #696969; color:#696969 !important; font-weight:bold; text-decoration:none !important;}

.clink03:hover {background-color:#fff; border-top:1px solid #5CB85C; border-right:1px solid #5CB85C; border-bottom:1px solid #5CB85C; border-left:10px solid #5CB85C; color:#5CB85C !important; font-weight:bold; text-decoration:none !important;}

.clink03:before,
.clink03:after {position:absolute; z-index:-1; display:block; content:'';}
.clink03,
.clink03:before,
.clink03:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s; transition:all 0.1s;}


.clink04 {display:inline-block; width:170px; height:40px; text-align:center; line-height:36px; outline:none; background-color:#fff; border-top:1px solid #696969; border-right:1px solid #696969; border-bottom:1px solid #696969; border-left:10px solid #696969; color:#696969 !important; font-weight:bold; text-decoration:none !important;}

.clink04:hover {background-color:#fff; border-top:1px solid #F0AD4E; border-right:1px solid #F0AD4E; border-bottom:1px solid #F0AD4E; border-left:10px solid #F0AD4E; color:#F0AD4E !important; font-weight:bold; text-decoration:none !important;}

.clink04:before,
.clink04:after {position:absolute; z-index:-1; display:block; content:'';}
.clink04,
.clink04:before,
.clink04:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s; transition:all 0.1s;}


.clink05 {display:inline-block; width:170px; height:40px; text-align:center; line-height:36px; outline:none; background-color:#fff; border-top:1px solid #696969; border-right:1px solid #696969; border-bottom:1px solid #696969; border-left:10px solid #696969; color:#696969 !important; font-weight:bold; text-decoration:none !important;}

.clink05:hover {background-color:#fff; border-top:1px solid #4b0082; border-right:1px solid #4b0082; border-bottom:1px solid #4b0082; border-left:10px solid #4b0082; color:#4b0082 !important; font-weight:bold; text-decoration:none !important;}

.clink05:before,
.clink05:after {position:absolute; z-index:-1; display:block; content:'';}
.clink05,
.clink05:before,
.clink05:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s; transition:all 0.1s;}


/* 報告ページリンクボタン追加用 */
#cont_link_rpt {width:100%; text-align:center; margin:25px 5px 50px; padding:0;}
#cont_link_rpt ul {list-style:none;}
#cont_link_rpt li {display:inline; padding:0; margin:0 5px; text-decoration:none; float:center;}



#contents_main {clear:both; width:90%; margin:0 auto; padding:10px 5px;}


/* テキスト共通 */
.ptxt120 {font-size:120%;}
.ptxt120b {font-size:120%; font-weight:bold;}

.info_redtxt {font-size:100%; color:#cf0010; font-weight:bold;}
.info_redtxt110 {font-size:110%; color:#cf0010; font-weight:bold;}
.info_redtxt120 {font-size:120%; color:#cf0010; font-weight:bold;}
.info_redtxt140 {font-size:140%; color:#cf0010; font-weight:bold;}


/* スペース共通 */
.tspace10 {margin:10px 0 0 0;}
.tspace20 {margin:20px 0 0 0;}
.tspace30 {margin:30px 0 0 0;}
.tspace50 {margin:50px 0 0 0;}
.tspace100 {margin:100px 0 0 0;}

.bspace10 {margin:0 0 10px 0;}
.bspace20 {margin:0 0 20px 0;}
.bspace30 {margin:0 0 30px 0;}
.bspace50 {margin:0 0 50px 0;}
.bspace75 {margin:0 0 75px 0;}
.bspace100 {margin:0 0 100px 0;}


/* 各企画ボックス */
#EventBox {position:relative; margin:0 auto; padding:0; width:100%;}

#EventBox ul.EventBoxStyle {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  height: auto;
  margin: 0 auto;
  padding: 0;
}

.pcView #EventBox ul.EventBoxStyle {
  width: 94%;
}

.spView #EventBox ul.EventBoxStyle {
  width: 100%;
}

#EventBox ul.EventBoxStyle li {margin:0; padding:10px;}

#EventBox ul.EventBoxStyle div.ContBox {
  margin: 5px auto;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 2px 5px 1px #cbd0d3;
  border-radius: 3px;
}


.pcView #EventBox ul.EventBoxStyle div.ContBox {
  width: 280px;
  height: 510px;
  box-sizing: border-box;
}


.spView  ul.EventBoxStyle div.ContBox {
  width: calc(100% - 5px);
  height: auto;
  box-sizing: border-box;
}

#EventBox ul.EventBoxStyle div.ContBox img {
  height: auto;
  margin: 0 auto;
  padding: 0;
}

.pcView #EventBox ul.EventBoxStyle img{
  width: 280px;
}

.spView #EventBox ul.EventBoxStyle img{
  width: 100%;
}

#EventBox ul.EventBoxStyle div.ContBox h3 {font-size:100%; font-weight:bold; margin:-5px auto 5px; padding:12px 10px 10px; background-color:#fafdff;}
#EventBox ul.EventBoxStyle div.ContBox h3 > a {color:#000; text-decoration:none;}
#EventBox ul.EventBoxStyle div.ContBox h3 > a:hover {color:#555; text-decoration:underline;}

#EventBox ul.EventBoxStyle div.ContBox h3.tour1 {font-size:120%; font-weight:bold; margin:10px 5px; padding:10px; background-color:#f7f6fb; border-left:12px solid #BF6DF1; box-shadow:-1px -2px 0px #ccc inset; background-image:none;}
#EventBox ul.EventBoxStyle div.ContBox h3.tour2 {font-size:120%; font-weight:bold; margin:10px 5px; padding:10px; background-color:#f7f6fb; border-left:12px solid #5BC0DE; box-shadow:-1px -2px 0px #ccc inset; background-image:none;}
#EventBox ul.EventBoxStyle div.ContBox h3.tour3 {font-size:120%; font-weight:bold; margin:10px 5px; padding:10px; background-color:#f7f6fb; border-left:12px solid #5CB85C; box-shadow:-1px -2px 0px #ccc inset; background-image:none;}
#EventBox ul.EventBoxStyle div.ContBox h3.tour4 {font-size:120%; font-weight:bold; margin:10px 5px; padding:10px; background-color:#f7f6fb; border-left:12px solid #F0AD4E; box-shadow:-1px -2px 0px #ccc inset; background-image:none;}
#EventBox ul.EventBoxStyle div.ContBox h3.tour5 {font-size:120%; font-weight:bold; margin:10px 5px; padding:10px; background-color:#f7f6fb; border-left:12px solid #ff5a00; box-shadow:-1px -2px 0px #ccc inset; background-image:none;}

#EventBox ul.EventBoxStyle div.ContBox h3.tour1 .sub, h3.tour2 .sub, h3.tour3 .sub, h3.tour4 .sub, h3.tour5 .sub {
 display: block;
 font-size: 70%;
 margin-bottom: 0.5em;
}

#EventBox ul.EventBoxStyle div.ContBox h3.tour1 .sub strong, h3.tour2 .sub strong, h3.tour3 .sub strong, h3.tour4 .sub strong, h3.tour5 .sub strong {
 color: #cf0010;
}


#EventBox p {margin:0 auto; padding:0.25em 0.5em; line-height:1.4em;}
#EventBox p.linkpa {text-align:right; margin:0.75em 0.5em 0.5em 0; padding:0;}
#EventBox p.redtxt120b {color:#cf0010; font-weight:bold; font-size:120%;}

#EventBox h2 {width:98%;}





/* ===========================================================
スマホ対応用
=========================================================== */
/*@media screen and (max-width:480px)*/
@media screen and (max-width:599px) {

/* 全体_共通 */
#contentsbox {background-color:#ffffff; width:100%; margin:0; padding:0;}

/* h1タイトルイメージ用 */
#titlebox img {clear:both; max-width:100%; height:auto;}


/* トップページポスター画像配置 */
.postop_img {clear:both; text-align:center; margin:0 auto; padding:25px 0 10px 0;}

/* コンテンツリンクボタン */
#cont_link {margin:15px auto 15px auto; padding:5px;}

.clink01 {width:110px; height:36px;}
.clink02 {width:110px; height:36px;}
.clink03 {width:110px; height:36px;}
.clink04 {width:110px; height:36px;}
.clink05 {width:110px; height:36px;}
.clink06 {width:110px; height:36px; }
.clink06_non {width:110px; height:36px;}


#contents_main {clear:both; width:100%;}


.listTable{margin:0 0 30px 0; border-collapse:collapse; border-spacing:0; border-right:1px solid #aaa; border-bottom:1px solid #aaa;}
.listTable {border:3px solid #E2E2E2; border-collapse:separate; border-spacing:1px; width:100%;}
.listTable th,
.listTable td {width:100%; border-bottom:1px solid #D7D7D7; border-right:1px solid #D7D7D7; border-top:none; border-left:none; padding:8px;}
.listTable th {width:100%; background:none repeat scroll 0 0 #F3F3F3;text-align:left;}
.listTable a.listTableArrow{background:url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; padding-left:12px; list-style:none;color:#333;}
.listTable span.listTableArrow{background:url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; padding-left:12px; list-style:none;color:#333;}

table.listTable caption {text-align:left; font-size:150%; padding-left:5px;}

/* 事前予約お知らせ */
/*#regi_infobox {overflow:hidden; margin:15px auto; padding:15px; border:10px double #2f4f4f; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
#regi_infobox ul li {margin:0; padding:0; font-size:100%; color:#2f4f4f; line-height:1.8em;}
#regi_infobox ul li ul li {margin:0 auto 0.25em; padding:0; font-size:100%; color:#cf0010; line-height:1.6em;}*/


/* お知らせ見出し用 */
#infocapbox {padding:0 5px; margin:20px auto 0; text-align:left;}
#infocapbox h2 {font-size:130%; padding:0; margin:0; background-image:none !important;}

/* お知らせリスト用 */
.info_list {overflow:scroll; overflow-x:hidden; width:100%; height:160px; margin:10px auto; padding:10px;}
.info_list dl {margin-top:1em; padding:0; list-style-type:none;}
.info_list dt {float:left; clear:left; margin-right:1.2em;}
.info_list dd {margin-left:5em;}


/* リンクボタン */
#evlinkbox {width:100%; margin:0 auto; padding:5px 10px; text-align:center;}
.contbtn {float:left; margin:0 auto; padding:10px; width:100%;}

.image_pc {display:none;}
.image_smt {display:inline;}

.cltxt {clear:both;}

/* 報告ページ写真並べ用・ポスター枠 */
.poster_box {margin-left:0; margin-bottom:15px;}

/* 各会場リンク用 */
.linkbox_map {text-align:center; margin:10px auto 0 auto; width:100%;}
.pagelink_map {list-style:none; margin:0; line-height:2.4em; position:relative; font-size:110%; font-weight:bold;}

.map_img_blist {width:100%; margin:0 auto; padding:0;}



/* events_共通 */
h2.ev_h2title {clear:both; font-size:140%; font-weight:bold; color:#ffffff; margin:0; padding:0; background-image:none !important;}
h3.ev_h3title {clear:both; font-size:140%; font-weight:bold; color:#ffffff; margin:0; padding:0; background-image:none !important;}

p.speaker {clear:both; font-size:110%; font-weight:bold; color:#3f3f3f; padding-bottom:0.5em;}
p.bumon_name {clear:both; font-size:110%; font-weight:bold; color:#3f3f3f; padding-bottom:0.5em;}
p.time_txt {font-size:110%; font-weight:bold; color:#3f3f3f; padding-bottom:0.5em;}
p.area_txt {clear:both; font-size:110%; font-weight:bold; color:#3f3f3f; padding-bottom:0.5em;}

.redbox_txt {font-size:115%; color:#ffffff; text-align:center; font-weight:bold; padding:7px 12px; background-color:#c9171e;}