@charset "utf-8";

/*
 *	SSDM CSS
 */

.preload *,
.preload *:before,
.preload *:after {
    transition: none !important;
}

#mode {
    position: fixed;
    top: 20px;
    left: 25px;
    width: 80px;
    padding: 2px 0;
    text-align: center;
    color: #fff;
    z-index: 1000000;

    display: none;
}





/*------------------------------------------------------------------------------

	TAG ELEMENTS Initialize

*/

a img {
    border: none;
}

a,
a.link {
    color: #0076db;
    text-decoration: none;
    outline: none;
    transition: all 0.2s linear 0s;
}

a:hover {
    color: #e28200;
    color: #f07400;
}

a.disable,
a.disable:hover {
    color: #999;
    cursor: default;
    pointer-events: none;
}

table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

thead,
.hd {
    font-size: 1.2rem;
    line-height: 1.2;
    background: #d6e6f6;
    text-align: center;
}

th,
td {
    margin: 0;
    padding: 4px 8px;
}

th {
    font-weight: normal;
}

form {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

input[type=text],
input[type=button],
input[type=submit],
input[type=cansel] {
    margin: 0;
    padding: 0;
}

input[type=text],
select {
    outline: none;
}

input[type=text]:focus {}

input[type=button],
input[type=submit],
input[type=cansel] {
    border: 0;
    background: #b2b2b2;
}

p {
    margin: 1.5em 0;
}

p.narrowPad {
    margin: 0.5em 0;
}

p.noPad {
    margin: 0;
}

p.noPad--T {
    margin-top: 0;
    padding-top: 0;
}

p.noPad--B {
    margin-bottom: 0;
    padding-bottom: 0;
}

img {
    vertical-align: bottom;
    line-height: 0;
    border: 0;
}

.iblock {
    display: inline-block;
}



/*------------------------------------------------------------------------------

	FONT STYLE

*/

html {
    font-size: 62.5%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    font-size-adjust: auto;
    font-feature-settings: "palt"1;
}

.cond {
    font-family: 'Roboto Condensed', sans-serif;
}


body,
form,
table {
    color: #2a2a2a;
}

body:lang(ja),
body:lang(ja) form,
body:lang(ja) table:lang(ja),
.JP {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Meiryo UI', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
}

sup,
sub {
    position: relative;
    margin: 0;
    padding: 0 1px;
    text-indent: 0;
    vertical-align: baseline;
    line-height: 1.0;
    font-size: 80%;
    zoom: 1;
    background: none;
}

sup {
    top: -4px;
}

sub {
    top: 3px;
}

.s08 {
    font-size: 0.8rem !important;
}

.s09 {
    font-size: 0.9rem !important;
}

.s10 {
    font-size: 1.0rem !important;
}

.s11 {
    font-size: 1.1rem !important;
}

.s12 {
    font-size: 1.2rem !important;
}

.s13 {
    font-size: 1.3rem !important;
}

.s14 {
    font-size: 1.4rem !important;
}

.s15 {
    font-size: 1.5rem !important;
}

.s16 {
    font-size: 1.6rem !important;
}

.s18 {
    font-size: 1.8rem !important;
}

.s19 {
    font-size: 1.9rem !important;
}

.s20 {
    font-size: 2.0rem !important;
}

.s22 {
    font-size: 2.2rem !important;
}

.s24 {
    font-size: 2.4rem !important;
}

.s26 {
    font-size: 2.6rem !important;
}

.s28 {
    font-size: 2.8rem !important;
}

.s30 {
    font-size: 3.0rem !important;
}

.s32 {
    font-size: 3.2rem !important;
}

.s36 {
    font-size: 3.6rem !important;
}

.lx100 {
    line-height: 1.0;
}

.lx110 {
    line-height: 1.1;
}

.lx120 {
    line-height: 1.2;
}

.lx140 {
    line-height: 1.4;
}

.lx150 {
    line-height: 1.5;
}

.lx160 {
    line-height: 1.6;
}

.lx175 {
    line-height: 1.75;
}

.b,
.bold {
    font-weight: bold !important;
}

.normal {
    font-weight: normal !important;
}

.slanted {
    font-style: italic;
}

.italic {
    font-style: italic;
    font-family: Times, "Times New Roman", serif;
    font-size: 105%;
}

.underline {
    border-bottom: 1px solid #333;
    /*text-decoration:underline;*/
}

a.underline {
    border-color: #0076db;
}

a.underline:hover {
    border-color: #e28200;
}

.red.underline,
.red .underline {
    border-color: #d20000;
}

.strike {
    position: relative;
    display: inline-block;
    padding: 0 1px;
}

.strike:after {
    content: url("../img/sp.gif");
    position: absolute;
    top: 45%;
    left: 0;
    display: block;
    width: 100%;
    background: url("../img/line_strike2.gif") repeat-x;
}

.strike--top40:after {
    top: 40%;
}

.strike--top35:after {
    top: 35%;
}

.strike.strike-line1:after {
    background-image: url("../img/line_strike1.gif");
}

.strike.strike-thin:after {
    top: 38%;
}

.red {
    color: #e20000;
}

.white {
    color: #fff;
}

.lightgray {
    color: #a2a2a2;
}

.gray {
    color: #999;
}

.midgray {
    color: #7a7a7a;
}

.darkgray {
    color: #5b5b5b;
}

.ssdm-blue {
    color: #001e57;
}

.red .strike {
    color: #8a8a8a;
}

.bar_red {
    padding: 3px 8px;
    color: #fff;
    background: #d20000;
}

.marker_yellow {
    background: #ff0;
}

.not-available {
    color: #999;
}


.aC,
.center {
    text-align: center !important;
}

.aL,
.left {
    text-align: left !important;
}

.aR,
.right {
    text-align: right !important;
}

.vaT {
    vertical-align: top;
}

.vaM {
    vertical-align: middle;
}

.vaBL {
    vertical-align: baseline;
}

.vaB {
    vertical-align: bottom;
}

.block {
    display: block;
}

.inlineblock {
    display: inline-block;
}

.inline {
    display: inline;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.flex {
    display: flex;
}

.avC {
    align-items: center;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    color: #001e57;
}

h1,
.h1like {
    margin: 45px 0 35px;
    padding: 0;
    font-size: 3.2rem;
    line-height: 1.125;
}

#columnL > h1:first-child {
    margin-top: 0;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 2.6rem;
    line-height: 1.125;
}

h1.lineTop,
h2.lineTop,
.borderT {
    border-top: 1px solid #d2d2d2;
}

h1.lineTop,
h2.lineTop {
    margin-top: 60px;
    padding-top: 50px;
}

h2.lineNo {
    margin-top: 40px;
    padding-top: 40px;
}

h2.sizeS {
    font-size: 2.0rem;
    line-height: 1.125;
}

h3 {
    font-size: 1.8rem;
    line-height: 1.125;
}

h4 {
    font-size: 1.6rem;
    line-height: 1.125;
}

.pos-sta {
    position: static;
}

.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

.alert {
    color: #000;
    background: #fd0;
    /*display: none;*/
}

.mac.firefox .whitecircle,
.mac.safari .whitecircle {
    font-size: 3.2rem;
    line-height: 1.0;
    vertical-align: middle;
}

p.indent {
    text-indent: 4.0em;
}

p.mTB0 {
    margin-top: 0;
    margin-bottom: 0;
}



/*------------------------------------------------------------------------------

	STRUCTURES

*/


body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh);
    margin: 0;
    text-align: center;
}


.wrapper {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
}

#header {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0;
    padding: 0;
}

#body_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 60px;
    text-align: left;
    background: #fff;
}

.column {
    /*min-height:500px;*/
}

#home .column {
    min-height: 100px;
}

#column1_Regular {
    margin-top: 40px;
}

#column_Home,
#column2_Regular {
    display: flex;
    margin-top: 40px;
}

#columnL {
    width: 640px;
}

#columnR {
    width: 270px;
    margin-left: auto;
    padding-left: 24px;
    border-left: 1px solid #dadada;
}

#footer {
    position: relative;
    height: 150px;
    margin-top: auto;
    border-top: 1px solid #cfcfcf;
    background: #fafafa;
}

#footer > .wrapper {
    flex-direction: column;
}


/*------------------------------------------------------------------------------

	LAYOUT PARTS

*/



span[class^="space"] {
    display: block;
}


.notice {
    font-weight: bold;
}

.space0 {
    height: 0;
}

.space2 {
    height: 2px;
}

.space3 {
    height: 3px;
}

.space5 {
    height: 5px;
}

.space10 {
    height: 10px;
}

.space15 {
    height: 15px;
}

.space20 {
    height: 20px;
}

.space30 {
    height: 30px;
}

.space40 {
    height: 40px;
}

.space50 {
    height: 50px;
}

.space60 {
    height: 60px;
}

.space80 {
    height: 80px;
}

.space100 {
    height: 100px;
}

.space120 {
    height: 120px;
}

.space150 {
    height: 150px;
}

.space200 {
    height: 200px;
}

.space220 {
    height: 220px;
}

.lineTop {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #dbdbdb;
}

.lineTop.ssdm-blue {
    border-color: #001e57 !important;
    border-top-style: solid;
}



/*------------------------------------------------------------------------------

	COMMON PARTS

*/



.ic {
    position: relative;
    top: -1px;
    margin-left: 5px;
    font-size: 9px;
}

a.back_ic {
    position: absolute;
    top: 45px;
    left: -40px;
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    padding: 3px 0 0 1px;
    font-size: 3.0rem;
    line-height: 32px;
    color: #c6c6c6;
}


a.back_ic:hover {
    color: #e28200;
}

a.back_txt {
    display: inline-block;
    padding-left: 28px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    color: #ccc;
    background: url("../img/ic_arrowLeft_Circle_gray.png") no-repeat;
}

a.back_txt:hover {
    color: #2f8fd1;
    background-image: url("../img/ic_arrowLeft_Circle_blue.png");
}


/*------------------------------------------------------------------------------

	HEADER

*/

#logo {
    width: 460px;
    height: 108px;
    padding-top: 6px;
}

#logo a {
    display: block;
}

#logo-ssdm img {
    width: 170px;
    height: auto;
}

#logo-full {
    /*	width: 460px;*/
    height: 15px;
    margin-top: 5px;
    line-height: 1.0;
    font-size: 1.6rem;
    font-weight: 700;
}

#logo-full img {
    width: 460px;
    height: auto;
}

#sponsored {
    position: absolute;
    left: 348px;
    top: 51px;
}

#cosponsored {
    display: none;
    position: absolute;
    left: 298px;
    top: 52px;
}

#contact,
#gsearchForm {
    top: 12px;
}

#contact {
    position: absolute;
    right: 0;
    display: block;
    width: 100px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    background: #b2b2b2;
    cursor: pointer;
    transition: 0.2s background linear;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#contact .fa {
    margin-top: 8px;
    margin-right: 5px;
    font-size: 1.5rem;
    vertical-align: -1px;
}

#contact:hover {
    background-color: #001e57;
}

#gsearchForm {
    position: absolute;
    right: 110px;
    display: block;
    width: 184px;
    height: 28px;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: 0.2s boder linear;
}

#gsearchForm:focus {
    border: 1px solid #001e57;
}

#gsearchKw {
    float: left;
    width: 92px;
    height: 24px;
    margin: 0;
    padding: 2px 5px;
    font-size: 1.6rem;
    line-height: 24px;
    border: none;
    outline: none;
    background: none;
}

#gsearchBtn {
    border: none;
    background: none;

    float: right;
    width: 72px;
    height: 28px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #fff;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    background: #b2b2b2;
    transition: 0.2s background linear;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#gsearchBtn .fa {
    font-size: 1.5rem;
    margin-right: 2px;
}

#gsearchKw:focus + #gsearchBtn,
#gsearchBtn:hover {
    background-color: #001e57;
}



#mm {
    display: none;
}

#mm {
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
    overflow: hidden;
    text-align: center;
    line-height: 1.0;
    z-index: 30000;
    background: #fff;
    cursor: pointer;
}

#mm > span {
    position: relative;
    display: inline-block;
    margin: 32px 0 0;
}

#mm > span,
#mm > span:before,
#mm > span:after {
    display: inline-block;
    width: 42px;
    height: 4px;
    border-radius: 1px;
    background: #666;
    transition: 0.35s all ease-in-out;
}

#mm > span:before,
#mm > span:after {
    content: "";
    position: absolute;
    left: 0;
}

#mm > span:before {
    top: -12px;
}

#mm > span:after {
    top: 12px;
}

#mm.selected {
    background: #001e57;
}

#mm.selected > span {
    background: rgba(102, 102, 102, 0);
}

#mm.selected > span:before,
#mm.selected > span:after {
    background: #fff;
}

#mm.selected > span:before {
    top: 0;
    transform: rotate(405deg);
}

#mm.selected > span:after {
    top: 0;
    transform: rotate(-405deg);
}


/* X-link */

.x-icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.x-icon img{
    max-height: 60px;
}

/*------------------------------------------------------------------------------

	NAVIGATION

*/



#nav {
    z-index: 2000;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-radius: 5px;

    display: flex;
    flex-wrap: nowrap;
    line-height: 1.1;
    font-size: 1.7rem;
    font-family: 'Roboto Condensed', sans-serif;
}

#nav li {
    position: relative;
    display: block;
    /***/
    margin: 0;
    padding: 0;
    text-align: center;
}

#nav > li {
    border-right: 1px solid #fff;
}

#nav > li:last-child {
    border-right: none;
}

#nav a {
    display: block;
    width: 159px;
    height: 24px;
    margin: 0;
    padding: 12px 0 4px 0;
    text-decoration: none;
    background: #001e57;
    transition: background 0.2s linear 0s;
}

#nav > li > a {
    display: inline-block;
}

#nav > li.first > a {
    border-radius: 5px 0 0 5px;
}

#nav > li.last > a {
    border-radius: 0 5px 5px 0;
}

#nav > li > ul {
    position: absolute;
    top: 34px;
    left: 0;

    display: none;
    opacity: 0;
    z-index: 10000;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #3d3d3d;
    transition: all .2s ease 0s;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);
}

#nav > li.slctd > ul {
    top: 40px;
    display: block;
    opacity: 1;
}

#nav > li:last-child > ul {
    left: auto;
    right: 0;
}

#nav > li > ul > li {
    display: block;
    float: none;
    text-align: left;
    font-size: 1.6rem;
}

#nav > li > ul > li > a {
    width: auto;
    min-width: 135px;
    height: auto;
    min-height: 16px;
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-right: none;
    border-bottom: none;
    white-space: nowrap;
}

#nav a,
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a.selected,
#nav a.here {
    color: #fff;
}

#nav a.here {
    background: #f2a220;
}

#nav a.selected,
#nav > li:hover > a,
#nav > li > ul > li > a:hover {
    background: #e28200 !important;
}

#nav .fa {
    margin-left: 5px;
    font-size: 1.5rem;
    position: relative;
    top: -2px;
}

#nav .ic {
    display: inline-block;
    top: -2px;
    width: 7px;
    height: 7px;
    overflow: hidden;
    margin-left: 4px;
    font-size: 7px;
    text-indent: -9999px;
    background: url("../img/ic_triDown.png") no-repeat;
}

#nav li ul li.disable a {
    color: #8997b1;
    cursor: default !important;
}

#nav li ul li.disable a:hover {
    color: #b2b2b2;
    background: #412800 !important;
}

* html #nav {
    height: 1%;
}

/*Holly Hack for IE7 and below*/

.navinfo {
    display: block;
    font-size: 12px;
    opacity: 0.8;
}









#panels {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 0 0;
}

#panels > div {
    position: relative;
    margin: 3px 0;
    text-align: center;
    overflow: hidden;
    background: url("../img/panel-bg.gif") no-repeat;
    background-size: contain;
    background: #001e57;
}

/*
#panels > div:nth-child(4n+1) { margin-left: 0; }
#panels > div:nth-child(4n)	{ margin-right: 0; }
*/

#panels > div:before {
    content: "";
    display: block;
    padding-top: 70.721%;
    /* Silver Ratio */
    padding-top: 61.805%;
    /* Golden Ratio */
}

#panels > div a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #fff;
}



#promotion {
    position: relative;
    display: flex;
    width: 960px;
    height: 352px;
    overflow: hidden;
    margin-top: 24px;
    text-align: left;
}

#promotion .fL {
    width: 665px;
}

#promotionImage {
    position: relative;
    width: 665px;
    height: 352px;
    background: none;
    background-size: 100%;
}

#promotionImage img.off {
    display: none;
}

a#img0,
a#img1,
a#img2,
a#img3,
a#img4,
a#img5,
a#img6 {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 665px;
    height: 352px;
}

a#img0,
a#img1,
a#img2,
a#img3,
a#img4,
a#img5,
a#img6 {
    opacity: 0;
    /*display:none;*/
}

#promotionImage.BGon {
    background-image: url("../img/promotionImage_2025-1_bg.jpg");
}

a#img1.n1 #no2,
a#img1.n1 #no3 {
    display: none;
}

