@charset "utf-8";
@charset "UTF-8";

/* br
-----------------------*/
br.pc_only {
  display: block; }

br.sp_only {
  display: none; }

@media screen and (max-width: 640px) {
  br.pc_only {
    display: none; }
  br.sp_only {
    display: block; } }


.marB25 {
    margin-bottom: 25px;
}


	#main .main-inner h2.title {
		display:block;
		line-height:33px;
		background:#F4F4F4;
		border:1px solid #DDDDDB;
		font-size:14px;

		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		margin-bottom:20px;
	}
		#main .main-inner h2.title span {
			display: block;
			float: left;
			padding: 0 15px 0;
			font-size: 17px;
			font-weight:bold;
		}

	#main .main-inner h2.event {
		display:block;
		text-align:center;
		line-height:33px;
		font-size:17px;

		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		margin-bottom: 30px;
	}
		#main .main-inner h2.event span {
			display: block;
			padding: 0 15px 0;
			font-size: 20px;
			font-weight:bold;
		}

	/* left-part
	-----------------------*/
	#main .main-inner .left-part{
		float:left;
		width:27.24489795918367%;/* 267/980 */
		padding-left:1.020408163265306%;/* 10/980 */
		padding-right:2.040816326530612%;/* 20/980 */
	}
		#main .main-inner .left-part img{
			width:100%;
		}

	#main .main-inner .left-part2{
		float:left;
		padding-left:1.020408163265306%;/* 10/980 */
		padding-right:2.040816326530612%;/* 20/980 */
	}

	@media screen and (max-width: 640px) {
	#main .main-inner .left-part{
		float:none;
		width:100%;
		padding:0;
		padding-bottom:10px;
		text-align: center;;

		max-height: 438px;
		overflow: hidden;
	}
		#main .main-inner .left-part img{
			max-width: 584px;
		}
	}

	#main .main-inner .left-part2{
		float:left;
		padding-left:1.020408163265306%;/* 10/980 */
		padding-right:2.040816326530612%;/* 20/980 */
	}

	@media screen and (max-width: 640px) {
	#main .main-inner .left-part2{
		float:none;
		text-align: center;;
	}
	}

	/* right-part
	-----------------------*/
	#main .main-inner .right-part p{
		font-size:14px;
	}

	#main .main-inner .article .btn-white-h50{
		margin-top:20px;
	}
		#main .main-inner .article .btn-white-h50 a {
			padding:0 13.57142857142857%;/* 133/980 */
		}

	@media screen and (max-width: 640px) {
	#main .main-inner .article .btn-white-h50 a {
		width:100%;
		padding:0;
	}
	}



	/* .wrap-area
	-----------------------*/
	#main .main-inner .wrap-area {
		padding: 30px 0 50px;
		margin: 0 auto;
	}
		#main .main-inner .wrap-area table td a.map{
			display:inline-block;
			background: url(/common/img/icon-cursor.png) no-repeat 6px center;
			padding-left:18px;
			margin-left:15px;
			font-weight:bold;
		}

	#main .main-inner .wrap-area h3{
		font-size: 15px;
		line-height: 1.3;
		padding-bottom: 15px;
		font-weight:bold;
	}
	@media screen and (max-width: 640px) {
	#main .main-inner .wrap-area h3{
		font-size:14px;
	}
	}


	/* contents-box
	-----------------------*/
	#main .main-inner .contents-box{
		padding-bottom:50px;
	}
	#main .main-inner .contents-box .title{
		font-weight:bold;
		font-size:14px;

	}

	/* .article h3
	-----------------------*/
	#main .main-inner .article h3{
		font-size: 15px;
		line-height: 1.3;
		padding-bottom: 15px;
		font-weight:bold;
	}
	@media screen and (max-width: 640px) {
	#main .main-inner .article h3{
		font-size:14px;
	}
	}

	#main .main-inner .article p.comment{
		font-size: 12px;
	}

	#main .main-inner .article p.comment span{
		display:block;
		text-align:right;
		padding:8px 2px 0 0;
	}

	#main .main-inner .article .list-year dl{
		display: table;
	}
	#main .main-inner .article .list-year dl dt{
		display: table-cell;
		width: 60px;
	}
	#main .main-inner .article .list-year dl dd{
		display: table-cell;
	}


	/* profile
	-----------------------*/
	.col2-box dl.profile-box{
		margin:0;
		padding:0;
	}
		.col2-box dl.profile-box dt {
			margin: 0 0 10px;
			padding: 0;
			width: 70px;
			float: left;
		}
		.col2-box dl.profile-box dd {
			margin: 0 0 10px;
			padding: 0;
			margin-left:20px;
		}
	@media screen and (max-width: 640px) {
	.col2-box dl.profile-box {
		padding:10px 0 0;
		font-size:12px;
	}
		.col2-box dl.profile-box dt {
			width:70px;
		}
		.col2-box dl.profile-box dd {
			margin-left:70px;
		}
	}


@media screen and (max-width: 640px){
#main {
    padding: 0 10px 10px;
}
}