@charset "utf-8";

/*--------------------------------------------------------------------------
   breadcrumb
---------------------------------------------------------------------------*/

.breadcrumb{
	margin:1em;
}
.breadcrumb ul{
}
.breadcrumb li{
	display:inline;
}
.breadcrumb li a{
	text-decoration:none;
}
.breadcrumb li + li::before {
    content: ">";
}


/*--------------------------------------------------------------------------
tiku_main
---------------------------------------------------------------------------*/
#tiku_main{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#tiku_main h1{
	text-align:center;
	color:#444;
	font-size:16px;
	font-weight:bold;
	background:#EEE;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:20px auto 15px auto;
	padding:20px 0;
}
#tiku_main h2{
	position: relative;
	border-bottom:6px solid #E2E2E2;
	text-align:center;
	font-size:14px;
	padding:5px 10px 15px;
	margin-top:20px;
}
	#tiku_main h2::after{
		position: absolute;
		left: 35%;
		bottom: -6px;
		content: '';
		width: 30%;
		height: 0;
		border-bottom: 6px solid #FE0201;
	}
p.update{
	text-align:right;
	padding:5px 10px;
	font-size:13px;
	border-bottom:1px dotted #CCC;
}
ul.tikuinfo_layout{
	width:100%;
	margin:10px auto;
}
li.tiku_pictures{
	margin:10px;
}
ul.pictboxes{
	width:100%;
}
	ul.pictboxes:after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
.pictbox img[src*="no_image.jpg"]{
	display:none;
}
li.pictbox{
	width:50%;
	width:-webkit-calc(50% - 5px);
	width : calc(50% - 5px) ;
	margin-bottom:10px;
	float:left;
}
	li.pictbox:nth-child(odd){
		margin-right:5px;
	}
	li.pictbox:nth-child(even){
		margin-left:5px;
	}
li.pictbox img{
}
li.tiku_subtext{
	padding:10px;
	line-height:1.5;
	font-size:13;
}
.linkbox{
	background:#eee;
	border-radius:3px;
	margin-top:20px;
	padding:10px;
	overflow:hidden;
}
	.linkbox p.f_linktitle{
		text-align:center;
		border-bottom:1px dotted #aaa;
		padding:5px 0 10px;
	}
	.linkbox ul{
		margin:10px 0;
	}
		.linkbox ul li{
			margin:10px 0;
		}

		.linkbox ul li a{
			background:url(../images/icon_ya01_gray.png) left center no-repeat;
			padding-left:20px;
		}

