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

*{
    box-sizing: border-box;
}
html {
	overflow-y: scroll;
	background: #f2f2f2 !important;
}
body {
    color: #333333;
    font-family: "Noto Sans Japanese",san-serif;
    background: #052d5d;
    min-width: 1100px;
/*    overflow-x: hidden;*/
}
.inner-content,
.inner {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
input[type="submit"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a {
	display: block;
	color: inherit;	
    text-decoration: none;
    transition: all ease .3s;
}
a[href^="tel:"] {
	color: inherit;
}
a:hover {
	opacity: 0.5;
}
section p a,
section ul.disc li a,
section ol.decimal li a{
    color: #005396;
    display: inline-block;
    text-decoration: underline;
}

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

#header{
    padding: 24px 0;
    background: #005b94;
}
#header h1{
    width: 680px;
}

/* ----- main navi ----- */

#globalnav{
    color: #ffffff;
    margin: 0 0 40px;
    background-color: #000;
}
#globalnav div>ul{
    display: table;
    width: 100%;
}
#globalnav div>ul li{
    display: table-cell;
    position: relative;
}
#globalnav div>ul li:before,
#globalnav div>ul li:last-child::after{
    content: "";
    width: 1px;
    height: 100%;
    background: #373737;
    position: absolute;
    top: 0;
}
#globalnav div>ul li:before{
    left: 0;
}
#globalnav div>ul li:last-child::after{
    right: 0;
}
#globalnav div>ul li a{
    display: block;
    color: #ececec;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.075em;
    text-align: center;
    text-decoration: none;
    padding: 1em 0.5em;
}
#globalnav div>ul li.current-menu-item a{
    color: rgba(255,255,255,1);
}
#globalnav div>ul li a:hover{
}
#globalnav div>ul li ul{
    display: none;
    width: 220px;
    position: absolute;
    top: 49px;
    left: -1px;
    z-index: 500;
}
#globalnav div>ul li:hover ul{
    display: block;
}
#globalnav div>ul li ul li{
    display: block;
    width: 100%;
    border: none;
    padding: 1px 0 0;
}
#globalnav div>ul li ul li a{
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    padding: 10px 12px;
    background: rgba(0,0,0,0.5);
}
#globalnav div>ul li ul li a:hover{
    background: rgba(0,0,0,0.7);
}

/* ----- footer ----- */

#footer{
    color: #ffffff;
    margin-top: 120px;
}
#footer #copyright{
    color: #333;
    font-size: 12px;
    letter-spacing: 0.075em;
    text-align: center;
    padding: 0.3em 0;
    background-color: #f2f2f2;
}
#footer #award{
    color: #333;
    font-size: 12px;
    letter-spacing: 0.075em;
    text-align: center;
    padding: 0.5em 0;
    background-color: #f2f2f2;
}

/* ----- pagetop ----- */

#pagetop{
    position: fixed;
    right: 16px;
    bottom: 80px;
}
#pagetop a{
    display: block;
    width: 32px;
    height: 40px;
    text-indent: -9999px;
    text-align: center;
    background: url(https://www.ieice.org/ess/sip/symp/2021/files/pagetop.png) no-repeat bottom center;
    position: relative;
}
#pagetop a:hover{
    opacity: 0.3;
    background: url(https://www.ieice.org/ess/sip/symp/2021/files/pagetop.png) no-repeat top center;
}

/* ----- infolist ----- */

