﻿.title {
	background-image: url("../image_210129/title.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	width: 870px;
	height: 200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

#main .headingTop {
	color: #FFF;
    text-align: left;
    font-weight: 700;
    font-size: 66px;
    margin-left: 20px;
    padding-top: 86px;
    text-shadow: 1px 1px 2px rgba(10, 10, 10, 0.7);
    line-height: 1.1;
    font-feature-settings: "palt" 1;
}

#main .box2 {
	border: 1px solid #CCC;
	clear: both;
	margin-top: 15px;
	text-align: left;
	padding-bottom: 10px;
	width: 100%
}

#main .pd {
	padding-top: 8px;
	padding-bottom: 8px;
}
#main h3{
	margin-bottom: 15px
}
#main h3 img {
width: 100%
}

#main .category_1{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#main .category_1s img{
	width: 100%;
}
#main .category_1s{
width: calc(33.3% - 10px);
margin-right: calc(30px / 2);
margin-bottom: 40px;
}

#main .category_1s:nth-child(3n){
margin-right: 0;
}

#main .category_1 li{
border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 15px

}
#main .category_1 li a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
	align-items: center;
	color: #333
}

#main .category_1 li a .txtArea {
    width: 55%;
}
#main .category_1 li a .imgArea {
    width: 40%;
}
#main .category_1 li a .imgArea img{
	width: 100%
}
.listHeading{
	font-size: 1.05em;
	line-height: 1.2
}
#main .category_2{
	margin-bottom:20px;
	margin-top:10px;
}


#main p.catchTxt{
	color: #F4B836;
	font-weight: bold;
	font-size: 2.4em;
	line-height: 1.1;
	text-align: center;
	text-shadow: 1px 1px 1px #333, -1px 1px 1px #333, 1px -1px 1px #333, -1px -1px 1px #333, 1px 0px 1px #333, 0px 1px 1px #333, -1px 0px 1px #333, 0px -1px 1px #333;
	margin: 30px auto
}

#main p.catchTxt span{
	color: #333;
	font-size: 0.7em;
	text-shadow:none
}