@charset "utf-8";

.c_title{
	height: 1em;
}
.c_title_txt{
	display: none;
}

/* ### TOPICS一覧 ### */

.to_contents{
	max-width: 1140px;
	width: 94%;
	margin: 0 auto;
	/*text-align: center;*/
}

.to_contents ul{
	width: 100%;
}
.to_contents {
	display: flex;
	flex-wrap: wrap;
}
.to_contents li {
	align-self: stretch;

	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 28%;
	margin: 20px 2% 30px 2%;
}

.h_topics_img {
    background-color: #fff;
    vertical-align: top;
}

.h_topics_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border: solid 1px #eee;
}
.to_parts_img{
	width: 96%;
	/*
	height: 213px;
	overflow: hidden;
	*/
	text-align: center;
	line-height: 0;
}
.to_parts_img_w{
	width: 100%;
	height: auto;
}



a .to_parts_img{
	border: transparent 6px solid;
}
a:hover .to_parts_img{
	border: 6px solid #009d72;
}


.to_parts_date{
	margin: 24px 6px 0 6px;
}

.to_parts_txt{
	margin: 20px 6px 0 6px;
}


.to_prev_next_part{
	margin-top: 40px;
	text-align: center;
	font-size: 1.2em;
}
.to_prev_next_part li{
	display: inline;
	padding: 0 10px;
}

.to_prev_next_part span,
.to_prev_next_part a{
	padding: 0 10px;
}
.to_prev_next_part span{
	color: #ddd;
}
.to_prev_next_part span.to_current{
	color: #009e72;
}
.to_prev_next_part span.to_dot{
	color: #888;
}





/* ### TOPICS詳細 ### */


.tod_section{
	width: 640px;
	margin: 0 auto;
}

.tod_image{
	margin-bottom: 40px;
}
.tod_image img{
	width: 100%;
	height: auto;
}

.tod_date{
	margin-bottom: 25px;
}

.tod_title{
	font-size: 1.7em;
	margin-bottom: 35px;
}

.tod_article{
	margin-bottom: 60px;
	line-height: 1.8em;
}



.tod_prev_next{
	font-size: 1.6em;
}

.tod_pre_prev{
	float: left;
	width: 40%;
	text-align: left;
}
.tod_pre_next{
	float: right;
	width: 40%;
	text-align: right;
}

#page_back {
	display: none;
	margin-top: 80px;
}

/* ### スマートフォン ### */
/* -------------------------------------------------------------------------------- */


@media (max-width: 750px) {


/* ### TOPICS一覧 ### */

.to_contents{
	width: 100%;
}

.to_contents li{
	width: 43%;
	margin: 0 3% 40px 3%;
	font-size: 0.92em;
}

.to_parts_img{
	width: 100%;
}


.to_parts_date{
	margin: 12px 6px 0 6px;
}

.to_parts_txt{
	margin: 5px 6px 0 6px;
}



.to_prev_next_part{
	margin-top: 40px;
	font-size: 1.0em;
}

.to_prev_next_part li{
	padding: 0 7px;
}

.to_prev_next_part span,
.to_prev_next_part a{
	padding: 0 7px;
}



/* ### TOPICS詳細 ### */


.tod_section{
	width: 100%;
}

.tod_title{
	font-size: 1.3em;
	margin-bottom: 35px;
}

.tod_article{
	margin-bottom: 60px;
	line-height: 1.8em;
	font-size: 0.94em;
}


.tod_prev_next{
	font-size: 1.3em;
}




} /*  @media (max-width: 750px)  */