﻿@charset "utf-8";
/* 1003　更新 */
/* CSS Document */
/* font-family: "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
 */
body{
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;padding:0;
font-size:0.8em;letter-spacing:1px;border-bottom:5px red solid
}

img{
outline:none;
border-style:none;
}

a{
    color:blue;
}
a:visited{
    color:purple;
}
a:hover {
    color:red;
}
.uetuki {
	vertical-align:super;font-size:80%
}
.uetuki-sub {
	;margin:20px auto
}

/*****HEADER*****/
header{
    display: block;
    width:100%;
    margin: 0 auto ;
    overflow: hidden;
}

header h1{text-align:center;margin-top:-20px
}
header img{
    width:100%;height:60px;
    border-top:5px red solid;
}



/*****NAV*****/
nav    { float:none;overflow:auto;
		margin-top	: 0px;margin-bottom:0px;
		width:100%  ;padding:0;
		background-color:
		}

ul{
		list-style-type:none;
}



.dropmenu   {;background-color:white; list-style-type: none; margin: 0px auto 10px; padding: 0;  *zoom: 1  }

.dropmenu:before, .dropmenu:after { display: table; content: "" }
.dropmenu:after { clear: both }
.dropmenu li { text-align: center;  margin: 0 0; padding: 0; position: relative }
.dropmenu li a { color: black; font-weight:normal; font-size: 1em; text-decoration: none; 
		display: block; margin: 0px 0px 3px 0px ; padding: 8px 0px 8px 10px }
