@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
#header_inner_wrap{
	background: #000;
}
#mainArea{
	margin-top: 110px;
}
.h_text_btn a {
	display: inline-block;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 3px 10px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.h_text_btn a:hover {
    background: #ef0000;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
}
#h_right{
	flex-wrap: wrap;
	    justify-content: flex-end;
}
.h_right_r{
	display: flex;
	justify-content: flex-end;
}
.list_box .box{
    width: 31.11111%;
    margin:0 1% 10px 1%;
    border-bottom: 2px solid #161616;
	padding-left: 45px;
	padding-bottom: 10px;
	padding-top: 10px;
	position:relative;
	flex-wrap: wrap;
}
.list_box .box:before{
content: "";
background: url(../images/common/ball_icon.png);
width: 30px;
height: 30px;
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
bottom: 10px;
}
.shop_list .box{
    width: calc((100% - 32px)/3);
    margin-right: 16px;
}
.shop_list .box a{
    position: relative;
    display: block;
}
.shop_list .box a:hover h3{
    color: #161616;
}
.shop_list .box:last-child{
    margin-right: 0;
}
.shop_list .box h3 {
    font-size: 2.4rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
}
.shop_list .box p {
    font-size: 2rem;
    color: #161616;
    line-height: 1.4;
    margin: 25px 0 15px;
}
.shop_list_new h3{
    font-size: 2rem;
    color: #161616;
    line-height: 1.4;
    margin: 25px 0 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #000;
}
.shop_list_new .box{
    width: 50%;
}
.shop_list_new .box:last-child{
    padding-left: 48px;
}
.shop_list_new .box img{
    width: 100%;
}
a.shop_list_new_btn{
    display: inline-block;
    padding: 16px 32px;
    background-color: #000;
    color: #fff;
    margin-top: 16px;
}
.flex01 .leftArea{
    width: 30%;
}
.flex01 .rightArea{
    width: 65%;
}
.flex01 .rightArea .txt_inner{
    max-width: 96%;
}
.item article a{
    width: 30% !important;
}
.item article a img{
    width: 100% !important;
}

@media screen and (max-width: 1000px) {

#mainArea{
	margin-top:70px;
}

}
@media screen and (max-width: 834px) {

	.list_box .box{
    width: 98%;
    margin:0 1% 10px 1%;
}

}
@media screen and (max-width: 640px) {

	.h_right_r{
        margin-top:5px;
    }
    .h_text_btn a {
        padding: 5px 10px;
        font-size:14px;
        line-height: 1.2;
    }
        .list_box .box{
        width: 98%;
        margin:0 1% 10px 1%;
    }
    .flex01 .leftArea{
        width: 100%;
    }
    .flex01 .rightArea{
        width: 100%;
        padding: 0 20px;
    }
    .item article a{
        width: 100% !important;
    }
    .shop_list_new .box{
        width: 100%;
    }
    .shop_list_new .box:last-child{
        padding-left: 0;
    }

}