/* ===============================================
  ユメセンで使うスタイル
=============================================== */

/*------ ユメセン共通 ------*/

.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {display: block;}
/* End hide from IE-mac */


/* yumesen-header */
.yumesen-header {
	background-color: #f2f9ff;
	will-change: filter;
	width: 100%;
	height: 90px;
  filter: drop-shadow(0px 2px 8px rgba(38, 168, 255, 0.2));
  transition: top 0.4s;
}

.yumesen-header img{
	width: 100%;
}

.yumesen-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.yumesen-header__logo {
	display: block;
	transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  /* width: 93px; */
  /* min-width: 93px; */
	width: calc(100% / 2.5);
  padding-left: 20px;
}

.yumesen-header__logo:hover {
  opacity: 0.5;
}

.yumesen-header__list {
	display: flex;
	justify-content: flex-end;
  height: 50px;
}

.yumesen-header__item {
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: repeat-y;
	background-position: left bottom;
	height: 100%;
  width: calc(100% / 3);
  /* width: 355px; */
  /* min-width: 355px; */
  background-image: linear-gradient(to bottom, #404040 1px, transparent 1px);
  background-size: 1px 3px;
}

.yumesen-header__item:first-child {
	background: none;
}

.yumesen-header__item-inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.yumesen-header__item-inner:hover {
  opacity: 0.5;
}

.yumesen-header__item-faq {
  /* width: 307px; */
	/* min-width: 307px; */
	width: calc(100% /3.6);
}

.yumesen-header.fixed {
	position: fixed;
  top: 0;
	z-index: 100;
}

.yumesen-header.fixed {
	position: fixed;
    top: 110px;
	z-index: 100;
}
.yumesen-header.fixed.is-header-hidden {
    top: 0;
}

@media only screen and (max-width: 768px) {
	.yumesen-header.fixed {
		top: calc(120 * 100vw / 768);
	}
}


#yumesen .wrapbox { width:100%; }
#yumesen .wrapbox:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

#yumesen td {text-align:left;}

#yumesen .topagetop {
	text-align:right;
	width:900px;
	margin-bottom:20px;
}

#yumesen .sttl {
	text-align:left;
	border-bottom:3px solid #bae3f9;
	margin:0 auto 20px;
	padding: 8px 0;
	font-size:22px;
	font-weight:bold;
	color:#444;
	letter-spacing:0.5px;
	width: 100% !important;
}

#yumesen .skyblue {
	color:#25aaff;
	font-weight:bold;
	font-size:14px;
	margin-bottom:2em;
	line-height:1.5;
}

#yumesen .ssttl {
	clear:both;
	font-size:18px;
	font-weight:bold;
	color:#444;
	padding-bottom:5px;
	margin:0 auto 25px;
	border-bottom:1px dotted #666;
}

#yumesen .totop {
	text-align:right;
	margin-bottom:20px;
}

#yumesen .text_big {
	font-size:120%;
}

#yumesen h4 {
	border-bottom: none;
	letter-spacing:0;
}


/*------ ユメセントップページ ------*/

#yumesen .news {
	float:left;
	width:640px;
	padding:20px 0;
	border-top:8px solid #0074c1;
	margin-top:15px;
}

#yumesen .youtube {
	/* float:right;
	width:320px;
	padding:20px 0;
	border-top:8px solid #72c6a0;
	margin-top:15px; */
}

#yumesen .pickup {
	margin-top:20px;
}

#yumesen .youtube h2,
#yumesen .pickup h2,
#yumesen .news h2 {
	color:#344c9d;
	font-size:18px;
	font-family: 'メイリオ', Meiryo,sans-serif;
	/*margin-bottom:23px;*/
	font-weight: bold;
	margin: 0 0 23px 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

#yumesen .pickup img {
	margin:3px 0;
}

#yumesen .block {
	width:210px;
	float:left;
	margin-bottom:20px;
}

#yumesen .block p {
	font-size:13px;
}

#yumesen .block span {
	font-size:14px;
	font-weight:bold;
}

