@charset "UTF-8";

/*==========================================
リセット
============================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/*==========================================
共通
============================================*/
.mb05{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb50{margin-bottom:50px!important}
.mb70{margin-bottom:70px!important}
.mb130{margin-bottom:130px!important}
.mb1em{margin-bottom:1em!important}
.w280{width:280px!important}

body{
background:#fff;
margin:0;
padding:0;
font: 13px/1.231 "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸?????M-PRO","HGMaruGothicMPRO";
color:#404040;
}
.logo {
float: left;
}
nav {
float: right;
max-width: 768px;
padding-top: 33px;
}
.gnav {
text-align: left;
list-style-type: none;

}
.gnav li {
display: inline-block;
position: relative;
border: none;
height:30px;
margin: 0 8px 0 0;
}
.gnav li a {
color: #404040;
text-decoration: none;
margin-right: 8px;
margin-left: 8px;
padding-bottom: 8px;
display: inline-block;

}
.gnav li a:after {
content: '';
width: 0;
transition: all 0.3s ease;
border-bottom: 2px solid #fac779;
display: block;
position: relative;
top:15px;
}
.gnav li a:hover:after {
width: 100%;
border-bottom: 2px solid #f6af41;
}
.gnav li ul.menu_sec a {
display: block;
text-align: left;
color: #fff;
background: #f6af41;
transition: 0.5s;
width: 150px;
margin: 0;
padding: 7px;
box-sizing: border-box;
}
.gnav li ul.menu_sec a:hover {
color: #fff;
background: #fac779;
}
.gnav li ul {
position: absolute;
top: 30px;
left: 0;
text-align: left;
}
.gnav li ul li {
overflow: hidden;
height: 0;
transition: 0.2s;
}
.gnav li ul li a {
border-top: 1px solid #fff;
}
.gnav li ul li a:after {
top:5px;
transition: all 0.3s ease;
border-bottom: 2px solid #fac779;
}
.gnav li:hover > ul > li {
overflow: visible;
height: inherit;
}

.gnav li ul li ul:before {
position: absolute;
content: "";
top: 15px;
left: 30px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}

.content {
width: 750px;
height: 200px;
background: #eee;
margin: 0 auto;
padding: 10px;
text-align: left;
box-sizing: border-box;
}



.pure-container{
display:none;
}
@media screen and (max-width: 1024px){
nav.pc {
float: inherit;
}
}
@media screen and (max-width: 1024px){
	
.headfb {
	display:none;
}

.pure-container{
display:inline;
}
.pure-toggle-label[data-toggle-label='left'] {
background: #fff;
}
.pure-toggle-label{
top:10px;
border: none;
}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
background: #1ab2a5;
}
.pure-toggle-label:hover .pure-toggle-icon,.pure-toggle-label:hover .pure-toggle-icon:before,.pure-toggle-label:hover .pure-toggle-icon:after{
background-color:#92c042;
}
.pure-drawer{
background-color: #faf8f5;
}
.pure-drawer #sp_content{
margin-top: 60px;
padding-left: 20px;
box-sizing: border-box;
}
h1.logo{
width: 75%;
margin-left: 25px;
}
h1.logo img{

}
nav.pc {
display:none;
}

#sp_content a{
text-decoration: none;
}
#sp_content .detail{
background: #faf8f5;
margin-bottom: 2px;
padding: 10px;
border-bottom: #f3f0ec solid 1px;
box-sizing: border-box;
width: 95%;
}
#sp_content .detail .tit01,
#sp_content .detail .tit02,
#sp_content .detail .tit03,
#sp_content .detail .tit04,
#sp_content .detail .tit05,
#sp_content .detail .tit06,
#sp_content .detail .tit07{
font-weight: bold;
margin-bottom:5px
}
#sp_content .detail .tit01{
color:#1ab2a5;
}
#sp_content .detail .tit01 span{
background: linear-gradient(transparent 90%, #1ab2a5 0%); 
}
#sp_content .detail .tit02{
color:#e44e60;
}
#sp_content .detail .tit02 span{
background: linear-gradient(transparent 90%, #e44e60 0%); 
}
#sp_content .detail .tit03{
color:#28a7e1;
}
#sp_content .detail .tit03 span{
background: linear-gradient(transparent 90%, #28a7e1 0%); 
}
#sp_content .detail .tit04{
color:#f39800;
}
#sp_content .detail .tit04 span{
background: linear-gradient(transparent 90%, #fc9fb4 0%); 
}
#sp_content .detail .tit05{
color:#69b5dc;
}
#sp_content .detail .tit05 span{
background: linear-gradient(transparent 90%, #69b5dc 0%); 
}
#sp_content .detail .tit06{
color:#ecd926;
}
#sp_content .detail .tit06 span{
background: linear-gradient(transparent 90%, #f4c461 0%); 
}
#sp_content .detail .tit07{
color:#1ab2a5;
}
#sp_content .detail .tit07 span{
background: linear-gradient(transparent 90%, #1ab2a5 0%); 
}

