@charset "UTF-8";
 body {
    font-family: "メイリオ", Meiryo, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
a {
    outline: none;
}
#main {
    position: relative;
    width: 100%;
    padding-bottom: 50px;
}
p {
    margin: 0;
    padding: 0;
}
/*clearfix*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

#global_header {
    display: block;
}
#nav_sp {
    display: none;
}
.foot_c {
    position: relative;
    width: 100%;
}
.footer_sp {
    display: none;
}
/*ホバーボタン*/

a:hover img.btn_alfa {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
.page-back{
    text-align:right;
}
.contents{
    position:relative;
}
.maparea{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    margin-top:20px;
}

.comment_area{
    display:none;
    background-image:url(../images/comment.png);
    background-repeat:no-repeat;
    position:absolute;
    width:344px;
    height:74px;
}

.comment_area p{
    padding:10px;
    font-size:16px;
}
.about{
    position:relative;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    line-height:1.6;
    padding-top:20px;
    color:#91c979;
}
/*===============================================
●style.css 画面の横幅が1000px以上
===============================================*/

arigato@media screen and (min-width: 1000px) {
    #global_header {
        display: block;
    }
    .foot_c {
        position: relative;
        width: 680px;
    }
}
/*===============================================
●style.css 画面の横幅が1600pxまで
===============================================*/

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

.maparea{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    margin-top:20px;
}
img.wimg{
    position:relative;
    width:100%;
}

}
/*===============================================
●style.css 画面の横幅が1000pxまで
===============================================*/

@media screen and (max-width: 1000px) {
    .foot_c {
        position: relative;
        width: 680px;
    }
    .contents {
        position: relative;
        width: 98%;
        margin-left: auto;
        margin-right: auto;

    }
            /*ナビゲーション*/
    #nav_sp {
        display: block;
        width:100%;
        position:relative;
    }
            #global_header {
        display: none;
    }


}

/*===============================================
●style.css 画面の横幅が800pxまで
===============================================*/

@media screen and (max-width: 800px) {
        .players{
    width: 100%;

}

}

/*===============================================
●style.css 画面の横幅が680pxまで
===============================================*/

@media screen and (max-width: 680px) {
        #global_footer {
        display: none;
    }

    .footer_sp {
        display: block;
    }
.maparea{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    margin-top:20px;


}
img.wimg{
    position:relative;
    width:100%;
}
.comment_area{
    display:none;
    background-image:url(../images/comment.png);
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
    top:0;
    left:0;
    width:80%;
    height:74px;
}


}
/*===============================================
●style.css 画面の横幅が460pxまで
===============================================*/

@media screen and (max-width: 460px) {
    #global_footer {
        display: none;
    }
    .footer_sp {
        display: block;
    }



}
/*===============================================
●style.css 画面の横幅が400pxまで
===============================================*/

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


}