a#img1.n2 #no1,
a#img1.n2 #no3 {
    display: none;
}

a#img1.n3 #no1,
a#img1.n3 #no2 {
    display: none;
}



#promotion .fR {
    width: 295px;
    margin-left: auto;
    background: #c9c9c9;
}

#promotion .fR > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    padding: 1px 1px 0 0;
    list-style: none;
    width: 294px;
     height: auto;
    overflow: visible;
   
}

#promotion .fR > ul > li {
    display: block;
    margin: 0;
    padding: 0 0 1px 0;
}

#promotion .fR > ul > li > a {
    position: relative;
    display: table-cell;
    width: 294px;
    margin: 0;
    padding: 8.5px 8px 6px 14px;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 22px;
    color: #001e57;
    background: #fff;
}

/* 6 item version CSS */
/*
#promotion .fR > ul > li > a
{ height:47px;  }

#promotion .fR > ul > li:first-child > a
{ height:64px; }
*/

/* 5 item version CSS */

#promotion .fR > ul > li > a
{ height:61px; }

#promotion .fR > ul > li:first-child > a
{ height:106px; }


/* 4 item version CSS */
/**/
/* #promotion .fR > ul > li > a {
    height: 76px;
}

#promotion .fR > ul > li:first-child > a {
    height: 99px;
} */

/**/

/* 3 item version CSS */
/*
#promotion .fR > ul > li > a
{ height: 80px; }

#promotion .fR > ul > li:last-child > a
{ height: 116px; }
*/


#promotion .fR > ul > li > a .small {
    display: block;
    padding: 2px 0 0 0;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 16px;
    color: #333;
}

#promotion .fR > ul > li:first-child > a .small:first-child {
    display: inline-block;
    margin-left: 0.5em;
    font-weight: bold;
    color: #001e57;
    font-size: 1.5rem;
}

#promotion .fR > ul > li#lumcheon {}

#promotion .fR > ul > li#lumcheon > a {
    position: relative;
    display: table-cell;
    height: 70px;
    margin: 0;
    padding: 0 20px 0 0;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 19px;
}

#lumcheon .ev {
    display: inline-block;
    float: left;
    margin-left: 7px;
    padding-left: 12px;
}

#lumcheon .ev:first-child {
    position: relative;
    width: 120px;
}

#lumcheon .ev:first-child .badge {
    position: absolute;
    right: -0px;
    top: 2px;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    background: #f00;
    border-radius: 16px;
}

#lumcheon .ev:last-child {
    margin-left: 7px;
    padding-top: 10px;
    padding-left: 8px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

#lumcheon.on .ev:last-child {
    border-color: rgba(255, 255, 255, 0.5);
}

#promotion .fR > ul > li#lumcheon a .small {
    display: inline-block;
    padding: 2px 0 0 0;
    line-height: 14px;
}

#lumcheon .ev:last-child .small {
    margin-top: 8px;
}

#promotion .fR > ul > li > a:hover {
    background: #d7e1f5;
}

#promotion .fR > ul > li.on > a {
    background: #001e57;
}

#promotion .fR > ul > li.on > a span {
    color: #fff;
}

#promotion .fR > ul > li.on > a {
    color: #fff;
    background: #f2a220;
    text-shadow: 0 1px 2px rgba(64, 0, 0, 0.2);
}

#promotion .fR > ul > li.on > a span {
    color: #fff !important;
}

#promotion .fR > ul > li.pre > a {
    color: #8a8a8a;
}

#promotion .fR > ul > li.pre > a > span {
    color: #9a9a9a;
}

#promotion .fR > ul > li.pre > a,
#promotion .fR > ul > li.pre > a:hover {
    background: #f2f2f2;
}

#promotion .fR > ul > li > a.icP:after {
    content: url("../img/ic_link_navy030.png");
    position: absolute;
    top: 26px;
    right: 4px;
}

/*	4 item version
#promotion .fR > ul > li > a.icP:after
{ top:34px; }
*/

#promotion .fR > ul > li > a.icP:hover:after {
    content: url("../img/ic_link_white100.png");
}

#promotion .fR > ul > li.on > a.icP:after {
    content: url("../img/ic_link_white030.png");
}

#promotion .fR > ul > li.on > a.icP:hover:after {
    content: url("../img/ic_link_white080.png");
}

#column_Home h2 {
    padding-bottom: 6px;
}

#column_Home p {
    margin: 0;
    padding: 0;
}

#deadline {
    margin: 0;
}

#deadline h2 {
    margin: 0;
    padding: 0;
    font-size: 1.0rem;
    line-height: 1.0;
}

#deadline h2 .label {
    display: inline-block;
    margin: 0;
    padding: 3px 8px 2px;
    line-height: 1.1;
    font-size: 1.3rem;
    color: #fff;
    background: #001e57;
    text-align: left;
    border-radius: 3px;
}

#column_Home #deadline h2 {}

#deadline ul + h2 {
    margin-top: 36px;
}

#deadline ul {
    margin: -1px 0 0;
    padding: 0;
    list-style: none;
}

#deadline > ul > li {
    display: block;
    width: 270px;
    height: 78px;
    overflow: hidden;
    margin: 8px 0 0 0;
    padding: 0;
    background: url("../img/banner270x82_bg.png") right bottom no-repeat;
    border-radius: 4px;

    font-family: "Roboto Condensed";
    line-height: 1.1;
    color: #fff;

    transition: all 0.2s ease-out 0s
}

#deadline > ul > li.h92 {
    height: 92px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
}

#deadline > ul > li.h100 {
    height: 100px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
    background-size: cover;
}

#deadline > ul > li.h106 {
    height: 106px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
    background-size: cover;
}

#deadline > ul > li.h111 {
    height: 111px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
    background-size: cover;
}

#deadline > ul > li.h116 {
    height: 116px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
    background-size: cover;
}

#deadline > ul > li.h126 {
    height: 126px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
    background-size: cover;
}

#deadline > ul > li.h160 {
    height: 160px;
    background: url("../img/banner270x92_bg.png") right bottom no-repeat;
    background-size: cover;
}

#deadline li:hover {
    opacity: 0.9;
}

#deadline > ul > li .date > span {
    display: inline-block;
    vertical-align: top;
}

#deadline > ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

/*
#deadline > ul > li > a:before {
	content: "\f105";
	font-family: 'FontAwesome', 'Font Awesome 5 Free';
	font-size: 1.6rem;
	position: absolute;
	top: 35%;
	right: 12px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	opacity: 0.6;
	transition: all 0.2s linear 0;
}
#deadline > ul > li > a:hover:before {
	opacity: 1.0;
}
*/

#deadline > ul > li.deadline_ex > a:after {
    top: 48px;
}

#deadline > ul > li.deadline_ex2 > a:after {
    top: 58px;
}

#deadline .title {
    display: block;
    margin: 12px 12px 0;
    font-size: 1.7rem;
    text-shadow: 0 1px 3px rgba(0, 0, 64, 0.6);
}

#deadline .date {
    display: inline-block;
    margin: 3px 0 0 12px;
    font-size: 3.0rem;
    font-weight: 400;
    text-shadow: 0 1px 3px rgba(0, 0, 64, 0.6);
}

#deadline .extnd {
    display: inline-block;
    margin-left: 5px;
    text-shadow: none;
    color: #ff0;
    font-size: 2.1rem;
    transform: translateY(-4px);
}

#deadline .extnd2 {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 10px;
    text-shadow: none;
    color: #fff;
    background: #f00;
    font-size: 1.6rem;
    border-radius: 2px;
    transform: translateY(-2px);
}

.extended {
    display: inline-block;
    margin: 0 3px;
    padding: 1px 5px;
    font-size: 1.6rem;
    line-height: 1.1;
    color: #fff;
    background: #e00;
    border-radius: 3px;
    transform: translateY(-2px);
}



#deadline .time {
    display: inline-block;
    font-size: 2.0rem;
}

#deadline .timezone {
    display: inline-block;
    margin: 2px 0 0 14px;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 3px rgba(0, 0, 64, 0.6);
}

#deadline > ul > li:first-of-type .std {
    /*
	float: right;
	margin-top: -2px;
*/
}

#deadline > ul > li#JJAP > a:after,
#deadline > ul > li#JJAP > a:hover:after {
    content: "";
    display: none;
}

#deadline .std {
    font-size: 1.4rem;
}

#deadline .strike:after {
    top: 28%;
    background: url("../img/line_strike4.gif") repeat-x;
}

#deadline .closed {
    position: relative;
}

#deadline .closed:after {
    content: "CLOSED";
    position: absolute;
    right: 12px;
    top: 32px;
    display: inline-block;
    padding: 1px 10px;
    font-size: 1.4rem;
    color: #fff;
    background: #d00;
}

#deadline .closed .date {
    position: relative;
}

#deadline .closed .date > span {
    opacity: 0.6;
}

#deadline .closed .date:before,
#deadline .closed .date:after {
    content: " ";
    position: absolute;
    left: -5px;
    z-index: 1000;
    display: block;
    width: 164px;
    height: 3px;
    overflow: hidden;
    background: #d00;
}

#deadline .closed .date:before {
    top: 13px;
}

#deadline .closed .date:after {
    bottom: 13px;
}

#deadline li.deadline_ex {
    height: 113px;
    background: url("../img/banner270x82_bg.png") right bottom no-repeat;
}

#deadline li.deadline_ex2 {
    height: 153px;
}

#deadline li {
    position: relative;
}

#deadline li .badge {
    position: absolute;
}

#deadline li .strike {
    transform: translateX(-3px);
}

.badge.nowopen {
    top: 1px;
    right: 26px;
    right: 8px;
    /*取り消しあり*/
    right: 16px;
    display: inline-block;
    width: 54px;
    height: 41px;
    overflow: hidden;
    padding-top: 13px;
    padding-bottom: 0px;
    text-align: center;
    line-height: 0.9;
    font-size: 1.6rem;
    border-radius: 50%;
    text-shadow: none;
    color: #ea0000;
    background: #fff;
    transform: rotate(-12deg);
}

.badge.nowopen:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;

    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #ea0000;
}

.badge.soon {
    position: absolute;
    top: 7px;
    right: 9px;
    display: inline-block;
    width: 64px;
    height: 46px;
    overflow: hidden;
    padding-top: 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    line-height: 1.1;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background: #f00;
    border-radius: 50%;
}

.badge.close {
    position: absolute;
    top: 20px;
    right: 13px;
    display: inline-block;
    width: 64px;
    height: 16px;
    overflow: hidden;
    padding-top: 1px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #c00;
}

.badge.close2023 {
    position: absolute;
    right: 13px;
    display: inline-block;
    width: 64px;
    height: 16px;
    overflow: hidden;
    padding-top: 1px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #c00;
}

#banners {
    text-align: center;
}

.home #banners {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #d1d1d1;
}

#banners > a {
    display: inline-block;
    transition: opacity 0.2s;
}


/*
#banners > a:first-of-type
{ margin-right:16px; }
*/

#banners > a:hover {
    opacity: 0.85;
}















#deadline > ul > li.compact {
    height: 48px;
}

#deadline > ul > li.compact a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#deadline .compact .title {
    display: inline-block;
    max-width: 100px;
    margin: 0 0 0 12px;
    font-size: 1.6rem;
}

#deadline .compact .date {
    margin: 0 12px 0 auto;
    font-size: 2.6rem;
    white-space: nowrap;
}

#deadline .compact .badge {
    position: static;
    margin: 0 12px 0 0;
}



#aboutVirtual {
    margin-bottom: 70px;
    padding: 20px 0 30px;
    border-bottom: 1px solid #dadada;
}

#aboutVirtual h2 span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.2rem;
    color: #f00;
    letter-spacing: 0.04em;
}

#aboutVirtual h2 span:before,
#aboutVirtual h2 span:after {
    content: " ";
    display: inline-block;
    height: 10px;
    margin-top: -2px;
    flex: 1 0 auto;
    background: #f00;
}

#aboutVirtual h2 span:before {
    margin-right: 12px;
}

#aboutVirtual h2 span:after {
    margin-left: 12px;
}

#aboutVirtual .main {
    padding-bottom: 1px;
    font-size: 1.8rem;
    color: #028eaf;
}

#aboutVirtual ul.mL0 {
    margin-left: -18px !important;
    line-height: 1.4;
}

#aboutVirtual ul.mL0 > li {
    margin-top: 12px;
}






#aboutVirtual > p,
#welcome > p {
    margin-top: 0.7em;
    line-height: 1.5;
    text-align: justify;
    text-indent: 1.2cm;
}

.justify,
#columnL li,
#columnL p,
#SSDMAward p,
#SSDMPaperAward p,
#YoungResearcherAward p {
    text-align: justify;

    word-break: normal;
    hyphens: auto;

}

#aboutVirtual > p + p,
#welcome > p + p {
    margin-top: 1.2em;
}

#welcome .photo,
#welcome > .photo {
    position: relative;
    /*
	float: right;
	display: inline-block;
*/
    display: block;
    margin: 5px 0 20px 20px;
    margin: 0 0 20px 20px;
}

#welcome .photo + .photo,
#welcome > .photo + .photo {
    margin-top: -20px;
}

#welcome .photo > p,
#welcome > .photo > p {
    position: absolute;
    bottom: 5px;
    left: 6px;
    display: inline-block;
    margin: 0;

    padding: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

#welcome .photo > p.black,
#welcome > .photo > p.black {
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 0 0 3px #fff;
}

#welcome .photo > p.bg,
#welcome > .photo > p.bg {
    margin: 0 -6px 3px;
    padding: 0 6px;
    background: rgba(0, 0, 0, 0.7);
}

#welcome .photo > p.txtR,
#welcome > .photo > p.txtR {
    right: 6px;
    left: auto;
}


#news {
    /*margin-top:60px;*/
}

.scrollArea {
    overflow-y: auto;
}

#news h2 > span {
    display: inline-block;
    margin-top: -2px;
    margin-left: 1.0em;
    font-size: 1.2rem;
    font-weight: normal;
}

#news .newsArea {
    border: solid #001e57;
    border-width: 1px 0;
}

#news .scrollArea {
    height: auto;
    margin: 1px 0;
    /*height: 201px; max-height:420px201px640px650px704px716px720px770px;*/
    /*border:1px solid #ccc;*/
}

#news ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: -1;
}

#news li {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    /*border-bottom:1px dotted #999;*/
}

#news li:nth-child(2n+1) {
    background: #f4f7fc;
}

#news li:last-child {
    border-bottom: none;
}

#news li a,
#news li .nolink {
    display: block;
    padding:
        /*10px 10px 7px 110px*/
        8px 10px 7px 110px;
    font-size: 1.5rem;
}

#news li .date {
    float: left;
    display: inline-block;
    margin-left: -105px;
    padding-top: 2px;
    font-size: 1.3rem;
    color: #333;
}

/*
#news li a:visited			{ color: #48618f;}
#news li a:visited .date	{ color: #484848; }
*/
#news li a:hover,
#news li a:hover .date {
    color: #e28200;
}



#cooperation {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d3cfc7;
    background: #e8e6e1;
}

#cooperation .wrapper {
    display: inline-block;
    width: auto;
    max-width: 787px;
    padding: 50px 0 40px 173px;
}

#cooperation h2 {
    clear: both;
    float: left;
    width: 160px;
    margin: 2px 0 0 -168px;
    padding: 5px 5px 8px 0;
    /*font-weight:normal;*/
    font-family: "Roboto Condensed";
    font-size: 1.3rem;
    line-height: 18px;
    text-align: right;
    color: #7f7f7f;
}

#cooperation ul {
    display: block;
    margin: 0;
    padding: 0 0 8px 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.75;
}

#cooperation ul > li {
    display: block;
}

#cooperation ul:nth-of-type(3) > li {
    /*float:left;*/
}

/*
#cooperation ul:nth-of-type(3) > li:nth-child(2n+1)	{ width:462px; }
#cooperation ul:nth-of-type(3) > li:nth-child(2n)	{ width:290px; }
*/

#cooperation a {
    color: #333;
    text-decoration: none;
    padding-right: 15px;
}

#cooperation a:hover {
    color: #e28200;
    text-decoration: underline;
}

#cooperation a:after {
    content: "\f105";
    font-family: 'FontAwesome', 'Font Awesome 5 Free';
    margin-left: 0.4em;
    opacity: 0;
    transition: 0.2s all linear 0s;
}

#cooperation a:hover:after {
    opacity: 1;
    color: #e28200;

}

#forBrowse {
    display: block;
    margin-top: 28px;
    padding: 0;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #7f7f7f;
    vertical-align: middle;
}

#forBrowse .bold {
    margin-bottom: 2px;
}

#copyright {
    display: block;
    margin: 14px 0 0 0;
    padding: 0;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #7f7f7f;
}





/**/

.regular h1 {}