#sp_content .detail ul{
}
#sp_content .detail ul li{
line-height:2;
}
#sp_content .detail ul li a{
color:#303030;
}
}






/*--------------------------------------------- headersection */
#headersection{
height:115px;
}


@media screen and (max-width: 768px){

h1.logo {
width: 50%;
margin-left: 10px;
margin-top:-15px;
}
h1.logo img {
	max-width:294px;
}

#headersection {
    height: 100px;
}

}


@media screen and (max-width: 480px){

h1.logo {
width: 50%;
margin-left: 10px;
margin-top:-4px;
}
h1.logo img {
	width:100%;
}

#headersection {
    height: 85px;
}

}





#headersection .container{
padding:25px 0 0;
max-width: 1109px;
margin:0 auto;
}
.head_area{
background:#f3f0ec;
width:100%;
height:114px;
padding:45px 0 0;
box-sizing: border-box;
}
.head_area h1{
max-width: 1109px;
margin: 0 auto;
font-size:108%;
color:#303030;
}
.head_area .tit_area{
position: relative;
left: 0;
top: 20px;
max-width: 1109px;
margin: 0 auto;
}
.head_area h2{
display: inline-block;
padding:12px;
margin: 0 auto;
background:#fff;
font-size:36px;
font-weight: bold;
color:#1ab2a5;
position: relative;
border: #404040 solid 2px;

	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

@media screen and (max-width: 1053px){
#headersection .container{
padding:25px 10px 0;
box-sizing: border-box;
width: 100%;
}
.head_area{
padding:45px 10px 0;
}
.head_area h2{
font-size:26px;
}
}
/*--------------------------------------------- pnkz */
#pnkz{
max-width: 1109px;
margin:59px auto 109px;
font-size:77%;
}
#pnkz ul{
}
#pnkz ul li{
display:inline;
}
#pnkz ul li:after{
content: '>';
padding: 0 3px;
}
#pnkz ul li:last-child:after{
content: '';
}
#pnkz ul li a{
text-decoration: none;
color:#404040;
}

@media screen and (max-width: 767px){
#pnkz{
padding: 0 10px;
box-sizing: border-box;
width: 100%;
}
#pnkz ul{
display: none;
}
}

/*--------------------------------------------- main_content */
#main_content{
max-width: 1109px;
margin: 0 auto 180px;
clear: both;
overflow: hidden;
}
#main_content h3,
#main_content h4{
padding-left:34px;
position: relative;
}
#main_content h3::before,
#main_content h4::before{
background:url(https://www.shinshu-u.ac.jp/project/livinglab/images/2019-02-21-1.png) no-repeat left center;
content:"";
width:26px;
height:23px;
position: absolute;
top: 3px;
left:0;
}
#main_content h3,
#main_content h4,
#main_content h5,
#main_content h6{
color:#1ab2a5;
}
#main_content h3{
font-size:24px;
margin-bottom:25px;
}
#main_content h4{
font-size:22px;
margin-bottom:1em;
}
#main_content h5{
font-size:20px;
margin-bottom:10px;
clear: both;
}
#main_content h6{
font-size:18px;
margin-bottom:1em;
}


@media screen and (max-width: 1053px){
#main_content{
max-width: 100%;
margin: 0 auto 30px;
padding: 0 10px;
box-sizing: border-box;
}
}


