@charset "utf-8";.main{margin:0;}
.hiddenSP,.forPC{display:none}
/*------------------------------------------------------------------------ header */
.hottopics header {margin:10px 0 20px}
.txtPub{left:5px; top:0; color:rgb(8, 8, 8);}
/*.txtPub{left:5px; top:35px; color:white;}*/
.snsBox{right:5px;}
.hottopics header .htHeadBg{background-size:cover;padding:20px;margin-top:20px;}
.hottopics header h1{
    background:url("../img/title_sp.png") no-repeat center center;
    background-size:cover;
    padding-top:76.923%
}
.ttlCaption{padding:10px 10px 20px}
.htLink{margin-top:-25px;padding:20px 10px;}
.htLinkBox ul{margin:.5em 0 0 0;}

/*------------------------------------------------------------------------ htBox */
.htWrap{padding:24px 0 16px}
.htBox{padding:0 10px 28px;margin-bottom:28px}
.htBox1 h3 span{font-size:1.2rem}
.htTtl2{padding:2px .5em;margin:10px auto 0}
.htMenuBox{margin:0 0 10px}
.htImg2{padding:0 15px}
.htImg2::before{top:0;left:15px}
.htImg2::after{bottom:0;right:15px}
.htTxt2{padding:10px 15px}
.htBox3{margin-top:16px}
.htBox3 h4 span {background:#fff}
.htBtn a{min-width:280px}

/*付け加え*/

.snsBox{display:flex;margin-top:22px;}

/*
.htBox{float: none;}
.htBox2{float: none;
        max-width:349px;
}
.htMenuBox{float: none;}
.htBox3{float: none!important;
        max-width:369px;
        margin:0 auto 0 auto!important;
    }
*/
.htImg2{padding:0 5px}
.htImg2::before{top:0;left:0;}
.htImg2::after{bottom:0;right:0;}
.htImg2 img{max-width: 349px;}

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

.hottopics header h1{
    background:url("../img/title_sp_small.png") no-repeat center center!important;
    background-size: auto!important;
    padding-top:75%;
}

.htLinkBox ul li:before{content:none;}

.htLink {display: block;}
.htA1 {display: block;}
.htLinkBox {display: block!important;}

.htA1 ul li a,.htA2 ul li a,.htA3 ul li a {
    display:block;width:200px!important;}/**/
}

/*
.htTxt2{padding:10px 15px;width: 480px;}
.htTxt2 h4{width: 399px;}*/