/*------------------------------------------------------------------------------

	for TABLE

*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.thead_Large thead,
.thead_Large .hd th {
    font-size: 1.4rem;
    line-height: 1.14285;
}

.padLitNarrow th,
.padLitNarrow td {
    padding: 8px 6px;
}

.padStd th,
.padStd td .padWide#RegFee th,
.padWide#RegFee td {
    padding: 8px 8px;
}

.padWide th,
.padWide td {
    padding: 8px 10px;
}

.padVeryWide th,
.padVeryWide td {
    padding: 16px 20px;
}

.lineH_narrow {
    line-height: 18px;
}

.line_hor {
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
}

.line_hor thead th,
.line_hor thead td {
    border-bottom: 1px solid #9b9b9b;
}

.line_hor tbody th,
.line_hor tbody td {
    border-bottom: 1px dotted #c6c6c6;
}

.line_hor tbody tr:last-child th,
.line_hor tbody tr:last-child td {
    border-bottom: none !important;
}

.line_ver {}

.line_ver thead th,
.line_ver thead td {
    border-right: 1px dotted #9b9b9b;
}

.line_ver tbody th,
.line_ver tbody td {
    border-right: 1px dotted #c6c6c6;
}

.line_ver thead tr th:last-child,
.line_ver thead tr td:last-child,
.line_ver tbody tr th:last-child,
.line_ver tbody tr td:last-child {
    border-right: none;
}



* thead th.noline,
* thead td.noline,
* tbody th.noline,
* tbody td.noline {
    border: none;
}

tr.rowcolor,
.rowcolor tbody tr:nth-child(2n) {
    background: #f6f9fc;
}

.rowcolor tbody tr:nth-child(2n) td.colorNo {
    background: #fff;
}

.nowrap,
.nobr {
    white-space: nowrap;
}

.valign_top th,
.valign_top td {
    vertical-align: top;
}


.line_hor2 {
    border-bottom: 1px solid #9b9b9b;
}

.line_hor2 tbody th,
.line_hor2 tbody td {
    border-top: 1px dotted #c6c6c6;
}

.line_hor2 tbody .line-solid th,
.line_hor2 tbody .line-solid td,
.line_hor2 tbody .TR_line-solid th,
.line_hor2 tbody .TR_line-solid td {
    border-top: 1px solid #9b9b9b;
}

.wFull {
    width: 100%;
}

.thead_Center thead th,
.thead_Center thead td,
.thead_Center tbody .hd {
    text-align: center;
}

.tbody_Center tbody td {
    text-align: center;
}

.line-solid th,
.line-solid td,
th.line-solid,
td.line-solid {
    border-bottom-style: solid !important;
    border-bottom-color: #9b9b9b !important;
}


#RegFee th,
#RegFee td,
.tbl-border th,
.tbl-border td {
    border: 1px solid #9b9b9b;
}



/*------------------------------------------------

	Award
*/


.AwardList_SSDM tbody td {
    padding: 24px 10px;
}

.AwardList_SSDM .author {
    /*font-weight:bold; font-size:14px; line-height:18px;*/
}

.AwardList_SSDM .author span {
    white-space: nowrap;
}

.AwardList_SSDM .affi {
    display: inline-block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 15px;
}

.AwardList_SSDM sup {
    font-size: 70%;
}

#YRAward tbody td:nth-child(1),
#YRAward tbody td:nth-child(2),
#YRAward tbody td:nth-child(3) {
    text-align: center;
}

#YRAward tbody td:nth-child(1),
#YRAward tbody td:nth-child(2) {
    background: #fff !important;
}

#YRAward tbody td:nth-child(5) {
    /*white-space:nowrap;*/
}

#PAward tbody td:nth-child(1),
#PAward tbody td:nth-child(2),
#PAward tbody td:nth-child(3) {
    text-align: center;
}

#Award thead tr:nth-child(2) th:nth-child(4),
#Award thead tr:nth-child(2) th:nth-child(5) {
    text-align: left;
}

#Award tbody td:nth-child(1),
#Award tbody td:nth-child(2),
#Award tbody td:nth-child(3),
#Award tbody td:nth-child(4) {
    text-align: center;
}

#Award tbody td:nth-child(1) {
    width: 3.2em;
}

#Award tbody td:nth-child(2) {
    width: 5.4em;
}

#Award td:nth-child(4) {
    white-space: nowrap;
}

#Award thead th:nth-child(4),
#Award thead td:nth-child(4),
#Award tbody td:nth-child(5) {
    padding-left: 20px;
    padding-right: 20px;
}

#Award td:nth-child(6) {
    min-width: 24em;
    /*font-weight:bold;*/
}

.AwardList_SSDM#PAward tbody td:nth-of-type(4) {
    width: 240px;
}

.AwardList_SSDM#PAward tbody td:nth-of-type(5) {
    width: 240px;
}

.AwardList_SSDM#PAward tbody td:nth-of-type(6) {
    width: 140px;
}



/*
*/

.download {
    width: 270px;
    /*max-height:426px;*/
    overflow: hidden;
    margin-top: 20px;
    padding: 0;
    color: #fff;
    background: #287fca
        /*url("../img/download_bg.png") left bottom no-repeat*/
    ;
    border-radius: 4px;
}

.download.closed {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    font-weight: bold;
    background: #287fca;
    border-radius: 4px;
}

.download.first {
    margin-top: 0;
}

.download a,
.download .linkclose {
    display: block;
    margin-top: 0px;
    padding: 18px 8px 15px;
    color: #fff;
    /*background-position:5px 6px; background-repeat:no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    transition: all 0.2s linear 0s;
    text-align: left;
}

.download a,
.download .linkclose {}


.download a:after {
    content: "\f019";
    font-family: 'Font Awesome 5 Free';
    font-size: 2.8rem;
    font-weight: 900;
    position: absolute;
    bottom: 11px;
    right: 8px;
    color: #d4e9f6;

    /*
	opacity: 0.6;
	transition: opacity 0.2s linear;
*/
}

.download a:hover:after {
    /*
	opacity: 1.0;
*/
    color: #fff;
}

.download a:hover {
    background-color: #0865a5;
    text-decoration: none;
    color: #fff;
}

.download a:hover .dl_doctitle {
    /*text-shadow:0 0 3px #333;*/
}

#home .download {
    width: 244px;
    /*padding:15px 8px 10px 8px;*/
}

.dl_title {
    display: block;
    margin: 0;
    padding: 6px 8px 4px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 1.3rem;
    /*text-shadow: 0 0 2px rgba(0,0,0,0.6);*/
}

.dl_doctitle {
    display: block;
    margin-bottom: 3px;
    font-family: 'Roboto Condensed';
    line-height: 1.2;
}

.dl_doctitle2 {
    display: block;
    margin-bottom: 3px;
    line-height: 16px;
}

.dl_filename {
    display: block;
    padding-top: 4px;
    font-family: 'Roboto Condensed';
    font-size: 1.1rem;
    line-height: 1.4;
    padding-left: 32px;
    color: #d4e9f6;
}

.dl_filename2 {
    display: block;
    width: 218px;
    overflow: hidden;
    font-size: 11px;
    line-height: 12px;
    opacity: 0.9;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dl_filetype {
    position: relative;
    top: 0px;
    display: inline-block;
    width: 28px;
    height: 11px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Roboto Condensed';
    font-size: 1.0rem;
    font-weight: 700;
    line-height: 1.1;
    /*color:#d4e9f6; border:1px solid #d4e9f6;*/
    color: #039;
    background: #d4e9f6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dl_filename > .dl_filetype {
    float: left;
    margin-top: 1px;
    margin-left: -32px;
    color: #2f8fd1;
}

.dl_plane {
    margin: 0;
    padding: 0;
}

.dl_plane > dt {
    display: inline;
    margin: 0 1.5em 0 0;
    padding: 0;
}

.dl_plane > dd {
    display: inline;
    margin: 0;
    padding: 0;
}

.dl_plane > dt:before {
    content: "\A";
    white-space: pre;
}

.dl_plane > dt:first-of-type:before {
    content: "";
    white-space: normal;
}

.download .dl_title {}

.download > a {
    margin-top: 0;

}

.download > a + a {}

.download > a.noline {
    margin-top: -12px;
    border-top: none;
}

.download.forJJAP {
    background-image: url("../img/download_forJJAP_bg.png");
}

.forJJAP .dl_filetype {
    color: #65b613;
    background: #e4f5d3;
}

.download.forJJAP a:hover {
    background-color: #4e9b01;
}


.download.pt2 {
    background-image: url("../img/download_2_bg.png");
}

.pt2 .dl_filetype {
    color: #0a8e85;
    background: #a2e8e3;
}

.download.pt2 a:hover {
    background-color: #0f8980;
}

.dl_questionlist {
    display: inline-block;
    /*max-height: 426px;*/
    overflow: hidden;
    margin-top: 20px;
    padding: 1.2em 2.8em;
    color: #fff;
    background: #287fca
        /*url("../img/download_bg.png") left bottom no-repeat*/
    ;
    border-radius: 3px;
    transition: all 0.2s ease-out 0s;
}

a.dl_questionlist:hover {
    background-color: #0865a5;
    text-decoration: none;
    color: #fff;
}




#columnR .action a,
.action a {
    display: inline-block;
}

#columnR .action a:hover,
.action a:hover {
    opacity: 0.8;
}

#columnR .action {
    position: relative;
}

a.ic_dl {
    display: inline-block;
    padding: 3px 12px 4px 10px;
    text-decoration: none !important;
    background: url("../img/ic_download_s.png") 97% center no-repeat;
    border-radius: 4px;
}

a.ic_dl:after {
    content: "\f019";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 10px;
    font-size: 120%;
}

a.ic_dl {
    color: #001e57;
    background: #D4E1F4;
}

a.ic_dl:hover {
    color: #fff;
    background: #001e57;
}




a.ic_arrRcir {
    display: block;
    padding: 8px 32px 8px 10px;
    text-decoration: none !important;
    background: url("../img/ic_arrowRight_Circle_gray.png") 97% center no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.ic_arrRcir {
    color: #2f8fd1;
    border: 1px solid #aed0e8;
}

a.ic_arrRcir:hover {
    color: #fff;
    border: 1px solid #2f8fd1;
    background-color: #2f8fd1;
    background-image: url("../img/ic_arrowRight_Circle_white.png");
}


.toTopH,
.toTop {
    position: absolute;
    bottom: -91px;
    right: 80px;
    display: inline-block;
    width: 102px;
    height: 31px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    background: url("../img/totop.png") no-repeat;
    z-index: 100;
}

#cooperation .toTop {
    bottom: -31px;
}

.toTop:hover {
    background-image: url("../img/totop-on.png");
}

#home .toTop {
    background-image: url("../img/totopH.png");
}

#home .toTop:hover {
    background-image: url("../img/totopH-on.png");
}

.toTop {
    top: -1px;
    bottom: auto;
}




/*
*/



.fClr {
    clear: both;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.fC {
    margin-left: auto;
    margin-right: auto;
}

.fNo {
    float: none;
}

.forIE8 {
    display: none;
}





/**/

h2[id^="area"] {
    position: relative;
    padding-left: 70px;
    line-height: 22px;
}

.scope-area {
    margin-top: 40px;
    margin-bottom: 8px;
    padding-top: 40px;
    border-top: 1px dotted #a2a2a2;
}

.scope h2[id^=area],
.scope-area h2 {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 0;
    padding-left: 0;
    line-height: 16px;
}

.scope h2[id^=area]:first-of-type,
.scope-area:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.scope-area:first-of-type h2 {
    margin-top: 0;
}

.scope h2[id^=area] + .s14 {
    color: #6a6a6a;
}

.areaName {
    display: inline-block;
    width: 54px;
    padding: 2px 8px;
    text-align: center;
    font-size: 1.5rem;
    line-height: 16px;
    color: #fff;
    background: #001e57;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.scope .areaName {
    display: inline-block;
    margin-top: 0;
    line-height: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    vertical-align: 5px;
}

.areaTitle {
    display: block;
    margin-top: 8px;
}

.scope .areaTitle {
    margin-top: 8px;
    padding-top: 3px;
    font-size: 2.2rem;
    font-weight: bold;

    line-height: 1.0;
}

.areaTitle.ib {
    display: inline-block !important;
    margin-top: 0px;
    font-size: 1.8rem;
}

.areaChair {
    display: block;
    margin-top: 16px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #001e57;
}

.areaChairOrg {
    font-weight: normal;
    font-size: 1.4rem;
}

.areaName-s {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    padding: 0px 8px 0px 8px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background: #001e57;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.lineTop .areaName-s {
    top: 52px;
}

.areaTitle-s {
    display: inline-block;
    font-size: 2.0rem;
    line-height: 1.2;
    color: #001e57;
}

.scope p + .list_item2 {
    margin-top: -1.2em;
}

.invitedsp h2[id^="area"] {
    position: static;
    padding-left: 0;
}

.invitedsp .areaName-s {
    position: static;
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 8px;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #fff;
    background: #001e57;
    border-radius: 3px;
}

.invitedsp .areaTitle-s {
    display: block;
    font-size: 2.0rem;
}




/**/

.navTabs {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.navTabs li {
    display: table-cell;
    margin: 0;
    padding: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.navTabs li.active {
    border-width: 1px 1px 0 1px;
}

.navTabs li a {
    display: block;
    padding: 12px 0;
    text-align: center;
    color: #999;
}

.navTabs li.active a {
    font-weight: bold;
}


.h2_bar {
    padding: 8px 0 8px 12px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    background: #001e57;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.h2_bar + a + h2.lineTop {
    margin-top: 20px;
    border-top: none;
}

#googlemap {
    border: 1px solid #ccc;
}

#toAccess {
    display: block;
    margin: 5px 0 0 0;
}

#columnL #toAccess a {
    display: inline-block;
    padding: 5px 29px 5px 12px;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    background-image: url("../img/ic_link.png");
    background-repeat: no-repeat;
    background-position: 96% center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#toAccess a {
    background-color: #e28200;
}

#toAccess a:hover {
    background-color: #eb9811;
}


.committee div[id^=area] > h3 {
    margin-top: 36px;
    padding-left: 80px;
    line-height: 1.3;
}

.committee .areaName {
    float: left;
    display: inline-block;
    margin: 9px 0 0 -80px;
}

.committee .areaTitle {
    display: inline-block;
}

.conferenceList {
    display: table;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: left;
    border-top: 1px dotted #c6c6c6;
}

.conferenceList li {
    display: block;
    border-bottom: 1px dotted #c6c6c6;
}

.conferenceList li:nth-child(2n+1) {
    background: #f6f9fc;
}

.conferenceList a {
    display: table-row;
    color: #333;
}

.conferenceList li:hover {
    background-color: #fcf4e6;
}

.cfTitle {
    display: table-cell;
    width: 95px;
    padding: 0 5px 0 10px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.6rem;
    color: #001e57;
}

.cfTerm {
    display: table-cell;
    width: 135px;
    vertical-align: middle;
    font-size: 1.5rem;
}

.cfLocation {
    display: table-cell;
    padding: 20px 20px 20px 10px;
    vertical-align: middle;
    line-height: 1.4;
}

.conferenceList a:hover,
.conferenceList a:hover .cfTitle {
    color: #e28200;
}





/*------------------------------------------------------------------------------

	for DL

*/

.dlist_members {
    display: block;
    margin: 12px 0 0 0;
    padding: 0;
    border-top: 1px dotted #c6c6c6;
}

.dlist_members dt {
    clear: both;
    float: left;
    display: block;
    width: 90px;
    margin: 0;
    padding: 9px 0 0 5px;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.4rem;
    color: #364767;
}

.dlist_members dt.linebreak {
    float: none;
}

.dlist_members dd {
    display: block;
    margin: 0;
    padding: 5px 0 5px 130px;
    border-bottom: 1px dotted #c6c6c6;
}

.dlist_members dd.noPad {
    padding: 0 0 0 240px;
}

.dlist_members dd ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dlist_members dd li {
    margin: 2px 0 3px;
    line-height: 1.2;
}

.dlist_members + h3 {
    margin-top: 40px;
    padding-left: 75px;
}

.dlist_members + h3 .areaName {
    float: left;
    min-width: 50px;
    margin-left: -75px;
    text-align: center;
}

.dlist_members2 {
    display: block;
    margin: 12px 0 0 0;
    padding: 0;
    /*border-top:1px dotted #c6c6c6;*/
}

.dlist_members2 > dt {
    clear: both;
    float: left;
    display: block;
    width: 80px;
    margin: 0;
    padding: 7px 0 0 5px;
    line-height: 1.2;
    font-weight: normal;
    font-size: 12px;
    color: #364767;
}

.dlist_members2 > dd {
    display: block;
    margin: 0;
    padding: 4px 0 4px 80px;
    font-size: 15px;
    /*border-bottom:1px dotted #c6c6c6;*/
}

.future-conf .dlist_members2 > dt {
    clear: none;
}

.dl_program {
    display: block;
    margin: 0;
    padding: 0;
}

.dl_program > dt {
    clear: both;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 7px 0 2px;
    font-size: 12px;
    color: #666;
}

.dl_program > dd {
    display: block;
    margin: 0;
    padding: 5px 0 5px 100px;
    border-top: 1px solid #dadada;
}

