@charset "utf-8";

/* --------------------------------------------------------------

EVENT

----------------------------------------------------------------- */

/* contents
---------------------------------------------------- */
#contents{
	margin-bottom: 40px;
}


/* event_info
---------------------------------------------------- */


#event #event_info {
	margin:0px 1%;
}


#event #event_info h4 {
	text-align:center;
	padding: 2px 8px;
	color:#FFF;
	font-size:116%;
	background:#1A88B9; 
	width:105px;
}


#event #event_info h5 {
	margin:15px 0px 3px;
	padding: 5px 0px 5px 25px;
	color:#FFF;
	font-size:138.5%;
	background:#1A88B9 url(../event/img/h5_b.jpg) no-repeat 10px center;
	font-weight:normal;
}


#event #event_info h5 span{
	margin:0px 0px 0px 8px;
	padding: 2px 8px;
  color:#FFC926;
  font-size:85%;
}


/* event_report
---------------------------------------------------- */

#event #event_report {
	margin:0px 1%;
}

#event #event_report h4 {
	text-align:center;
	padding: 2px 8px;
	color:#FFF;
	font-size:116%;
	background:#0B865A; 
	width:105px;
}


#event #event_report h5 {
	margin:15px 0px 3px;
	padding: 5px 0px 5px 25px;
	color:#FFF;
	font-size:138.5%;
	background:#0B865A url(../event/img/h5_g.jpg) no-repeat 10px center;
	font-weight:normal;
}


#event #event_report h5 span{
	margin:0px 0px 0px 8px;
	padding: 2px 8px;
  color:#FFC926;
  font-size:85%;
}




/* side
---------------------------------------------------- */
/* eveBox */
.eveBox{
	border-bottom: #CCCCCC solid 1px;
	padding: 0px 10px 17px;
	margin-bottom: 24px;
}
	.eveBox .btnBox{
		margin-top: 10px;
	}

/* eve-menu */
.eve-menu {
	margin-right: -6px;
}

.eve-menu > li {
	float: left;
	width: 50%;
}

.eve-menu > li > a {
	display: block;
	color: #FFFFFF;
	text-align: center;
	background-image: url(/gapyear/sp/cmn/arw_w.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	background-size: 4px auto;
		-webkit-background-size: 4px auto;
		-moz-background-size: 4px auto;
		-ms-background-size: 4px auto;
	padding: 16px 20px 15px 11px;
	margin-right: 6px;
	box-shadow: 0px 3px 0px 0px #DDDDDD;
		-moz-box-shadow: 0px 3px 0px 0px #DDDDDD;
		-webkit-box-shadow: 0px 3px 0px 0px #DDDDDD;
}
	.eve-menu > li.eve01 > a{/*開催告知*/
		background-color: #1A88B9;
	}
	.eve-menu > li.eve02 > a{/*開催報告*/
		background-color: #0B865A;
	}
  

label {
	display: block;
	padding: 13px 10px 13px 30px;
	color: #FFF;
	text-decoration: /gapyear/sp/css/none;
	background: #9A2C6B;
	border-bottom: 1px #ccc dotted;
}

input[type="checkbox"].on-off{
    display: /gapyear/sp/css/none;
}

.eve-menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: /gapyear/sp/css/none;
}


input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 97px;
}


#event .sumimg{
	margin: 15px auto;
	text-align:center;
}






/* sum
---------------------------------------------------- */

#event .info-block {
	overflow: hidden;
	/*padding: 5px 0px;*/
	border: 2px solid #CCC;
	margin-bottom: 0px;
}


#event #event_info .info-block .copy {
	margin:0px 0px 8px;
	padding-bottom:5px;
	font-size:108%;
	border-bottom: 2px solid #1A88B9;
}

#event #event_report .info-block .copy {
	margin:0px 0px 8px;
	padding-bottom:5px;
	font-size:108%;
	border-bottom: 2px solid #0B865A;
}

#event .info-block dl{
  overflow:hidden;
}

#event .info-block dt{
	float: left;
	padding: 2px 0px 0px 0px;
	width:85px;
}

#event .info-block dd{
	padding: 2px 0px 2px 85px;
}

