@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------------
日本生体医工学会関東支部　若手研究者発表会2018 TOP
------------------------------------------------------------------------------ */
/*
#072189
#ffa400
#eb7c05
*/
/* 全体 */
#wrap {
border-top: solid 4px #072189;
font-size: 123.1%;
color: #000000;
background-image: url(../img/bg.png);
/*padding-top: 2em;*/
}
::selection {
background: #ffa400;
color: #072189;
}
em {
font-style: normal;
}
a:link {
color: #eb7c05;
}
a:visited {
color: #072189;
}
a:hover {
color: #eb7c05;
text-decoration: none;
}
a:focus,
a:active {
color: #eb7c05;
}
.pc {
display: block;
}
.sp {
display: none;
}
/* --------------------------------
 TOP ビジュアル
----------------------------------- */
#topBrand {
width: 100%;
}
#topBrand h1 {
max-width: 880px;
margin: 0 auto;
margin-bottom: 25px;
}
#topBrand h1 img{
width: 100%;
height: auto;
}
.topBrandInner {
position: relative;
max-width: 960px;
margin: 0 auto;
padding: 0 5%;
background-image: url(../img/tit_bg_pc.png);
background-repeat: no-repeat;
background-size: auto;
background-position: 500px 235px;
}
.topBrandTxt {
width: 52%;
margin-bottom: .3em;
padding: 0 4%;
line-height: 1.7em;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.topBrandTxt.ctrl {
font-size: 88%;
text-align: right;
margin-bottom: 20px;
}
.topBrandTxt.ctrl strong {
font-size: 112%;
font-weight: bold;
}
.topBrandBnr {
padding: 0 4% 5% 4%;
}
.topBrandBnr li {
float: left;
margin-right: 2%;
transition: .5s;
}
.topBrandBnr li a {
transition: .5s;
}
.topBrandBnr li a:hover {
opacity: .8;
transition: .5s;
}
/* --------------------------------
 ナビゲーション
----------------------------------- */
nav.spNav,
#navToggle{
display: none;
}
nav.gnav {
z-index: 1000;
background: #072189;
margin-bottom: 30px;
}
nav.gnav ul {
max-width: 1060px;
margin: 0 auto;
}
nav.gnav ul li {
float: left;
}
nav.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
nav.gnav.fixed {
background: #072189;
}
nav.gnav ul li a{
display: inline-block;
padding: 1em 1.5em;
white-space: nowrap;
color: #ffa400;
font-weight: bold;
background: none;
text-decoration: none;
}
nav.gnav ul li a:hover,
nav.gnav ul li a.now {
color: #072189;
background-color: #ffa400;
}
/* --------------------------------
 サイドページャー
----------------------------------- */
#sideLink {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 160px;
margin-top: -80px;
position: fixed;
right: 20px;
top: 50%;
width: 20px;
}
#sideLink ul, nav#sideLink li {
float: none;
padding: 0;
}
#sideLink li a {
border: 1px solid #072189;
border-radius: 50%;
display: block;
height: 10px;
margin: 10px;
outline: medium none;
overflow: hidden;
padding: 0;
position: relative;
width: 10px;
}
#sideLink li a.current {
background: #072189 none repeat scroll 0 0;
display: block;
}
#sideLink li a:hover::after,
nav#sideLink li a.current::after {
background: #072189 none repeat scroll 0 0;
border-radius: 50%;
content: "";
display: block;
height: 10px;
left: 0;
position: absolute;
top: 0;
width: 10px;
}
#sideLink li a:hover::after {
background: #072189 none repeat scroll 0 0;
}
/* --------------------------------
 コンテンツ共通部分
----------------------------------- */
section {
width: 100%;
padding: 30px 0 55px 0;
}
section > .contInner {
max-width: 960px;
margin: 0 auto;
margin-bottom: 2.5em;
}
section.news,
#contents02,
#contents04,
#contents06 {
background: #eaeff1;
}
section .tit {
margin-bottom: 40px;
padding: 0 0 .3em 4%;
border-bottom: solid 2px #072189;
font-size: 194%;
font-weight: bold;
color: #072189;
}
section .mtit {
display: inline-block;
position: relative;
margin: 0 3% .5em 3%;
padding: 0 .5em;
color: #072189;
font-size: 132%;
font-weight: bold;
border-left: solid 3px #072189;
}
section .stit::before {
content: "-";
position: absolute;
left: -1px;
margin-right: .5em;
}
.topTxt {
margin-bottom: 2.5em;
padding: 0 4.5%;
color: #333338;
line-height: 1.8em;
}