.dl_program.bB > dd:last-child {
    padding-bottom: 0 !important;
    border-bottom: 1px solid #dadada;
}


.dl_L80 {
    display: block;
    margin: 0;
    padding: 0;
}

.dl_L80 > dt {
    clear: both;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    font-size: 90%;
    color: #666;
}

.dl_L80 > dd {
    display: block;
    margin: 0;
    padding: 8px 0 8px 80px;
}

.dl_L60 {
    display: block;
    margin: 0;
    padding: 0;
}

.dl_L60 > dt {
    clear: both;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    font-size: 12px;
    color: #666;
}

.dl_L60 > dd {
    display: block;
    margin: 0;
    padding: 8px 0 8px 60px;
}

.dl_L40 {
    display: block;
    margin: 0;
    padding: 0;
}

.dl_L40 > dt {
    clear: both;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    font-size: 12px;
    color: #666;
}

.dl_L40 > dd {
    display: block;
    margin: 0;
    padding: 8px 0 8px 40px;
}


.dl_noPad > dt,
.dl_noPad > dd {
    padding-top: 0;
    padding-bottom: 0;
}

.dl_narPad > dt,
.dl_narPad > dd {
    padding-top: 2px;
    padding-bottom: 0px;
}





/*------------------------------------------------------------------------------

	for UL

*/

.list_price {
    display: block;
    margin: 12px 0 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px dotted #c6c6c6;
}

.list_price li {
    display: block;
    margin: 0;
    border-bottom: 1px dotted #c6c6c6;
}

.list_price li:nth-child(2n+1) {
    background: #f4f7fc;
}

.list_price li .sNum {
    display: table-cell;
    width: 35px;
    padding-left: 5px;
    vertical-align: middle;
}

.list_price li .sItem {
    display: table-cell;
    width: 490px;
    padding: 16px 0;
    vertical-align: middle;
}

.list_price li .sPrice {
    display: table-cell;
    width: 75px;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
}



.list_normal {
    margin: 0;
    padding: 0 0 0 20px;
}

.list_normal > li {
    margin-bottom: 12px;
}

.list_normal.littlenarrowPad > li {
    margin-bottom: 7px;
}

.list_disc {
    list-style: disc;
}

.list_bar {
    margin: 0;
    padding: 0;
    list-style: none;
}

li > .list_bar {
    margin-top: 6px;
}

.list_bar > li {
    margin-bottom: 6px;
    padding-left: 1.1em;
}

.list_bar > li:before {
    content: "\2013";
    float: left;
    display: block;
    margin-left: -1.1em;
}


.list_item0 {
    display: block;
    margin: 12px 0 0 20px;
    padding: 0;
    list-style: none;
}

.list_item0 > li {
    margin: 0 0 12px 0;
    padding: 0;
}

.marginL0,
.noMarginL {
    margin-left: 0 !important;
}

.mL0 {
    margin-left: 0 !important;
}

.mL5 {
    margin-left: 5px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL20,
.marginL20 {
    margin-left: 20px !important;
}

.mL30,
.marginL30 {
    margin-left: 30px !important;
}

.mL40,
.marginL40 {
    margin-left: 40px !important;
}

.mL50 {
    margin-left: 50px !important;
}

.mL80 {
    margin-left: 80px !important;
}

.mL100 {
    margin-left: 100px !important;
}

.mR0 {
    margin-right: 0 !important;
}

.mR5 {
    margin-right: 5px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR40 {
    margin-right: 40px !important;
}

.mR50 {
    margin-right: 50px !important;
}



.movT0 {
    transform: translateY(0);
}

.movT-2 {
    transform: translateY(-2px);
}

.movT-3 {
    transform: translateY(-3px);
}

.movT-5 {
    transform: translateY(-5px);
}



.list_item1 {
    display: block;
    margin: 12px 0 0 20px;
    padding: 0;
    list-style: none;
}

.list_item1 > li {
    margin: 0 0 12px 0;
    padding: 0 0 0 12px;
}

.list_item1 > li > .sH,
.list_item1 > li > .h {
    float: left;
    display: inline-block;
    margin-left: -12px;
}



.list_item2 {
    display: block;
    margin: 12px 0 0 20px;
    padding: 0;
    list-style: none;
}

.list_item2.mL0,
.list_item2.noMarginL {
    margin-left: 0;
}

.list_item2 > li {
    margin: 0 0 12px 0;
    padding: 0 0 0 24px;
}

.list_item2 > li > .sH,
.list_item2 > li > .h {
    float: left;
    display: inline-block;
    margin-left: -24px;
}

.list_item2 > li:nth-child(n + 10) {
    padding-left: 34px;
}

.list_item2 > li:nth-child(n + 10) > .sH,
.list_item2 > li:nth-child(n + 10) > .h {
    margin-left: -34px;
}



.list_item3 {
    display: block;
    margin: 12px 0 0 20px;
    padding: 0;
    list-style: none;
}

.list_item3.noMarginL {
    margin-left: 0;
}

.list_item3 > li {
    margin: 0 0 12px 0;
    padding: 0 0 0 32px;
}

.list_item3 > li > .sH,
.list_item3 > li > .h {
    float: left;
    display: inline-block;
    margin-left: -32px;
}

.list_item3 > li.ex-w50 {
    padding-left: 50px;
}

.list_item3 > li.ex-w50 > .sH,
.list_item3 > li.ex-w50 > .h {
    margin-left: -50px;
}

.list_item3 > li.ex-w60 {
    padding-left: 66px;
}

.list_item3 > li.ex-w60 > .sH,
.list_item3 > li.ex-w60 > .h {
    margin-left: -66px;
}

.list_item3 > li.ex-w70 {
    padding-left: 72px;
}

.list_item3 > li.ex-w70 > .sH,
.list_item3 > li.ex-w70 > .h {
    margin-left: -72px;
}

.list_item3 > li.ex-w80 {
    padding-left: 80px;
}

.list_item3 > li.ex-w80 > .sH,
.list_item3 > li.ex-w80 > .h {
    margin-left: -80px;
}

.list_item3 > li.ex-w100 {
    padding-left: 100px;
}

.list_item3 > li.ex-w100 > .sH,
.list_item3 > li.ex-w100 > .h {
    margin-left: -100px;
}

.list_item3 > li.ex-w150 {
    padding-left: 150px;
}

.list_item3 > li.ex-w150 > .sH,
.list_item3 > li.ex-w150 > .h {
    margin-left: -150px;
}

.list_item3 > li.ex-w180 {
    padding-left: 180px;
}

.list_item3 > li.ex-w180 > .sH,
.list_item3 > li.ex-w180 > .h {
    margin-left: -180px;
}

.list_item3 > li.ex-w200 {
    padding-left: 200px;
}

.list_item3 > li.ex-w200 > .sH,
.list_item3 > li.ex-w200 > .h {
    margin-left: -200px;
}

.list_item3 > li.ex-w210 {
    padding-left: 210px;
}

.list_item3 > li.ex-w210 > .sH,
.list_item3 > li.ex-w210 > .h {
    margin-left: -210px;
}



.narrowPad.list_item0,
.narrowPad.list_item1,
.narrowPad.list_item2,
.narrowPad.list_item3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.narrowPad.list_item0 > li,
.narrowPad.list_item1 > li,
.narrowPad.list_item2 > li,
.narrowPad.list_item3 > li {
    margin-bottom: 2px;
}


.littlenarrowPad.list_item0,
.littlenarrowPad.list_item1,
.littlenarrowPad.list_item2,
.littlenarrowPad.list_item3 {
    margin-top: 10px;
    margin-bottom: 14px;
}

.littlenarrowPad.list_item0 > li,
.littlenarrowPad.list_item1 > li,
.littlenarrowPad.list_item2 > li,
.littlenarrowPad.list_item3 > li {
    margin-bottom: 7px;
}



.sponsors_list {
    display: flex;
    flex-wrap: wrap;
    /*
    justify-content: space-between;*/
    margin: 20px 20px 50px;
    padding: 0;
    list-style: none;
}

h1 + .sponsors_list {
    margin-top: -20px;
}

.sponsors_list li.border {
    border: 1px solid #eaeaea;
}

.sponsors_list li {
    content: "";
    display: block;
    overflow: hidden;
    margin: 16px 0;
    /*
    text-align: center;*/
}

.sponsors_list.sp-EX {
    justify-content: center;
}

.sponsors_list.sp-L {
    justify-content: space-around;
    justify-content: space-between;
}

.sponsors_list.sp-EX li {
    width: 680px;
    min-height: 340px;
    margin: 16px 15px 32px;
}

.sponsors_list.sp-L li {
    width: 360px;
    /*	min-height: 180px;*/
    margin: 16px 15px 26px;
}

.sponsors_list.sp-L li:nth-child(2n+1) {
    margin-right: 50px;
}

.sponsors_list.sp-L li:nth-child(2n) {
    margin-left: 50px;
}

.sponsors_list.sp-M {
    margin: 20px 15px 50px;
}

.sponsors_list.sp-M li {
    min-width: 238px;
    min-height: 120px;
    margin: 22px 15px;
}

.sponsors_list.sp-S li {
    width: 230px;
    min-height: 70px;
    /* margin: 18px 15px; */
}

.sponsors_list.sp-S li .wrapper {
    display: inline-block;
    width: 180px;
    height: 70px;
    overflow: hidden;
    /*
	border: 1px solid #eaeaea;
*/
}

.sponsors_list.sp-Silver li {
    min-width: 205px;
    min-height: 110px;
    margin: 16px 0;
}

.sponsors_list.sp-Silver li .wrapper {
    display: inline-block;
    width: 205px;
    height: 110px;
    overflow: hidden;
    /*
	border: 1px solid #eaeaea;
*/
}

.sponsors_list.sp-M li:nth-child(3n+1),
.sponsors_list.sp-S li:nth-child(4n+1) {
    margin-left: -15px;
}

.sponsors_list.sp-M li:nth-child(3n),
.sponsors_list.sp-S li:nth-child(4n) {
    margin-right: -15px;
}

.sponsors_list.sp-M li.d:last-child:nth-child(3n+2),
.sponsors_list.sp-M li.d:nth-last-child(2):nth-child(3n+1),
.sponsors_list.sp-M li.d:last-child:nth-child(3n+1),
.sponsors_list.sp-S li.d:last-child:nth-child(4n+3),
.sponsors_list.sp-S li.d:nth-last-child(2):nth-child(4n+2),
.sponsors_list.sp-S li.d:nth-last-child(3):nth-child(4n+1),
.sponsors_list.sp-S li.d:last-child:nth-child(4n+1),
.sponsors_list.sp-S li.d:last-child:nth-child(4n+2),
.sponsors_list.sp-S li.d:nth-last-child(2):nth-child(4n+1),
.sponsors_list.sp-Silver li.d:last-child:nth-child(4n+1),
.sponsors_list.sp-Silver li.d:nth-last-child(2):nth-child(4n+1),
.sponsors_list.sp-Silver li.d:last-child:nth-child(4n+2),
.sponsors_list.sp-Silver li.d:nth-last-child(3):nth-child(4n+1),
.sponsors_list.sp-Silver li.d:nth-last-child(2):nth-child(4n+2),
.sponsors_list.sp-Silver li.d:last-child:nth-child(4n+3) {
    display: none;
}

/*
.sponsors_list li.w_X2
{ width: 440px; text-align: center; }
*/
/*
.sponsors_list.padwide li
{ margin: 18px 30px; }

.sponsors_list.padwide li:nth-child(4n+1) { margin-left:0;}
.sponsors_list.padwide li:nth-child(4n) { margin-right:0;}

.sponsors_list li.w_X2
{ width: 376px; text-align: center; }

.sponsors_list li.w_X3
{ width: 572px; text-align: center; }

.sponsors_list li.w_MAX
{ width: 100%; }
*/

.sponsors_list li a,
.sponsors_list li .nolink {
    /*
    display: block;*/
    line-height: 70px;
    text-align: center;
    text-decoration: none !important;
}

.sponsors_list li a.logo_shape {
    display: inline-block;
    width: 180px;
    padding-top: 17px;
    padding-bottom: 18px;
}

.sponsors_list li.logo_for_tsb {
    position: relative;
}

.sponsors_list li.logo_for_tsb .logo_text {
    position: absolute;
    left: -12px;
    right: 0;
    top: 51px;
}

.sponsors_list li.logo_for_tsb a {
    display: block;
    width: 200px;
    margin: 1px;
    padding: 1px;
    font-size: 11px;
    line-height: 12px !important;
    color: #999;
    transition: color 0.2s linear;
}

.sponsors_list li.logo_for_tsb a:hover {
    color: #e28200;
}


.sponsors_list.sp-S li#fujitsu {
    margin-top: 6px;
}

.sponsors_list li#fujitsu a {
    overflow: hidden;
}

.sponsors_list #fujitsu a > img {
    margin-top: -20px;
    height: 110px;
}

.sponsors_list.sp-S > li.w240 {
    margin: 18px -30px;
}

.stickyBox {
    display: inline-block;
}

#columnR > .pcontents,
#columnR > .stickyBox {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}


#columnR > .stickyBox {
    width: 100%;
}

#columnR .scrl {
    height: 100vh;
    overflow-y: auto;
}

#columnR > .pcontents.scrl {
    height: 100vh;
    height: calc(100vh - 40px);
    overflow-y: auto;
}

#columnR .pcontents h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto Condensed';
}

#columnR .pcontents h3 {
    margin: 0;
    padding: 5px 0;
    font-size: 12px;
}

#columnR .pcontents_list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px dotted #dbdbdb;
}

#columnR .pcontents_list li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.3rem;
    line-height: 1.2;
    text-indent: 0;
    border-bottom: 1px dotted #dbdbdb;
}

#columnR .pcontents_list li a {
    display: block;
    padding-left: 1.2em;
    color: #039;
    text-decoration: none;
}

#columnR .scrl .pcontents_list li a {
    padding-right: 1.0em;
}

#columnR .pcontents_list li a:hover {
    color: #e28200;
}

#columnR .pcontents_list li a.current {
    background: #f2a220;
    color: #fff;
}

#columnR .pcontents_list li a.current:hover {
    color: #e28200;
    color: #fff;
}


/*
#columnR .pcontents_list li a:before {
	content: "-";
	float: left;
	margin-left: -1.0em;
}
*/

#columnR .pcontents_list.padL10 > li {
    padding-left: 10px;
}

.pcontents_list > li > a > .h {
    display: block;
    font-weight: bold;
}

#columnR .pcontents_list.itemL > li > a > .h,
#columnR .pcontents_list.padL10 > li > a > span[class=""] {
    float: left;
    display: block;
    margin-left: -10px;
    font-weight: normal !important;
}

#columnR .pcontents_list.itemL > li > a > .h {
    margin-left: -1.0em;
}

.pcontents_list li a {
    display: block;
    padding: 0.6em 0;
}


/*
.pcontents_list li a		{ background-image:url("../img/ic_plink.png"); }
.pcontents_list li a:hover	{ background-image:url("../img/ic_plink_on.png"); }
*/

/*
.pcontents_list li > ul {
	padding-left: 20px;
}
*/

#columnR .pcontents_list li > ul > li {}

#columnR .pcontents_list li li {
    border-top: 1px dotted #dbdbdb;
    border-bottom: none;
}



h3.is_topicalsession {
    margin: 24px 0 0;
    padding: 1px 8px 0px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 11px;
    background: #c8d9fa;
}

h3.is_topicalsession:before {
    content: "\25CF";
    display: inline-block;
    float: left;
    margin-left: -5px;
    padding: 2px 6px 0 0;
    font-size: 24px;
    line-height: 16px;
    color: #fff;
}

.is h2[id^="area"] {
    padding: 15px 0 15px 90px;
    line-height: 1.6;
    background: #f1f5fd;
}

.is h2[id^="area"] > .areaName-s {
    top: 19px;
    left: 20px;
}

.is h2[id^="area"] > .areaTitle-s {
    line-height: 1.4;
    color: #001e57;
}


.list_invtsp {
    margin: 20px 0 28px;
    padding: 0;
    list-style: none;
    border-top: 1px dotted #c6c6c6;
}

.list_invtsp > li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #c6c6c6;
}

.isTitle,
.scTitle,
.rsTitle {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 2.0rem;
    line-height: 1.3;
    color: #001e57;
}

.scTitle,
.rsTitle {
    position: relative;
}

.scTitle {
    margin-bottom: 7px;
    text-indent: 0;
}

.scName,
.scInfo,
.rsName,
.rsInfo {
    display: inline-block;
}

.isName,
.isInfo {
    display: inline;
}

.isName:before {
    content: "";
    display: block;
}

.isName,
.scName,
.rsName {
    /*font-weight:bold;*/
    font-size: 1.7rem;
    color: #001e57;
}

.isInfo,
.scInfo,
.rsInfo {
    padding-left: 0.4em;
    color: #666;
}

.isInfo,
.scInfo {
    font-size: 1.3rem !important;
    color: #7a7a7a;
}