#yumesen .news .scroll_area {
	width:580px;
	height:180px;
	overflow:auto;
	background-color:#f6f6f6;
	padding:0 15px;
	outline:none;
}

#yumesen .news dt {
	float:left;
	padding:10px 0;
	width:100px;
	border-bottom:1px dotted #bdc3c7;
}

#yumesen .news dd {
	float:left;
	padding:10px 0;
	width:450px;
	border-bottom:1px dotted #bdc3c7;
}

#yumesen .others {
	width:906px;
	margin:0px auto 20px;
	padding:15px 25px 20px;
	border:1px solid #25aaff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.7, #fff),to(#e4edf4));
	background: -moz-linear-gradient(top, #fff, #fff 70%, #e4edf4);　/* Firefox用 */  
}

#yumesen .others:after {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

#yumesen .others ul li {
	margin-top:10px;
	padding:0 0 0 20px;
	list-style-type:none;
	background:url("../../../img/top_arrow.gif") no-repeat 0 0.4em;
}

/* ScrollPane スクロールバー */

.jspContainer{
	overflow: hidden;
	position: relative;
}

.jspPane{
	position: absolute;
}

.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap{
	display: none;
}

.jspHorizontalBar .jspCap{
	float: left;
}

.jspTrack{
	background: #dde;
	position: relative;
}

.jspDrag{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}

.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow{
	height: 16px;
}

.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus{
	outline: none;
}

.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}

* html .jspCorner{
	margin: 0 -3px 0 0;
}

/*------ ユメセンaboutページ ------*/

#yumesen .about {
	width:810px;
	margin:0 auto 30px;
}

#yumesen table.gaiyo {
	width:760px;
	margin:0 auto 20px;
}

#yumesen table.gaiyo th, 
#yumesen table.gaiyo td {
	padding:4px 4px;
	vertical-align:top;
}

.fs120 {
	font-size: 120%;
}

.mb-5em {
	margin-bottom: 0.5em;
}

.marginSet1 {
	margin:0.5em 0 2.5em 0;
}

/*------ ユメセン応募ページ ------*/

#yumesen .oubobox {
	width:760px;
	margin:0 auto 30px;
}

#yumesen .oubobox table.gaiyo th{
	text-align:left;
}

#yumesen .oubobox table.gaiyo {
	margin:0 auto 0;
}

#yumesen ol.oubo {
	margin-left:2.5em;
}

#yumesen ol.oubo li{
	list-style-type:decimal;
	margin-bottom:1em;
}

#yumesen ol.oubo li li {
	list-style-type:disc;
	margin-top:0.3em;
	margin-bottom:0;
}

#yumesen .oubo_dl {
	display: inline-block;
	*display: inline;
	text-decoration: none;
	cursor: pointer;
	*zoom: 1;
	border-style: none;
	border-radius: 0.2em;
	padding: 0.6em 2.4em;
	color: #fff;
	background-color:#005ca2;
	border:5px solid #FCD77F;
	font-size: 18px;
}

#yumesen .oubo_dl:hover,
#yumesen .oubo_dl:focus {
	text-decoration: none;
	opacity:0.8;
}

/*------ ユメセン川淵キャプテンページ ------*/

#yumesen .message {
	width:810px;
	margin:0 auto 10px;
}

#yumesen .conversation{
	width:390px;
	line-height:1.7;
	float:left;
}

#yumesen .photoarea {
	width:380px;
	float:right;
}

#yumesen .conversation p {
	margin-bottom:2em;
}

/*------ ユメセン開催校一覧ページ ------*/

#yumesen .mapbox {
	width:100%;
}

#yumesen .list_past,
#yumesen .list_present {
	width:810px;
	margin:0 auto 10px;
	padding-top:20px;
}

#yumesen .list_past ul li,
#yumesen .list_present ul li {
	font-size:14px;
	line-height:1.4;
	margin:0.5em 0 0 10px;
	padding:3px 0 6px 25px;
	list-style-type:none;
	display:block;
	width:360px;
	float:left;
}

