@charset "UTF-8";

#suntory_contents {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial,'ＭＳ Ｐゴシック',sans-serif!important;

}

#suntory_contents img {
    border: none;
    vertical-align: bottom;
}
h1,p {
    display: block;
    margin: 0;
    padding: 0;
}

ul, menu, dir {
    display: block;
    list-style-type:none;
   margin: 0;
    padding: 0;
}

.opacityover:hover{
    opacity:0.8;
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);        /* ie 6 7 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
}



#suntory_contents #container #birdwatching{
    color: #603813;
}

#suntory_contents #container #birdwatching img{
    width: 100%;
}




#suntory_contents #container #birdwatching span.bird{
    color: #fd5655;
}

#bwmodal span.bird{
    color: #fd5655;
}


#suntory_contents {
    background-image: url(../img/bk.png);
    background-position: center top;
}










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

    .sp{
        display: none;
    }

    .birds_dir #top_wrapper{
        height: 97px !important;
    }



    #eco_common_sp_footer{
        display: none;
    }
    #SiteHeader_sp{
        display: none;
    }

    .birds_dir  #suntory_contents #top_wrapper #comBox h1 {
        display: block;
    }
    .birds_dir  #suntory_contents #top_wrapper #comBox h1 a {
        display: block;
        margin: 0;
        padding: 0;
    }
    .birds_dir  #suntory_contents #top_wrapper #comBox h1 a img{
        display: block;
        background: 0;
        padding: 0;
    }


    #suntory_contents #container{
        width: 100%;
    }



    #suntory_contents #container .maincontent{
        margin-top: -10px;
        position: relative;

    }


    #suntory_contents #container #birdwatching .hd{
        /*background-color: #ede8e4;*/
        background-image: url(../img/headershadow.png);
        height: 63px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    #suntory_contents #container #birdwatching .hd .inner{
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    #suntory_contents #container #birdwatching .hd .inner img{
        width: 701px;
    }

    #suntory_contents #container .sns{
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -30px;
    }


    #suntory_contents #container .sns .socialbutton_suntory_socialbutton_twitter{
        margin-left: 10px !important;
    }


    #suntory_contents #container .sns .socialbutton_suntory_socialbutton_line{
       display: none;
    }







    #suntory_contents #container #birdwatching .bwnavi{
        background-image: url(../img/bwnavi_back.png);
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 70px;
    }

    #suntory_contents #container #birdwatching .bwnavi .inner{
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    #suntory_contents #container #birdwatching .bwnavi .bwn_tit{
        font-size:18px;
        color: #572c05;
        text-align: center;
        padding-top: 15px;
    }

    #suntory_contents #container #birdwatching .bwnavi ul{
        margin-top: 15px;
        text-align: center;
        height: 70px;
    }

    #suntory_contents #container #birdwatching .bwnavi li{
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
    }

    #suntory_contents #container #birdwatching .bwnavi li:first-child{
        margin-left: 0px;
    }
    #suntory_contents #container #birdwatching .bwnavi li:last-child{
        margin-right: 0px;
    }

    #suntory_contents #container #birdwatching .bwnavi li.dn{
        display: none;
    }
    #suntory_contents #container #birdwatching .bwnavi li a{
        display: table-cell;
        height: 70px;
        vertical-align: middle;
        background-color: rgba(136,103,76,0.25);
        color: #572c05;
        text-decoration: none;
        font-size:14px;
        background-image: url(../img/bwnavi_arrow.png);
        -webkit-background-size: 30px 30px;
        -moz-background-size: 30px 30px;
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: right center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding-right: 30px;
        padding-left: 15px;
        text-align: left;
        line-height: 1.25em;
    }
    #suntory_contents #container #birdwatching .bwnavi li a span.small{
        font-size:13px;
    }

    #suntory_contents #container #birdwatching .bwnavi li a.bwn_top{
        width:138px;
    }
    #suntory_contents #container #birdwatching .bwnavi li a.bwn_top2{
        width:175px;
    }
    #suntory_contents #container #birdwatching .bwnavi li a.bwn_how{
        width: 229px;
    }
    #suntory_contents #container #birdwatching .bwnavi li a.bwn_tools{
        width: 189px;
    }
    #suntory_contents #container #birdwatching .bwnavi li a.bwn_guide{
        width: 188px;
    }
    #suntory_contents #container #birdwatching .bwnavi li a.bwn_report{
        width: 199px;
    }
    
    
    #suntory_contents #container #birdwatching .ebird{
        max-width: 800px;   
        margin: 30px auto 0;
    }
    #suntory_contents #container #birdwatching .ebird a{
        width: 100%;
        max-width: 800px;   
        display: block;
        background: #fff;
    }   

    #suntory_contents #container #birdwatching .ebird a img{
        width: 100%;
        transition: .2s;     
    }   
    #suntory_contents #container #birdwatching .ebird:hover a img{
        opacity: 0.7;
        transition: .2s;
    }   


}


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




    .pc{
        display: none;
    }


    #suntory_contents #top_wrapper{
        display: none;
    }


    #suntory_contents #crumb_area {
        display: none;
    }

    #suntory_contents #footer_area {
        display: none;
    }

    #eco_common_footer {
        display: none;
    }

    #suntory_contents .pageTop {
        display: none;
    }

    #suntory_contents #container {
        width: auto;
    }

    #suntory_contents .comLinkBox {
        display: none;
    }



    #suntory_contents #container #birdwatching .hd{
        background-color: #ede8e4;
        border-bottom-width: 1px;
        border-bottom-color: #572c05;
        border-bottom-style: solid;
    }

    #suntory_contents #container .sns{
        padding-bottom: 10px;
    }
    #suntory_contents #container .sns .socialbutton_suntory{
        width: 100% !important;
    }
    #suntory_contents #container .sns .socialbutton_suntory_socialbutton_facebook_like{
        margin-left: 10px !important;
        margin-bottom: 5px !important ;
    }
    #suntory_contents #container .sns .socialbutton_suntory_socialbutton_twitter{
        margin-left: 10px !important;
        margin-bottom: 5px !important;
    }

    #suntory_contents #container .sns .socialbutton_suntory_socialbutton_mixi_check{
        margin-left:-5px !important;
        margin-bottom: 5px !important;
    }
    #suntory_contents #container .sns .socialbutton_suntory_socialbutton_line{
        margin-left: 10px !important;
        display: block;
        margin-bottom: 5px !important;
    }






    #suntory_contents #container #birdwatching .bwnavi{
       border-top-width: 2px;
        border-top-color: #572c05;
        border-top-style: solid;
        margin-top: 30px;
    }

    #suntory_contents #container #birdwatching .bwnavi .inner{
        margin-left: 10px;
        margin-right: 10px;
    }
    #suntory_contents #container #birdwatching .bwnavi .bwn_tit{
        font-size:16px;
        color: #572c05;
        text-align: center;
        padding-top: 12px;
    }

    #suntory_contents #container #birdwatching .bwnavi ul{
        margin-top: 12px;
        text-align: center;
    }

    #suntory_contents #container #birdwatching .bwnavi li{
        display: block;
        margin-bottom: 2px;
    }

    #suntory_contents #container #birdwatching .bwnavi li.dn{
        display: none;
    }
    #suntory_contents #container #birdwatching .bwnavi li a{
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        background-color: rgba(136,103,76,0.25);
        color: #572c05;
        text-decoration: none;
        font-size:15px;
        background-image: url(../img/bwnavi_arrow.png);
        -webkit-background-size: 30px 30px;
        -moz-background-size: 30px 30px;
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: right center;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding-right: 30px;
        padding-left: 10px;
        text-align: left;
        line-height: 1.25em;
    }
    #suntory_contents #container #birdwatching .bwnavi li a span.small{
        font-size:13px;
    }

    #suntory_contents #container #birdwatching .ebird{
        max-width: initial;   
        margin: 40px auto 0;
    padding: 0px 10px 0px;
    }
    #suntory_contents #container #birdwatching .ebird a{
        width: 100%;
        max-width: initial;            
    }   
    #suntory_contents #container #birdwatching .ebird a img{
        width: 100%;
    }   






}