/*--------------------------------------------- main_content l_content */
#main_content #l_content{
max-width:840px;
width:73%;
margin-right:4%;
float: left;
}
#main_content #l_content p{
margin-bottom: 2em;
line-height: 1.5;
font-size:124%;
}
#main_content #l_content p.l_pic{
float: left;
margin-right: 2em;
}
#main_content #l_content a{
text-decoration: none;
color:#404040;
}
#main_content #l_content a:hover{
text-decoration: underline;
color:#f6af41;
}
#main_content #l_content p.center{
text-align: center;
}
#main_content #l_content p.link_btn01{
border:#f6af41 solid 2px;
background:#fff;
font-weight:bold;
font-size:108%;
width:210px;
box-sizing: border-box;
}
#main_content #l_content p.link_btn01 a{
display: block;
padding:14px 40px 14px 20px;
color:#f6af41;
text-decoration: none;
position: relative;
}
#main_content #l_content p.link_btn01 a::after{
content: "";
background:url(/project/livinglab/img/btn_icon01.png) no-repeat left center;
width:11px;
height:11px;
position: absolute;
top: -webkit-calc(50% - 6px);
top: calc(50% - 6px);
right: 19px;
}
#main_content #l_content p.link_btn01:hover{
background:#f6af41;
}
#main_content #l_content p.link_btn01:hover a{
color:#ffffff;
}
#main_content #l_content p.link_btn01:hover a::after{
background:url(/project/livinglab/img/btn_icon01o.png) no-repeat left center;
}
#main_content #l_content .t_schedule{
font-size:124%;
}
#main_content #l_content .t_schedule table{
border-top:#9a9a9a solid 2px;
padding:0;
box-sizing: border-box;
width: 100%;
}
#main_content #l_content .t_schedule table tr{
border-bottom:#9a9a9a solid 2px;
}
#main_content #l_content .t_schedule table td{
vertical-align: middle;
padding:15px 0 15px;
box-sizing: border-box;
}
#main_content #l_content .t_schedule table td.no{
width:14%;
padding-left:10px;
font-weight: bold;
text-align: center;
}
#main_content #l_content .t_schedule table td.day{
width:19%;
font-weight: bold;
text-align: center;
}
#main_content #l_content .t_schedule table td.detail{
width:45%;
}
#main_content #l_content .t_schedule table td.detail h7{
font-weight: bold;
}
#main_content #l_content .t_schedule table td.detail ul{
margin-left: 2em;
}
#main_content #l_content .t_schedule table td.detail ul li{
list-style: disc;
line-height: 1.5;
}
#main_content #l_content .t_schedule table td.link_btn{
width:22%;
font-size: 82%;
}
#main_content #l_content .t_schedule table td.link_btn p{
margin: 0;
}
#main_content #l_content .t_schedule table td.link_btn .link_btn01 a{
padding: 7px 30px 7px 20px;
}

@media screen and (max-width: 1053px){
#main_content #l_content{
max-width:100%;
width:100%;
margin:0 auto 30px;
float: inherit;
}
#main_content #l_content p.l_pic{
float: inherit;
margin-right: 0;
}
#main_content #l_content p img{
max-width:100%;
width:100%;
}
#main_content #l_content .t_schedule table td.no{
width:25%;
text-align: left;
display: inline-block;
padding-bottom:5px;
}
#main_content #l_content .t_schedule table td.day{
width:75%;
text-align: left;
display: inline-block;
padding-bottom:5px;
}
#main_content #l_content .t_schedule table td.detail,
#main_content #l_content .t_schedule table td.link_btn{
display:block;
width:100%;
text-align: left;
padding-top:0;
}
#main_content #l_content .t_schedule table td.detail{
text-align: left;
}
#main_content #l_content .t_schedule table td.link_btn{
text-align: center;
}
#main_content #l_content .t_schedule table td.link_btn p{
margin:0 auto;
}
#main_content #l_content .t_schedule table td.day .brpc{
display: none;
}
}


/*--------------------------------------------- main_content r_content */
#main_content #r_content{
max-width:230px;
width:23%;
font-size:108%;
float: right;
}
#main_content #r_content a{
text-decoration: none;
}
#main_content #r_content .detail{
background:#faf8f5;
margin-bottom:2px;
padding:15px;
box-sizing: border-box;
}
#main_content #r_content .detail .tit01,
#main_content #r_content .detail .tit02,
#main_content #r_content .detail .tit03,
#main_content #r_content .detail .tit04,
#main_content #r_content .detail .tit05,
#main_content #r_content .detail .tit06,
#main_content #r_content .detail .tit07{
font-weight: bold;
margin-bottom:5px
}
#main_content #r_content .detail .tit01{
color:#1ab2a5;
}
#main_content #r_content .detail .tit01 span{
background: linear-gradient(transparent 90%, #1ab2a5 0%); 
}
#main_content #r_content .detail .tit02{
color:#e44e60;
}
#main_content #r_content .detail .tit02 span{
background: linear-gradient(transparent 90%, #e44e60 0%); 
}
#main_content #r_content .detail .tit03{
color:#28a7e1;
}
#main_content #r_content .detail .tit03 span{
background: linear-gradient(transparent 90%, #28a7e1 0%); 
}
#main_content #r_content .detail .tit04{
color:#f39800;
}
#main_content #r_content .detail .tit04 span{
background: linear-gradient(transparent 90%, #fc9fb4 0%); 
}
#main_content #r_content .detail .tit05{
color:#69b5dc;
}
#main_content #r_content .detail .tit05 span{
background: linear-gradient(transparent 90%, #69b5dc 0%); 
}
#main_content #r_content .detail .tit06{
color:#ecd926;
}
#main_content #r_content .detail .tit06 span{
background: linear-gradient(transparent 90%, #f4c461 0%); 
}
#main_content #r_content .detail .tit07{
color:#1ab2a5;
}
#main_content #r_content .detail .tit07 span{
background: linear-gradient(transparent 90%, #1ab2a5 0%); 
}

