@charset "shift_jis";

/*
	-------------------------
	 index.css
	-------------------------
*/


div.ttl_bnr {
	margin-bottom:2em;
}

div.ttl_bnr img {
	height: auto;
	width: 100%;
}

#contents section{
	margin-top:3em;
	margin-bottom:3em;
} 


#contents section p.ml1em{
	margin-left:1em;
}


#contents ul.menu_list{
	margin:2em 0 2em 1em;
}

#contents ul.menu_list li{
	display:inline-table;
	width:30%;
	margin:0.5em 1em 0.5em 0;
}

#contents ul.menu_list li a{
	display:inline-block;
	border:2px solid #ccc;
	padding:1em;
	overflow:hidden;
}

#contents ul.menu_list li a:hover,
#contents ul.menu_list li a:active,
#contents ul.menu_list li a:focus{
	opacity:0.5;
	text-decoration:none;
	color:#000;
}


#contents ul.menu_list li a span{
	display:inline-block;
	height:3em;
	padding-left: 1em;
}

#contents ul.menu_list li a img{
	display:block;
	width:220px;
	    /* height: 186px; */
	background-color:#ccc;
	margin:1em;
}	

#contents dl.kanren{
	margin-left:1em;
}

#contents dl.kanren dt{
	font-weight:700;
	margin-bottom:0.5em;
}

#contents ul.menu_list li .slink {
    display: inline-block;
    border: 2px solid #ccc;
    padding: 1em;
    overflow: hidden;
}

#contents ul.menu_list li .slink img {
    display: block;
    width: 220px;
    background-color: #ccc;
    margin: 1em;
}

#contents .slink .textLink {
	padding-left: 1em;
}

#contents .opacity {
	opacity: 0.5;
}

@media (max-width: 640px){

	#contents ul.menu_list li{
		display:inline-table;
		width:100%;
		margin:0.5em 1em 0.5em 0;
	}

	#contents ul.menu_list li a{
		display:inline-block;
		border:2px solid #ccc;
		padding:1em;
		overflow:hidden;
		width:86%;
	}

	#contents ul.menu_list li a img {
		margin: 1em auto;
	}
	
	#contents ul.menu_list li div.slink {
		display: inline-block;
		border: 2px solid #ccc;
		padding: 1em;
		overflow: hidden;
		width: 86%;
	}
	
	#contents ul.menu_list li .slink img {
		margin: 1em auto;
	}
}


/* 20220304 */
#contents ul.bnrlist {
    margin: 0 0 0 1em;
    padding: 0;
    list-style: none;
}

#contents ul.bnrlist li {
    display: inline-block;
    margin-left: 5px;
}


/* 20220310 */
h3.title {
    border-bottom: #333333 solid 1px;
}


@media (max-width: 640px){
    #contents ul.bnrlist{
        text-align: center;
        margin-left: 0;
    }
    #contents ul.bnrlist > li{
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }
}