@charset "UTF-8";

#wrapper {}

#head {overflow:hidden;}

#head #headNavi {
	position:absolute;
	left:0;top:0;
	width:650px;height:90px;
	padding:0;
	z-index:100;
}
#head #headNavi a {
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	height:90px;
}
#contents {}

#contents #main {}

#contents #submenu {}

#foot {}

a.disabledmenu {pointer-events:none;cursor:default;}
a.disabledmenu:link { color: #aaa !important; }
a.disabledmenu:visited { color: #aaa !important; }
a.disabledmenu:hover { color: #aaa !important; }
a.disabledmenu:active { color: #aaa !important; }

.applink{display:none}


.applink{
	width:225px;
	height:53px;

	position:absolute;
	bottom:20px;
	/*left:15px;*/
	left:460px;
	background-size: 225px;
	background-repeat:no-repeat;
}
.applink:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


.shiteilink{
	width:255px;
	height:53px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;

	position:absolute;
	top:740px;
	right:20px;

	padding-top:15px;
	text-align:center;

	color: #FFF;
	background: #fd9535;/*背景色*/
	border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);

}
.shiteilink a {
	text-decoration: none;
	vertical-align:middle;
	color: #FFFFFF;
}
.shiteilink:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.kobolink{
	width:700px;
	height:103px;
	font-size: 20px;

	position:absolute;
	top:687px;
	right:15px;

	padding-top:5px;
	text-align:center;

	color: #FFFFFF;
	background-color: #FF0000;

}
.kobolink a {
	/*text-decoration: none;*/
	vertical-align:middle;
	color: #FFFFFF;
	font-weight: bold;
}


.tokutenlink{
	width:255px;
	height:100px;
	font-size: 20px;
	font-weight: bold;
	/*line-height: 20px;*/

	position:absolute;
	top:620px;
	right:20px;

	padding-top:15px;
	text-align:center;

	color: #FFF;

}
.tokutenlink a {
	text-decoration: none;
	vertical-align:middle;
	color: #FFFFFF;
}
.closingtxt{
	width:700px;
	height:90px;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;

	padding-top:15px;
	text-align:center;

	color: #000;
	background: #fff8a8;/*背景色*/
	border-bottom: solid 2px #fff8a8;
	border-radius: 15px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

body {
  -webkit-text-size-adjust: 100%;
}

span#mn1::before {
        content: '演題登録はこちらから';
}
span#mn2::before {
        content: '2023年1月26日(木)～';
}
span#mn2::after {
        content: '5月8日(月)正午';
}
.uline {
        background: linear-gradient(transparent 50%, yellow 50%);
}
@supports selector(:has(+ *)) {
        .uline {
                background: none;
        } 
        a.fadeButton:has(span#mn1) {
                color: #fff !important;
                background-color: #f00 !important;
        }
        a.fadeButton:has(span#mn1):hover {
                color: #000 !important;
                background-color: #ff0 !important;
        }

}
span#reg1::before {
    content: '事前参加登録期間';
}
span#reg2::before {
    content: '9月1日(金)～';
}
span#reg2::after {
    content: '10月6日(金)正午';
}
.uline {
    background: linear-gradient(transparent 50%, yellow 50%);
}
@supports selector(:has(+ *)) {
    .uline {
            background: none;
    } 
    a.fadeButton:has(span#reg1) {
            color: #fff !important;
            background-color: #f00 !important;
    }
    a.fadeButton:has(span#reg1):hover {
            color: #000 !important;
            background-color: #ff0 !important;
    }
}

.yellowline {
    background: linear-gradient(transparent 50%, yellow 50%);
}

.cyanline {
    background: linear-gradient(transparent 50%, cyan 50%);
}

span#app1::before {
    content: 'オンライン抄録集';
}
span#app2::before {
    content: 'JSCO meeting';
}
span#app2::after {
    content: '';
}
.uline {
    background: linear-gradient(transparent 50%, yellow 50%);
}
@supports selector(:has(+ *)) {
    .uline {
            background: none;
    } 
    span#app1::before {
        content: '';
    }
    span#app2::before {
        content: '';
    }
    span#app2::after {
        content: '';
    }

    a.fadeButton:has(span#app1) {
            background-image: url('/jsco2023/user_data/upload/Image/jsco2023/jscomeeting/JSCOmeeting_APP_webbanner.png') !important;
            background-size: contain !important;
    }
}

span#con1::before {
    content: '会期中のご連絡先';
}
span#con2::before {
    content: '045-228-6385';
    font-size:1.0rem;
}
span#con2::after {
    content: '(10/18-21のみ)';
}
.con-uline {
    background: linear-gradient(transparent 50%, yellow 50%);
    line-height:1.2;
}
@supports selector(:has(+ *)) {
    .con-uline {
            background: none;
    } 
    a.fadeButton:has(span#con1) {
            color: #000 !important;
            background-color: #ff0 !important;
    }
    a.fadeButton:has(span#con1):hover {
            color: #fff !important;
            background-color: #f00 !important;
    }
}

div.section-lv2:has(h2#CID81) {
    margin-top: 10px !important;
    padding: 0 10px 10px 10px !important;
}
h2#CID81 a.fadeButton {
    font-weight: bold !important;
    color: #fff !important;
    background-size: 200% 100%;    
    /* background-image: linear-gradient(90deg, rgba(255, 237, 128, 1), rgba(28, 73, 134, 1)); */
    background-image: linear-gradient(90deg, rgba(255,112,30,1) 0%, rgba(255,191,48,1) 50%, rgba(255,77,48,1) 100%);
    border-radius: 5px !important;
}
h2#CID81 a.fadeButton:hover {
    color: #fff !important;
    background-position: 100% 0;    
    border-radius: 5px !important;
}