#event .info-block .sumimg{
	float: left;
	padding: 20px 15px;
}

#event .info-block .txtbox{
	padding: 10px;
}

#event .more{
	text-align: right;
}

/*横一ボタン*/
#event .info-block .btnBox.pdf{/*詳細PDF*/
	margin: 6px auto 21px;
}


/* table
---------------------------------------------------- */
.tbl_info{
	margin: 0px 0 15px 0;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #CCC;
}

.tbl_info th,
.tbl_info td{
	padding: 12px 10px;
	border: 1px solid #CCC;
	background:#fff;
}

.tbl_info th{
	background: #E8F6FC;
	text-align: left;
	border-right: /gapyear/sp/css/none;
}

.tbl_info .more{
	background: #FBFBFB;
	text-align:center;
}


/* tempbox
---------------------------------------------------- */


#event .info-block2 {
	background: url(/gapyear/sp/common/bg_dot2.gif);
	/*padding: 15px;*/
	margin: 25px 0 40px;
}

#event .tempbox {
	word-break: break-all;
	overflow:hidden;
	border: 2px #ccc solid;
	padding: 15px;
	/*margin: 10px 0;*/
	background: #fff;
}

#event .temp01,
#event .temp02,
#event .temp03 {
	overflow: hidden;
	margin-bottom: 30px;
}



#event .tempbox  h6{
	margin:0px 0px 8px;
	padding:4px 0 4px 15px;
	font-size:123.1%;
	background:#C9EAF8 url(../event/img/h6_b.jpg) no-repeat left top; 
}

#event .tempbox .temp01 .copy{
	margin:0px 0px 8px;
	font-size:138.5%;
}

#event .tempbox .temp03 .copy{
	margin:10px 0px 8px;
	font-size:108%;
	color:#1A88B9;
}

#event .tempbox .temp03 .box{
	background:#F6FAFC;
	margin:10px 0;
	padding:10px;
}

#event .tempbox .temp03 .rightbox{

}

#event .tempbox .right{
	padding: 10px 0 15px 15px;
}
#event .tempbox .center{
	text-align:center;
	padding: 15px 0;
}

#event .tempbox .left{
	float: left;
	padding: 10px 15px 15px 0px;
}

#event .tempbox .temp04 ul{
	margin:20px auto;
	width:540px;
}

#event .tempbox .temp04 li{
	float: left;
	padding: 10px 15px 15px 0px;
}



/* report_tempbox
---------------------------------------------------- */

#event .report-block .tempbox  h6{
	background:#CDF3DD url(../event/img/h6_g.jpg) no-repeat left top; 
}

#event .report-block .tempbox .temp03 .copy{
	color:#0EB178;
}

#event .report-block .tempbox .temp03 .box{
	background:#F6FCFA;
}


/* 開催日から選ぶ
---------------------------------------------------- */
/*calBlock*/
#calBlock{
	margin-bottom: 40px;
}

/*monthList*/
.monthList{
	margin-bottom: 15px;
}

.monthList li.prev,
.monthList li.next{
	font-size: 1.2rem;
	border: #c398b1 solid 1px;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
}

.monthList li.prev{/*前月へ*/
	float: left;
}
.monthList li.next{/*次月へ*/
	float: right;
}
.monthList li.month{/*月*/
	color: #9A2C6B;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding-top: 11px;
}

.monthList li.prev a,
.monthList li.next a{
	display: inline-block;
	color: #9A2C6B;
	background-position: 88% 50%;
	background-repeat: no-repeat;
	background-size: 4px auto;
		-webkit-background-size: 4px auto;
		-moz-background-size: 4px auto;
		-ms-background-size: 4px auto;
	padding: 13px 15px 13px 25px;
}
	.monthList li.prev a{
		background-image: url(/gapyear/sp/cmn/arw03.png);
		background-position: 10px 50%;
	}
	.monthList li.next a{
		background-image: url(/gapyear/sp/cmn/arw04.png);
		padding: 13px 25px 13px 15px;
	}


/*scheBox*/
.scheBox{
	margin-top: 5px;
}

