@charset "UTF-8";

div.common, p.common{

color:#000 !important;
font-size:116%;
}

.left-content h2{
padding:17px 10px 11px 17px;
}


.main_text {
 font-size: 1.2rem;
}

/* ルビサイズ調整 */
/*
rt {
 font-size: 100%;
 zoom: 0.5;
}
@-moz-document url-prefix(){
 rt {
  font-size: 50%;
 }
}
::-webkit-full-page-media, :future, :root rt {
 font-size: 50%;
}
*/

.shoukai {
 background: #64cae3 !important;
}
.kyoushitsu {
 background: #f5567b !important;
}
.kenkyu {
 background: #1c9e39 !important;
}
.kansatsu {
 background: #e66e27 !important;
}
.shitsumon {
 background: #3b5ec4 !important;
}
.linkshu {
 background: #edb724 !important;
}
.annai {
 background: #8936b3 !important;
}

/* 右サイドメニュー */
.kids_title {
 font-size: 1.3rem;
// background: #c2edf9;
 background: #ffb510;
 text-align: center;
 font-weight: bold;
}
div.kids_nav ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;  
}
.kids_title a {
 color: #160d00;
// color: #fff;
// text-decoration: none;
 text-align: center;
 display: block;
 padding: 20px;

}

.var_nav {
 position: relative;
 background: #fff; 
 height: 60px;
 margin-bottom: 5px;
}
.link_bg {
 width: 60px;
 height: 60px;
 position: absolute;
 z-index: 2;
}
.link_title {
 position: absolute;
 width: 100%;
 color: #333333;
 z-index: 3;
}
.var_nav:hover .link_bg {
 width:100%;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;  
}
.var_nav:hover .kyoushitsu {
 background: #f5567b;
}
.var_nav:hover .kenkyu {
 background: #1c9e39;
}
.var_nav:hover .kansatsu {
 background: #e66e27;
}
.var_nav:hover .shitsumon {
 background: #3b5ec4;
}
.var_nav:hover .linkshu {
 background: #edb724;
}
.var_nav:hover .annai {
 background: #8936b3;
}
.var_nav:hover a {
 color: #ffffff;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out; 
 -o-transition: all .5s ease-in-out; 
 -ms-transition: all .5s ease-in-out;
 transition: all .5s ease-in-out;  
}
.icon {
 position: relative;
 top: 15px;
 left: 15px;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out; 
 -o-transition: all .5s ease-in-out; 
 -ms-transition: all .5s ease-in-out;   
 transition: all .5s ease-in-out;   
 float: left;  
}
div.link_title a{
 display: block;
 width: 100%;
 position: absolute;
 float: left;
 color: #333333;
 text-decoration: none;
 height: 60px;
 padding-left: 80px;
}
span.list_tit {
 margin-top: 20px;
 display: block;
}

/* トップへもどる */
.pagetop{
 display: none;
 position: fixed;
 bottom: 10px;
 right: 20px;
 z-index: 5;
}
.pagetop a{
 display: block;
 background: url("/laboratory/carc/kids_joetsu/files/ham_balloon.png") no-repeat center;
 width: 103px;
 height: 199px;
 transition: 1s;
 -webkit-transition: 1s;
}
@media screen and (max-width: 768px) {
 .pagetop a {
  background: url("/laboratory/carc/kids_joetsu/files/ham_balloon_60.png") no-repeat center;
  width: 61px;
  height: 118px;
 }
}
.pagetop a:hover{
 display: block;
 transform: translateY(-10px);
}

/* 記事・ウェブページ */
.pageTitle {
display:flex;
align-items: center;
 background: #64cae3;
 color: #ffffff;
 font-size: 2rem;
 font-weight: bold;
 padding: 13px 20px 12px;
}
.subTitle_kenkyu {
 padding: 0.5em;
 border-bottom-style: none !important;
// background: #e6fcea;
 border-left: solid 5px #1c9e39;
}
.subTitle_kansatsu {
 padding: 0.5em;
 border-bottom-style: none !important;
// background: #fff4ed;
 border-left: solid 5px #e66e27;
}
.flex_box {
 display: flex;
 justify-content: center;
}
.flex_box_space {
 display: flex;
 justify-content: space-around;
}

/* 研究内容の紹介*/
div.kenkyu_list {
 display: flex;
 justify-content: space-around;
 padding-bottom: 10px;
}
a.kenkyu_btn {
 display: block;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
 width: 330px;
 margin: 0 5px;
 padding: 20px;
 border: 2px solid #1c9e39;
 color: #333333;
// font-size: 110%;
}
a.kenkyu_btn:hover {
 color: #ffffff;
 background: #1c9e39;
}

/* イネの観察記録 */
.kansatsu_pager {
 display: flex;
 justify-content: space-around;
 padding: 1em 2em 0;
}
.kansatsu_pager a {
 text-decoration: none;
 color: #e66e27;
 font-size: 110%;
 font-weight: bold;
}
.kansatsu_pager a:hover {
 opacity: 0.6;
}


.pc_box {
 display: block;
}
.sp_box {
 display: none;
}
.pc_flex_box {
 display: flex;
}
.sp_flex_box {
 display: none;
}
@media screen and (max-width: 768px) {
 .flex_box {
  display: block;
 }
 .flex_box_space {
  display: block;
 }
 .pc_box {
  display: none;
 }
 .sp_box {
  display: block;
 }
 .pc_flex_box {
  display: none;
 }
 .sp_flex_box {
  display: flex;
 }
 div.kenkyu_list {
  display: block;
  padding-bottom: 0;
 }
 a.kenkyu_btn {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  margin: 5px;
  padding: 20px;
  border: 2px solid #1c9e39;
  color: #333333;
//  font-size: 110%;
 }

}