ul.infoList{
    border-bottom: solid 1px #cccccc;
}
ul.infoList li{
    border-top: solid 1px #cccccc;
}
ul.infoList li:first-child{
}
ul.infoList li a{
    display: block;
    color: #005396;
    text-decoration: none;
    padding: 0.75em 0.2em;
}
ul.infoList li:nth-child(odd) a{
    background: #FFF;
}
ul.infoList li:nth-child(even) a{
}
ul.infoList li p.date{
    display: block;
    color: #333333;
    width: 140px;
    float: left;
    font-size: 14px;
    line-height: 1.4;
    padding: 1px 0;
}
ul.infoList li p.title{
    width: calc(100% - 140px);
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

/* ----- info Detail ----- */

article#infoDetail{
    background: #ffffff;
    padding: 40px 80px 0;
}
article#infoDetail #infoHeader{
    padding: 0 0 24px;
    margin: 0 0 32px;
    border-bottom: solid 1px #cccccc;
}
article#infoDetail #infoHeader h3{
    font-size: 20px;
    line-height: 1.6;
    margin: 0 0 4px;
}
article#infoDetail #infoHeader p.date{
    color: #666666;
    font-size: 15px;
}
article#infoDetail .letterbody{
	font-size: 16px;
    line-height: 1.8;
    margin: 0 0 40px;
}        
article#infoDetail .letterbody p{
    margin: 0 0 24px;
}

nav.post-navigation{
    margin: 40px -80px 0;
    background: url(../img/common/line.gif) repeat-y center center;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
nav.post-navigation div{
	width: 50%;
}
nav.post-navigation div.prev-post{
	float: right;
	text-align: right;
}
nav.post-navigation div.next-post{
	float: left;
	text-align: left;
}
nav.post-navigation div a{
    display: block;
    color: #231815;
    font-size: 14px;
    line-height: 1.5;
    padding: 24px 2em;
    text-decoration: none;
}
nav.post-navigation div a:hover{
	background: #e5e5e5;
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
    margin: 40px 0 0;
	text-align: center;
	clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

#same-category-post{
    padding: 40px 80px;
    margin-top: 40px;
    background: #ffffff;
}
#same-category-post h2{
    color: #927500;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0.5em;
}

/* ----- 404 ----- */

#page404{
    color: #ffffff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 0 8px #454545;
    padding: 64px 0 0 !important;
}
#page404 .text404{
    font-size: 200px;
    font-weight: bold;
}
#page404 .title{
	font-size: 64px;
	font-weight: bold;
	margin: 0 0 24px;
}
#page404 .toptext p{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px;
}


/* ----- homeContents ----- */

#homeContents{
}
#mainimg{
    margin-bottom: 40px;
}
#mainimg .inner{
    position: relative;
}

#homeContents .sec,
#information{
    padding: 40px 80px;
    margin-bottom: 40px;
    background: #ffffff;
}
#homeContents .sec>*:last-child,
#information>*:last-child{
    margin-bottom: 0 !important;
}
#homeContents .sec h3,
#information h3{
    color: #927500;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
#homeContents .sec h3 small.en{
    color: #ababab;
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-left: 1em;
}
#homeContents .sec p{
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 1.5em;
}
#homeContents .sec ul{
    margin: 0 0 1.5em;
    list-style-type: none;
}
#homeContents .sec ul li{
    font-size: 15px;
    line-height: 1.6;
    margin-top: 0.5em;
    width: 105%
}
#homeContents .sec ul li:first-child{
    margin-top: 0;
}
#homeContents .sec ul li b{
}
.belong{
    font-size: 90%;
    opacity: 0.7;
    margin-left: 0.5em;
}

#importantNotice p a{
    color: #005396;
    display: inline-block;
    text-decoration: underline;
}

#topics ul.disc{
    padding-left: 1.5em;
}

#period dl{
}
#period dl dt,
#period dl dd{
    font-size: 15px;
    float: left;
    line-height: 1.6;
    margin: 0 0 0.75em;
}
#period dl dt{
    clear: both;
    width: 160px;
    font-weight: 600;
}
#period dl dd{
    width: calc(100% - 160px);
}
#period p a{
    color: #005396;
    display: inline-block;
    text-decoration: underline;
}

#information{
}
#information .more{
    font-size: 0;
    text-align: center;
    padding: 28px 0;
}
#information .more a{
    display: inline-block;
    min-width: 240px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 1em 0;
    text-align: center;
    border-radius: 1px;
    background: #860114;
}


/* ----- commons ----- */