.isTitle {
    display: block;
    font-size: 1.8rem;
    text-align: left;
    word-break: normal;
    hyphens: none;
}

.isCode {
    margin: -23px 0 6px;
    padding: 2px 6px 1px;
    font-size: 1.3rem;
    line-height: 1.09;
    border-radius: 3px;
    color: #001e57;
    background: #c4d5f5;

    display: none;

}

.list-invitedsp .isCode {
    display: inline-block;
}

.list-invitedsp .isCode:empty,
.list-invitedsp .isName:empty,
.list-invitedsp .isInfo:empty {
    display: none;
}


.isPhoto {
    display: inline-block;
    width: 150px;
    min-width: 150px;
    height: 200px;
    margin-right: 18px;
    background: #f2f2f2;
}

.isInvited {
    display: inline-block;
    margin-left: 12px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    color: #001e57;
    border-radius: 4px;
}

#columnL .list_invtsp a {
    text-decoration: none;
    color: #001e57;
}

.list_invtsp a .isTitle:after {
    content: url("../img/ic_arrowRight_Circle14_gray.png");
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin: 0 0 0 4px;
    vertical-align: 0px;
}

#columnL .list_invtsp a:hover .isTitle {
    color: #039;
    text-decoration: underline;
}

.list_invtsp a:hover .isTitle:after {
    content: url("../img/ic_arrowRight_Circle14_blue.png");
}

.shortcourse,
.rumpsession,
.labtour {
    padding: 50px 0 0 48px;
}

.shortcourse .labelRed {
    float: left;
    display: inline-block;
    margin-top: -2px;
    margin-left: -48px;
    padding: 2px 9px;
    font-size: 2.2rem;
    line-height: 28px;
    color: #fff;
    background: #cf0048;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.shortcourse .labelBlue,
.rumpsession .labelBlue {
    float: left;
    display: inline-block;
    margin-top: -2px;
    margin-left: -48px;
    padding: 2px 9px;
    font-size: 2.2rem;
    line-height: 28px;
    color: #fff;
    background: #004ecf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.labtour .labelGreen {
    float: left;
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin-top: -2px;
    margin-left: -48px;
    /*padding:2px 9px;*/
    font-size: 2.2rem;
    line-height: 28px;
    color: #fff;
    background: #00a5cc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.shortcourse h2,
.rumpsession h2,
.labtour h2 {
    position: relative;
}

.labelSession {
    position: absolute;
    top: -27px;
    left: -66px;
    display: inline-block;
    width: 70px;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
    /*font-weight:normal;*/
}

.shortcourse .labelSession {
    color: #cf0048;
}

.rumpsession .labelSession {
    color: #004ecf;
}

.labtour .labelSession {
    color: #00a5cc;
    top: -16px;
    left: -67px;
    width: 70px;
}

h3.forShortCourse {
    margin: 14px 0 0 0 !important;
    font-size: 18px;
}

dl.forRumpSession {
    display: block;
    margin: 20px 0 0 0 !important;
}

.forShortCourse .role,
.forRumpSession dt {
    display: block;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.forRumpSession dd {
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #001e57;
}

.labtour h3 {
    margin-top: 2.0em;
    font-size: 2.1rem;
}

.subsidizing {
    display: block;
    margin: 0 0 70px;
    padding: 0;
    list-style: none;
}

h1 + .subsidizing,
h2 + .subsidizing {
    margin-top: -10px;
}

.subsidizing > li {
    display: block;
    margin: 0 0 50px;
    padding: 0;
}

.subsidizing > li a {
    display: flex;
    font-size: 1.6rem;
    align-items: center;
}

.subsidizing .logo {
    display: inline-block;
    /*	min-height: 70px;*/
    margin-right: 1.6em;
}



/*------------------------------------------------------------------------------

	clearfix

*/

.clearfix:after,
.wrapper:after,
#nav:after,
#promotion:after,
.column:after,
.dlist_members:after,
.dlist_price:after,
dl:after,
.subsidizing li:after,
dl#scheduleJJAP > dd:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}

.clearfix > div {
    flex-basis: calc(25% - 10px); 
    margin-bottom: 20px; 
}


.plenaryPresenterPhoto {
    width: 100%;
    text-align: center; 
}



.plenaryPresenterPhoto img {
    display: block; 
    max-width: 100%;
    height: auto; 
    margin-right: 10px;
}



/*------------------------------------------------------------------------------

	transition

*/

/*
#columnL a,
#columnR a,
a.back,
a#contact,
#promotion .fR a,
#nav>ul>li>a,
#nav>ul>li>ul>li>a,
.download a,
.action a,
a.ic_link,
#news li a,
#news li a .date,
.list_download li a
*/
a,
#news li a .date,
#gsearchBtn,
.conferenceList a .cfTitle,
a.ic_dl {
    transition: background-color 0.2s linear, background-image 0.2s linear, color 0.2s linear;
}



.action a {
    transition: opacity 0.2s linear;
}





#columnL a.ic_link {
    display: inline-block;
    margin: 2px 0;
    padding: 5px 12px;
    text-decoration: none;
    /*font-size:13px;*/
    background-repeat: no-repeat;
    background-position: right center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a.ic_link {
    color: #001e57;
    background-color: #D4E1F4;
    /*background-image:url("../img/ic_link_navy_R5.png");*/
}

a.ic_link:hover {
    color: #ffffff;
    background-color: #001e57;
    /*background-image:url("../img/ic_link_white_R5.png");*/
}

a.ic_link:after {
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px;
}


#columnL a.ic_link.disable {
    padding: 5px 12px;
    color: #666;
    background: #ccc;
}


.list_awarded {
    margin: 12px 0;
    padding: 18px 16px;
    border: 1px solid #001e57;
}

.list_awardwinner + .list_awarded {
    margin-top: 30px;
}

.list_awardwinner > li.noimg {}

.list_awarded .num {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 14px;
}

.list_awarded .tit {
    margin-top: 0;
    margin-bottom: 8px;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #001e57;
}

.list_awarded .aut {
    margin-top: 16px;
    font-size: 1.8rem;
    line-height: 20px;
}

.list_awarded .aut sup {
    font-size: 70%;
}

.list_awarded .aut .darkgray,
.list_awarded .afi {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #5b5b5b;
}

.list_timetable {
    margin: 22px 0 28px 20px;
    padding: 0;
    list-style: none;
    line-height: 18px;
    border-top: 1px dotted #c6c6c6;
}

.list_timetable.forShortCourse,
.list_timetable.forSpecialSymposium {
    margin: 12px 0 28px 0 !important;
}

.list_timetable > li {
    padding: 32px 0 32px 120px;
    border-bottom: 1px dotted #c6c6c6;
}

.list_timetable > li:nth-of-type(2n+1) {
    background: #f4f7fc;
}

.list_timetable.forSpecialSymposium > li:nth-of-type(2n+1) {
    background: #fcf7ea;
}

.list_timetable > li > .sT {
    float: left;
    display: inline-block;
    width: 100px;
    margin-left: -110px;
}

.list_timetable > li.noTime {
    padding-left: 1.0em;
    color: #999;
}

.list_timetable > li.noPrsn .scTitle {
    margin-bottom: -2px;
}

.shortcourse_date,
.plenarysession_date {
    margin-top: 22px;
    margin-bottom: 16px;
    font-size: 1.8rem;
    font-weight: bold;
    /*color:#666;*/
    color: #001e57;
}




.plenarysession .labelGreen {
    display: inline-block;
    /*margin-top:42px;*/
    padding: 2px 9px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    background: #4e9f00;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.plenarysession {
    padding: 50px 0 0 0;
}

h3.plenaryTitle {
    margin-top: 24px;
    margin-right: 20px;
    font-size: 22px;
    line-height: 28px;
}

h3.plenaryTitle {
    margin-top: 24px;
    margin-right: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
}

.plenaryPresenter {
    margin: 20px 0 6px;
    font-size: 2rem;
}

.presenterOrg {
    padding: 3px 0 2px;
    font-weight: normal;
    font-size: 1.3rem;
    line-height: 15px;
    color: #666;
    min-height: 32px;
}

h2 span.presenterOrg {
    font-size: 1.8rem;
}

.plenarysession3,
.plenarysession4 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.plenarysession3 > div {
    flex-basis: 320px;
    /*
	margin-right: 40px;
*/
}

.plenarysession4 > div {
    margin-top: 30px;
    flex-basis: 240px;
    /*
	margin-right: 40px;
*/
}

.plenarysession4 > div:last-child {
    flex-basis: 200px;
    margin-right: 0;
}

.plenarysession .plenaryPresenter,
.plenarysession4 .plenaryPresenter {
    margin-top: 0;
    font-size: 2.4rem;
}

.plenarysession .presenterOrg,
.plenarysession3 .presenterOrg,
.plenarysession4 .presenterOrg {
    padding: 0 0 12px;
    font-size: 1.3rem;
    line-height: 1.2;
}

.plenarysession {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px dotted #999;
}

.plenarysession > div {
    margin-bottom: 1.5em;
    padding-bottom: 15px;
    border-bottom: 1px dotted #999;
}

.plenarysession4 > div > h3.plenaryTitle {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.2;
}

.plenarysession4 > div > h3.plenaryTitle {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 1.2;
}

#futureConf {
    margin-top: 20px;
}

#futureConf.first {
    margin-top: 0;
}

#futureConf h2 {
    margin: 3px 0;
    padding: 0;
    font-size: 16px;
    color: #007dbf;
}

.pdate {
    display: inline-block;
    margin-left: 1.6em;
}

.list_download {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px dotted #c6c6c6;
}

.list_download li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #c6c6c6;
}

.list_download li a,
.list_download li .blk {
    display: block;
    padding: 8px 0;
}


a.toPage {
    display: block;
    padding: 5px 8px;
    border-radius: 4px;
}

hr {
    height: 1px;
    margin: 40px 0;
    border: none;
    border-top: 1px solid #001e57;
}


hr.lineGray {
    height: 1px;
    margin: 40px 0;
    border: none;
    border-top: 1px solid #dbdbdb;
}



.list_awardwinner {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    /*border-top:1px dotted #c6c6c6;*/
}

.list_awardwinner > li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 2.0em 0 0;
    border-bottom: 1px dotted #c6c6c6;
}

.list_awardwinner > li:first-child {
    padding-top: 0.5em;
}

.list_awardwinner > li > h3 {
    margin: 0 0 3px 0;
    font-size: 2.0rem;
}

.list_awardwinner > li > .winner_Org,
.list_awardwinner > li > .afi {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #666;
}

.list_awardwinner > li > img.photo {
    float: left;
    margin: 0 30px 20px 0;
}

.list_awardwinner > li.noimg {
    padding-left: 210px;
}

.kome {
    padding-left: 1.25em;
}

.kome > .kome-mark,
.kome > .h {
    float: left;
    display: inline-block;
    margin-left: -1.25em;
}

.note {
    margin: 26px 0 0 22px;
    padding: 8px 18px 8px 80px;
    border-left: 4px solid #001e57;
    background: #f6f6fa;
}

.note > .note-label {
    float: left;
    display: inline-block;
    margin-left: -70px;
    font-weight: bold;
    color: #001e57;
}

.note.notewide {
    padding-left: 126px;
}

.note.noteflat {
    padding-left: 18px;
}

.note.noteflat > .note-label {
    float: none;
    margin-left: 0;
    margin-bottom: 3px;
}

.note.notewide > .note-label {
    margin-left: -116px;
}

.note ul {
    margin-top: 0;
    margin-bottom: 0;
}

.note > ul > li:last-child {
    margin-bottom: 5px;
}


h3 + #toAccess,
h3 + #googlemap {
    margin-top: -10px;
}

dl#scheduleJJAP {
    display: block;
    margin: 0;
    padding: 0;
}

dl#scheduleJJAP > dt {
    clear: both;
    display: inline-block;
    margin: 0;
    padding: 0;
}

dl#scheduleJJAP > dd {
    display: block;
    margin: 0;
    padding: 0 0 0 50px;
}

dl#scheduleJJAP dl {
    display: block;
    margin: 0;
    padding: 0;
}

dl#scheduleJJAP dl > dt {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0 0 0px 0;
}

dl#scheduleJJAP dl > dd {
    display: block;
    margin: 0;
    padding: 0;
}



#LuncheonDetail {
    position: relative;
    border: solid #001e57;
    border-width: 3px 0;
}

#LuncheonDetail h3 {
    font-size: 14px;
}


#LuncheonDetail h4 {
    font-size: 18px;
    border-top: 2px solid #001e57;
    margin-top: 0;
    padding-top: 24px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.dl_program {
    margin-bottom: 16px;
}

#LD_open,
#LD_close,
#LD_close2 {
    cursor: pointer;
    transition: background linear 0.3s, color linear 0.3s, display linear 0.3s;
}

#LD_close {
    position: absolute;
    right: 14px;
    top: 8px;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    background: url("../img/btn_close.png") no-repeat;
    cursor: pointer;
}

#LD_close:hover {
    background-image: url("../img/btn_close-on.png");
}

#LD_open {
    display: inline-block;
    padding: 10px 16px 4px;
    color: #fff;
    border-radius: 5px;
    background-color: rgba(0, 30, 87, 0.7);
}

#LD_open .fas {
    display: block;
    margin-top: -6px;
    font-size: 2.0rem;
}

#LD_open.hidden {
    visibility: hidden;
}

#LuncheonDetail,
#LD_close2 {
    display: none;
}

#LD_close2 {
    margin-top: 0;
    padding-top: 45px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 1.2rem;
    background: url("../img/btn_close.png") center 10px no-repeat;
}

#LD_open:hover,
#LD_close2:hover {
    color: #fff;
    background-color: #001e57;
}



#welcomereception {
    position: relative;
    margin: 45px 0 -15px;
    padding: 14px 0 10px 0;
    border: double #001e57;
    border-width: 1px 0;
}

#welcomereception h2 {
    width: 120px;
    font-size: 20px;
    line-height: 1.1;
}

#welcomereception .charge {
    position: absolute;
    top: 15px;
    left: 104px;
    display: inline-block;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    line-height: 42px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #e00;
    border-radius: 25px;
}

#welcomereception dl {
    position: absolute;
    top: 13px;
    left: 158px;
    display: block;
    margin: 0;
    padding: 4px 0 0 0;
}

#welcomereception dl > dt {
    float: left;
    display: block;
    width: 54px;
    margin: 4px 0 0 0;
    padding: 1px 0;
    font-size: 9px;
    line-height: 1;
    text-align: center;
    background: #e2e2d0;
    border-radius: 3px;
}

#welcomereception dl > dd {
    display: block;
    margin: -2px 0 0 0;
    padding: 1px 0 1px 60px;
}




.lb_photos {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}

.lb_photos > li {
    display: inline-block;
}

.lb_photos.col5 {
    margin-bottom: 30px;
}

.col5 > li img {
    width: 180px;
}

.col4 > li img {
    width: 225px;
}

.col3 > li img {
    width: 300px;
    /*
	height: 225px;
*/
}

.col2 > li img {
    width: 450px;
    /*
	height: 300px;
*/
}


.photo-gallery h3 {
    margin-top: 36px;
    padding: 1px 8px 3px 8px;
    border: 1px solid #001e57;
    line-height: 1.0;
    border-radius: 4px;
}

.photo-gallery h4 {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 18px;
}

a#thanks {
    display: block;
    margin: 40px 0 0 0;
    padding: 14px 0 8px;
    text-align: center;
    color: #e76200;
    border: 4px solid #e76200;
    text-decoration: none;
    /*	background: url("../img/ic_arrowRight_Circle_gray.png") 98.2% center no-repeat;*/
}

a#thanks:hover {
    color: #fff;
    background-color: #e76200;
    /*	background-image: url("../img/ic_arrowRight_Circle_white.png");*/
}

a#thanks .underline {
    border-color: #e76200;
}

a#thanks:hover .underline {
    border-color: #fff;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.snap.fL {
    margin: 0 2.0em 1.0em 0;
}

.snap.fR {
    margin: 0 0 1.0em 2.0em;
}


#location_img > div {
    position: relative;
    float: left;
    display: block;
    margin: 1px;
}

#location_img .copyright {
    position: absolute;
    font-size: 11px;

}


.blinking {
    -webkit-animation: blink 3.0s ease-in-out infinite alternate;
    -moz-animation: blink 3.0s ease-in-out infinite alternate;
    animation: blink 3.0s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}


@keyframes blink {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}