.scheBox span{
	display: inline-block;
	padding: 2px 10px;
	margin: 0px 3px;
}
	.scheBox span.sche00{/*当日*/
		border: #FF8000 solid 2px;
		padding: 0px 8px;
	}
	.scheBox span.sche01{/*告知*/
		background-color: #B6D4F7;
	}
	.scheBox span.sche02{/*報告*/
		background-color: #C9E5C1;
	}

/*カレンダー*/
.tblCal{
	width: 100%;
	text-align: center;
	border: #BBBBBB solid 1px;
	border-collapse: collapse;
}

.tblCal th {
	font-weight: normal;
	vertical-align: middle;
	border: #BBBBBB solid 1px;
	padding: 12px 8px;
}
	.tblCal #week th{/*曜日*/
		color: #FFFFFF;
		background-color: #9A2C6B;
	}

.tblCal td {
	word-break: break-all;
	vertical-align: middle;
	border: #BBBBBB solid 1px;
	padding: 12px 8px;
}
	.tblCal td.bg01,
	.tblCal td.bg02{
		padding: 0px;
	}
	
	.tblCal .bg01{/*報告*/
		background-color: #C9E5C1;
	}
	.tblCal .bg02{/*告知*/
		background-color: #B6D4F7;
	}
	.tblCal .day{/*当日*/
		border: #FF8000 solid 2px;
	}

.tblCal td a{
	display: block;
	color: #AE3186;
	/*font-weight: bold;*/
	padding: 12px 8px;
}


/*開催日*/
.ttlDay{
	color: #9A2C6B;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border: #9A2C6B solid 2px;
	padding: 8px 8px 7px;
	margin: 0px 10px;
}


/* kakikae
---------------------------------------------------- */

/*#kakikae {
	padding: 30px 2px 10px 2px;
	line-height: 180%;
}*/

/* 文字配置*/

/*#kakikae .left{
	width:100%;
	margin:0 auto;
	text-align:left;
}

#kakikae .center{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#kakikae .right{
	width:100%;
	margin:0 auto;
	text-align:right;
}
*/
/* 見出し */

/*#kakikae h1{
	font-size:240%;
	line-height:1.5;
	background: url(/gapyear/sp/css/none);
	margin: 0px;
	padding: 0px;
}

#kakikae h2{
	font-size:180%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/sp/css/none);
	padding: 0px;
	border-bottom:/gapyear/sp/css/none;
}

#kakikae h3{
	font-size:140%;
	line-height:1.5;
	background: url(/gapyear/sp/css/none);
	margin: 0px;
	padding: 0px;
	color:#3D3D3D;
	min-height: 35px;
	height: auto !important;
	height: 45px;
}


#kakikae h4{
	font-size:120%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/sp/css/none);
	padding: 0px;
	color: #3D3D3D;
}

#kakikae h5{
	font-size:100%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/sp/css/none);
	padding: 0px;
}

#kakikae h6{
	font-size:82%;
	line-height:1.5;
	margin:0;
	background: url(/gapyear/sp/css/none);
	padding: 0px;
}*/

/* リスト */

/*#kakikae ol li{
	list-style:decimal;
	list-style-position:inside; 
}

#kakikae ul li{
	list-style:disc;
	list-style-position:inside; 
}*/


/* インデント */

/*#kakikae blockquote {
	padding-left:1em;
}*/

/* テーブル */

/*#kakikae table{
	font-size:100%;
	border-collapse: collapse;
}*/

/* 線 */

/*#kakikae hr{
	display:block;
}
*/
/* イタリック */
/*#kakikae em {
	font-style: oblique;
	font-style: italic;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}*/

/* 太文字 */
/*#kakikae strong{
	font-weight:bold;	
}*/

/* イタリック太文字 */

/*#kakikae em strong, 
#kakikae strong em {
	font-style: oblique;
	font-style: italic;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;	
}*/

/* 画像 */
/*#kakikae .photoLeft{
		float:left;
		padding-right:20px;
}

#kakikae .photoRight{
	float: right;
	padding-left: 20px;
}

#kakikae a{
	color:#0065AC;
}*/
