@charset "utf-8";
/*
20240108
*/




/*html,
body,
div{
    font-size: 17px;
    line-height: 1.6;
}
small {
    font-size: 50%;
}
.dc__copyright {
    line-height: 1;
}

h1 {
    font-size: 1.6rem;
}

h2 {
    font-size: 1.41rem;
}
.text_area ul li a, .text_area dl dd a, .text_area ul dl a {
    font-size: 1.06rem;
}
h4 {
    font-size: 1.06rem;
}
h3 {
    font-size: 1.2rem;
}
.notice {
    font-size: 0.824rem;
}
.text_area {
    line-height: 1.6;
}
.flex_footer-item h3 {
    font-size: 1.0rem;
}*/

.text_area,
.text_area.round {
    line-height: 1.6;
}
#diners04 span::before,
#diners03 span::before {
    vertical-align: 1px;
    margin-right: 2px;
}


/* pageNation */

.pageNationArea{
    display: flex;
    justify-content: center;
}
.pageNationArea ul{
    display: flex;
}
.pageNationArea li a,
.pageNationArea button{
    /*font-size: 17px;*/
    background-color: transparent;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    
}
.pageNationArea li a{
    color:white;
    text-decoration: none;
    /*font-weight: bold;*/
    display: block;
}
.pageNationArea button{
}

.pageNationArea li a {
    margin: 0;
    color: #3194d2;
    padding: 0.5em 1em;
}
.pageNationArea li.current a{
    text-decoration: none;
    color:#3194d2;
    color:#96cdef;
    color:white;
}


.pageNationArea ul li{
    background-color: #ddf0fb;
    margin: 5px;
    border-radius:5px;
    padding: 0;
}
.pageNationArea ul li.current{
    background-color: #3194d2;
}

.content_all{
    display: flex;
    flex-direction: row-reverse;
}
.p-block{
    width:1120px;
}
.articles_area{
    min-width: 840px;
}
.main-image {
    /* margin-bottom: 35px; */
    margin-bottom: 20px;
   /* max-width: 840px;*/
    max-width: 1120px;
}
.content_all .image_area.bnr{
    margin-left:20px;
    margin-top: 78px;
    max-width: 280px;
}

.articles_area {
    width: 840px;
}





@media screen and (max-width: 600px) {
.content_all{
    display: block;
}
.p-block {
     width: auto; 
}
.articles_area {
    min-width: auto;
    width:auto;
}
.content_all .image_area.bnr {
    margin-left: 0;
    margin-top: 0;
}
.content_all .image_area.bnr{
    max-width:none;
}
}