.sponsors_list_inline {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.sponsors_list_inline > li {
    display: inline-block;
    vertical-align: middle;
    min-width: ;
    margin: 0 auto;
    padding: 5px 20px;
}

.sponsors_list_inline > li > a {}

.list-scope {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.list-scope > li {
    margin: 12px 0 0;
    padding: 0 0 0 36px;
}

.list-scope .lb {
    display: block;
    min-width: 20px;
    padding: 2px 3px 0;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    text-indent: -0.02em;
    letter-spacing: -0.08em;
    color: #fff;
    border-radius: 14px;
    background: #f07400;

    float: left;
    margin: -2px 0.2em 0 -36px;
}

/*
.list-scope li:last-child {
	margin-top: 18px;
}

.list-scope li:last-child .lb {
	margin-right: 10px;
	padding: 1px 8px;
	border-radius: 4px;
	letter-spacing: 0.02em;
}
*/



#timer-conference {
    position: absolute;
    top: 182px;
    left: 261px;
    display: inline-block;
    width: 212px;
    height: 21px;
    padding: 2px 0 2px 3px;
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    font-family: 'Roboto Condensed';
    line-height: 1.1;
    color: #fe0;
    background: #001e57;
    border-radius: 3px;

    /* 2020
	bottom: 106px;
	right: 11px;
*/
    /* 2021
	top: 147px;
	left: 262px;
*/
}

/* 2021-09-10以降
*/
.getstart#timer-conference {
    top: 149px;
    height: auto;
    padding: 5px 0;
    font-size: 1.7rem;
}


#timer-conference .label {
    margin: 0 3px 0 1px;
    font-weight: normal;
    font-size: 1.0rem;
    text-transform: uppercase;
}



#timer-RegularPaper {
    display: block;
    margin: 0 0 40px;
    padding: 2px;
    text-align: center;
    color: #fff;
}

#timer-RegularPaper .timerframe {
    display: block;
    padding: 8px 12px 0;
    font-weight: bold;
    font-size: 2.1rem;
    line-height: 24px;
    font-family: 'Roboto';
    text-shadow: 0 1px 2px rgba(0, 0, 64, 0.4);
    background: #00a0e9;
    border-radius: 3px;
}

#timer-RegularPaper time {
    margin-right: 6px;
    font-weight: bold;
    font-size: 2.9rem;
    color: #fff;
    font-family: 'Roboto Condensed';
}

#timer-RegularPaper .label {
    margin: 0 3px 0 1px;
    font-weight: normal;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
}

/*
#deadline li > .timer {
	position: absolute;
	bottom: 0px;
	left: 0;
	white-space: nowrap;
}

#timer-regularpaper {
	width: 258px;
	font-weight: bold;
	font-size: 17px !important;
	text-align: center;
	color: #fa9200;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
*/

#timer-regularpaper .label {
    font-weight: normal;
    font-size: 14px;
}



.mac .curn {
    letter-spacing: -0.034em;
}

.mac .curn {
    letter-spacing: -0.00em;
}

.win #promotion .fR > ul > li > a {
    letter-spacing: -0.050em;
}

.win #promotion .fR > ul > li > a .small {
    letter-spacing: 0;
}



#venue_img > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#venue_img > ul > li {
    position: relative;
    display: inline-block;
    border-radius: 3px;
}


#venue_img > ul > li img {
    height: 223px;
}

/*
#venue_img > ul > li:nth-last-child(4) img,
#venue_img > ul > li:nth-last-child(5) img,
#venue_img > ul > li:nth-last-child(6) img,
#venue_img > ul > li:nth-last-child(7) img {
	height: 223px;
}
*/
#venue_img > ul > li:nth-last-child(13) img {
    height: 223px;
}

#venue_img > ul > li:nth-last-child(4) img,
#venue_img > ul > li:nth-last-child(5) img,
#venue_img > ul > li:nth-last-child(6) img,
#venue_img > ul > li:nth-last-child(7) img,
#venue_img > ul > li:nth-last-child(8) img,
#venue_img > ul > li:nth-last-child(9) img {
    height: 147px;
}

#venue_img > ul > li:nth-last-child(1) img,
#venue_img > ul > li:nth-last-child(2) img,
#venue_img > ul > li:nth-last-child(3) img {
    height: 208px;
}



/*
#venue_img > ul > li:nth-child(1) img {
	width: 600px;
	height: auto;
}
*/

#venue_img > ul > li p {
    position: absolute;
    bottom: 5px;
    left: 6px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}


#venue_img > ul > li:nth-last-child(3) p {
    color: rgba(0, 0, 0, 0.65);
    text-shadow: none;
}

#venue_img > ul > li p.bg {
    margin: 0 -6px 3px;
    padding: 0 6px;
    background: rgba(0, 0, 0, 0.70);
}

#venue_img > ul > li p.txtR {
    left: auto;
    right: 5px;
}


#welcome > .photo > a,
#venue_img > ul > li a,
#banquet_img > a {
    transition: all 0.2s linear;
}

#welcome > .photo > a:hover,
#venue_img > ul > li a:hover,
#banquet_img > a:hover {
    opacity: 0.85;
}


h2.lineTop + .s14 {
    margin-top: 2px;
}


.rm {
    display: none;
}

#area_setup {
    width: 100%;
    max-width: 920px;
}

#area_setup th {
    padding-left: 5px;
    font-size: 1.5rem;
}

#area_setup td {
    vertical-align: middle;
    line-height: 1.3;
    font-size: 1.4rem;
}

.padWide#area_setup td {
    padding-bottom: 7px;
}

#area_setup tbody td:first-child {
    width: 41%;
}

#area_setup tbody td:last-child {
    width: 55%;
    padding-left: 0;
}

#area_setup tbody .flexbox {
    width: 100%;
}


#area_setup td .an {
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
}

.flexbox {
    display: flex !important;
}


.flex_center {
    display: flex !important;
    justify-content: center !important;
}

.flex_sp-bt {
    justify-content: space-between !important;
}

#area_setup .flexbox {
    display: table;
    width: 100%;
}

#area_setup .flexbox > span {
    display: table-cell;
    vertical-align: middle;
    /*	align-self: center;*/
}

#area_setup tbody td:first-child .flexbox > span:nth-of-type(1) {
    width: 18%;
}

#area_setup tbody td:first-child .flexbox > span:nth-of-type(2) {
    width: 82%;
}

#area_setup tbody td:last-child .flexbox > span:nth-of-type(1) {
    width: 13%;
}

#area_setup tbody td:last-child .flexbox > span:nth-of-type(2) {
    width: 87%;
}


.li_indent-40 > li {
    padding-left: 40px;
    text-indent: -40px;
}

.li_indent-80 > li {
    padding-left: 80px;
    text-indent: -80px;
}

.li_indent-120 > li {
    padding-left: 120px;
    text-indent: -120px;
}

.li_padL85 > li {
    padding-left: 85px;
}

.li_padL85 > li > .h {
    display: inline-block;
    float: left;
    margin-left: -85px;
}

.li_padL95 > li {
    padding-left: 95px;
}

.li_padL95 > li > .h {
    display: inline-block;
    float: left;
    margin-left: -95px;
}


.eyecatch {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 10px 3px;
    font-size: 16px;
    line-height: 1.1;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    background: #e20000;
}




.list_timetable.withPhoto > li,
.list_timetable.forShortCourse.withPhoto > li {
    clear: both;
    padding-left: 168px;
}

.list_timetable.withPhoto > li:after,
.list_timetable.forShortCourse.withPhoto > li:after {
    content: " ";
    display: block;
    clear: both;
}

.list_timetable > li > .scPhoto {
    float: left;
    display: inline-block;
    width: 150px;
    margin: -32px 0 -32px -168px;
}

.scPhoto .noimg {
    display: inline-block;
    width: 150px;
    height: 200px;
}

.list_timetable.withPhoto > li > .sT,
.list_timetable.forShortCourse.withPhoto > li > .sT {
    float: none;
    margin: 16px 0 8px;
    font-size: 1.5rem;
    font-weight: bold;
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    75% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    75% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

.iamhere {
    position: relative;
    vertical-align: middle;
    z-index: 100;
}

.iamhere:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -16px;
    top: -8px;
    padding: 8px 16px;
    background: #fe0;
    border-radius: 4px;
    z-index: -100;
    opacity: 0;

    -webkit-animation: fadeOut 1s linear 0.5s;
}


#dl > #dl1 {
    display: inline-block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    /*	opacity: 0;*/
}

#dl > #dl1 > span {
    display: none;
}




#badge_getFLYER,
.badge_getFLYER {
    position: absolute;
    top: -20px;
    left: -24px;
    width: 72px;
    height: 72px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../img/badge_getFLYER.png") no-repeat;
}

.noCarousel {
    padding-top: 18px;
}

.noCarousel #badge_getFLYER {
    top: -18px;
    left: 8px;
}

.slider_block {
    margin: 12px 0 0;
    padding: 12px 0;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.slider {
    margin: 0;
    padding: 0;
}

.slider > li {
    padding-top: 18px;
}

.slider > li > .slideItem {
    display: inline-block;
    line-height: 0.5;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.36);
    border: 1px solid #c8c8c8;
}

.slider_block {
    margin-top: 30px;
    padding-top: 20px;
}

.slideItem {
    display: inline-block;
    margin-top: 10px;
    line-height: 0.5;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.36);
    border: 1px solid #c8c8c8;
}

.slideTitle {
    display: block;
    margin: 5px auto 0;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
}

#SpSympo-outline {
    padding: 0 1.2em 0;
    border: 3px solid #093589;
    border-radius: 8px;
}

#SpSympo-outline > .dl_program {
    margin: 10px 0 11px;
}

#SpSympo-outline .dl_program > dt {
    padding-top: 11px;
    color: #001e57;
}

#SpSympo-outline .dl_program > dd {
    padding: 9px 0 7px 90px;
    font-size: 16px;

}


#toSSsite {
    display: inline-block;
    padding: 1.2em 1.6em;
    background: #b20056;
    color: #fff;
    font-size: 18px;
    line-height: 1.4 !important;
    font-style: normal;
    text-decoration: none;
}

#toSSsite.done {
    color: #cab;
    background: #a27e8f;
}

.sp_shortcourse {
    margin-top: 60px;
    padding-top: 50px;
    border-top: 1px solid #dbdbdb;
}

.sp_shortcourse > .spSClabel {
    display: inline-block;
    padding: 3px 6px;
    font-size: 11px;
    line-height: 13px;
    border-radius: 4px;
    color: #fff;
    background: #06c;
}

.sp_shortcourse > h2 {
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 18px;

}

.sp_shortcourse > h3 {
    margin: 6px 0 0 0;
    padding: 0;
    font-size: 24px;
}

.sp_shortcourse > p {}



#paag,
#paag th,
#paag td {
    border: solid #999;
}

#paag {
    border-width: 0 0 1px 1px;
}

#paag th,
#paag td {
    padding: 0px 6px;
}

#paag th {
    border-width: 0 1px 0 0;
}

#paag thead th,
#paag td {
    border-width: 1px 1px 0 0;
}

#paag thead,
#paag .time {
    background: #F7F6F4;
}

#paag thead > tr > th:first-child,
#paag tbody > tr > td:first-child {
    width: 0;
    padding: 0;
    border-width: 1px 0 0 0;
}

#paag tbody > tr > td:first-child:before {
    content: " ";
    display: inline-block;
    width: 0px;
    height: 1.0em;
}

#paag tbody .onthehour th:first-child {
    border-width: 1px 1px 0 0;
}

#paag thead tr:first-child th {
    height: 36px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#paag thead tr:first-child th:nth-child(3) {
    /*
	width: 314px !important;
*/
}

#paag thead tr:first-child th:nth-child(5) {
    /*
	width: 170px !important;
*/
}

#paag thead tr:first-child th:nth-child(n+4) {
    width: 21.0%;
}

#paag tbody th {
    height: 36px;
    line-height: 1.1;
}

#paag tbody .min15 th {
    height: 18px;
}

#paag tbody th:first-child {
    position: relative;
    /*
	padding-top: 2px;
	padding-bottom: 14px;
*/
    text-align: right;
    vertical-align: top;
}

/*
#paag tbody tr:nth-child(9) td:nth-child(1),
#paag tbody tr:nth-child(9) td:nth-child(2),
#paag tbody tr:nth-child(9) td:nth-child(3) {
	width: 92px;
}
*/

#paag tbody td {
    text-align: center;
}



#paag tbody th:first-child > span {
    position: absolute;
    top: 8px;
    right: 4px;
}

/*
.w0		{ width: 0; }
.w12p	{ width: 12%; }
.w24p	{ width: 24%; }
.w25p	{ width: 25%; }
*/
/*
. {
	border: none !important;
}
*/

.paag-title,
.paag-time,
.paag-loc {
    display: block;
    line-height: 1.2;
    /*
	margin-bottom: 5px;
*/
}

.paag-title {
    font-size: 16px;
    font-weight: bold;
}

.paag-time {
    font-size: 12px;
    line-height: 1.2;
}

.paag-loc {
    font-size: 12px;
    font-style: italic;
}

.br {
    background: #fff;
}

.lu {
    background: #fff;
}

.ls {
    background: #fff;
}

.ts {
    background: #a9d7ff;
}

.ps,
.tu {
    background: #7bd2e3;
}

.op {
    background: #ffe658;
}

.lunch {
    background: #fff0cc;
}

.np {
    background: #c5f474;
}

.sc1,
.scA {
    background: #ffb1bf;
    /*#cf0048;*/
}

.sc2,
.scB {
    background: #ffc5d0;
    /*#cf0048;*/
}

.spsc,
.pd {
    background: rgba(207, 0, 72, 0.45);
}

.labT {
    background: rgba(207, 0, 72, 0.65);
}

.is {
    background: rgba(238, 102, 0, 0.45);
}

.spsy {
    background: rgba(244, 189, 0, 0.90);
}

.rs {
    background: rgba(0, 82, 255, 0.45);
}

.bc {
    background: rgba(0, 162, 255, 0.55);
}

.bc2 {
    background: rgba(0, 162, 255, 0.15);
}

.wp {
    background: rgba(168, 255, 72, 0.45);
    background: rgb(38, 244, 200);
}

#paag a {
    display: block;
    transition: all 0.2s linear;
    color: #2a2a2a;
}

#paag a:hover {
    /*	color: #fff;*/
    color: #f07400;
}

.blank {
    text-align: center;
    line-height: 1.1;
    font-size: 1.3rem;
    color: #999;
}

.sc1 a:hover,
.sc2 a:hover,
.sp a:hover,
.labT a:hover,
.spsc a:hover,
.is a:hover,
.spsy a:hover,
.rs a:hover,
.bc a:hover,
.bc2 a:hover,
.wp a:hover {
    padding: 8px 0;
    text-decoration: none;
    color: #fff;
    background: #e28200;
}

.ls#LSbox,
.ls.LSbox {
    background: url("../img/luncheon_bg.png") 6px -2px;
}

#columnL a.access-2 {
    display: inline-block;
    padding: 3px 29px 4px 12px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
    background: rgba(0, 30, 87, 1.0) url("../img/ic_link.png") 96% center no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#columnL a.access-2:hover {
    background-color: rgba(0, 30, 87, 0.8);
}


#banquet_img > a {
    float: left;
    display: inline-block;
    margin-left: 1px;
}

.lb-data .lb-details {
    width: auto !important;
}



#mapT2T {
    width: 600px;
    height: 600px;
}

a#PTT {
    display: inline-block;
    width: 260px;
    height: 64px;
    overflow: hidden;
    border-radius: 3px;
    text-indent: 110%;
    white-space: nowrap;
    background: url("../img/banner_ProgramTimeTable_2024.png") no-repeat;
    transition: background 0.2s linear;
}

a#PTT:hover {
    background-image: url("../img/banner_ProgramTimeTable_2024-on.png");
}

a#AdPrg {
    display: block;
    width: 260px;
    height: 64px;
    overflow: hidden;
    border-radius: 3px;
    text-indent: 110%;
    white-space: nowrap;
    background: url("../img/banner_AdvanceProgram.png?v=4") no-repeat;
    transition: background 0.2s linear;
}

a#AdPrg:hover {
    background-image: url("../img/banner_AdvanceProgram-on.png?v=3");
}

a.trnsOpa {
    display: block;
    transition: opacity 0.2s linear;
}

a.trnsOpa:hover {
    opacity: 0.8;
}





#ssdm2020_img {
    position: absolute;
    top: 75px;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#ssdm2020_img > li {
    display: block;
    margin: 0 0 1px;
    padding: 0;
    text-align: right;
}

#ssdm2020_img a {
    transition: all 0.2s linear;
}

#ssdm2020_img a:hover {
    opacity: 0.8;
}

#ssdm2020_img img {
    display: inline-block;
    margin: 1px;
    /*
	width: 180px;
	height: auto;
	vertical-align: bottom;
*/
}

#ssdm2020_img > li:nth-child(1) img {
    width: 500px;
    /*	height: 300px;*/
}

#ssdm2020_img > li:nth-child(2) > div {
    float: right;
    display: flex;
    flex-wrap: wrap;
    margin-top: -1px;
}


#ssdm2020_img > li:nth-child(2) > div > img:nth-child(3) {}


#ssdm2020_venue-img {
    display: flex;
    flex-wrap: wrap;
}

#ssdm2020_venue-img img {
    width: auto;
}

#ssdm2020_venue-img a:nth-child(1) img,
#ssdm2020_venue-img a:nth-child(2) img {
    height: 410px;
}

