@charset "utf-8";

/* ============================================================
	研究所共通
	============================================================ */

/**
 * ページ全体に関わる要素のみ記載
 */

html, body {
	/* height: 100%; */
	padding: 0;
	margin: 0;
	color: #000000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
body {
	height : inherit;
}

/* Font
	============================================================ */
@media screen and (min-width: 751px) {
	body {
		-webkit-text-size-adjust: 100%;
		font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", sans-serif;
		font-size: 12.5px;
	}
}
@media screen and (max-width: 750px) {
	body {
		-webkit-text-size-adjust: none;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Verdana", sans-serif;
	}
}


/* bulma generic.sassの色指定を相殺 */
strong, em {
	color : inherit !important;
}

a {
	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	text-decoration: none;
}
a:hover {
	opacity: 0.6;
}
img {
	border: none;
}
ul, ol {
	list-style-type: none;
}


/* 汎用属性
	============================================================ */
@media screen and (max-width: 750px) {
	.s90 img{max-width:90%;}
	.s80 img{max-width:80%;}
	.s70 img{max-width:70%;}
	.s60 img{max-width:60%;}
	.s50 img{max-width:50%;}
	.s40 img{max-width:40%;}
	.s30 img{max-width:30%;}
	.s20 img{max-width:20%;}
	.s10 img{max-width:10%;}
}
@media screen and (min-width: 751px) {
	.w1000 img{max-width:1000px;}
	.w800 img{max-width:800px;}
	.w790 img{max-width:790px;}
	.w780 img{max-width:780px;}
	.w770 img{max-width:770px;}
	.w760 img{max-width:760px;}
	.w750 img{max-width:750px;}
	.w740 img{max-width:740px;}
	.w730 img{max-width:730px;}
	.w720 img{max-width:720px;}
	.w710 img{max-width:710px;}
	.w700 img{max-width:700px;}
	.w690 img{max-width:690px;}
	.w680 img{max-width:680px;}
	.w670 img{max-width:670px;}
	.w660 img{max-width:660px;}
	.w650 img{max-width:650px;}
	.w640 img{max-width:640px;}
	.w630 img{max-width:630px;}
	.w620 img{max-width:620px;}
	.w610 img{max-width:610px;}
	.w600 img{max-width:600px;}
	.w590 img{max-width:590px;}
	.w580 img{max-width:580px;}
	.w570 img{max-width:570px;}
	.w560 img{max-width:560px;}
	.w550 img{max-width:550px;}
	.w540 img{max-width:540px;}
	.w530 img{max-width:530px;}
	.w520 img{max-width:520px;}
	.w510 img{max-width:510px;}
	.w500 img{max-width:500px;}
	.w490 img{max-width:490px;}
	.w480 img{max-width:480px;}
	.w470 img{max-width:470px;}
	.w460 img{max-width:460px;}
	.w450 img{max-width:450px;}
	.w440 img{max-width:440px;}
	.w430 img{max-width:430px;}
	.w420 img{max-width:420px;}
	.w410 img{max-width:410px;}
	.w400 img{max-width:400px;}
	.w390 img{max-width:390px;}
	.w380 img{max-width:380px;}
	.w370 img{max-width:370px;}
	.w360 img{max-width:360px;}
	.w350 img{max-width:350px;}
	.w340 img{max-width:340px;}
	.w330 img{max-width:330px;}
	.w320 img{max-width:320px;}
	.w310 img{max-width:310px;}
	.w300 img{max-width:300px;}
	.w290 img{max-width:290px;}
	.w280 img{max-width:280px;}
	.w270 img{max-width:270px;}
	.w260 img{max-width:260px;}
	.w250 img{max-width:250px;}
	.w240 img{max-width:240px;}
	.w230 img{max-width:230px;}
	.w220 img{max-width:220px;}
	.w210 img{max-width:210px;}
	.w200 img{max-width:200px;}
	.w190 img{max-width:190px;}
	.w180 img{max-width:180px;}
	.w170 img{max-width:170px;}
	.w160 img{max-width:160px;}
	.w150 img{max-width:150px;}
	.w140 img{max-width:140px;}
	.w130 img{max-width:130px;}
	.w120 img{max-width:120px;}
	.w110 img{max-width:110px;}
	.w100 img{max-width:100px;}
	.w50 img{max-width:50px;}
}
.ml0 {margin-left: 0 !important;}
.ml01 {margin-left: 1px !important;}
.ml05 {margin-left: 5px !important;}
.ml08 {margin-left: 8px !important;}
.ml13 {margin-left: 13px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml24 {margin-left: 24px !important;}
.ml25 {margin-left: 25px !important;}
.ml32 {margin-left: 32px !important;}
.ml40 {margin-left: 40px !important;}
.ml53 {margin-left: 53px !important;}
.ml80 {margin-left: 80px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px !important;}
.mr20 {margin-right: 20px;}
.mt01 {margin-top: 1px !important;}
.mt05 {margin-top: 5px !important;}

/* ラッパー
	============================================================ */
#wrapper {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 100%;
	position: relative;
	overflow-x:hidden;
}
@media screen and (min-width: 751px) {
	#wrapper {
		min-width: 1000px;
	}
}

/* ラッパー２（ラッパーの内側にある）
	============================================================ */
#wrapper2 {
  position : relative;
  max-width : 1000px;
}

/* TOPへ戻るボタン
	============================================================ */
@media screen and (min-width: 751px) {
	#gotop {
		display: none !important;
	}
}
@media screen and (max-width: 750px) {
	#gotop {
		margin: 0;
		padding: 10px 15px;
	}
	#gotop:after {
		content: "";
		display: block;
		clear: both;
	}
	#gotop a {
		display: block;
		float: right;
		width: 37px;
		height: 0;
		padding-top: 37px;
		overflow: hidden;
		background: url(/lab/common/img//gotop.gif) no-repeat center center;
		background-size: 100%;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
}

/* 行き場のない汎用っぽいもの
	============================================================ */
@media screen and (max-width: 750px) {
	.date {
		font-size: 12px;
		border-width: 2px;
	}
}