.select_month{
	float: right;
	margin: 10px;
	width: 140px;
}
	.select_month:after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	.select_month select{
			width:100%;
			padding: 3px 10px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			border: 1px solid #E7E7E7;
			border-radius:3px;
			background: #fff;
			background: url(../images/select_arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#eee 100%);
			background: url(../images/select_arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#eee 100%);
			background-size: 30px, 100%;
	}
.newslist_section{
	margin:0 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	clear: both;
	overflow: hidden;
	position: relative;
	padding:10px;
}
	.newslist_section + .newslist_section{
		border-top:none;
	}
	.newslist_section:after{
		display: block;
		content: '';
		position: absolute;
		top:45%;
		right: 10px;
		width: 10px;
		height: 10px;
		border-right: 2px solid #999;
		border-bottom: 2px solid #999;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.newslist_section:hover{
		background:#F1F1F1;
	}
	.newslist_section h3{
		color:#000000;
		line-height:1.5;
		padding-bottom:8px;	
		padding-right:15px;
	}
	.newslist_section .newslist_imgbox{
		float:left;
		margin:0 10px 0 0;
		width: 72px;
		text-align:center;	
	}
	.newslist_section .newslist_imgbox img{
		max-width:100%;
		max-height:54px;
	}
	.newslist_section .newslist_txtbox{
		float:right;
		width:100%;
		width:-webkit-calc(100% - 90px);
		width : calc(100% - 90px) ;
	}
		.newslist_section .newslist_txtbox .date,
		.newslist_section .newslist_txtbox .content{
			margin-bottom: 8px;
			padding-right:15px;
		}
		.newslist_section .newslist_txtbox .date{ font-size:12px; }
		.newslist_section .newslist_txtbox .date span{
			color:#E70918;
			font-size:12px;
			font-weight:bold;
			display:block;
		}
		.newslist_section .newslist_txtbox .content{
			color:#666666;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-size:12px;
		}
		.newslist_section .newslist_txtbox .content br{
			display: none;
		}

.link_section{
	border-top: 1px dotted #FF0806;
	clear: both;
	margin: 20px 10px;
	padding-top: 20px;
	overflow: hidden;
}
	.link_section:after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	.link_section .linklist_imgbox{
		margin: 0 auto 15px;
		max-width: 260px;	
	}
	.link_section .linklist_txtbox{
		width: 100%;
	}
	.link_section .link_name{
		margin-bottom: 10px;
	}
	.last{
		border-bottom: 1px dotted #FF0806;
		clear: both;
		margin: 20px 10px;
		padding-bottom: 20px;
		overflow: hidden;
	}

.sitemap_section .sitemap_linklist{
	margin:20px 10px;
}
	.sitemap_section .sitemap_linklist li{
		margin-bottom:20px;
	}
	.sitemap_section .sitemap_linklist li a,
	.sitemap_section .sitemap_linklist li span{
		position:relative;
		padding-left:15px;
		background:url(../images/icon_ya01_red.png) 0 center no-repeat;
	}
.sitemap_section .mgt50{
	margin-top: 50px !important;
}

.policy_section{
	margin: 20px 10px;
}
	.policy_section .policy_info{
		border: 1px solid #ccc;
		padding: 10px;
	}
	.policy_section h3{
		color:#F80000;
		line-height:1.5;
		border-bottom:5px solid #F80000;
		margin:15px 0;
		padding-bottom:8px;	
	}
	.policy_section .mgt20{
		margin-top: 20px;
	}

/*--------------------------------------------------------------------------
   koten_neighbors
---------------------------------------------------------------------------*/
.koten_inner{ clear:both; }
.koten_neighbors{
	margin-bottom:10px;
	padding-top:40px;
	overflow:hidden;
}
.koten_neighbors_prev{
	float:left;
	margin-left:10px;
}
	.koten_neighbors_prev a{
		display:block;
		background:url(../images/icon_ya02_red.png) left 3px center no-repeat;
		border:1px solid #F80000;
		border-radius:3px;
		color:#F80000;
		padding:5px 10px 5px 16px;
		text-decoration:none;
	}
		.koten_neighbors_prev a:hover{
			background:url(../images/icon_ya02_white.png) left 3px center no-repeat #FF0101;
			border:1px solid #F80000;
			color:#FFF;
		}
.koten_neighbors_next{
	float:right;
	margin-right:10px;
}
	.koten_neighbors_next a{
		display:block;
		background:url(../images/icon_ya01_red.png) right 3px center no-repeat;
		border:1px solid #F80000;
		border-radius:3px;
		color:#F80000;
		padding:5px 16px 5px 10px;
		text-decoration:none;
	}
		.koten_neighbors_next a:hover{
			background:url(../images/icon_ya01_white.png) right 3px center no-repeat #FF0101;
			border:1px solid #F80000;
			color:#FFF;
		}

/*--------------------------------------------------------------------------
ページャー
---------------------------------------------------------------------------*/
.pager{
	text-align:center;
	margin:10px 0 15px 0;
	clear:both;
}
	.pager li {
		display:inline-block;
		margin:0 2px;
		padding:2px 7px;		
		min-width:30px;
		line-height:22px;
		text-align:center;
		color:#333333;
		border:1px solid #E78F8F;
		border-radius: 3px;
		font-size:12px;
	}
		.pager li a {
			text-decoration:none;
			display:block;
		}
		.pager li.active{
			background:#E70918;
			border:1px solid #E70918;
			color:#FFFFFF;
		}
		.pager li span {

		}

		/*li.prev a img,
		li.next a img{
			margin-bottom:8px;
		}*/
		.pager .prev img, .pager .next img { vertical-align: middle; }


/*--------------------------------------------------------------------------
エディタ用CSS
---------------------------------------------------------------------------*/
h4 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 10px;
	background-color: #eeeeee;
}
h5 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 3px 10px;
	border-bottom:1px dotted #CCC;
}
h6 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 8px;
	border-left:5px solid #CCC;
}
.ql-align-center{ text-align:center; }
.ql-align-left{ text-align:left; }
.ql-align-right{ text-align:right; }