#ssdm2020_venue-img a:nth-child(3) img,
#ssdm2020_venue-img a:nth-child(4) img,
#ssdm2020_venue-img a:nth-child(5) img {
    height: 304px;
}

#ssdm2020_venue-img a:nth-child(6) img,
#ssdm2020_venue-img a:nth-child(7) img {
    height: 384px;
}


.list_date-time > li {
    padding-left: 230px;
}

.list_date-time > li > .hD {
    display: inline-block;
    float: left;
    margin-left: -230px;
}

.list_date-time > li > .hT {
    display: inline-block;
    float: left;
    margin-left: -105px;
}


.list_bar.list_date-time > li {
    padding-left: 242px;
}

.list_bar.list_date-time > li:before {
    margin-left: -242px;
}


#campusmap {
    width: 600px;
    height: 108px;
    overflow: hidden;
    margin: 0 auto;

}




.cond {
    font-family: 'Roboto Condensed', sans-serif;
}

#ssDL {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

#ssDL > li {
    position: relative;
    width: 284px;
    height: 402px;
    padding: 0;
    font-size: 14px;
    color: #6b7d9d;
    background: #d1e6fc;
    border-radius: 4px;
    text-align: center;
}

#ssDL h2 {
    margin: 56px 0 0;
    padding: 0;
    font-size: 28px;
    color: #001e57;
}

#ssDL h2:before {
    display: block;
    margin: 0 auto 12px;
    content: "\f1c1";
    font-weight: normal;
    font-family: 'Font Awesome', 'Font Awesome 5 Free';
    font-size: 72px;
    line-height: 1.0;
    color: #001e57;
}

#ssDL h3 {
    height: 50px;
    margin: 6px 0 16px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    color: #001e57;
}

#ssDL p {
    margin: 0;
    padding: 0 20px;
}

#ssDL a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    /*
	width: 284px;
	height: 392px;
	overflow: hidden;
*/
    text-align: center;
    font-size: 12px;
    /*
	white-space: nowrap;
	text-indent: 100%;
	background: rgba(255,0,0,0.1);
*/
    border-radius: 4px;
    transition: all 0.2s linear;
    color: #fff;

    background: linear-gradient(180deg, rgba(0, 147, 255, 0.0) 70%, rgba(0, 147, 255, 0.16));

}

#ssDL a:hover {
    background: linear-gradient(180deg, rgba(0, 147, 255, 0.0) 65%, rgba(0, 147, 255, 0.42));
}

#ssDL a,
#ssDL a:hover {
    text-decoration: none;
}

#ssDL a:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    margin: 0 auto;
    content: "\f019";
    font-family: 'FontAwesome', 'Font Awesome 5 Free';
    font-size: 54px;
    line-height: 1.0;
    color: rgba(0, 30, 87, 0.3);
    transition: all 0.2s linear;
}

#ssDL a:hover:after {
    color: rgba(0, 30, 87, 1.0);
    text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.95);
}


#sugukiku {
    padding: 0 32px;
}

#sugukiku > a {
    display: block;
    padding: 20px 0 22px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #f7770b;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s linear;
}

#sugukiku > a:hover {
    color: #fff;
    background: #f99c42;
}


.dmal,
.dmal_f {
    transition: 0.2s all linear;
    cursor: pointer;
}

.dmal {
    display: inline-block;
    color: #039;
}

.dmal:hover {
    color: #e28200;
}

.dmal_f:hover {
    opacity: 0.85;
}

.dmal2:before {
    content: "@";
}

.photos img {
    vertical-align: bottom;
    line-height: 0;
    display: inline-block;
}

.name {}

.org {
    margin-left: 0.3em;
    font-size: 1.4rem;
    color: #7a7a7a;
}

.li_padL95 .org {
    margin-left: 0;
}

a#banner_RES {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
}

a#banner_RES:after {
    content: url("../img/banner_ReserveExhibitionSpace2020-on.png");
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.0;
    transition: opacity 0.2s linear;
}

a#banner_RES:hover:after {
    opacity: 1.0;
}

.importantnotes {
    display: inline-block;
    padding: 2px 10px 0;
    font-weight: bold;
    font-size: 1.6rem;
    color: #001e57;
    border: 2px solid #001e57;
    border-radius: 3px;
}


.list_dash {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list_dash > li {
    display: flex;
    justify-content: space-between;
    background: url("../img/line_gray999.png") left center repeat-x;
}

.list_dash.nodash > li {
    background: none;
}

.list_dash > li > span {
    display: inline-block;
    background: #fff;
}

.list_dash > li > span:nth-child(1) {
    padding-right: 5px;
}

.list_dash > li > span:nth-child(3) {
    padding-left: 5px;
}

.list_dash > li span.dash {
    display: none;
}

.forRumpSession .presenterOrg {
    padding-bottom: 0;
}

.list_hotels {
    margin: 0;
    padding: 0;
    list-style: none;

}

.list_hotels .hotelname {
    margin: 24px 0 5px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #001e57;
}

.list_hotels > li > dl {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999;
}

.list_hotels > li > dl > dt {
    clear: both;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 1.2rem;
    color: #666;
}

.list_hotels > li > dl > dd {
    margin: 0;
    padding: 3px 0 3px 120px;
    font-size: 1.4rem;
    border-bottom: 1px dotted #999;
}

.list_hotels > li > dl > dd:last-of-type {
    border-bottom-style: solid;
}


.w10 {
    display: inline-block;
    width: 10px !important;
}

.w50 {
    display: inline-block;
    width: 50px !important;
}

.w100 {
    display: inline-block;
    width: 100px !important;
}

.w200 {
    display: inline-block;
    width: 200px !important;
}

.w300 {
    display: inline-block;
    width: 300px !important;
}

.w350 {
    display: inline-block;
    width: 350px !important;
}

.w400 {
    display: inline-block;
    width: 400px !important;
}

.w40p {
    display: inline-block;
    width: 40% !important;
}

.w45p {
    display: inline-block;
    width: 45% !important;
}

.w50p {
    display: inline-block;
    width: 50% !important;
}

.mT-80 {
    margin-top: -80px !important;
}

.mT-50 {
    margin-top: -50px !important;
}

.mT-30 {
    margin-top: -30px !important;
}

.mT-20 {
    margin-top: -20px !important;
}

.mT-10 {
    margin-top: -10px !important;
}

.mT0 {
    margin-top: 0 !important;
}

.mT5 {
    margin-top: 5px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mT50 {
    margin-top: 50px !important;
}

.mB0 {
    margin-bottom: 0 !important;
}

.mB5 {
    margin-bottom: 5px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB15 {
    margin-bottom: 15px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mB50 {
    margin-bottom: 50px !important;
}

.mB0 + p,
.mB5 + p,
.mB10 + p,
.mB20 + p {
    margin-top: 0;
}

.pL0 {
    padding-left: 0 !important;
}

.pL10 {
    padding-left: 10px !important;
}

.pL11 {
    padding-left: 11px !important;
}

.pL18 {
    padding-left: 18px !important;
}

.pL20 {
    padding-left: 20px !important;
}

.pL50 {
    padding-left: 50px !important;
}

.pL80 {
    padding-left: 80px !important;
}

.pT0 {
    padding-top: 0 !important;
}

.pT10 {
    padding-top: 10px !important;
}

.pT20 {
    padding-top: 20px !important;
}

.pT30 {
    padding-top: 30px !important;
}

.pT50 {
    padding-top: 50px !important;
}

.shiftN1 {
    display: inline-block;
    transform: translateY(-1px);
}

.shiftN3 {
    display: inline-block;
    transform: translateY(-3px);
}

.shiftN5 {
    display: inline-block;
    transform: translateY(-5px);
}

.shiftN10 {
    display: inline-block;
    transform: translateY(-10px);
}

.shiftS10 {
    display: inline-block;
    transform: translateY(10px);
}


.foldbtn {
    display: block;
    cursor: pointer;
}

.foldbtn:after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
    opacity: 0.3;
    transition: opacity 0.2s ease-out;
}

.foldbtn:hover:after {
    opacity: 1.0;
}

.foldbtn.fold:after {
    content: "\f067";
}

.foldtag {
    display: block;
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
}

.foldtag.fold {
    cursor: pointer;
}

.foldtag.fold:after {
    content: "\f142";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    height: 1.5em;

    text-indent: 2.0em;
    color: #364767;
    background: #fff;
    opacity: 0.3;
    transition: opacity 0.2s ease-out;
}

.foldtag.fold:hover:after {
    opacity: 1.0;
}

.foldtag > *:first-child {
    display: none;
}

.foldtag > *:first-child {
    display: none;
}

.signupnow,
.signupnow-sp {
    
    text-align: center;
    justify-content: center;
    display: flex; 
    align-items: center;
}

.signupnow a,
.signupnow-sp a {
    display: inline-block;
    width: 270px;
    height: 166px;
}

.signupnow a {
    background: url("../img/banner_signup-on.png") no-repeat;
}

.signupnow-sp a {
    background: url("../img/banner_signup-sp-on.png") no-repeat;
}

.signupnow img, .signupnow-sp img {
    max-width: 90%;
    height: auto;
    transition: all 0.2s ease-out 0s;
}

.signupnow a:hover img,
.signupnow-sp a:hover img {
    opacity: 0;
}

/*soon*/

.signupnow-soon,
.signupnow-sp {
    margin-top: 2.0em;
    text-align: center;
}

.signupnow-soon a,
.signupnow-sp a {
    display: inline-block;
    width: 270px;
    height: 166px;
}

.signupnow-soon a {
    background: url("../img/banner_signup-on-soon.png") no-repeat;
}

.signupnow-sp-sonn a {
    background: url("../img/banner_signup-sp-on-soon.png") no-repeat;
}

.signupnow-soon img,
.signupnow-sp-soon img {
    transition: all 0.2s ease-out 0s;
}

.signupnow-soon a:hover img,
.signupnow-sp-soon a:hover img {
    opacity: 0;
}



#reg {
    position: absolute;
    top: 48px;
    right: 0;
}

.action .actionItem {
    display: inline-block;
    position: relative;
}


.action .status {
    position: absolute;
    top: 9px;
    right: 9px;
    display: inline-block;
    width: 64px;
    height: 46px;
    overflow: hidden;

    padding-top: 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5rem;
    line-height: 1.1;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background: #f00;
    border-radius: 50%;

}

.action .status.nowopen {
    position: absolute;
    top: 11px;
    right: 9px;
    display: inline-block;
    width: 62px;
    height: 48px;
    overflow: hidden;
    padding-top: 14px;
    padding-bottom: 0px;
    text-align: center;
    line-height: 0.9;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.8rem;

    border-radius: 50%;
    text-shadow: none;
    color: #ea0000;
    background: #fff;
    transform: rotate(-12deg);
}

.action .status.nowopen:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;

    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 2px solid #ea0000;
}











.scrollBox {
    overflow: auto;
}

.shortcourse2 {
    padding-left: 42px;
}

.shortcourse2 > h2 {}

.shortcourse2 > h2:first-child > .labelRed {
    float: left;
    display: block;
    width: 33px;
    height: 31px;
    overflow: hidden;
    margin: 0 0 0 -42px;
    padding-top: 2px;
    text-align: center;
    font-size: 2.4rem;
    line-height: 31px;
    color: #fff;
    background: #cf0048;
    border-radius: 4px;
    transform: translateY(-2px);
}

.shortcourse2 > h2 + h3 {}

.shortcourse2 > h2 + h3 .s22 {
    margin: 5px 0 0;
    line-height: 0.8;
}

.shortcourse2 > h2 + h3 .s22 img {
    margin-top: 10px;
}

/*

.shortcourse2.single > h2 + h3 {
	display: flex;
	padding-left: 48px;
}

.shortcourse2.single .labelRed {
	display: inline-block;
	margin: 0 0 4px;
	padding: 4px 9px;
	font-size: 1.6rem;
	line-height: 1.1;
	color: #fff;
	background: #cf0048;
	border-radius: 4px;
	transform: translateY(-2px);
}
*/


/*

	リンクありver.
*/
.list-invitedsp,
.list-timetable2 {
    display: block;
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e2e2e2;
}

.list-invitedsp > li,
.list-timetable2 > li {
    border-bottom: 1px solid #e2e2e2;
}

.list-invitedsp > li:nth-of-type(2n+1),
.list-timetable2 > li:nth-of-type(2n+1) {
    background: #f4f7fc;
}

.list-invitedsp > li > a,
.list-timetable2 > li > a {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    transition: all 0.2s linear 0s;
}

.list-invitedsp > li > a > .photo,
.list-timetable2 > li > a > .photo {
    display: inline-block;
    min-width: 150px;
    margin-right: 18px;
}

.list-invitedsp > li.noimg > a > span:nth-child(2),
.list-timetable2 > li.noimg > a > span:nth-child(2) {
    display: block;
    padding: 32px 0;
}

.list-invitedsp > li.noimg > a > .photo,
.list-timetable2 > li.noimg > a > .photo {
    height: 100%;
    min-height: 200px;
    background: #f2f2f2;
}

.list-invitedsp > li.noTime,
.list-timetable2 > li.noTime {
    padding: 1.6em 0 1.6em 168px;
    color: #8a8a8a;
    font-size: 1.4rem;
}

.list-invitedsp > li > a > .photo img {}


.list-invitedsp > li > a:hover,
.list-timetable2 > li > a:hover {
    z-index: 20000;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
}


/*

	リンクなしver.
*/

.invitedsp div[id^="focus"] > h2.lineTop,
.invitedsp div[id^="area"] > h2.lineTop {
    font-size: 3.2rem !important;
    border-top: none;
}

.invitedsp .areaTitle-s {
    font-size: 2.2rem;
}


.list-invitedsp.nolink,
.list-timetable2.nolink {
    display: block;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e2e2e2;
}

.list-invitedsp.nolink > li,
.list-timetable2.nolink > li {
    display: flex;
    align-items: center;
    padding-right: 18px;
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
}

.list-invitedsp.nolink > li:nth-of-type(2n+1),
.list-timetable2.nolink > li:nth-of-type(2n+1) {
    background: #f4f7fc;
}

.list-invitedsp.nolink > li > div:nth-child(2),
.list-timetable2.nolink > li > div:nth-child(2) {
    padding-right: 18px;
}

.list-invitedsp.nolink > li > .photo,
.list-timetable2.nolink > li > .photo {
    display: inline-block;
    min-width: 150px;
    margin-right: 18px;
}

.list-invitedsp.nolink > li.noimg > div:nth-child(2),
.list-invitedsp.nolink > li.noimg > span:nth-child(2),
.list-timetable2.nolink > li.noimg > div:nth-child(2),
.list-timetable2.nolink > li.noimg > span:nth-child(2) {
    display: block;
    padding: 26px 0;
}

.list-invitedsp.nolink > li.noimg .photo,
.list-timetable2.nolink > li.noimg .photo {
    height: 100%;
    min-height: 200px;
    background: #f2f2f2;
}

.list-invitedsp.nolink > li:nth-of-type(2n+1).noimg .photo,
.list-timetable2.nolink > li:nth-of-type(2n+1).noimg .photo {
    background: #eee;
}


.list-invitedsp.nolink > li.noTime,
.list-timetable2.nolink > li.noTime {
    padding: 1.6em 0 1.6em 168px;
    color: #8a8a8a;
    font-size: 1.4rem;
}

.list-invitedsp.nolink .sT,
.list-timetable2.nolink .sT {
    margin: 0 0 8px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #001e57;
}

.list-timetable2 .scTitle {
    padding-left: 0.5em;
    text-indent: -0.5em;
}

.list-timetable2 .scTitle::first-letter {
    /*
	display: inline-block;
	float: left;
	margin-left: -1.0em;
*/
    text-indent: -1.0em;
}


#banners-main {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-bottom: 20px;
}

#banners-main a {
    transition: all .2s ease-out 0s;
}

#banners-main a:hover {
    opacity: 0.75;
}

.regular #banners-main > div {
    max-width: 260px;
}

.regular #banners-main p {
    font-size: 1.5rem;
    line-height: 1.4;
}

#manualDL a {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 1.4rem;
}

#manualDL a:before {
    content: "\f019";
    font-family: 'Font Awesome 5 Pro';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;

    display: inline-block;
    margin-right: 0.3em;
    font-size: 2.2rem;
    transform: translateY(2px);
}


a#howtoattend {
    /*
	display: block;
	padding: 24px 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #0076db;
*/
    transition: all 0.2s ease-out 0s;
}

a#howtoattend:hover {
    opacity: 0.8;
}



.pictBox {}

.pictBox.w-Full > img {
    width: 100%;
}

#fc {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

#fc_photo {
    margin-top: -85px;
    text-align: right;
    margin-left: 20px;
}

#fc_text li > .h {
    margin-top: 2px;
}

#home #SNS {
    width: calc(100% - 12px);
    height: auto;
    height: 320px;
    min-height: 320px;
    overflow: auto;
    border: 6px solid #44c8e0;
    border-radius: 5px;
}

#home #SNS .timeline-Header-title {
    font-weight: 700 !important;
}