#main_content #r_content .detail ul{
}
#main_content #r_content .detail ul li{
line-height:2;
}
#main_content #r_content .detail ul li a{
color:#303030;
}

@media screen and (max-width: 1053px){
#main_content #r_content{
max-width:100%;
width:100%;
float: inherit;
}
}

/*--------------------------------------------- main_content pagebute */
.pagebute_area{
}
.pagebute_area span.current_page{
border: #1ab2a5 solid 1px;
padding: 5px 10px;
margin-right:10px;
background: #1ab2a5;
color:#fff!important;
display: inline-block;
}
.pagebute_area span,
.pagebute_area a.link_page{
border: #1ab2a5 solid 1px;
padding: 5px 10px;
margin-right:10px;
display: inline-block;
}

/*--------------------------------------------- footer */
#footer{
overflow: hidden;
clear: both;
background-color: #f3f0ec;
padding:0px 0 53px;
}
#footer .container{
max-width: 1109px;
margin: 0 auto;
}
#footer p {
font-size: 108%;
line-height: 1.5;
margin-bottom:1em;
}
#footer .footer_logo{
display: block;
margin-bottom:20px;
}
#footer ul li{
font-size: 108%;
font-weight: bold;
line-height: 1.6;
padding-left:20px;
position: relative;
}
#footer ul li::before{
content: "";
background:url(/project/livinglab/img/list_icon01.png) no-repeat left center;
width:12px;
height:13px;
position: absolute;
top: 4px;
left:0;
}
#footer ul li a{
color:#404040;
text-decoration: none;
}
#footer .double div.inner{
padding-top:0;
text-align: left;
float: left;
width: 50%;
padding-top: 70px;
}
@media screen and (max-width: 767px){
#footer{
padding: 47px 10px 35px;
box-sizing: border-box;
}
#footer .container{
width: 100%;
}
#footer .double div.inner{
float: inherit;
width: 100%;
}
#footer p.copy {
margin-top:10px;
}
}


/*==========================================
個別ページ
============================================*/
/*--------------------------------------------- ニュース */
#news_list{
}
#news_list ul{
}
#news_list ul li{
border-bottom:#9a9a9a solid 2px;
margin-bottom:48px;
padding-bottom:45px;
clear: both;
overflow: hidden;
}
#news_list .pic-r{
float: right;
width: 30%;
}
#news_list .pic-r img,
#news_list .sp-pic-r img{
width:100%;
max-width:240px;
}
#news_list .sp-pic-r{
display:none;
}
#news_list .pic img{
max-width:100%;
}
#news_list .txt_area01{
width: 100%;
}
#news_list .txt_area02{
float: left;
width: 68%;
padding-right: 2%;
}

#news_list .day{
border-top:#e4e4e4 solid 2px;
border-left:#e4e4e4 solid 1px;
border-right:#e4e4e4 solid 1px;
border-bottom:#e4e4e4 solid 1px;
display: inline-block;
margin-right:13px;
margin-bottom:1.5em;
float: left;
}
#news_list .day span{
padding:5px 10px;
display: inline-block;
}
#news_list .day span.nen{
background:#e4e4e4;
}
#news_list .cat{
float: left;
}
#news_list .cat span{
padding:5px 10px;
display: inline-block;
margin-right:5px;
background:#92c042;
color:#ffffff;
}
#news_list .cat span a{
color:#ffffff!important;
}
#news_list .list_btn01{
border:#1ab2a5 solid 2px;
font-size:93%;
width:100px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#news_list .list_btn01 a{
display:block;
position: relative;
padding:10px;
background:#1ab2a5;
color:#fff!important;
}
#news_list .list_btn01 a::before{
content: '';
width: 14px;
height: 14px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
right: 10px;
margin-top: -7px;
}
#news_list .list_btn01 a::after{
content: '';
width: 5px;
height: 5px;
border: 0px;
border-top: solid 2px #1ab2a5;
border-right: solid 2px #1ab2a5;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
}
#news_list .list_btn01 a:hover{
background:#fff;
text-decoration: none;
color:#1ab2a5!important;
}

@media screen and (max-width: 767px){
#news_list .txt_area02{
float: inherit;
width: 100%;
padding-right: 0;
}
#news_list .cat{
margin-bottom:10px;
}
#news_list .pic-r{
display:none;
}
#news_list .sp-pic-r{
display:block;
}
}