@charset "UTF-8";
.info_h1{
	clear:both;
	display:block;
	background: url(../about/images/about_hbg.gif) repeat-x;
	height:50px;
}

#info_container{
	width:620px;
	float:right;
	display:inline;
}

#info_side{
	width:270px;
	float:left;
	display:inline;
	margin-left:30px;
}

.infobox{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.infobox .inner{
	border-left:3px solid #ccc;
	padding-top:25px;
	padding-left:35px;
	padding-bottom:30px;
	font-size:92%;
}

.infobox .inner p.date{
	font-size:107%;
	font-weight:bold;
	color:#555;
}

.infobox .inner p.title{
	font-size:169%;
	font-weight:bold;
	color:#555;
	margin-bottom:10px;
}
.infobox .inner img{
	margin-top:10px;
	margin-bottom:10px;
	max-width:100%!important;
	height:auto!important;
}
.infobox .inner img.ichiran{
	width:148px!important;
	height:26px!important;
}
.im{
	width:200px;
	height:200px;
	margin-top:-10px;
	margin-bottom:20px;
	float:left;
	display:inline;
	margin-right:20px;
}

.detailbtn{
	text-align:center;
	padding:10px 0;
	background:#eee;
	clear:both;
	margin-top:15px;
}
.detailbtn img{
	margin:0!important;
}

.prevnext{
	clear:both;
	text-align:center;
	font-size:92%;
	margin:10px 0 40px;
}
.prevnext a{
	color:#666;
	text-decoration:none;
}
.prevnext a:hover{
	color:#a40000;
	text-decoration:underline;
}


#calender_title{
	text-align:center;
}
#calender_title a{
	color:#666;
	text-decoration:none;
}
#calender_title a:hover{
	color:#a40000;
	text-decoration:underline;
}

#calender{
	width:100%;
	border-bottom:1px solid #000;
	margin-bottom:40px;
}
#calender th{
	padding:2px;
	background:#eee;
	text-align:center;
	font-size:92%;
}
#calender th.sun{
	color:#cc0000;
}
#calender th.sat{
	color: #00C;
}
#calender td{
	padding:2px;
	text-align:center;
	font-size:92%;
}


#recent_title{
	border-bottom:5px solid #000;
	padding-left:3px;
	font-size:108%;
	font-weight:bold;
	color:#555;
}

#recent{
	padding-top:10px;
}

#recent li{
	font-size:85%;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
	padding-left:5px;
	padding-bottom:5px;
}
#recent li a{
	color:#666;
	text-decoration:none;
}
#recent li a:hover{
	color:#a40000;
	text-decoration:underline;
}

#cate_title{
	border-bottom:5px solid #000;
	padding-left:3px;
	font-size:108%;
	font-weight:bold;
	color:#555;
	margin-bottom:10px
}
#cate_list{
	margin-bottom:40px;
}
#cate_list li{
	font-size:13px;
	border-bottom:1px dotted #666;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
#cate_list li ul li{
	background:url(../info/images/listarrow.png) no-repeat 5px 8px; 
	padding-left:20px;
	border-bottom:0;
}
#cate_list li a{
	color:#666;
	text-decoration:none;
}
#cate_list li a:hover{
	color:#a40000;
	text-decoration:underline;
}


.cateArea{
	margin-bottom:20px;
	
}

.cate{
	padding:5px 15px;
	display:inline;
	margin-right:15px;
	font-size:92%;
	font-weight:bold;
	color:#fff;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.cate.no01{
	background:#b64c80;
}
.cate.no02{
	background:#5c2e17;
}
.cate.no03{
	background:#940e0e;
}

.subCate{
	font-size:121%;
	display:inline;
	color:#b64c80;
	font-weight:bold;
}


@media screen and (max-width: 767px) {
	#info_container{
		width: 100%;
		float: none;
		display: block;
	}

	#info_side{
		width: 100%;
		float: none;
		display: block;
		margin-left: 0;
	}
	.infobox .inner{
		border-left:none;
		padding-top:25px;
		padding-left:0;
		padding-bottom:30px;
		font-size:92%;
	}
	
		.infobox .inner img{
			width:100%!important;
			height:auto!important;
	}

	div.cal_wrapper table.cal{
		width:100%!important;
	}

.cate{
	padding:5px 20px;
	margin-bottom:15px;
	display:block;
	text-align:center;
	margin-right:15px;
	background:#b64c80;
	font-weight:bold;
	color:#fff;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.subCate{
	font-size:121%;
	display:inline;
	color:#b64c80;
	font-weight:bold;
}

}




/*******************************

20200807 追加
 
*******************************/
._col1 .info_h1 {
	display: none;
}
._col1 #info_container{
	width: 100%;
	float: none;
	display: block;
	margin-bottom: 40px;
}
.infobox.__full{
	max-width: 830px;
    margin: auto;
    border: none;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.infobox.__full .inner{
	border: none;
    padding: 40px;
}
.infobox.__full .inner img{
	width: 100%!important;
	margin: 20px 0;
}
.infobox.__full .inner p.date{
	font-size: 100%;
    margin-bottom: 5px;
}
.infobox.__full .inner .cateArea {
    margin-bottom: 15px;
}
.infobox.__full .inner .cate {
    padding: 2px 15px;
    display: inline-block;
    width: 20%;
    text-align: center;
}
.detailbtn.__full{
	background: none;
}
.btn_all {
    display: block;
    max-width: 750px;
    padding: 10px;
    margin: auto;
    text-decoration: none;
    border-radius: 5px;
    border: solid 1px #000;
	color: #fff;
	background: -moz-linear-gradient(top, #7d7d7d 0%, #282828 100%);
    background: -webkit-linear-gradient(top, #7d7d7d 0%,#282828 100%);
    background: linear-gradient(to bottom, #7d7d7d 0%,#282828 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#282828',GradientType=0 );
	transition: all 300ms 0s ease;
}
.btn_all:after {
    content: "▶";
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-left: 5px;
}
.btn_all:hover{
    opacity: .6;
}
@media screen and (max-width: 767px){
	.infobox.__full .inner {
		padding: 20px;
	}
	.infobox.__full .inner .cate {
		padding: 2px 0;
		width: 100%;
		margin: 0 0 5px;
	}
}