.wps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wps a {
    display: inline-block;
    margin-bottom: 10px;
}

.wps img {
    width: 190px;
}

#howtoattend .dl_L40 > dt,
#howtoattend .dl_L60 > dt,
#howtoattend .dl_L80 > dt {
    font-size: 100%;
    color: #2a2a2a;
}


.list-flow {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-flow > li {
    position: relative;
    display: block;
    padding: 1.0em 0.8em;
    line-height: 1.1;
    background: #00e5ca;
    border-radius: 5px;
}

.list-flow > li:after {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;

    position: absolute;
    top: 50%;
    right: -1.00em;
    margin: auto;
    transform: translateY(-50%);
    font-size: 2.0em;
    color: #76ddd1;
}


.list-flow#login > li {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-align: center;
}

.list-flow#login > li > span {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 2.4rem;
}


.list-flow > li:last-child:after {
    content: "";
    display: none !important;
}




#sessionlist {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    line-height: 1.1;
}

#sessionlist > li {
    margin: 20px 0;
    font-weight: bold;
}

#sessionlist .h {
    display: inline-block;
    margin-right: 12px;
}

#sessionlist .chk {
    font-weight: normal;
    font-size: 1.3rem;
}

#sessionlist a {
    display: block;
    padding: 18px 24px;
    color: #fff;
    background: url("../img/banner270x82_bg.png") center bottom no-repeat;
    background-size: cover;
    border-radius: 5px;
    text-decoration: none;
    transition: all .15s ease-out 0s;
}

#sessionlist li:not([class="done"]) a:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

#sessionlist .done a {
    filter: grayscale(100%);
    opacity: 0.5;
}


.iki .action > a {
    margin-top: 5px;
}

h2.forIS:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 8px;
    background: #007cd8;
    transform: translateY(-1px);
}

h3.forIS:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin-right: 8px;
    margin-left: 3px;
    background: #007cd8;
    transform: translateY(-1px);
}


h2.forRS:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 8px;
    background: #e5008d;
    transform: translateY(-1px);
}

h4.forRS:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin-right: 8px;
    margin-left: 3px;
    background: #e5008d;
    transform: translateY(-1px);
}

img.border {
    display: inline-block;
    border: 10px solid #dbe8f0;
    border-radius: 6px;
}

dl.border {
    display: inline-block;
    padding: 8px 30px 6px;
    border: 1px solid #999;
}


a.upMov {
    display: inline-block;
    padding: 1.2em 2.0em;
    font-size: 16px;
    color: #fff;
    background: #e5008d;
    transition: all 0.2s linear 0s;
}

a.upMov:hover {
    /*box-shadow: 0 6px 12px rgba(0,0,0,0.3);*/
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    opacity: 0.80;
}

.list-download {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* column1

.list-download > li {
	width: 46.875%;
	max-width: 450px;
	padding: 40px 0 30px;
	text-align: center;
}

.list-download > li > a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.list-download > li .t {
	display: block;
	margin-bottom: 3px;
	text-align: left;
	font-weight: bold;
	color: #333;
}

.list-download > li .p {
	flex-grow: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.list-download > li img {
	display: inline-block;
	max-width: 448px;
	height: auto;
}

.list-download > li.logo .p {
	min-height: 244px;
	margin: -1px;
	border: 1px solid #d8d8d8;
}

.list-download > li.vBase img {
	width: auto;
	max-width: 434px;
	height: 100%;
	max-height: 244px;
	border: 8px solid #d8d8d8;
}

.list-download > li a:after {
	content: "Download";
	display: block;
	margin-top: 6px;
	padding: 14px 8px 10px;

	font-size: 1.6rem;
	line-height: 1.05;
	text-align: center;
	color: #fff;

	border-radius: 6px;
	background: #007cd8;
	border-bottom: 4px solid #00528f;

	transition: all 0.2s linear 0s;
}
*/

.list-download > li {
    /*
	width: 46.875%;
	max-width: 300px;
	*/
    padding: 20px 0 20px;
    text-align: center;
}

.list-download.half > li {
    width: 46.875%;
    max-width: 300px;
}

.list-download > li > a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.list-download > li .t {
    display: block;
    margin-bottom: 3px;
    text-align: left;
    font-weight: bold;
    color: #333;
}

.list-download > li .p {
    flex-grow: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.list-download > li img {
    display: block;
    max-width: calc(100% - 16px);
    height: auto;
}

.list-download > li.logo .p {
    /*
	min-height: 244px;
*/
    margin: -1px;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.list-download > li.logo img {
    padding: 25px 30px;
}

.list-download > li.vBase img {
    /*
	width: auto;
	max-width: 284px;
	h eight: 100%;
	max-height: 171px;
	*/
    border: 8px solid #d8d8d8;
}

.list-download > li a:after {
    content: "Download";
    display: block;
    margin-top: 6px;
    padding: 14px 8px 10px;

    font-size: 1.6rem;
    line-height: 1.05;
    text-align: center;
    color: #007cd8;

    border-radius: 6px;
    background: #fff;
    border: 1px solid #dadada;
    border-bottom-width: 4px;

    transition: all 0.2s linear 0s;
}

.list-download > li a:hover:after {
    color: #fff;
    background: #007cd8;
    border-bottom-color: #00528f;
}

.refer {
    padding: 1.0em;
    border: 6px solid #9dccee;
}

a.ban {
    transition: opacity 0.2s linear 0s;
}

a.ban:hover {
    opacity: 0.85;
}

figure.flex,
.photo-box.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

figure {
    margin: 0;
    padding: 0 0 2.0em;
}

.photo-box figcaption {
    width: 100%;
    margin-top: 0.5em;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.2;
}




.like-button {
    display: inline-block;
    margin: -1px 0;
    padding: 1px 6px;
    color: #fff;
    background: #588300;
    border-radius: 3px;
}


#VirExhb > p {
    width: 40%;
    margin-top: 0;

}

#img-ve1 img {
    width: 100%;
    max-width: 960px;
}

#VirExhb > #img-ve1 {
    margin-top: -130px;
}

#BanImg {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

#BanImg > div {
    text-align: center;
}

#BanImg h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

#BanImg img {
    /*width: calc(100% - 10px);*/
    max-width: 310px !important;
}

.flexbox#regdesk {}


.flexbox#regdesk > .col {
    width: calc(50% - 30px);
}

dl.dir-rows {
    display: block;
    margin: 0;
    padding: 0;
}

dl.dir-rows > dt {
    display: block;
    margin: 15px 0 0px;
    padding: 0;
}

dl.dir-rows > dd {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

dl.dt-small > dt {
    font-size: 1.4rem;
    font-weight: bold;
    color: #2a2a2a;
}

#regdesk dl.dt-small > dt {
    color: #5a5a5a;
    font-size: 1.3rem;
    line-height: 1.3;
}

#regdesk dl.dt-small > dd {
    margin-top: 3px;
    font-size: 1.3rem;
    line-height: 1.3;
}

.list-h1-easy {
    padding-left: 1.0em;
}

.list-h1-easy > .h {
    display: block;
    float: left;
    margin-left: -1.0em;
}

#regdesk #privacymark {}

#regdesk #privacymark > a {


    display: inline-block;
    overflow: hidden;
    margin: 5px 0 0;
}

#regdesk #privacymark > a > img {
    display: block;
    margin: -20px -16px -30px -14px;
}

#regdesk #privacymark > a:hover {
    opacity: 0.85;
}





#mask {
    display: none;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);

}

#confirm {
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 21000;
    /*
	width: 100%;
	height: 100%;
*/
    width: 100%;
    max-width: 380px;
    padding: 50px 50px;
    background: #fff;
    border-radius: 8px;

}

#confirm #close {
    text-align: center;
    margin: 20px 0;
    font-size: 1.4rem;
}

#mask.on,
#confirm.on {}

.dmal_f.btn {}

.dmal_f.btn {
    display: inline-block;
    padding: 1.2em 3.6em;
    font-size: 2.2rem;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    background: #06f;
    transition: all 0.16s linear 0s;
}

.dmal_f.btn:hover {
    background: #0ae;
}

.dmal_f.btn[href="#"],
.dmal_f.btn[href*="void"] {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    cursor: default;
    background-color: #d8d8d8;
}

.dmal_f.btn.pre {
    background: rgba(0, 102, 255, 0.36) !important;
    text-shadow: none;
}

.memo {
    padding-left: 1.0em;
}

.memo > .h {
    display: block;
    float: left;
    margin-left: -1.0em;
}

.label2 {
    display: inline-block;
    padding: 0.2em 0.5em;
    line-height: 1.01;
    font-size: 1.4rem;
    font-weight: normal;
    border-radius: 3px;
    transform: translateY(-0.3em);

    background: #aaa;
}

.label2.later {
    color: #fff;
    background: linear-gradient(to right, #2a90fe 2%, #002bd5 60%);
}

.label2 > .paren {
    display: none;
}

#switch {
    margin: 0 0 30px;
    padding: 5px;
    font-size: 1.3rem;
    text-align: center;
    color: #65b613;
    border: 1px solid #65b613;
    font-weight: bold;

    border-radius: 15px;
    cursor: pointer;
}

#switch.off {
    color: #fff;
    background: #65b613;
}

#switch.on {}


#switch.on > span:after {
    content: "しない";
}

#switch.off > span:after {
    content: "する";
}




/*
	F O R M - T E S T
*/

input.std,
button.std,
select.std,
textarea.std {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}

textarea.std {
    resize: vertical;
}

input[type='checkbox'].std,
input[type='radio'].std {
    display: none;
}

input[type='submit'].std,
input[type='button'].std,
label.std,
button.std,
select.std {
    cursor: pointer;
}

select.std::-ms-expand {
    display: none;
}


input[type="text"].std,
textarea.std,
button.std,
select.std {
    display: inline-block;
    margin: 0;
    padding: 3px 5px;
    font-size: 1.6rem;
    line-height: 1.2;
    background: #fff;

    border-radius: 0.8px;
    border: 1px solid #dadada;
    box-shadow: 0 0 0 4px rgba(0, 113, 188, 0.20), 0 0 0 5px #fff, 0 0 0 6px #dadada;

    /*
	border-radius: 5px;
	border: 5px solid rgba(0, 113, 188, 0.20);
*/
}

/*2023追加*/

/*background*/

.bg-white {
    background-color: #fff;
}

/*Hotel*/
/* .japan-map {
    width: 100%;
    height: auto;
} */

.hotel-others-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    background: linear-gradient(#f2c32b 0%, #af6900 100%);
    color: #000;
    margin: 0px auto 20px;
}

.hotel-others-button:hover {
    color: #fff;
}

.hotel-others-button p {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding-left: 20px !important;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 64 / 60%);
}

.hotel-others-button p span {
    font-size: 2rem;
}


.hotel-others-button img {
    width: 100%;
    height: auto;
    max-width: 80px;
    padding: 15px;
}

/*Award deadline button*/

.award-deadline-button {
    display: block;
    align-items: center;
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    background: linear-gradient(#180f93 0%, #0b4ec9 100%);
    color: #000;
    margin: 0px auto 20px;
    text-align: center;
    padding-top:7px;
}


.award-deadline-button:hover {
    color: #fff;
}

.award-deadline-button p span {
    font-size: 2rem;
}

/*Financial Support for Students button*/

.financial-button {
    width: 400px;
    padding: 10px;
    background: #132058e0;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    border: none;
    transition: 0.5s;
}

.financial-support-button {
    display: block;
    align-items: center;
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    background: linear-gradient(#0f9353 0%, #88c90b 100%);
    color: #000;
    margin: 0px auto 20px;
    text-align: center;
}


.financial-support-button:hover {
    color: #fff;
}

.financial-support-button p {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding: 10px !important;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 64 / 60%);
}

.financial-support-button p span {
    font-size: 2rem;
}

.Tutorial-button {
    display: block;
    align-items: center;
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    background: linear-gradient(#ff3f3f 0%, #f7bf22 100%);
    color: #000;
    margin: 0px auto 10px;
    text-align: center;
}


.Tutorial-button:hover {
    color: #fff;
}

.Tutorial-button p {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding: 20px !important;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 64 / 60%);
}

.Tutorial-button p span {
    font-size: 2rem;
}

.abstract-mark {
    background: #b00d4f;
    color: #fff;
}

.fs-h1 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #001e57;
}

.fs-h2 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #7f7f7f;
    font-style: italic;
    border-bottom: thick double #000 !important;
}

.fs-h3 {
    font-weight: bold;
    font-style: italic;
}

/*abstract*/

@media screen and (min-width:729px) {
    .abstract-date {
        display: flex;
    }
}

.ml-8px {
    margin-left: 8px;
}

/*Excursion*/

.excursion-img-box {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 2px;
}

.excursion-img-box img {
    width: 100%;
}

.excursion-img-box div {
    width: calc(33.3% - 4px);
}

@media (max-width: 600px) {
    .excursion-img-box div {
        width: calc(50% - 2px);
    }
}

/*visa*/

.visa-box {
    border: solid 1px orange;
    padding: 15px;
    margin-bottom: 15px;
}

/*tutorial */
@media (min-width: 600px) {
    .tutorial-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.tutorial-box img {
    width: 100%;
    height: auto;
}

/*contact*/

.contactmail-box {
    display: flex;
    margin-bottom: 10px;
}

.contactmail-box p {
    margin: 0;
}

.contactmail-title {
    margin-right: 5px;
    width: 155px;
    font-weight: 600;
    color: #001e57;
}

.mail-b {
    color: #039;
}

.mail-b:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 3px;
}

/*venue */

@media screen and (min-width:821px) {
    .bunquet-sh-box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        align-items: flex-start;
    }

    .bunquet-sh-box table th {
        vertical-align: top;
        width: 25%;
    }

    .bunquet-sh-box div {
        width: 28%;
    }

    .bunquet-sh-box div img {
        width: 100%;
    }

    .bunquet-sh-box div p {
        margin-top: 5px;
        font-size: 0.8em;
    }

    .online-egistration-box table th {
        vertical-align: top;
        width: 35%;
    }
}
/*Special talk session */
.andMore {
    float: right;
    clear: right;
    margin-top: 0px; 
}

.clearfix.specialtalksession {
    display: flex;
    flex-wrap: nowrap; 
    gap: 10px; 
    overflow-x: auto; 
}

.clearfix.specialtalksession > div {
    flex: 0 0 auto; 
    display: flex;
    flex-direction: column;
    text-align: left;
}




/*Awards */
delete {
    text-decoration: line-through;
    text-decoration-style: solid;
    text-decoration-color: red;
}

.ueda {
    display: block;
    margin-bottom: 16px;
}

.ueda td {
    margin: 0;
    padding: 0 1.2rem 0.8rem 0;
    line-height: 1.8rem
}

.ueda-year {
    white-space: nowrap;
    vertical-align: top;
}

/* Toshiki Kanakiのスペース */
.Toshiki-Kanaki {
    margin-bottom: 80px;
}

/* Samarth Jainのスペース */
.Samarth-Jain {
    margin-bottom: 230px;
}


/*Sponsorship and Exhibit Opportunities */
.LanyardSponsor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 64px;
}


/*Index */



.logo-container {
    display: flex;
    align-items: center; 
    justify-content: center; 
    gap: 50px; 
}

.logo-container img {
    height: auto; 
    max-height: 180px; 
}


/*Glance*/
  
        .schedule-table {
            border-collapse: collapse;
            width: 100%;
            font-family: Arial, sans-serif;
            font-size: 12px;
        }
        
        .schedule-table th,
        .schedule-table td {
            border: 1px solid #000;
            text-align: center;
            vertical-align: middle;
            padding: 8px;
        }
        
        .time-column {
            background-color: #fffdfd;
            font-weight: bold;
            width: 80px;
        }
        
        .date-header {
            background-color: #fffdfd;
            font-weight: bold;
            padding: 10px;
        }
        
        .short-course {
            background-color: #ffb6c1;
            font-weight: bold;
        }
        
        .short-course-2 {
            background-color: #fff0f5;
            font-weight: bold;
        }
        
        .special-talk {
            background-color: #ffff99;
            font-weight: bold;
        }
        
        .welcome-reception {
            background-color: #98fb98;
            font-weight: bold;
        }
        
         .banquet {
            background-color: #ccffcc;
            font-weight: bold;
            position: relative;
        }
        
        .banquet::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 0;
            right: 0;
            height: 20px;
            background-color: transparent;
        }
        
        .banquet-content {
            position: relative;
            top: 10px;
            height: calc(100% - 10px);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .opening-plenary {
            background-color: #e6e6fa;
            font-weight: bold;
        }
        
        .technical-sessions {
            background-color: #e6e6fa;
            font-weight: bold;
        }
        
        .lunch {
            background-color: #f0f0f0;
            font-weight: bold;
        }
        
        .oral-presentation {
            background-color: #e6e6fa;
            font-weight: bold;
        }
        
        .poster-session {
            background-color: #e6e6fa;
            font-weight: bold;
        }
        
        .empty-cell {
            background-color: #ffffff;
        }