span#menu-message1::before {
    content: '';
}

span#menu-message1::after {
    content: '';
}

@supports selector(:has(+ *)) {
    span#menu-message1 {
        opacity: 0;
    }

    span#menu-message1::before {
        content: '第63回日本癌治療学会学術集会';
    }

    span#menu-message1::after {
        content: 'メッセージビデオ';
    }

    a.fadeButton:has(span#menu-message1) {
        background-image: url('/jsco2025/user_data/upload/Image/jsco2025/thumbnail/MENU_JSCO2025_MESSAGE_1_20250319.png') !important;
        background-repeat: no-repeat; /* 画像の繰り返しを防止 */
        background-position: top left; /* image1.png のみを中央に配置 */
        background-size: 225px 126px; /* image1.png, image1.png のサイズを調整 */

        /* background-image: url('/jsco2025/user_data/upload/Image/jsco2025/thumbnail/MENU_JSCO2025_MESSAGE_1_20250319.png') !important;
        background-size: 225px 126px !important;
        background-repeat: no-repeat; */
        filter: brightness(1.0);
        height: 126px;
        min-height: 126px;
        max-height: 126px;
        padding: 0 !important;
        color: white !important;
        text-shadow:
            -1px -1px 1px rgba(0, 0, 0, 0.5),
            1px -1px 1px rgba(0, 0, 0, 0.5),
            -1px 1px 1px rgba(0, 0, 0, 0.5),
            1px 1px 1px rgba(0, 0, 0, 0.5);

    }

    a.fadeButton:has(span#menu-message1):hover {
        background-image: url("/jsco2025/user_data/upload/Image/youtube.png"), url('/jsco2025/user_data/upload/Image/jsco2025/thumbnail/MENU_JSCO2025_MESSAGE_1_20250319.png') !important;
        background-repeat: no-repeat; /* 画像の繰り返しを防止 */
        background-position: center, top left; /* image1.png のみを中央に配置 */
        background-size: 40px 30px, 225px 126px; /* image1.png, image1.png のサイズを調整 */
        
        filter: brightness(1.10);
    }

    div.section-lv2:has(h2#CID83) {
        height: 126px;
        min-height: 126px;
        text-align: center;
    }

    h2#CID83 {
        height: 126px;
        min-height: 126px;
    }

    h2#CID83 em {
        height: 126px;
        min-height: 126px;
    }

}


div.section-lv2:has(h2#CID84) {
    margin-top: 0 !important;
    padding: 0 10px 10px 10px !important;
}
h2#CID84 a.fadeButton {
    background-color: transparent !important;
    background-image: url('/jsco2025/user_data/upload/Image/jsco2025/banner/2025jsco_genmab-lab_20250723.gif') !important;
    background-size: 205px 60px;
    background-repeat: no-repeat;
    color: transparent !important;
    width: 205px !important;
    height: 60px;
    /* border-bottom: none !important; */
    border: 1px #ddd solid !important;
    padding: 0 !important;
}
h2#CID84 a.fadeButton img {
    display: none;
}
h2#CID84 a.fadeButton:hover {
    background-color: transparent !important;
}

div.section-lv2:has(h2#CID85) {
    margin-top: 0 !important;
    padding: 0 10px 10px 10px !important;
}
h2#CID85 a.fadeButton {
    background-color: transparent !important;
    background-image: url('/jsco2025/user_data/upload/Image/jsco2025/banner/2025jsco_daiichi_sankyo_20250806.gif') !important;
    background-size: 175px 50px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent !important;
    width: 175px !important;
    height: 50px;
    border: 1px #ddd solid !important;
    padding: 5px 15px !important;
}
h2#CID85 a.fadeButton img {
    display: none;
}
h2#CID85 a.fadeButton:hover {
    background-color: transparent !important;
}

div.section-lv2:has(h2#CID86) {
    margin-top: 0 !important;
    padding: 0 10px 10px 10px !important;
}

h2#CID86 a.fadeButton {
    background-color: transparent !important;
    background-image: url('/jsco2025/user_data/upload/Image/jsco2025/banner/2025jsco_pfizervaccines_20250828.jpg') !important;
    /* background-size: 200px 50px; */
    background-size: 205px 60px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent !important;
    /* width: 200px !important;
    height: 50px; */
    width: 205px !important;
    height: 60px;
    border: 1px #ddd solid !important;
    /* padding: 5px 15px !important; */
    padding: 0 !important;
}

h2#CID86 a.fadeButton img {
    display: none;
}

h2#CID86 a.fadeButton:hover {
    background-color: transparent !important;
}

div.section-lv2:has(h2#CID88) {
    margin-top: 10px !important;
    padding: 0 10px 10px 10px !important;
}
h2#CID88 a.fadeButton {
    font-weight: bold !important;
    color: #fff !important;
    background-size: 200% 100%;    
    /* background-image: linear-gradient(90deg, rgba(255, 237, 128, 1), rgba(28, 73, 134, 1)); */
    /* background-image: linear-gradient(90deg, rgba(255,112,30,1) 0%, rgba(255,191,48,1) 50%, rgba(255,77,48,1) 100%); */
    background-image: linear-gradient(90deg, rgb(82, 161, 175) 0%, rgb(176, 252, 255) 50%, rgb(121, 199, 202) 100%);
    border-radius: 5px !important;
    padding: 10px 10px !important;
    text-shadow: 1px 1px 2px #000;
}
h2#CID88 a.fadeButton:hover {
    color: #fff !important;
    background-position: 100% 0;    
    border-radius: 5px !important;
    text-shadow: 1px 1px 2px #000;
}