#yumesen .list_past ul li {
	background:url("../img/list/flag.gif") no-repeat 0 0;
}

#yumesen .list_present ul li {
	background:url("../img/list/flag2.gif") no-repeat 0 0;
}

/*------ ユメセンfaqページ ------*/

#yumesen .faq {
	width:810px;
	margin:0 auto 10px;
	padding-top:20px;
}

#yumesen .faq dl dt {
	color:#25aaff;
	font-size:14px;
	margin-bottom:0.5em;
	line-height:1.5;
}

#yumesen .faq dl dd {
	margin-bottom:2em;
	line-height:1.5;
}

#yumesen .faq .otoiawase {
	padding-top:20px;
	border-top:1px dotted #ccc;
	margin-bottom:2em;
}

/*------ ユメセン各学校ページ ------*/

#yumesen .schoolname {
	font-size:26px;
	font-weight:bold;
	color:#028ae9;
	letter-spacing:0.5px;
	margin:30px 0 20px;
	padding: 0 0 0 35px;
	line-height:1.4;
	background:url("../img/2013/mark_01.gif") no-repeat 0 0.3em;
}

#yumesen .schoolname span {
	font-size:18px;
}

#yumesen .school_gaiyo,
#yumesen .sensei {
	overflow:auto;
}

#yumesen .sensei dt,
#yumesen .school_gaiyo dt{
	font-weight:bold;
}

#yumesen .school_gaiyo dd{
	margin-bottom:1em;
}

#yumesen .sensei dt {
	margin-bottom:1em;
}

#yumesen .article {
	width:810px;
	margin:0 auto 30px;
}

#yumesen .article:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: '[.]';
}

#yumesen .article p {
	margin-bottom:1em;
}

#yumesen .reportphoto {
	padding-right:2px;
}

#yumesen .reportphoto_2 {
	padding-right:25px;
}

/*------ slider ------*/

#yumesen .slider {
float:left;
width:960px;
height:356px;
position:relative;
padding-bottom:26px;
background:url(../img/2014/slider/bottom_shadow.png) no-repeat bottom center;
_padding-bottom:0;
_margin-bottom:0;
}

#yumesen .sliderContent {
float:left;
width:960px;
height:356px;
clear:both;
position:relative;
overflow:hidden;
}

#yumesen .sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../img/2014/slider/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

#yumesen .prev {
background-position:0 0;
left:15px;
}

#yumesen .prev:hover {
background-position:0 -44px;
}

#yumesen .next {
right:15px;
background-position:-44px 0;
}

#yumesen .next:hover {
background-position:-44px -44px;
}

#yumesen .sliderContent .item {
position:absolute;
width:960px;
height:356px;
background:#fff;
}

#yumesen .sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

#yumesen .sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../img/2014/slider/bullets.png) no-repeat;
}

#yumesen .sliderBullets .active {
background-position:0 -18px;
}

#yumesen .sliderContent a {
outline:none;
}


/*------ ユメセン　活動レポートページ（共通） ------*/

#yumesen .report2014_tit,
#yumesen .report_tit {
	padding:60px 0px 0px 41px;
}
#yumesen .report2014_lead,
#yumesen .report_lead {
	font-size:14px;
	line-height:1.5;
	padding:30px 0px 15px 150px;
}

#yumesen .report2014_txt,
#yumesen .report_txt {
	padding:15px 110px 0px 110px;
}
#yumesen .ml90 {
	margin:0px 0px 0px 90px;
}
#yumesen .ml40 {
	margin:0px 0px 0px 40px;
}