#page-header{
    padding: 1.5em 0;
    margin: -40px 0 0;
}
#page-header h2{
    color: #333333;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin: 0 0 8px;
}

#breadcrumb{
    font-size: 13px;
}
#breadcrumb ol{
}
#breadcrumb li{
    display: inline-block;
    color: #ffffff;
}
#breadcrumb li:after{
	content: ">";
    margin: 0 10px;
}
#breadcrumb li:last-child::after{
	content: none;
}
#breadcrumb li a{
    display: inline-block;
}
#breadcrumb li a,
#breadcrumb li span,
#breadcrumb li strong{
	word-wrap: break-word;
	word-break: break-all;
}

#contents .inner{
    margin-bottom: 40px;
    padding: 40px 64px 64px;
    background: #ffffff;
    box-shadow: 0 0 8px #666666;
}
#contents .inner>*:last-child{
    margin-bottom: 0 !important;
}


#contents section{
    margin-bottom: 64px;
}
#contents section:last-child{
    margin-bottom: 0;
}
#contents section>*:last-child{
    margin-bottom: 0 !important;
}
#contents section h1{
    color: #927500;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
#contents section h2,
h3.cat_title{
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    padding-left: 20px;
    padding-bottom: 0.25em;
    margin-bottom: 1em;
    border-bottom: 1px solid #cccccc;
    position: relative;
}
#contents section h2:before,
h3.cat_title:before{
    content: "";
    display: inline-block;
    width: 9px;
    height: 75%;
    background: #06396c;
    position: absolute;
    border-radius: 1px;
    top: 10%;
    left: 0;
}
#contents section h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.05em;
    padding: 0.1em 0.75em;
    margin: 0 0 1em;
    border-left: 2px solid #cccccc;
}
#contents section h4{
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 0.5em;
}
#contents section h5{
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 12px;
}
#contents section p{
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.02em;
    text-align: justify;
    margin: 0 0 1.75em;
}
#contents section ul,
#contents section ol{
	margin: 0 0 40px 1.5em;
}
#contents section li{
    font-size: 15px;
    line-height: 1.8;
    margin: 0.5em 0 0;
    letter-spacing: 0.05em;
}
#contents section li:first-child{
    margin-top: 0;
}
ul.disc li{
    list-style-type: disc;
}
ol.decimal li{
    list-style-type: decimal;
}
#contents section ul.sub{
    margin: 0.5em 0;
}
#contents section ul.sub li{
    list-style-type: none;
    margin-top: 0.25em;
}
#contents section ul.sub li:before{
    content: "-";
    margin-right: 0.75em;
}
#contents section .img2{
}
#contents section .img2 figure{
    width: 48.5%;
    float: left;
    margin: 0 0 40px 3%;
    box-sizing: border-box;
}
#contents section .img2 figure:nth-child(2n+1){
	clear: both;
	margin-left: 0;
}
#contents section .img2 figure img{
    display: block;
	width: 100% !important;
    box-sizing: border-box;
}
#contents section .img2 figure figcaption{
	font-size: 14px;
    line-height: 1.4;
    text-align: center;
    padding: 8px 0 0;
}

/* ----- .table ----- */

#contents section .table table{
	width: 100%;
	margin: 0 0 40px;
	background: #cccccc;
    border-collapse: separate;
    border-spacing: 1px;
}
#contents section .table table th,
#contents section .table table td{
    font-size: 15px;
    line-height: 1.5;
    padding: 12px;
}
#contents section .table table th{
	background: #f2f2f2;
}
#contents section .table table td{
	background: #ffffff;
}

/* ----- committee ----- */

