@charset "UTF-8";
#wrapper {
	background-image: none;
}
@media (max-width:750px){ 
	#content .inner {
		padding: 0; 
	}
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
おいしい研究
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.studies {
	background-color: #8E9093 !important;
}
.studies #content {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
}
.studies #main {
	width: 1000px;
	height: 800px;
	position: relative;
	background: no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.studies #main.white { color: #fff; }
.studies #main .mttl {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 40px;
	text-align: center;
}
.studies #main .mttl.novol {
	padding-bottom: 115px;
}
.studies #main .mttl .vol {
	width: 115px;
	height: 115px;
	margin: 0 auto;
	padding-top: 44px;
	border: 1px solid #000;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	filter: drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 3px rgba(255,255,255,1));
}
.studies #main.white .mttl .vol {
	border-color: #fff;
	filter: drop-shadow(0 0 3px rgba(0,0,0,1)) drop-shadow(0 0 3px rgba(0,0,0,1));
}
.studies #main .mttl .vol > * {
	vertical-align: bottom;
}
.studies #main .mttl .vol span {
	width: 12px;
	height: 0;
	overflow: hidden;
	padding-top: 24px;
	margin: 0 2px;
	display: inline-block;
	background: url(../images/studies/num.png) no-repeat 0 0;
	background-size: 12px auto;
	-moz-background-size: 12px auto;
	-webkit-background-size: 12px auto;
}
.studies #main.white .mttl .vol span {
	background-image: url(../images/studies/num_w.png);
}
.studies #main .mttl span.num1 {
	width: 5px;
	background-position: center 0;
}
.studies #main .mttl span.num2 {
	background-position: center 11.1111%;
}
.studies #main .mttl span.num3 {
	background-position: center 22.2222%;
}
.studies #main .mttl span.num4 {
	background-position: center 33.3333%;
}
.studies #main .mttl span.num5 {
	background-position: center 44.4444%;
}
.studies #main .mttl span.num6 {
	background-position: center 55.5555%;
}
.studies #main .mttl span.num7 {
	background-position: center 66.6666%;
}
.studies #main .mttl span.num8 {
	background-position: center 77.7777%;
}
.studies #main .mttl span.num9 {
	background-position: center 88.8888%;
}
.studies #main .mttl span.num0 {
	background-position: center 99.9999%;
}
.studies #main h1 {
	font-size: 23px;
	margin-bottom: 15px;
	display: inline-block;
	border-bottom: 9px solid #000;
	text-shadow: 0 0 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1);
}
.studies #main.white h1 {
	border-color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
}
.studies h2 {
	font-size: 60px;
	margin-bottom: 10px;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(255,255,255,1);
}
.studies .white h2 {
	text-shadow: 0 0 10px rgba(0,0,0,1);
}


.studies #scholar {
	width: 860px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
	min-height: 300px;
}
.studies #scholar .photo {
	width: 300px;
	float: left;
	margin-right: 40px;
}
.studies #scholar .photo img {
  border-radius: 50%;
  width: 300px;
}
.studies #scholar .plof {
	float: left;
	width: 520px;
	line-height: 30px;
}
.studies #scholar .plof .name {
	font-size: 22px;
	color: #4F5C9A;
	margin: 20px 0;
	font-weight: bold;
}
.studies #scholar .plof .txt {
	padding-bottom: 20px;
	border-bottom: 1px solid #4F5C9A;
}
.studies #scholar .plof .txt a {
	text-decoration: underline;
}
.studies #scholar .plof .ads {
	color: #4F5C9A;
	margin-top: 20px;
}
.studies #scholar .plof .ads a {
	color: #4F5C9A;
	text-decoration: underline;
}


.studies #content .inner {
	padding: 0;
}
.studies .studies-box {
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.studies .studies-box .ibox .simg {
	line-height: 0;
}
.studies .studies-box .ibox .stxt {
	padding: 40px 50px 50px;
}
.studies .studies-box .ibox h3 {
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #4F5C9A;
}
.studies .studies-box .ibox p {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: -0.02em;
}
.studies .studies-box .ibox .stxt p + p {
	margin-top: 32px;
}
.studies .studies-box .ibox .stxt a {
	text-decoration: underline;
}

.ranking .titleBox {
	color: #4F5C9A;
}

@media (max-width:750px){
	
   .studies {
	background-color: #FFF;
   }
   .studies #content {
	width: 100%;
   }
   .studies #main {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/studies/main_sp.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 400px;
	position: relative;
   }
   .studies #main .mttl {
	bottom: 20px;
   }
   .studies #main h1 {
	font-size: 19px;
	border-bottom: 6px solid #000;
   }
   .studies h2 {
	font-size: 33px;
	margin-bottom: 10px;
   }


   .studies #scholar {
	width: 90%;
	margin: 30px 20px;
   }
   .studies #scholar .photo {
	width: 260px;
	float: none;
	margin: 0 auto;
   }
   .studies #scholar .photo img {
  width: 260px;
   }
   .studies #scholar .plof {
	float: none;
	width: 100%;
	line-height: 30px;
   }
	.studies #scholar .plof .name {
	font-size: 20px;
	}
   .studies .studies-box {
	padding-bottom: 20px;
	margin-bottom: 30px;
   }
   .studies .studies-box img {
	width: 100%;
   }
   .studies .studies-box .ibox .stxt {
	padding: 20px 10px;
   }
   .studies .studies-box .ibox h3 {
	font-size: 20px;
   }
   .studies .studies-box .ibox h3 {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: left;
   }
	
}