@charset "UTF-8";

/** 個別 LIST **/
#NewsList_Top ul {
    margin: 0 auto 1em auto;
    padding: 0;
    text-align: left;
    border: solid;
    border-width: 2px 0 1px 0; 
}

#NewsList_Top ul li {
    margin: 0 auto!important;
    border: dotted;
    border-width: 0 0 1px 0;
}

#NewsList_Top ul li a {
    display: block;
    padding: 0.5em;
    color: #333333;
    position: relative;
}

#NewsList_Top ul li a:hover {
    background-color: #efefef;
    text-decoration: none;
}

#NewsList_Top ul li a img.arrow {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
}

#NewsList_Top ul li a .cat_tag,
#NewsList_Top ul li a .new_tag,
#NewsList_List ul li a .cat_tag,
#NewsList_List ul li a .new_tag {
    padding: 0.2em 0.5em;
    border-radius: 3px;
}

#NewsList_Top ul li a .cat_tag,
#NewsList_List ul li a .cat_tag {
    margin: 0 1em 0 0;
    width: 7em;
    display: inline-block;
    text-align: center;
}

#NewsList_Top ul li a .new_tag,
#NewsList_List ul li a .new_tag {
    margin: 0 0 0 1em;
}

#NewsList_List ul {
    border: solid;
    border-width: 2px 0 1px 0;
}

#NewsList_List ul li {
    border: dotted;
    border-width: 0 0 1px 0;    
}

#NewsList_List ul li a {
    display: block;
    padding: 0.5em;
    color: #333333;
    position: relative;
}

#NewsList_List ul li a:hover {
    background-color: #efefef;
    text-decoration: none;
}

#NewsList_List ul li a img.arrow {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
}

#NewsList_List .pager {
    border-width: 0;
}

/* ディテールページ */
#NewsList_Detail {
    border: #000000 solid;
    border-width: 1px 0; /*List liがないため*/
    padding: 0.6em 0 1em 0;
    margin: 0 auto 1em auto;
}

#NewsList_Detail img.NewsPhoto {
    max-width: 60%;
    height: auto;
    margin: 0 auto 1em auto;
    overflow: hidden;
    display: block;
}

#NewsList_Detail .no_photo {
    width: 30%; /*親要素の幅に合わせて乗算*/
    height: calc(30vw * 0.7)!important; /*親要素の幅に合わせて乗算*/
    margin: 0 2em 0 0;
    overflow: hidden;
    display: block;
    float: left;
}
#NewsList_Detail img {
    max-width: 30%;
    float: left;
    margin: 0 2em;
}

#NewsList_Detail .comment_box {
    overflow: hidden;
    display: inherit;
} 

#NewsList_Detail h2 {
    padding: 0 0.5em 0.5em 0;
    text-align: left;
    margin: 0 0 1em 0;
    border: #000000 solid;
    border-width: 0 0 1px 0;
    position: relative;
    line-height: 1.3em;
}

#NewsList_Detail h2 span {
    overflow: hidden;
    display: inherit;
}

#NewsList_Detail h2 .cat_tag {
    margin: 0 0 0 1em;
    padding: 3px 1em 5px 1em;
    float: right;
}

.sq_button .btn {
    width: 10em;
    margin: 0 0.5em;
}


/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1440px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1280px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1024px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 960px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 768px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Mobile */
@media only screen and (max-width : 420px) {
/* ------------------------------------------------------ */
#NewsList_Top ul li a .cat_tag, 
#NewsList_Top ul li a .new_tag, 
#NewsList_List ul li a .cat_tag, 
#NewsList_List ul li a .new_tag {
    display: none;
}

}

/* ------------------------------------------------------ */
/* Media Query for Mobile iPhoneSE */
@media only screen and (max-width : 320px) {
/* ------------------------------------------------------ */

}