/*====================================================================================================

  SUBPAGE

====================================================================================================*/

#subpage { margin:0 auto; width:1000px; border: 14px solid #000; background: #FFF;}
#koshien_title {
    margin: 30px auto;
    max-width: 700px;
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
    background: #ff9300;
    text-align: center;
    padding: 10px;
    border: 3px solid #fff;
}
#koshien_title:hover {
      background: #d88411;
}
/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/

#subpage .pan {
	clear:both;
	font-size: 90%;
	color:#666;
}
#subpage .pan a {color:#666; text-decoration:none;}
#subpage .pan a:hover {color:#333;}

/*---------------------------------------------------------------------------
  PAGE TITLE
---------------------------------------------------------------------------*/

h2.sb_tit {
	padding:0 5% 80px;
	text-align: center;
	font-weight: normal;
}
h2.tit_koushien {font-family: 'Bowlby One SC', cursive; font-size:65px; line-height:110%; padding-bottom: 0px;}
h2.tit_mansai {font-family: 'Monoton', cursive; font-size:48px; line-height:110%;}
h2.tit_daikaigi {font-family: 'Righteous', cursive; font-size:65px; line-height:110%;}
h2.tit_spot {font-family: 'Barlow', sans-serif;font-weight: bold; font-size:58px; line-height:110%;}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage .list {
	clear:both;
	margin:15px 0;
}
#subpage .list p {
	position:relative;
	background:#EEE;
}
#subpage .list p+p { margin-top:15px;}
#subpage .list p a {
	display:block;
	padding:15px 15px 15px 45px;
	font-size:120%;
	font-weight:bold;
	color:#444;
	text-decoration:none;
	background: url(../img/link_arrow.png) no-repeat 20px center;
}
#subpage .list p a:hover { background-color:#CCC;}

/*---------------------------------------------------------------------------
  KAIGYOU
---------------------------------------------------------------------------*/

#subpage .indention {
	clear:both;
	margin:0;
	height:20px;
	text-indent: -9999px;
	background:none;
}

/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/

h3.mid_tit {
	clear: both;
	margin: 20px 1%;
	padding:15px 20px;
	color: #FFF;
	background: url(../img/bg6.jpg);
}
h3.mid_tit small {
	margin-right: 20px;
	padding: 0 20px;
	line-height:35px;
	color: #000;
	background: #FFF;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
}

/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/

#subpage .comment { margin:0 2% 40px;}

/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/

#subpage .photo-l { float:left; margin: 0 1%; width:48%;}
#subpage .photo-r { float:right; margin: 0 1%; width:48%;}
#subpage .photo-c { clear:both; text-align:center;}
#subpage .photo-l p,
#subpage .photo-r p,
#subpage .photo-c p { padding: 0 0 5px;} 
#subpage .photo-l img,
#subpage .photo-r img,
#subpage .photo-c img { width:100%; height:auto;}

#subpage .photo-l2 { float:left; width:50%;}
#subpage .photo-r2 { float:right; width:50%;}
#subpage .photo-c2 {}
#subpage .photo-l2 p { float:left; margin: 0 1% 2%; width:48%;}
#subpage .photo-r2 p { float:left; margin: 0 1% 2%; width:48%;}
#subpage .photo-c2 p { float:left; margin: 0 1% 2%; width:48%;}
#subpage .photo-l2 img,
#subpage .photo-r2 img,
#subpage .photo-c2 img { width:100%; height:auto;}

#subpage .photo-ls { float:left; max-width:33%; margin-right:2%;}
#subpage .photo-rs { float:right; max-width:33%; margin-left:2%;}
#subpage .photo-ls img,
#subpage .photo-rs img { width:100%; height:auto;}

#subpage .caption { font-size:80%; text-align:center;}

/* PHOTO BOX�@*************************/
#subpage ul.photo_box { clear: none; float:left; margin:1%; padding: 0; list-style: none;}
#subpage ul.photo_box li { list-style: none; margin:0; padding: 0; background: none;}
#subpage ul.photo_box li.photo { margin:0 0 5px;}
#subpage ul.photo_box li.photo img {width: 100%; height: auto;}
#subpage ul.photo_box li.cap { position: relative; text-align: center;}
#subpage ul.photo_box li.cap b.mid {
	position: absolute;
	top: -58px;
	left:-5px;
        width: auto;
        min-width: 180px;
/*	width: 180px;*/
	padding: 10px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	background: #00B5B5;
	transform: rotate(-5deg);
}
#subpage ul.photo_box li.youtube { position: relative;}
#subpage ul.photo_box li.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* PHOTO BOX1 */ #subpage ul.g1 {width:98%x; float:none; }
/* PHOTO BOX2 */ #subpage ul.g2 {width:48%;}
/* PHOTO BOX3 */ #subpage ul.g3 {width:31.3%;}
/* PHOTO BOX4 */ #subpage ul.g4 {width:23%;}
/* PHOTO BOX5 */ #subpage ul.g5 {width:18%;}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage ul {
	clear:both;
	margin:15px 2%;
}
#subpage ul li {
	padding: 2px 0 2px 20px;
	background: url(../img/list_arrow.png) no-repeat left 4px;
}
#subpage ol {
	clear:both;
	margin:15px 2%;
	padding:0 2%;
	list-style-type: decimal;
}
#subpage ol li {
	padding: 2px 0 2px;
	list-style-type: decimal;
}

/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/

#subpage table {
	margin:20px 2%;
	width:96%;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#subpage table th, #subpage table td {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#subpage table th {
	background:#EEE;
	font-weight:bold;
	text-align:center;
}

/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/

#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { margin:0 2%; padding: 5px 0 5px 25px;}
#subpage .icon-pdf {background: url(../img/icon-pdf.jpg) no-repeat left 4px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 4px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 4px;}
#subpage .icon-link { background: url(../img/link_arrow.png) no-repeat 0 10px;}

/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/

/* BOX1 */
#subpage .box1 {
	clear:both;
	margin:0 2% 40px;
}
#subpage .box1:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#subpage .box1 .comment { margin:0; /*overflow:hidden; �܂�Ԃ���*/}

/* BOX2 */
#subpage .box2 {
	clear:both;
	margin:0 2% 40px;
	padding:20px;
	border:1px solid #DFDFDF;
}
#subpage .box2:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#subpage .box2 h3 { margin:15px 0; font-size:140%; color:#46A336;}
#subpage .box2 .comment { margin:0; /*overflow:hidden; �܂�Ԃ���*/}

/* BOX3 */
#subpage .box3 {
	clear:both;
	margin:0 2% 40px;
	padding:20px;
	border:1px solid #DFDFDF;
}
#subpage .box3:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#subpage .box3 .comment { margin:0; /*overflow:hidden; �܂�Ԃ���*/}

/* BOX4 */
#subpage .box4 {}
#subpage .box4:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#subpage .box4 .box {
	float:left;
	width:46%;
	margin:0 2% 40px;
	padding:20px;
	border:1px solid #DFDFDF;
}
#subpage .box4 h4 { padding:0 0 15px; color:#46A336; font-size:120%; border-bottom:2px solid #46A336;}
#subpage .box4 p { padding:10px 0 0 !important; }
#subpage .box4 .comment {/*overflow:hidden; �܂�Ԃ���*/}
#subpage .box4 .bo {}
#subpage .box4 .bo a {
	display:block;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	background:#46A336;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	transition:.3s;
}
#subpage .box4 .bo a:hover { opacity: 0.5;}