#yumesen .kansou2014_waku,
#yumesen .kansou_waku {
	width:860px;
	margin:0 auto 60px;
	background:url(../img/2014/01/bg02.gif) repeat-y;
}
#yumesen .kansou2014_box,
#yumesen .kansou_box {
	width:740px;
	padding:15px 0px 15px 60px;
}
#yumesen .student_tit {
	font-weight:bold;
	margin:25px 0px 10px 0px;
}
#yumesen .student_a1 {
	background:url(../img/2014/01/a1.gif) no-repeat;
	padding:0 0 5px 40px;
}
#yumesen .student_a2 {
	background:url(../img/2014/01/a2.gif) no-repeat;
	padding:0 0 5px 40px;
}
#yumesen .teacher_box {
	width:700px;
	padding:20px;
	background-color:#EDE9D7;	
	margin:10px 0px 0px 0px;
}
#yumesen .teacher_tit {
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

/*------ ユメセン2014　第1回レポートページ ------*/

#yumesen .report2014_box {
	width:965px;
	margin:0 auto 40px;
	background:url(../img/2014/01/bg01.jpg) no-repeat;
}

#yumesen .report2014_catch {
	background:url(../img/2014/01/arrow.gif) no-repeat;
	color:#0189E9;
	font-weight:bold;
	font-size:15px;
	line-height:1.5;
	margin:20px 110px 0px 90px;
	padding:18px 0px 0px 20px;
}

/*------ ユメセン2014　第2回レポートページ ------*/

#yumesen .report2014_02_box {
	width:960px;
	margin:0 auto 40px;
	background:url(../img/2014/02/bg01.jpg) no-repeat;
}

#yumesen .report2014_02_box .report2014_catch {
	background:url(../img/2014/02/arrow.gif) no-repeat;
	margin:20px 100px 0px 90px;
}

/*------ ユメセン2014　第3回レポートページ ------*/

#yumesen .report2014_03_box {
	width:960px;
	margin:0 auto 40px;
	background:url(../img/2014/03/bg01.jpg) no-repeat;
}

#yumesen .report2014_03_box .report2014_catch {
	background:url(../img/2014/03/arrow.gif) no-repeat;
	margin:20px 100px 0px 90px;
	padding:18px 0px 0px 20px;
}

/*------ ユメセン2014　第4回レポートページ ------*/

#yumesen .report2014_04_box {
	width:960px;
	margin:0 auto 40px;
	background:url(../img/2014/04/bg01.jpg) no-repeat;
}

#yumesen .report2014_04_box .report2014_catch {
	background:url(../img/2014/04/arrow.gif) no-repeat;
	margin:20px 90px 0px 90px;
	padding:18px 0px 0px 20px;
}

/*------ ユメセン2014　第5回レポートページ ------*/

#yumesen .report2014_05_box {
	width:960px;
	margin:0 auto 40px;
	background:url(../img/2014/05/bg01.jpg) no-repeat;
}

#yumesen .report2014_05_box .report2014_catch {
	background:url(../img/2014/05/arrow.gif) no-repeat;
	margin:20px 90px 0px 90px;
	padding:18px 0px 0px 20px;
}

/*------ ユメセン2014　第6回レポートページ ------*/

#yumesen .report2014_06_box {
	width:960px;
	margin:0 auto 40px;
	background:url(../img/2014/06/bg01.jpg) no-repeat;
}

#yumesen .report2014_06_box .report2014_catch {
	background:url(../img/2014/06/arrow.gif) no-repeat;
	margin:20px 90px 0px 90px;
	padding:18px 0px 0px 20px;
}

/*------ ユメセン2014　第7回レポートページ ------*/

#yumesen .report2014_07_box {
	width:960px;
	margin:0 auto 40px;
	background:url(../img/2014/07/bg01.jpg) no-repeat;
}

#yumesen .report2014_07_box .report2014_catch {
	background:url(../img/2014/07/arrow.gif) no-repeat;
	margin:20px 90px 0px 90px;
	padding:18px 0px 0px 20px;
}


.mb1em {
	margin-bottom: 1em;
}

.twoBtn a:first-child img {
	margin-right: 20px;
}

.pl320 {
	padding-left: 320px;
}

.wd250 {
	width: 250px;
}

.wd300 {
	width: 300px;
}

.wd320 {
	width: 320px;
}

.wd280 {
	width: 280px;
}