.dropmenu li ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; position:relative; z-index: 9999; top: 100%; left: 0 }
.dropmenu li ul li { }
.dropmenu li ul li a { color: black; font-weight: normal; background-color: white; text-align: left;margin-left:15px; padding: 8px 0px 8px 10px }
.dropmenu li:hover > a { color: white; background-color: #00f }
.dropmenu li a:hover { background-color:#00f  }

#normal li ul { display: none }
#normal li:hover ul { display: block }
.mm {
	display:none
}
.mm a { ;background-color:#f4faff;text-align:left; border: solid 1px #0080ff; width: 160px ;margin-top:20px;display:none;}
.mm a:hover { color: white; background-color: #00f }
.mm-webtoku {
	display:none
}
.mm-congress {
	display:none
}
.mm-support {
	display:none
}
.mm_menu {
	width: 100% ;
}
.mm_menu a { ;background-color:#f4faff;text-align:left; 
	border: solid 1px #0080ff; margin-top:20px;
	}
.mm_menu a:hover { color: white; background-color: #00f }
.mm_menu_bottom{
	
}
span.polus{
	font-size:150%;font-weight:600;margin-left:10px
}


div.vimeo0{ display:block; width:90%;text-align:center}
div.vimeo { display:none}
div.video-1 {display:none}
div.video-2 {display:none}
div.video-3 {display:none}
.vimeo0 iframe { margin-top:10px;margin-bottom:5px}

div.twitter0{ display:block; float:left;background:;width:49%;text-align:right;margin-bottom:9px;margin-right:2px}
.twitter0 img { margin:0 ;width:90%; border: solid 0px black}
div.twitter { display:none}
.twitter img { }

div.facebook0{display:block; float:right;background:;width:49%;text-align:left;margin-bottom:9px;margin-left:2px}
.facebook0 img { margin:0 ;width:90%; border: solid 0px black}
div.facebook { display:none}
.facebook img { }


p.logo{
	margin:0;width:50%}
.logo img{
	display:none
}
span.b{
	font-weight:600
}
		  



/*****ARTICLE*****/
article{
    display: block;
    letter-spacing:1px;
    width: 100%;
    margin-top:10px;
    margin-bottom: 20px;
    overflow:auto;
    float:none;
    background-color:
}
div{
    width:90% ;
    line-height:170%;
    margin-left:auto;margin-right:auto;
    margin-top:10px;
    margin-bottom:50px;
    overflow:auto;
    background-color:
}

h2{
	background-color:#EE220C;color:white;margin:0 auto 25px;text-align:center;
	padding:5px;border-radius:5px;letter-spacing:6px;
	font-size:1.3em;font-weight:lighter
}
h3{
	border-bottom:1px red solid;margin-top:15px;font-size:120%
}


.topimg{
	text-align:center;margin-bottom:10px
}
.topimg img{
	width:90%;height:auto;margin-left:auto;margin-right:auto;
}


section{
	margin:10px;
}
section span {
	display:inline-block
}
p.junbi{
	text-align:center;margin:30px auto 100px;
}
.junbi img{
	width:40%;height:auto
}
.center{
	text-align:center
}
.red{
	color:red
}
p.right{
	text-align:right
}

/***** お知らせ *****/
div.onrei{border:1px silver solid;width:90%;padding:10px;margin-bottom:15px;font-size:95%}
p.right_onrei{font-size:90%;text-align:right;margin-top:10px}
dl.tbl-layout    { margin-top: 0px; margin-right: 2px; margin-left: 0px; 
		overflow: auto ;width:100%;font-size:}
dt.tbl-layout-new  { background-color:; float:none; padding: 5px;margin-left:0; 
		font-weight:normal}
dd.tbl-layout-new { background-color: ; float:none; padding: 5px;margin-left:20px; 
		width: }
div.matomari{
	overflow:auto;background-color:white;width:100%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
.sankaku{
	color:#00cc00;margin-right:5px;font-size:130%
}

/***** 挨拶 *****/
.aisatu-right{
	text-align:right;margin-top:20px;font-size:90%
}
.aisatu-right span {
	display:inline-block
}
p.aisatu{
	margin-bottom:10px;
}
.aisatu-tit {
	text-align:center; margin:20px auto;font-size:115%
}
.aisatu-tit span {
	display:inline-block
}

/***** 概要 *****/
dl.tbl-layout    { margin-top: 0px; margin-right: 2px; margin-left: 0px; 
		overflow: auto ;width:100%}
dt.tbl-layout  { background-color: ; float: left; padding: 0px;margin-left:0; 
		width: 100%}
dd.tbl-layout    { background-color: ; float: left; padding: 0px;margin-left:20px; 
		width:  }
//dd.tbl-layout-r  { background-color: white; text-align: right; float: left; padding: 5px; 
		border-top: 1px solid gray; border-left: 1px solid gray; width:  }
div.matomari{
	overflow:auto;background-color:white;width:100%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:4px;padding-bottom:4px
}
.square{
	color:#00cc00;margin-right:5px;font-size:110%
}

/***** 演題 *****/
ol.num{
	list-style-type:decimal;margin-left:25px
}
ul.kuromaru{
	list-style-type:disc;margin-left:25px
}
ul.kome{
	list-style-image:url('../img/kome.png');margin-left:30px
}
p.endaitouroku{
	text-align:center;margin:10px auto;
}
.endaitouroku img{
}


/***** 採択演題 *****/
p.award{ margin:0;font-size:80%;text-align:center}
p.award img{ margin:0;margin-bottom:-8px;width:40px;height:auto}
table.endailist_award{ border-top:silver 1px solid;border-left:silver 1px solid;margin-bottom:40px;margin-top:10px;width:100%;
			margin-top:25px
}
th.endailist_award_award{ font-weight:normal;white-space:nowrap;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_award_no{ font-weight:normal;white-space:nowrap;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_award_tit{font-weight:normal;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_award_enjya{font-weight:normal;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}


table.endailist2{ border-top:silver 1px solid;border-left:silver 1px solid;margin-bottom:40px;margin-top:20px;
	  font-size:90%
}
table.endailist{ border-top:silver 1px solid;border-left:silver 1px solid;margin-bottom:40px;margin-top:10px;
	  font-size:90%
}
caption.endailist{ font-weight:bold;text-align:left;color:blue
	
}
th.endailist_section{font-weight:normal;white-space:nowrap;width:15%;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_no{ font-weight:normal;white-space:nowrap;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px
}
th.endailist_tit{font-weight:normal;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;text-align:center;padding:2px
}
th.endailist_enjya{font-weight:normal;white-space:nowrap;width:17%;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;text-align:center;padding:2px
}
th.endailist_zacyou{font-weight:normal;white-space:nowrap;width:17%;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5
}
td.endailist{ text-align:center;background:;border-right:1px silver solid;border-bottom:1px silver solid;;vertical-align:middle }
td.endailist_l{ text-align:left;background:;border-right:1px silver solid;border-bottom:1px silver solid;;vertical-align:middle }



/***** プログラム *****/
h3.prog{
	border-bottom:0;margin-top:30px
}
p.prog_tit{
	text-align:center;font-weight:;margin-top:15px
}
span.kakudai130{
	font-size:130%
}
p.printpdf{
	text-align:right
}
p.place{
	text-align:center;margin:40px auto 30px
}
p.prog-date{
	border-bottom:1px red solid;margin-top:15px;margin-bottom:15px;font-weight:bold
}
p.prog-date2{
	border-bottom:1px red solid;margin-top:80px;margin-bottom:15px;font-weight:bold
}
p.prog_name{
	font-weight:bold;margin-left:
}
p.mc0{
	margin-left:10px;margin-bottom:;
}
.mc0 span{
	margin-left:15px;color:;display: block
}
p.mc{
	margin-left:10px;margin-bottom:15px
}
.mc span{
	margin-left:15px;display: block
}
.symposist{
	margin-left:
}
.enjya{
	margin-left:
}

dl.prog{
	background-color: ;overflow:auto;margin-bottom:10px
}
div.matomari_prog{
	overflow:auto;background-color:;width:100%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
div.matomari_prog2{
	overflow:auto;background-color:;width:100%;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
dt.prog0{
	background-color:;width:;float:none;display:none
}
dt.prog{
	background-color:;width:;float:none
}
dd.prog{
	background-color: ;float:none;margin-left:20px
}
ol.prog_num{
	list-style-type:decimal;margin-left:30px;margin-bottom:20px
}
ul.prog_point{
	list-style-type:disc;margin-left:30px;margin-bottom:20px
}

/***** 講演のご案内 *****/
span.kouen_but_tit{
	font-weight:normal }
hr.kouen_but_tit{
	border-top:1px silver dashed;width:99%;margin:0px 0 5px}

/***** 事前参加登録 *****/
ul.kuromaru_jizen{
	list-style-image:url('../img/kuromaru.png');margin-left:30px
}
ul.akamaru_jizen{
	list-style-image:url('../img/akamaru.png');margin-left:30px;color:red
}

table.zoom{
	border-top:1px gray solid;border-left:1px gray solid;
	margin-left:30px
}
td.zoom1{
	border-right:1px gray solid;border-bottom:1px gray solid;
	padding:4px;text-align:center;vertical-align:middle
}
td.zoom2{
	border-right:1px gray solid;border-bottom:1px gray solid;
	padding:4px;text-align:left;vertical-align:middle
}

/***** 発表データ *****/
ol.data{
	list-style:decimal;margin-left:25px;margin-top:15px;
}
p.entry_but_data { text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px;
		 margin-top:20px; }




/***** ご参加の皆様へ *****/
ul.parti {
	list-style-image:url('../img/square-green.png') ;margin-left:20px
}
ul.parti li {
	margin-top:30px
}
ul.kuromaru-h li {
	margin-top:20px;margin-left:30px;list-style-type:disc;
}
ol.parti {
	list-style-type:decimal
}
ol.parti li {
	margin-left:30px;margin-top:15px
}

p.entry_but_parti {text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px;
		 margin-top:30px	
}
h3.parti{
	border-bottom:0px red solid;margin-top:25px;margin-bottom:15px;font-size:130%
}





table.sanka{
	border-top:1px gray solid;border-left:1px gray solid
}
td.sanka{
	border-right:1px gray solid;border-bottom:1px gray solid;padding:8px;text-align:center
}
th.sanka{
	border-right:1px gray solid;border-bottom:1px gray solid;padding:8px;text-align:center;
	font-weight:normal
}
p.hi-kaiin{
	font-weight:bold;margin:0;font-size:110%;color:navy;background:#fafafa
}
ol.mousikomi-2_1   { ;list-style-type:decimal; margin: 15px 0 20px; 
			padding: 0px 0px 0px 30px;background: }

p.entry_but { text-align:center;margin-left:auto;margin-right:auto;margin-bottom:35px;
		 margin-top:40px;background:}
.guide{
	border:1px teal solid;padding:8px;width:auto
}		 
ul.kome_red_guide   { list-style-image:url('../img/kome_red.gif'); 
		margin-top: 0px; margin-bottom: 0; padding: 0px 0px 0px 30px }
p.doublecircle-2{
	font-weight:bold;margin:0 0 5px 0;font-size:110%;color:navy;
	background:#fafafa
}
span.doublecircle{
	color:navy;font-size:140%;font-weight:bold
}
ul.mousikomi-1   { ;list-style-type:disc; margin: 10px 0; 
			padding: 0px 0px 0px 30px;background: }

/***** 学会告知動画 *****/
h4.movie {
	text-align:center;margin:15px auto
}
div.movie {
	width:100%;padding:0;float:none;text-align:center;margin-bottom:15px;overflow:visible
}
.movie img {
	border-radius:10px	
}
iframe {
	width:85%
}


/***** 座長・演者の皆様へ *****/
h3.presenter{
	;font-size:120%;border-bottom:0px red solid;margin-top:25px;margin-bottom:15px;font-weight:bold
}
h4.presenter {
	font-weight:bold;border-bottom:1px red solid
}
div.poasamp2{
	text-align:center;background:;width:100%;margin-bottom:20px
}
ul.presenter{
	list-style-image:url('../img/kome.png');margin:auto auto 30px;width:70%;font-size:90%
}

dl.pos{
	background:;overflow:auto;margin-top:15px
}
dt.pos{
	float:none;background:;width:100%
}
dd.pos{
	float:none;background:;padding-top:0;font-size:85%
}
img.pos50p{
	width:90%;border:0 red solid
}
img.pos60p{
	width:90%;border:0 red solid
}
img.pos95p{
	width:95%;border:0 red solid;
}

/***** 特設サイト *****/
ul.webtoku {
	list-style-image:url('../img/square-green.png') ;margin-left:20px
}
ul.webtoku li {
	margin-top:30px
}
ol.webtoku {
	 list-style-type:decimal;margin-bottom:30px;margin-left:20px
}
ol.webtoku li {
	margin-top:30px
}
p.entry_but_webtoku {text-align:center;margin:30px auto 20px ;
}
.entry_but_webtoku img {
	width:100%;max-width:300px
}
div.jimukyoku3{
	float:none;background-color:white;width:auto;margin:12px auto;
	text-align:center
}




/***** 会場案内 *****/
.accessmap{
	text-align:center
}
.accessmap img{
	border:1px silver solid;width:90%;height:auto
}
dl.floor{
	background:
}
div.matomari_map{
	overflow:auto;background-color:white;width:90%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
dt.floor{
	float:left;width:;background:;margin-right:0
}
dd.floor{
	float:left;background:;width:;margin-left:0
}
div.by{
	border:1px gray solid;padding:5px;width:
}
table.by{
	width:;margin-left:auto;margin-right:auto;font-size:80%
}
td.by1{
	text-align:left;background:;width:45%;vertical-align:middle
}
td.by2{
	text-align:center;width:15%;background:;vertical-align:middle
}
td.by3{
	text-align:left;background:;width:40%;vertical-align:middle
}


/***** 学会関連図書紹介 *****/
h3.library {
	background:green;color:white;text-align:center;padding:8px;border:0;font-size:100%;font-weight:normal
}
h4.library {
	background:red;color:white;margin-bottom:10px;padding:4px;font-size:95%
}
div.frontcover{
	overflow:auto;width:100%;margin-top:40px;text-align:center
}
img.library {
	float:none;border:1px gray solid; width:80%;height:auto; margin-bottom:10px
}
p.book_title1 {
	font-size:100%;font-weight:bolder;text-align:left
}
p.book_title2 {
	font-size:90%;font-weight:bold;text-align:left
}
p.writer {
	margin-top:12px;margin-bottom:0;text-align:left
}
p.library_text1{
	margin-top:20px;margin-bottom:20px;font-weight:bolder
}
p.library_text2{
	margin-top:20px
}
p.library_text3{
	margin-left:20px
}
div.mokuji {
	overflow:auto;border-bottom:1px solid silver;width:100%;padding-bottom:50px
}
p.mokuji { border-bottom:1px solid;margin-top:30px;color:silver
	
}
p.chapter {
	margin-top:8px;
}
hr.library	{
	width:;text-align:center; margin:20px auto;
}

/***** リンク *****/
ul.link{
	list-style-type:none;line-height:200%
}
ul.link li{
}


/***** buttom_事務局 *****/
div.buttom_jimukyoku{
	;margin:0;padding:0;background-color: ;width:100%
}
.buttom_jimukyoku span {
	display:inline-block;
}
div.jimukyoku1{
	float:left;width:40%;margin:0 5px 0 10px;background-color:aqua ;
	padding:0 10px;border:1px #CCCCCC solid;border-radius:5px;display:none
}
div.jimukyoku2{
	float:none;background-color:white;width:99%;margin:0;
	padding:0;border-radius:5px
}

p.sub-t2{
	background-color:black;color:white;margin-top:5px;text-align:center;
	padding:4px 0;border-radius:5px;letter-spacing:1px;
	font-size:1em;font-weight:600;width:100%
}
p.sub-m2{
	;font-size:0.85em;margin-left:8px
}


/***** buttom_menu *****/
div.bottom{
	width:100%;background-color:white;overflow:auto;margin-top:25px
}
.buttom_menu li  {border-top:1px silver solid;padding:8px}
.buttom_menu li a {text-decoration:none}



/*****footer*****/
footer{
    font-size: 0.85em;
    line-height:180%;
    color:white;
    width: 100%;
    text-align: center;
    letter-spacing: 3px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top:30px;
    background-color:black;
	border-top:5px red solid;
}
footer a {color:white
}
footer a:visited {
	color:white
}
footer a:hover {
	color:red
}



/* totopボタン */
a#pagetopBtn img {
  position:fixed;
  bottom:10px;
  right:10px;
  width:60px
  
}



img.indexpicR{
	float:right;
	margin-left:10px;
	width:50%;
}



/*　ハンバーガーメニュー　*/
.menu-btn {
    position:fixed;
    top: 0px;
    right: 0px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.menu-content ul {
    padding: 30px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
