@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 #cf0010; border-right:1px solid #cf0010; border-bottom:1px solid #cf0010; border-left:10px solid #cf0010; color:#cf0010 !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 #4169e1; border-right:1px solid #4169e1; border-bottom:1px solid #4169e1; border-left:10px solid #4169e1; color:#4169e1 !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 #008000; border-right:1px solid #008000; border-bottom:1px solid #008000; border-left:10px solid #008000; color:#008000 !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 #ff8c00; border-right:1px solid #ff8c00; border-bottom:1px solid #ff8c00; border-left:10px solid #ff8c00; color:#ff8c00 !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;}




/* ===========================================================
スマホ対応用
=========================================================== */
/*@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;}



/* 各イベントリンクボタン共通 */
/*.pagelink_ev {list-style:none; margin:10px 0 0 0; line-height:2.4em; position:relative; font-size:100%; font-weight:bold;}*/

.linkbox_ev {margin:10px 0 0 0; padding:0; width:100%;}
.pagelink_ev {margin:10px 0 0 0; padding:5px;}

/* フォームボタン */

/* フォームボタン案内用 */
div.frm_btn_box {margin:0 auto; padding:0;}
p.frm_info_txt {font-size:100%; font-weight:bold;}
div.frm_btn_line {float:left; margin:0; padding:0; position:relative; width:100%;}

/* 角丸ボタン共通 */
.regi_Btn {overflow:hidden; width:100%; height:50px; margin:5px auto 15px auto; padding:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.regi_Btn a {display:block; position:relative; z-index:100; text-align:center; background:#0065e8; color:#fff !important; font-size:110%; font-weight:bold; line-height:50px; text-decoration:none;}
.regi_Btn a:hover {background:#3ab2e9;}

/* END用 */
p.regi_end_txt {color:#fff;}

/* フォームボタン案内END用 */
.regi_Btn_end {overflow:hidden; width:100%; height:50px; margin:5px auto 15px auto; padding:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; display:block; position:relative; z-index:100; text-align:center; background:#696969; color:#fff !important; font-size:110%; font-weight:bold; line-height:50px; text-decoration:none;}




/* 予約関連共通 */
div.yoyaku_info_box {width:100%; margin:0; padding:0;}
div.yoyaku_info_box ul {list-style-type:none; margin-top:-1.2em; margin-left:0;}

/* events_01ページ用 */
div.ev01_1_box img {clear:both; width:100%; height:auto;}
div.ev01_2_box img {clear:both; width:100%; height:auto;}

/* events_03ページ用 */
div.ev03_box img {clear:both; width:100%; height:auto;}
div.ev03_endbox img {clear:both; width:100%; height:auto;}

/* events_04ページ用 */
div.ev04_box img {clear:both; width:100%; height:auto;}
div.ev04_endbox img {clear:both; width:100%; height:auto;}

/* events_05ページ用 */
div.ev05_box img {clear:both; width:100%; height:auto;}
div.ev05_endbox img {clear:both; width:100%; height:auto;}

/* events_06ページ用 */
div.ev06_2_box img {clear:both; width:100%; height:auto;}
div.ev06_2_endbox img {clear:both; width:100%; height:auto;}

div.ev06_3_box img {clear:both; width:100%; height:auto;}
div.ev06_3_endbox img {clear:both; width:100%; height:auto;}

.cha_info_txt {background-color:#c9171e; color:#ffffff; text-align:center; font-weight:bold; padding:4px 8px; line-height:2.4em;}
.sci_info_txt {background-color:#4169e1; color:#ffffff; text-align:center; font-weight:bold; padding:4px 8px; line-height:2.4em;}

.cs_area_link {list-style:none; margin:0; position:relative; font-size:100%; font-weight:bold; line-height:2.4em;}


/* events_07ページ用 */
div.ev07_box img {clear:both; width:100%; height:auto;}
div.ev07_endbox img {clear:both; width:100%; height:auto;}

/* events_08ページ用 */
div.ev08_box img {clear:both; width:100%; height:auto;}
div.ev08_endbox img {clear:both; width:100%; height:auto;}

/* フォームボタン案内用 */
/*div.frm_btn_box {margin:0 auto; padding:0;}*/
p.frm_info_txt {font-size:100%; font-weight:bold; text-align:center;}
/*div.frm_btn_line {float:left; margin:0; padding:0; position:relative;}*/



/* 報告ページ写真並べ用・ポスター枠 */
.imagelist {width:100%; margin:0; padding:0;}
.imagelist img {clear:both; width:100%; height:auto;}
.photospace {padding:0; margin:7px 0;}

}


/*@media screen and (max-width:320px) {

#titlebox {height:0; padding-top:15.11%; background-size:contain; background:url(/Portals/0/tsukuba/pr/koukai/2017/img/title_2017_smt24.jpg) no-repeat center;}

#titlebox img {display:none;}



}*/



/* ===========================================================
ショートムービー配置
=========================================================== */
/* コンテンツ配置 */
.box {
  display: flex;
  padding:20px;
}
.box .img {
  margin: 0 20px 0 0;
}
.box:nth-child(even) {
  flex-direction: row-reverse;
}
.box:nth-child(even) .img {
  margin: 0 0 0 20px;
}

.text-box{
  width:calc(100% - 320px);
}

/* unrelated css */

.img {
  width:560px;
  height:315px;
  background: #bbb;
  display: flex;
  font-size:36px;
  color:#fff;
  align-items:center;
  justify-content:center;
}