.pageBox .pageBoxWrap1 .pageBoxWrap2 {
    padding: 0px;
    background: none;
    text-align: left;
}

.pageBox .pageBoxWrap1 {
    background: none;
}

.pageBox {
    width: auto;
    margin: 0 auto;
    background: none;
}


.footerBottom .footerBottomWrap {
    padding: 20px 4px;
    width: 90%;
    text-align: center;
}


.footerBottom .footerBottomWrap .right {
    text-align: center;
    line-height: 2;
    text-align: center;
    -webkit-text-size-adjust: 100%;
}


.footerBottom .footerBottomWrap .right {
    float: right;
    width: 100%;
}

.entryListWrap {
    border-bottom: #ccc 1px dotted;
}



/*ここより上はリセットCSS*/

.editArticle {
    border-bottom: #CCC 1px dotted;
}

.main {
    float: none !important;
    width: 100% !important;
}

.headGroup {
    padding-bottom: 20px;
}

.tnlogo {
    display: block;
    width: 140px;
    margin: 0px auto 14px auto;
}

.tnlogo img {
    width: 100%;
}

p.cc {
    text-align: center;
    display: none;
}

h1.seniorTitle {
    background-color: #ffdf82;
    line-height: 30px;
    padding-left: 7px;
}

.seniorLogoSp {
    width: 100%;
    max-width: 660px;
    margin: auto;
}

.seniorLogoPc {
    display: none;
    width: 100%;
}
/*
.seniorLogoSp:hover,
.seniorLogoPc:hover {
    opacity: 0.8;
}
*/
.seniorLogoSp img,
.seniorLogoPc img {
    width: 100%;
}

.maincontentsTitle {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 40px;
    background-color: #4ecac3;
    margin: 20px auto auto auto;
    padding-left: 10px;
    color: white;
    max-width: 660px;
    box-sizing: border-box;
}

.TopNewsAreaList,
.subArea {
    border: solid 1px #d9d9d9;
    max-width: 660px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}

.subArea {
    padding: 0 20px;    
}

.TopNewsAreaList article:last-child,
.subArea article:last-child {
    border-bottom: none;
}

.entry {
    padding: 0px;
}

.maincontentsGroup .entryListWrap {
    transition: .8s;
}

.opacityZero {
    opacity: 0;
}

.subcolumn .entry {
    padding: 20px 0;
}

.TopNewsAreaList .entry .mainHeadline {
    padding: 8px 0;
}

    .entry .mainHeadline {
        font-size: 18px;
    }


.TopNewsAreaList .entry .imageBoxRight {
    width: 100px;
    height: 100px;
}

.TopNewsAreaList .entry .imageBoxRight img {
    max-width: 100px;
    max-height: 100px;
}

.entry .description {
    display: none;
}

.subcontentsTitle {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 40px;
    background-color: #a5a5a5;
    margin: 20px auto auto auto;
    padding-left: 10px;
    max-width: 660px;
    box-sizing: border-box;
}

.subcontentsTitle a {
    color: white;
}
.subArea {
    background-color: #f9f9f9;
}

.areaCat {
    background-color: #a7a7a7;
    display: inline-block;
    padding: 5px;
    font-size: 0.9em;
    color: white;
    border-radius: 5px;
    margin-top:10px;
}

.category01, 
.category02, 
.category03,
.category04, 
.category05,
.category06, 
.category07, 
.category08, 
.category09 {
    background-color: white;
    display: inline-block;
    padding: 5px;
    font-size: 0.9em;
    border: solid 1px #92981a;
    color: #92981a;
    border-radius: 5px;
    margin-top: 10px;
display:none;
}

.category02 {
    border: solid 1px #041371;
    color: #041371;
}
.category03 {
    border: solid 1px #b60075;
    color: #b60075;
}
.category04 {
    border: solid 1px #a67332;
    color:#a67332;
}
.category05{
border: solid 1px #e08409;
    color: #e08409;
}
.category06{
border: solid 1px #00b1d2;
    color: #00b1d2;
}
.category07{
    border: solid 1px #041371;
    color: #041371;
}
.category08{
border: solid 1px #0da234;
    color: #0da234;
}
.category09{
border: solid 1px #3aa1c3;
    color: #3aa1c3;
}

.web_2 p.areaCat:before {
    content: '横浜';
}

.web_23 p.areaCat:before {
    content: '川崎';
}

.web_24 p.areaCat:before {
    content: '相模原・東京多摩';
}

.web_25 p.areaCat:before {
    content: '県央';
}

.web_26 p.areaCat:before {
    content: '横須賀・三浦';
}

.web_27 p.areaCat:before {
    content: '湘南・県西';
}

@media screen and (min-width: 480px) {

    .TopNewsAreaList .entry .imageBoxRight {
        width: 160px;
        height: 160px;
    }
    .TopNewsAreaList .entry .imageBoxRight img {
        max-width: 160px;
        max-height: 160px;
    }
    .TopNewsAreaList .entry .description {
        display: Block;
    }
}

@media screen and (min-width: 660px) {
    .seniorTitleGroup {
        max-width: 1000px;
        margin: auto;
    }
    .seniorLogoSp {
        display: none;
    }
    .seniorLogoPc {
        display: block;
    }
}

