@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS font */
@import "font_style.css";
@media print, screen and (max-width:799px){
.sm_none{ display:none}
/*---------- commonの指定 ----------*/
body {
margin:0px !important;padding:0px !important;
text-align:left;font-size:1.0rem !important;line-height:1.5rem;letter-spacing:0.5px;
color:#666 !important;
background:url(../img/common_img/back_ground.jpg);
}
header.fix{ width:100%; /* absolute or fixed */	z-index:9999;}
header.fix_sub{ width:100%; background:url(../img/top_img/top_back.png) repeat-x top center; height:96px; z-index:9999;}
header.fix_sub nav{ padding-top:20px;}
img{vertical-align: bottom;}
nav{width:100%;height:auto;margin:0px auto;}
section{width:100%;height:auto;margin:0px auto;}
article{width:100%;height:auto;margin:0px auto;}
article.sm{ width:100%; margin:0px; padding:0px;}
figure{width:100%;height:auto;margin:0px auto;}
figcaption{width:100%;height:auto;margin:0px auto;}
p.alr{ font-size:15px;line-height:1.5rem; margin:0px; padding:0px;text-align:right;}
ul{list-style:none;}
.red{ color:#f00;}
#margt150{ padding-top:10%;}
#margt100{ padding-top:10%;}
#margt50{ margin-top:50px;}
img.flt_left{ float:left; margin-right:20px; margin-top:-5px}
/*---------- リンクの指定 ----------*/
a:link {color:#006934;}
a:visited {color:#006934;}
a:hover {color:#00913a;}
a img {border-style:none;filter:alpha(opacity=100); opacity:1.0;}
a:hover img{filter:alpha(opacity=80); opacity:0.8; z-index:0}
.hideAnchor {display:block;height:0px;overflow:hidden;margin-top:100px;padding-bottom:10px;}
hideAnchors {display:block;height:0px;overflow:hidden;margin-top:120px;padding-bottom:10px;}
.m_close{ text-align:right; margin-right:10px !important; background-color:none;}
.l_mark a{
	background: url(../img/common_img/link_bt.png) no-repeat  right top;
	background-size:20px 20px;
	padding-right:33px;
	margin-right:5px;
	text-align:right !important;
}
.l_marks a{
	background: url(../img/common_img/link_bt.png) no-repeat  right top;
	background-size:20px 20px;
	padding-right:33px;
	margin-right:5px;
	text-align:right !important;
	float:right;
}
/*---------- ヘッダーメニューの指定 ----------*/
header{width:100%; height:auto; margin:0px auto; background:url(../img/common_img/header_back.png) repeat-x top; background-size:auto 100%;}
	#header_in{ width:100%; height:auto; margin:0px auto; background:url(../img/common_img/header_inback.png) no-repeat 50% 10%; background-size:contain; padding-bottom:10px; padding-top:10px;}
	#header_in h1{ font-size:36px; color:#fff; font-weight:bold; line-height:46px; text-align:center;}
	#header_in h2{ font-size:8px !important; color:#fff; font-weight:normal; line-height:10px; text-align:center;}
	#header_issn{ display:none;}
	#search_box{ width:80%; margin:10px auto;}
	#count_down_l{width:32%; float:left}#count_down_l img {max-height:120px;;}
#count_down_c{width:35%; float:left}
    #count_down_c p{ font-size: 15px !important;}
#count_down_r{width:33%; float:left;}
    #count_down_r p a{color: #f90; font-weight: bold;}
	#count_down{ width:80%; height:auto; margin:0px auto 0px; background-color:rgba(255,255,255,0.8);}
	#count_down h5.scopuss{ font-size:14px !important; text-align:center; margin-top:30px;
    padding-top: 30px;}
	#count_down h5.scopus{ font-size:20px; text-align:center; margin-top:30px; line-height:30px;}
	#count_down h5.scopus a{ color:#f09600; text-decoration:none;}
	#count_down h5.scopus a:hover{ color:rgba(240,150,0,0.8);}
		#count_down h5{ color:#fff; font-size:7px; text-align:center;}
		#count_down p{ color:#fff; font-size:14px; text-align:center;}
    
    #cite_sc{ width: 80%; height:auto; margin:0px auto; padding-top:0px !important; background-color:rgba(255,255,255,1.0); position: relative}
    #leftbox{  position: absolute; top: 0px; left: 0px; width: 50%; background-color:#fff}
    #centerbox{  position: absolute; top: 0px; left: 50%; width: 50%; height: auto; background-color:#fff}
    #rightbox{ position: absolute; top: 0px; left: 50%; width: 50%; height: auto; background-color:#fff}
/*---------- グローバルメニューの指定 ----------*/
#g_navi_back{ display:none;}
/*---------- タイムクロックーの指定 ----------*/
#time_clock{ width:90%; height:auto; padding:0px 5%;}
#timerOlympic{ margin-top:0px !important;}
.yycountdown-box{text-align:center;margin:0px 0 10px;color:#000000;}
#timerOlympic .yycountdown-box .yyc-day{font-size:1.5em;color:#ff0; font-weight:bold;}
#timerOlympic .yycountdown-box .yyc-hou{font-size:1.0em;color:#f90; font-weight:bold;}
#timerOlympic .yycountdown-box .yyc-min{font-size:1.0em;color:#f90; font-weight:bold;}
#timerOlympic .yycountdown-box .yyc-sec{font-size:1.0em;color:#f90; font-weight:bold;}
 
#timerOlympic .yycountdown-box .yyc-day-text,
#timerOlympic .yycountdown-box .yyc-hou-text,
#timerOlympic .yycountdown-box .yyc-min-text,
#timerOlympic .yycountdown-box .yyc-sec-text{font-size:1.0em;}
/*---------- スクロールダウンの指定 ----------*/
#scroll_down{width:100%; margin:45vh auto 0px; height:100px; text-align:center}
#scroll_down a {
	margin:30px auto 0px;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}
#scroll_down a span { margin:10px auto 0px;width: 50px;height: 50px;border: 0px solid #fff;border-radius: 100%;box-sizing: border-box;}
#scroll_down a span::after {position: absolute;top: 30%;left: 48%;content: '';width: 16px;height: 16px;margin: -12px 0 0 -8px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: border-box;}
#scroll_down a span::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 44px;height: 44px;box-shadow: 0 0 0 0 rgba(255,255,255,.1);border-radius: 100%;opacity: 0;-webkit-animation: sdb 3s infinite;animation: sdb 3s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {box-shadow: 0 0 0 60px rgba(255,255,255,.1);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {box-shadow: 0 0 0 60px rgba(255,255,255,.1);opacity: 0;}
	100% {opacity: 0;}
}
/*---------- エフェクトの指定 ----------*/
.effect h2 {
  transition: .8s;
} 
.effect div {
  margin: auto;
  transition: .8s;
  transition-delay: .5s;
}
/*---------- 続きを読むの指定 ----------*/
article {
	margin-top: 10px;
}


.readmore {
        position: relative;
    }

    .readmore:after {
        content: '';
        display: block;
        height: 120px;
        width: 100%;
        position: absolute;
        bottom: 20px;
        background-color: #fff;
        background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
        background-color: transparent;
    }
/*---------- outlineボディーの指定 ----------*/
#outline {width:100%;height:100%;margin:0px auto;}
#container_out{ width:100%; height:auto; background:url(../img/common_img/contener_out.png) repeat-x top; padding-top:30px;}
	#container { width:100%; height:auto; margin:0px auto;}
		#sidebar { display:none;}
			#sidebar_title{ width:98%; height:40px; padding:1%; line-height:40px; color:#00913a; font-weight:bold; font-size:16px; text-indent:70px; 
			background: url(../img/common_img/int_title.png) 20px center no-repeat; background-color:#f8b62d;}
		#main_body { width:98%; height:auto; margin:0px auto; padding:0px 1%;}
			#main_body h1{ width:98%; height:50px; background-color:#00913a; margin:20px auto 10px; padding-left:2%; color:#fff; font-size:16px}
			#main_body h3{ width:98%; height:auto; margin:10px 0% 2px 2%; font-size:21px; color:#000;}
			#main_body p{ width:98%; height:auto; margin:5px 0% 5px 2%;}
			#main_body .abst{ width:auto; line-height:30px; padding:5px; float:right}
			#main_body .fulltext{ width:auto; line-height:30px; padding:5px; float:right}
			#slider{ width:90%; height:auto; margin:0px auto;}
	#section1{ width:100%; height:auto;}
	#section1 h3{width:96%; height:auto; margin:20px auto 10px; padding-left:2%; padding-right:2%; color:#000; font-size:14px; line-height:20px;}
	#section2{ width:100%; height:auto;}
	#section3{ width:100%; height:auto;}
	#section4{ width:100%; height:auto;}
hr{
	margin:10px auto 30px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
#pdf_img{ float:left; width:auto; width:20%;}
#pdf_img img{ width:100% !important}
#description{ float:left; width:75%; margin-left:5%;}
/*---------- footerの指定 ----------*/
footer{ background: url(../img/common_img/footer_back.png) top center repeat-x; height:auto; background-size:cover; position:relative;}
footer a img {border-style:none;filter:alpha(opacity=100); opacity:1.0;}
footer a:hover img{filter:alpha(opacity=80); opacity:0.8;}
footer a {

}
footer a span {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-animation: sdbs 2s infinite;
	animation: sdbs 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
footer a span:nth-of-type(1) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
footer a span:nth-of-type(2) {
	top: 66px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
footer a span:nth-of-type(3) {
	top: 82px;
	-webkit-animation-delay: .0s;
	animation-delay: .0s;
}

@-webkit-keyframes sdbs {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdbs {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
#footer_intop{ width:100%; margin:0px auto;}
#footer_inmid{ width:90%; margin:0px auto; padding:40% 5% 0%;}
	#box3{width:100%; }
	#box3 ul{ margin:0px; list-style-type:disc}
	#box3 ul li{ font-size:14px; color:#fff; line-height:30px;}
	#box3 ul li a{ color:#fff; text-decoration:none; display:block}
	#box3 ul li a:hover{ color:rgba(255,255,255,0.7); text-decoration:none;}
	#box3c{width:100%; }
	#box3c ul{ margin:0px; list-style-type:disc}
	#box3c ul li{ font-size:14px; color:#fff; line-height:30px;}
	#box3c ul li a{ color:#fff; text-decoration:none; display:block}
	#box3c ul li a:hover{ color:rgba(255,255,255,0.7); text-decoration:none;}
#footer_inbtm{width:100%; height:auto; margin:0px auto; color:#fff; text-align:center; font-size:11px; line-height:20px;}

dt{
	color:#006;
	font-weight:bold;
	display:block;
	width:90%;
	height:30px;
	line-height:30px;
	text-align:left;
	cursor:pointer;
	background:url(../img/common_img/id_swich.png) 4% -73px no-repeat;
	background-color:#f0f0f0;
	padding:1% 2% 1% 8%;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	margin-top:15px;
	font-size:0.8rem;
	}
dt h5{line-height:30px; margin:0px; padding:0px;}
dd{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
	line-height:25px;
	text-align:left;
	display:none;
	}
#d_area{
	width:100%;
	height:auto;
	margin-top:10px;
	border-bottom:1px dotted #ccc;
}
#d_no{
	width:100%;
	height:auto;
	line-height:25px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
#d_part{
	width:140px;
	height:auto;
	float:right;
	margin-right:2%;
	text-align:center;
}
#d_ti{
	width:90%;
	height:auto;
	line-height:25px;
	color:#333;
	font-size:16px;
	padding:1% 5%;
	font-weight:bold;
}
#d_mem{
	width:90%;
	height:auto;
	line-height:25px;
	color:#333;
	font-size:13px;
	padding:1% 5%;
}

dt.active{
	background:url(../img/common_img/id_swich.png) 4% 13px no-repeat;
	background-color:#f0f0f0;
	}
}