@charset "utf-8";
/* CSS Document */


.main_visual {
	background: url("../../img/main_visual.png")no-repeat center center;
	background-size: cover;
}

.main .c_outer:nth-child(odd) {
	background: #f0f4f4;
}

.contents_inner {
	width: 95%;
	max-width: 1000px;
	margin: auto;
}


.mokuteki .comment {
	padding: 0 0 50px;
	line-height: 2;
	text-align:justify;
}



.more {
	text-align: center;
}
.more p {
    width: 200px;
    margin: auto;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    border: 1px solid #fff;
}

.more.hover p {
	transition-duration: 0.3s;
}
ul.contents_list li:hover > div .detail .more.hover p {
	transition-duration: 0.3s;
	background: #fff;
	color: #ccc;
}


ul.contents_list {
    padding: 72px 0 50px;
    display: flex;
		flex-wrap: wrap;
		width: 100%;
		max-width: 1196px;
		margin: auto;
}

ul.contents_list a {
    width: 100%;
    max-width: 497px;
    margin: 0 1.5px 3px;
}
ul.contents_list li {
    width: 100%;
    max-width: 497px;
}




ul.contents_list a:nth-child(1){
	background: url("../img/main_img01.png")no-repeat center right;
	background-size: contain;
}
ul.contents_list a:nth-child(2){
	background: url("../img/main_img02.png")no-repeat center right;
	background-size: contain;
}
ul.contents_list a:nth-child(3){
	background: url("../img/main_img03.png")no-repeat center right;
	background-size: contain;
}
ul.contents_list a:nth-child(4){
	background: url("../img/main_img04.png")no-repeat center right;
	background-size: contain;
}


ul.contents_list li .detail {
    width: 248px;
    text-align: center;
    height: 310px;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.acbox {
	width: 50%;
	transition-duration: 0.3s;
}

ul.contents_list a:hover > li div.acbox {
	width: 100%;
}

.list01 {
    background: rgba(106, 190, 131, 1);
}
.list02 {
    background: rgba(52, 161, 220, 1);
}
.list03 {
    background: rgba(247, 173, 85, 1);
		/*float: right;*/
}
.list04 {
    background: rgba(222, 130, 179, 1);
		/*float: right;*/
}

ul.contents_list a:hover > li div.acbox.list01 {
	background: rgba(120, 196, 143, 0.7);
}
ul.contents_list a:hover > li div.acbox.list02 {
	background: rgba(52, 161, 220, 0.7);
}
ul.contents_list a:hover > li div.acbox.list03 {
	background: rgba(247, 173, 85, 0.7);
}
ul.contents_list a:hover > li div.acbox.list04 {
	background: rgba(222, 130, 179, 0.7);
}

.detail_title {
    font-size: 35px;
}
.detail_txt {
    padding: 0 10px;
}












/* 固有のスマホ対応記述
========================== */

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){

.history th {
    font-size: 12px;
    width: 80px;
    padding: 15px 3px;
}
.history td {
    padding: 20px 10px;
    font-size: 12px;
}
	
.dai_midashi {
    font-size: 26px;
}
	
ul.contents_list a {
    max-width: none;
}
	
ul.contents_list a:nth-child(1){
	background: url("../img/main_img01.png")no-repeat center right;
	background-size: cover;
}
ul.contents_list a:nth-child(2){
	background: url("../img/main_img02.png")no-repeat center right;
	background-size: cover;
}
ul.contents_list a:nth-child(3){
	background: url("../img/main_img03.png")no-repeat center right;
	background-size: cover;
}
ul.contents_list a:nth-child(4){
	background: url("../img/main_img04.png")no-repeat center right;
	background-size: cover;
}

div.acbox.list01 {
	background: rgba(120, 196, 143, 0.7);
}
li div.acbox.list02 {
	background: rgba(52, 161, 220, 0.7);
}
li div.acbox.list03 {
	background: rgba(247, 173, 85, 0.7);
}
li div.acbox.list04 {
	background: rgba(222, 130, 179, 0.7);
}
	
ul.contents_list li {
    max-width: none;
}
	
.acbox {
    width: 100%;
}
ul.contents_list li .detail {
    width: 100%;
}
	
ul.contents_list li .detail {
    color: #fff;
}
	
	
	
}

/* 470pxより小さい場合 */
@media screen and ( max-width: 470px ){

}


/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){

}


@media print {

}