﻿ul.fukuchan_prof{
    font-size: 1.4em;
    list-style: none;
	padding: 4% 0;
	color: #5b2d00;
    font-weight: 700;
}
.two_column_box {
	background: #fff8aa;
    margin: 2%;
}
.two_column_right{
	float:left;
	width:70%;
	padding: 2% 3%;
}
.two_column_left{
	float:left;
	width:25%;
	padding: 2% 3%;
	margin-left: 5%;
}
.thum {
    display: block;
    float: left;
    background: #fff;
    padding: 2%;
    width: 30%;
	margin-left: 3%;
	border-radius: 10px;
}
.magazine{
    float: left;
    width: 67%;
	color:#533F1F;
	padding: 14% 5%;
}
.magazine_ttl{
	font-size: 1.8em;
	line-height: 1.3em;
}
.magazine_size{
	font-size: 1.2em;
}
a.magazine_box:hover .magazine_ttl{
	text-decoration:underline;
}
a.magazine_box:hover .thum{
	outline: solid 2px #1F1F1F;
}
.file:nth-child(3n+1) {
    clear: none;
}
.koukoku_clear{
	clear:both;
}
.con_bn{
	width:65%;
}

@media screen and ( max-width:1600px) {
.thum {
    margin-left: 0%;

}
.con_bn {
    width: 70%;
}

}
@media screen and ( max-width:1024px) {
.con_y {
    padding: 4% 6%;
}
.thum {
    width: 35%;
}
.magazine_ttl {
    font-size: 1.4em;
}
.magazine {
    padding: 14% 5%;
	width: 65%;
}
}
@media screen and ( max-width:599px) {
.thum {
    width: 100%;
}
.magazine {
    padding: 3% 3%;
    width: 100%;
    text-align: center;
}
.con_bn {
    width: 94%;
}
.con_ttl{
	margin-top:3%;
}
.con_ttl_img {
    width: 10%;
}
}