/* --------------------------------
 新着情報
----------------------------------- */
.newsList {
padding: 0 4%;
}
.newsList > div {
margin-bottom: 1.5em;
padding-bottom: .3em;
border-bottom: solid 2px #ffffff;
}
.newsList dt {
float: left;
width: 18%;
margin-right: 1em;
white-space: nowrap;
font-size: 106%;
font-weight: bold;
color: #072189;
}
.newsList dd {
width: 100%;
}
.newsList dt::before {
content: "-";
margin-right: .5em
}
/* --------------------------------
 開催概要
----------------------------------- */
.topTable {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
}
.topTable th,
.topTable td {
padding: 1.5em;
box-sizing: border-box;
background-color: transparent;
}
.topTable tr {
position: relative;
}
.topTable th {
font-weight: bold;
white-space: nowrap;
color: #ffffff;
background-color: #072189;
border-bottom: solid 1px #ffffff;
}
.topTable th.ctrl {
border-bottom: solid 1px #072189;
}
.topTable caption {
caption-side: bottom;
color: #072189;
font-weight: bold;
margin-bottom: 30px;
}
/* 募集期間 */
.deadline {
display: inline-block;
margin-top: .5em;
padding: 1%;
text-align: center;
font-size: 100%;
font-weight: bold;
color: #eb7c05;
border: solid 1px #eb7c05;
}
.deadline span {
font-size: 116%;
color: #D95D39;
}
/* 重要 必ずお読みください */
.attention {
display: block;
margin-bottom: .5em;
font-size: 116%;
font-weight: bold;
}
.attention span {
display: inline-block;
margin-right: .5em;
padding: .2em .5em;
font-size: 124%;
color: #eb7c05;
border: solid 1px #eb7c05;
}
.attentionBox {
padding: 1.5em;
border: solid 4px #eaeff1;
}
.attentionBox dt {
margin-bottom: .5em;
font-size: 108%;
font-weight: bold;
}
.attentionBox dd {
padding-left: 1.5em;
text-indent: -1.5em;
}
.attentionBox dd::before {
content: "■";
margin-right: .5em;
color: #eb7c05;
}
.topListTit {
margin-bottom: .5em;
font-weight: bold;
}
/* 通常リスト */
.topList {
margin-bottom: .5em;
}
.topList li {
padding-left: 1em;
margin-bottom: .5em;
text-indent: -1em;
}
.topList li::before {
content: "・";
color: #072189;
}
.topList li > em {
font-weight: bold;
border-bottom: solid 2px #ffa400;
}
/*　注記リスト */
.topNoteList {
margin-bottom: 2em;
font-size: 95%;
}
.topNoteList li {
padding-left: 1em;
text-indent: -1em;
}
.topNoteList li::before {
content: "※";
}
/* 横並びボタン */
.topBtnList {
margin-bottom: 3.5em;
padding: 0 4.5%;
}
.topBtnList li {
float: left;
margin-right: 15px;
}
.topBtnList li {
width: 35%;
font-weight: bold;
}
.topBtn a {
position: relative;
display: block;
width: 100%;
padding: 1.2em 5%;
color: #ffffff;
box-sizing: border-box;
text-decoration: none;
background-color: #072189;
transition: .5s;
}
.topBtn a:hover {
opacity: .8;
transition: .5s;
}
.topBtn a::after {
position: absolute;
top: 50%;
right: 0;
content: "";
display: inline-block;
width: 2em;
height: 2px;
background-color: #ffffff;
}
/* 準備中ボタン */
.topDummy a {
pointer-events: none;
background-color: #9b9baa;
}
/* --------------------------------
 アクセス
----------------------------------- */
.topMap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
border: solid 1px #072189;
} 
.topMap iframe,
.topMap object,
.topMap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* --------------------------------
 フッター
----------------------------------- */
footer {
width: 100%;
text-align: center;
background-color: #333338;
}
.copy {
display: inline-block;
padding: 1.5em 0;
color: #ffffff;
font-size: 77%;
}

/* スマートフォン ------------------------------------------------------------------------- */
@media screen and (max-width:768px) {
/* 全体 */
#wrap {
font-size: 108%;
}
header {
background-color: #072189;
height: 45px;
}
.pc {
display: none;
}
.sp {
display: block;
}
#topBrand {
padding-top: 15px;
}
section {
padding: 35px 2%;
box-sizing: border-box;
}
#sideLink {
display: none;
}
/* --------------------------------
 SP ヘッダーナビゲーション
----------------------------------- */
#navToggle {
background: url(../img/btn_close.png) left top no-repeat;
background-size: 40px 40px;
display: block;
position: fixed;
right: 5px;
top: 5px;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 1000;
}
header.openNav #navToggle img {
display: none;
}
#navToggle div {
position: relative;
}
.spNav {
position: fixed;
top: 0;
right:0;
right: -1300px;
background: #fff;
width: 100%;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
transition: .4s ease-in-out;
text-align: center;
z-index: 999;
}
header.openNav .spNav {
-moz-transform: translateX(-1300px);
-webkit-transform: translateX(-1300px);
transform: translateX(-1300px);
}
nav.gnav {
display: none;
}
nav.spNav {
background: #eaeff1;
display: block;
padding-top: 20px;
padding-bottom: 20px;
}
nav.spNav ul li {
font-size: 123.1%;
text-align: center;
}
nav.spNav ul li a {
display: block;
padding: 15px 10px;
font-weight: bold;
text-decoration: none;
color: #072189;
}
/* --------------------------------
 コンテンツ共通部分
----------------------------------- */
section .tit {
font-size: 150%;
}
/* --------------------------------
 TOP ビジュアル
----------------------------------- */
#topBrand h1 {
margin-bottom: 10px;
}
.topBrandInner {
background-image: url(../img/tit_bg_sp.png);
background-size: contain;
background-position: 0 500px;
}
.topBrandTxt {
width: 100%;
padding: 0;
}
.topBrandTxt.ctrl {
margin-bottom: 100px;
}
.topBrandBnr li {
margin-right: 0;
margin-bottom: 10px;
}
/* --------------------------------
 新着情報
----------------------------------- */
.newsList dt,
.newsList dd {
float: none;
width: 100%;
}
/* --------------------------------
 開催概要
----------------------------------- */
.topTable {
width: 90%;
}
.topTable tr,
.topTable th,
.topTable td {
display: block;
}
.topTable th,
.topTable td {
padding: .8em;
}
.topTable td {
padding-bottom: 1.5em;
}
.topBtnList {
margin-bottom: 3.5em;
padding: 0 4.5%;
}
/* 横並びボタン */
.topBtnList li {
float: none;
margin-right: 0;
margin-bottom: 10px;
}
.topBtnList li {
width: 100%;
}
}