@media screen and (min-width: 760px) {
    body {
        font-size: 0.9em;
    }
    .TopNewsAreaList .entry .mainHeadline {
        padding: 10px 0 10px 0;
        font-size: 22px;
        /*line-height: 80em;*/
    }
}

@media screen and (min-width: 1000px) {
    .contentsGroup {
        overflow: hidden;
        width: 1000px;
        margin: auto;
    }
    .maincontentsGroup {
       float: left;
       overflow: auto;
min-height:1000px
    }
    .maincontentsTitle {
        width: 660px;
    }
    .subcolumn {
        float: right;
        width: 320px;
        margin-top: 0;
    }
}


/*PRページ追加_nanri*/
/*searchGroup開閉コードここから*/

label {
    color: #000;
    font-weight: bold;
    padding: 10px;
    display: block;
    margin: 0;
    border-bottom: 1px solid #8597cc;
   font-size: 1.1em;
    line-height: 2;
        position: relative;
    padding-left: 60px;
}

input[type="checkbox"].on-off{
    display: none;
}

.searchMenu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.searchMenu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + .serchArea{
    height: 350px;
}

input[type="checkbox"].on-off:checked + .serchCategory{
    height: 300px;
}
@media screen and (min-width: 760px) {
input[type="checkbox"].on-off:checked + .serchArea{
    height: 380px;
}
input[type="checkbox"].on-off:checked + .serchCategory{
    height: 350px;
}
}

@media screen and (min-width: 1000px) {
input[type="checkbox"].on-off + .serchArea{
    height: 380px;
    overflow: auto;
}
input[type="checkbox"].on-off + .serchCategory{
    height: 350px;
    overflow: auto;
}
}

/*searchGroup開閉コードここまで*/

.searchGroup {
    max-width: 640px;
    padding: 10px;
    margin: 0 auto;
    background-color: #eaf0f6;
}

@media screen and (min-width: 1000px) {
.searchGroup {
    width: 280px;
    float: right;
    margin-top: 20px;
    padding: 20px;
}
}

.searchGroup_set{
    max-width: 360px;
    margin: 0 auto;
}

.button_clear{
    font-size: 1.2em;
    line-height: 3;
    text-align: center;
/* box-shadow */
box-shadow:2px 3px 6px 1px #8b8ede inset,-2px -73px 7px 1px #142270 inset;
/* border-radius */
border-radius:6px;
/* border */
border:1px solid #0f2d99;
}

.button_clear a {
    color: #fff;
    display: block;
}

.button_clear:hover{
    opacity: 0.5;
}

.searchMenu{
 margin-bottom: 20px;   
}

.buttonTitle:after{
position: absolute;
    background: url(https://www.townnews.co.jp/pr/senior/img/partsK-serch.svg) no-repeat top left;
    background-size: 35px;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
}

@media screen and (min-width: 1000px) {
    .buttonTitle{
        margin-top: 10px;
    }
}

.mgt10{
    margin-top: 10px;
}

.searchFormat{
    background-color: #e68a00;
    font-size: 1.1em;
    line-height: 3;
    text-align: center;
    border: 1px solid #fff;
}

.searchFormat a {
    color: #fff;
    display:  block;
}

#l2{
    line-height: 1.6;
    height: 50px;
    padding-top: 15px;
}

@media screen and (min-width: 760px) {
#l2{
padding-bottom: 15px;
}
}

a{
    text-decoration: none !important;
}

.searchFormat:hover{
    color: #000;
    background-color: #efce9b;
}


/*PRページ追加ここまで_nanri*/


/*SNS用*/
.sns {
    position: relative;
    width: 160px;
    z-index: 1;
    margin: 0 auto;
}

.topSNS {
    width: 320px;
    height: 70px;
}

.twi {
    width: 75px;
    position: absolute;
    left: 0px;
}

.fb {
    width: 70px;
    position: absolute;
    left: 85px;
    margin: 0 auto;
}

.topSNS >ul > li > a > img {
    height: 30px;
    float: left;
    margin-top: 5px;
}
.topSNS >ul > li > a > p {
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}
.topSNS >ul > .twi,
.topSNS >ul > .fb {
    width: 158px;
    background-color: #1DA1F2;
    border: solid 1px rgba(255,255,255,0.5);
    box-sizing: border-box;
    border-radius: 4px;
}

.topSNS >ul > .fb {
    left: 162px;
    background-color: #3B5998;
}

@media screen and (min-width: 1200px)  {
    /*topSNS*/
    #topSnsGroup {
        position: fixed;
        top: 50%;
        left: 0;
        width: 110px;
        background-color: rgba(142, 142, 162, 0.5);
        height: auto;
    }
    #topSnsGroup > ul > .twi,
    #topSnsGroup > ul > .fb {
        width: 80px;
        margin-left: 15px;
        position: static;
        margin-top:20px;
        margin-bottom:20px;
    }
    #topSnsGroup > ul > li > a > img {
        height: 50px;
        float: none;
        display: block;
        margin: auto;
    }
    #topSnsGroup > ul > .fb {
        margin-top: 20px;
    }
}