@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 600px) {
    header {
        background: url("../images/common/bg_line.gif")top repeat-x;
        background-color: #FFF;
        margin: 0;
        display: block;
        position: fixed;
        top: 0;
        z-index: 10;
    }
    header #logo {
        width: 50%;
        padding: 25px 0 14px 5px;
        margin-top: 0;
    }
    #search_box {
        width: 100%;
        background: #EEEEEE;
        border-bottom: #CCCCCC 1px solid;
        border-top: #CCCCCC 1px solid;
        padding: 10px;
        display: flex;
        justify-content: center;
    }
    #search_box input {
        width: 70%;
    }
    #top_contents {}
    nav {
        padding-bottom: 0;
    }
    #contents_box {
        width: 100%;
        max-width: 600px;
    }
    #photo_box {
        padding-top: 260px;
        margin-top: -100px;
    }
    #photo_box img {
        width: 100%;
    }
    #contents {
        display: block;
        margin-bottom: 20px;
    }
    #main_box {
        width: 100%;
        max-width: 600px;
        margin-right: 20px;
    }
    #bnr_box {
        width: 100%;
        max-width: 600px;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    /*   @media only screen and (max-width: 480px) {
#bnr_box {

    padding-left: 0;    
} 
    }*/
    #bnr_box p {
        margin-left: 1%;
        width: 32%;
    }
    #bnr_box p:nth-child(2n+1) {
        margin-left: 10;
    }
    #footer_innner {
        width: 100%;
        max-width: 600px;
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin: 0;
    }
    #address, #footer_link_box {
        width: 50%;
        max-width: 1080px;
        margin: 0 15px;
        ;
        color: #FFF;
        padding: 20px 0;
    }
    #footer_link {
        background-color: #535353;
    }
    #footer_link_box_sp {
        margin-bottom: 15px;
    }
    #footer_link_box div {
        margin: 0 6px;
        font-size: 90%;
    }
    #footer_link_box {
        display: none;
    }
    #footer_link_box_sp {
        display: block;
        color: #FFF;
        width: 40%;
        padding: 20px;
    }
    #footer_link {
        height: 10px;
    }
    #footer_link_box_sp a:link {
        color: #FFFFFF;
    }
    #footer_link_box_sp a:hover {
        color: #99ffff;
    }
    /*　ハンバーガーボタン　*/
    .hamburger {
        display: block;
        position: fixed;
        z-index: 11;
        right: 16px;
        top: 16px;
        width: 42px;
        height: 42px;
        cursor: pointer;
        text-align: center;
        border: 1px #CCCCCC solid;
        background-color: #FFF;
        border-radius: 4px;
    }
    .hamburger span {
        display: block;
        position: absolute;
        width: 28px;
        height: 2px;
        left: 7px;
        background: #555;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .hamburger span:nth-child(1) {
        top: 10px;
    }
    .hamburger span:nth-child(2) {
        top: 20px;
    }
    .hamburger span:nth-child(3) {
        top: 30px;
    }
    /* ナビ開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
        top: 19px;
        left: 6px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) {
        top: 19px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    nav.globalMenuSp {
        position: fixed;
        z-index: 2;
        top: 78px;
        left: 0;
        color: #000;
        background: #fff;
        text-align: center;
        transform: translateX(100%);
        transition: all 0.6s;
        width: 100%;
    }
    nav.globalMenuSp ul {
        background: #FFF;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    nav.globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #CCCCCC;
    }
    nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    nav.globalMenuSp ul li:hover {
        background: #ddd;
    }
    nav.globalMenuSp ul li a {
        display: block;
        color: #000;
        padding: 5px 0;
        text-decoration: none;
    }
    /* このクラスを、jQueryで付与・削除する */
    nav.globalMenuSp.active {
        transform: translateX(0%);
    }
    #contents {}
    #left_box {
        width: 100%;
        max-width: 600px;
    }
    .left_sp_list {
        width: 100%;
        max-width: 600px;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        padding-left: 0;
    }
    #left_box ul {
        border-right: none;
    }
    .left_sp_list li {
        width: 50%;
        margin: 0;
        border-right: 1px solid #CCCCCC;
    }
    .left_sp_list li:nth-child(3n+1) {
        margin-left: 0;
    }
    .left_item_one .left_sp_list li {
        width: 25%;
        margin: 0;
        border-right: 1px solid #CCCCCC;
    }
    .left_item_one .left_sp_list li:nth-child(5n+1) {
        margin-left: 0;
    }
    .left_item_one li img {
        width: 100%;
    }
    #left_box .left_item_one li {
        font-size: 80%;
    }
    #main_contents {
        width: 100%;
        max-width: 600px;
        margin-left: 0;
        margin-top: 30px;
    }
    #business01, #business02, #business03, #business04, #business05, #business06, #article02, #article03, #article04 {
        padding-top: 100px;
        margin-top: -100px;
    }
    .item_info_detail a:link {
        text-decoration: underline;
    }
    .item_info_detail a:hover {
        text-decoration: none;
        color: #006699;
    }
    #title_box {
        padding-top: 260px;
        margin-top: -100px;
    }
    #main_contents .overview dl {
        flex-flow: column;
    }
    #main_contents .history dl {
        flex-flow: column;
    }
    #main_contents .photo_box2 {
        display: block;
    }
    #main_contents .item_info_detail dl {
        flex-flow: column;
    }
    #main_contents .item_info_detail dt {
        border-bottom: none;
    }
    #main_contents .item_info_detail dd {
        padding: 0 10px 10px 10px;
    }
    #sitemap_box {
        width: 100%;
        display: block;
    }
    #sitemap_box ul {
        width: 96%;
        margin: 30px auto;
        border-top: 1px dashed #d3d3d3;
    }
    #info_box {
        display: block;
        margin-bottom: 30px;
    }
    .info_innner {
        width: 100%;
        margin: 20px 0;
    }
    #left_box li a {
        display: block;
        font-size: 85%;
    }
    /*タイトル*/
    h2 {
        background: url("../images/common/bg_line.gif");
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding: 20px 20px;
    }
    h3 {
        background: linear-gradient(#1363ae, #1c1d43);
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 20px;
        border-radius: 6px;
    }
    .news {
        border-radius: 0;
    }
    h4 {
        background: url("../images/common/h4_bg.gif") repeat-x bottom;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 2px;
        margin-top: 30px;
    }
    h5 {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding: 6px 2px;
        margin: 20px 0 10px 0;
        border-bottom: 1px dotted #CCCCCC;
    }
}