#committee{
}
section dl.committeeList{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

    margin-bottom: 1.5em;
    background: #f2f2f2;
    border: solid 1px #cccccc;
    border-top: none;
}
section dl.committeeList dt,
section dl.committeeList dd{
    font-size: 15px;
    line-height: 1.6;
    float: left;
    padding: 0.5em;
    border-top: solid 1px #cccccc;
}
section dl.committeeList dt{
    clear: both;
    width: 292px;
}
section dl.committeeList dd{
    width: 300px;
    background: #ffffff;
    border-left: solid 1px #cccccc;
}
section dl.committeeList dd.belong{
    width: 378px;
    color: inherit;
    opacity: 1;
    margin-left: 0;
}

/* ----- contact ----- */

.form dl{
}
.form dl .req{
    color: #ff3300;
    font-size: 90%;
    font-weight: normal;
    margin-left: 0.5em;
    position: absolute;
    top: 10%;
    right: 1em;
}
.form dl dt,
.form dl dd{
    float: left;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.25em;
}
.form dl dt{
    clear: both;
    width: 240px;
    font-weight: 600;
    position: relative;
}
.form dl dd{
    width: calc(100% - 240px);
    padding-left: 24px;
}
.form dl dd input{
    font-size: 15px;
    line-height: 1.6;
    padding: 2px;
}
.form .submit{
    font-size: 0;
    text-align: center;
    margin: 24px 0;
}
.form .submit input{
    display: inline-block;
    width: 200px;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    padding: 1em 0;
    margin-left: 16px;
    border: none;
    background: #333333;
    border-radius: 2px;
    cursor: pointer;
}
.form .submit input:first-child{
    margin-left: 0;
}
.form .submit input:hover{
    opacity: 0.5;
}
section p.msg{
}
section p.errorMsg{
    color: #ff3300;
    font-weight: 600;
    padding: 0.5em;
    text-align: center !important;
    border: solid 2px #ff3300;
    margin-bottom: 2em !important;
}
section p.confirmMsg{
}
section div.finMsg{
}

/* ----- speaker ----- */

section .talksInfo{
    margin-bottom: 40px;
}
section .talksInfo p.speakerName{
    margin-bottom: 0em !important;
}
section .talksInfo p.speakerName b{
}
section .talksInfo p.title{
    font-weight: 600;
    margin-bottom: 0.75em !important;
}
section .talksInfo .abstract{
    padding: 16px 24px;
    margin-bottom: 1.5em;
    background: #e5e5e5;
    border-radius: 3px;
}
section .talksInfo .abstract p{
    font-size: 85% !important;
    line-height: 1.6 !important;
    margin-bottom: 1em !important;
}
section .talksInfo .abstract>*:last-child{
    margin-bottom: 0 !important;
}

/* ----- program ----- */

#program h2{
}
#program h3{
    color: #ffffff;
    font-size: 16px !important;
    padding: 0.5em 1em !important;
    background: #005b94;
    border: none !important;
    border-radius: 2px;
}
#program h3+p.chair{
    margin-top: -0.5em;
    margin-bottom: 1em;
}
#program .belong{
}

#program h4{
    color: #ffffff;
    font-size: 15px !important;
    padding: 0.5em 1em !important;
    background: #005b94;
    border: none !important;
    border-radius: 2px;
}

#program ul.programList{
    margin-left: 0;
    border-bottom: solid 1px #cccccc;
}
#program ul.programList li{
    padding: 0.75em 1em;
    margin: 0;
    border-top: solid 1px #cccccc;
}
#program ul.programList li:nth-child(odd){
    background: #f2f2f2;
}
#program ul.programList li:nth-child(even){
    background: #ffffff;
}
#program ul.programList li p{
    line-height: 1.6;
}
#program ul.programList li>*:last-child{
    margin-bottom: 0 !important;
}
#program ul.programList li p.time{
    font-size: 80%;
    color: #787878;
    margin-bottom: 0;
}
#program ul.programList li p.title{
    font-weight: 600;
    margin-bottom: 0;
}
#program ul.programList li p.speaker{
    font-size: 90%;
    margin-bottom: 0;
}
#program ul.programList li p.belong{
}
#program ul.programList li p.title span.presentationNum{
	 font-size: 80%;
    color: #787878;
    margin-bottom: 0;
}