@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
#mainArea .main_inner {
    padding: 100px 0 !important;
}
/*===========================PC====================================== */
.top_btn04 a {
    padding: 20px;
    border-radius: 30px;
    display: block;
    text-decoration: none;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    position: relative;
    background: #c8a261;
    color: #fff !important;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
    border: 1px solid #c8a261;
}
.top_btn04 a:after {
    position: absolute;
    content: "";
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9px;
    height: 19px;
    background: url(../images/common/btn_icon01.png);
}
.blog article{
border-bottom: 0!important;
padding: 0!important;
}
    #contents > article{
        padding: 0 0 30px 0!important;
        margin-bottom: 30px!important;
        border-bottom: 1px solid #ccc!important;
    }
.blog #contents h2{
            border-bottom: 1px solid #58233f!important;
            margin-bottom: 10px;
}
.blog #contents h3{
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
border-bottom: 1px dotted #58233f!important;
}
.blog .wrap #contents h2{
    font-size: 32px;
}
.blog #contents .top_btn04 a:visited{color: #fff!important;}
.blog #contents .top_btn04 a:link{color: #fff!important;}
/*===========================tab====================================== */
@media screen and (max-width: 834px){
	.flexwrap31 .box{
		width: 31.11111111%!important;
		margin: 10px 1% 0 1%!important;
	}
	#mainArea .main_inner .main_l {
		width: 90% !important;
	}
}
.h_blog a{
    background: #5a173a;
    color: #fff!important;
}
/*===========================tab END====================================== */
/*===========================sp====================================== */
@media only screen and (max-width: 640px){

.flexwrap31 .box{
    width: 48%!important;
    margin: 10px 1% 0 1%!important;
}
.blog .wrap{
  flex-direction: column-reverse;
}



}
/*===========================sp END====================================== */