/*--------------------------------------------------------------------------
   PC start
---------------------------------------------------------------------------*/
@media screen and (min-width:769px) {


/*--------------------------------------------------------------------------
tiku_main
---------------------------------------------------------------------------*/
#tiku_main{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#tiku_main h1{
	font-size:20px;
	padding:30px 0;
}
#tiku_main h2{
	font-size:18px;
	padding:15px 10px 25px;
}
	#tiku_main h2::after{
		position: absolute;
		left: 35%;
		bottom: -6px;
		content: '';
		width: 30%;
		height: 0;
		border-bottom: 6px solid #FE0201;
	}
ul.tikuinfo_layout li{
}
li.tiku_pictures{
	float:left;
	width:250px;
	margin:0 auto;
	text-align:center;
}
li.pictbox{
	width:100%;
	padding-top:10px;
}
	li.pictbox:nth-child(odd){
		margin-right:0px;
	}
	li.pictbox:nth-child(even){
		margin-left:0px;
	}
	li.pictbox img{
		width:250px;
		display:block;
	}
	li.tiku_subtext{
		float:right;
		width:100%;
		width:-webkit-calc(100% - 260px);
		width : calc(100% - 260px) ;
	}
	.linkbox{
		line-height:1.6em;
	}
	.pictbox img[src*="no_image.jpg"]{
		display:block;
	}

.newslist_section .newslist_imgbox{
		width: 120px;
}
	.newslist_section .newslist_imgbox img{
		max-height:90px;
	}
	.newslist_section .newslist_txtbox{
		width:-webkit-calc(100% - 140px);
		width : calc(100% - 140px) ;
	}
	.newslist_section .newslist_txtbox .date{ margin-top:5px; }
	.newslist_section .newslist_txtbox .date span{
		display:inline;
		padding-left:20px;
	}


.sitemap_section .sitemap_linklist{
	margin: 30px 0;
}
.sitemap_section .left{
	float: left;
	margin-right: 30px;
	width: 485px;
}
.sitemap_section .right{
	float: left;
	width: 485px;
}

.link_section{
	margin: 20px 0;
}
	.link_section .linklist_imgbox{
		margin: 0 20px 0 0;
		width: 260px;
		float: left;
	}
	.link_section  .linklist_txtbox{
		float: left;
		width: 720px;
	}


.policy_section{
	margin: 30px 0;
}
	.policy_section h3{
		color:#F80000;
		line-height:1.5;
		border-bottom:5px solid #F80000;
		margin:20px 0 15px;
		padding-bottom:8px;	
	}

/*--------------------------------------------------------------------------
   koten_neighbors
---------------------------------------------------------------------------*/
.koten_neighbors_prev{
	margin-left:0px;
}
	.koten_neighbors_prev a{
		display:inline;
		background:url(../images/icon_ya02_red.png) left center no-repeat;
		border:none;
		border-radius:0px;
		padding:0px 0px 0px 16px;
		text-decoration:underline;
	}
		.koten_neighbors_prev a:hover{
			background:url(../images/icon_ya02_red.png) left center no-repeat;
			border:none;
			color:#F80000;
			text-decoration:none;
		}
.koten_neighbors_next{
	margin-right:0px;
}
	.koten_neighbors_next a{
		display:inline;
		background:url(../images/icon_ya01_red.png) right center no-repeat;
		border:none;
		border-radius:0px;
		color:#F80000;
		padding:0px 16px 0px 0px;
		text-decoration:underline;
	}
		.koten_neighbors_next a:hover{
			background:url(../images/icon_ya01_red.png) right center no-repeat;
			border:none;
			color:#F80000;
			text-decoration:none;
		}


}
/*--------------------------------------------------------------------------
   PC end
---------------------------------------------------------------------------*/