@charset "utf-8";

body{
    background-color: #fff;
}


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



    .sp{
        display: none;
    }

    .opacityover:hover{
        opacity:0.7;
        -webkit-opacity:0.7;
    }

    header{
        position: fixed;
        left: 0;
        top: 0;
        background-color: #fff;
        height: 50px;
        z-index: 10;

    }
    header .outer{
        position: relative;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    header .taihei_logo {
        position: absolute;
        left: 0px;
        top: 10px;
    }

    header .taihei_logo a{
        display: block;
        background-image: url(/anniversary70th/common/img/taihei_logo.png);
        width: 66px;
        height: 33px;
        overflow: hidden;
        text-indent: -9999px;
    }

    header .logo_70th {
        position: absolute;
        left: 85px;
        top: 8px;
    }

    header .logo_70th a {
        display: block;
        background-image: url(/anniversary70th/common/img/70th_logo.png);
        width: 140px;
        height: 35px;
        overflow: hidden;
        text-indent: -9999px;
    }


    header .menubtn {
        display: none;
    }

    header .menu {
        position: absolute;
        right: 0px;
        top: 10px;
       width: 625px;
    }
    header .menu li{
        display: block;
        float: left;
    }
    header .menu a{
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        opacity:0;
        -webkit-opacity:0;
    }
    header .menu a:hover,header .menu a.active{
        opacity:1;
        -webkit-opacity:1;
    }

    header .menu li:nth-child(1){
        background-image: url(/anniversary70th/common/img/mn1.png);
        width: 115px;
        height: 29px;
    }
    header .menu li:nth-child(1) a{
        background-image: url(/anniversary70th/common/img/mn1_over.png);
        width: 115px;
        height: 29px;

    }


    header .menu li:nth-child(2){
        background-image: url(/anniversary70th/common/img/mn2.png);
        width: 122px;
        height: 29px;
    }
    header .menu li:nth-child(2) a{
        background-image: url(/anniversary70th/common/img/mn2_over.png);
        width: 122px;
        height: 29px;
    }


    header .menu li:nth-child(3){
        background-image: url(/anniversary70th/common/img/mn3.png);
        width: 174px;
        height: 29px;
    }
    header .menu li:nth-child(3) a{
        background-image: url(/anniversary70th/common/img/mn3_over.png);
        width: 174px;
        height: 29px;
    }

    header .menu li:nth-child(4){
        background-image: url(/anniversary70th/common/img/mn4.png);
        width: 214px;
        height: 29px;
    }
    header .menu li:nth-child(4) a{
        background-image: url(/anniversary70th/common/img/mn4_over.png);
        width: 214px;
        height: 29px;
    }



    #maincontent{
        position: relative;
        background-color: #ccc;
        min-width: 1000px;
        overflow: hidden;
    }



    footer{
        position: fixed;
        z-index: 1;
        left: 0;
        bottom: 0;
        font-size:80%;
        height: 40px;
        background-color: #000;
    }

    footer .inner{
        position: relative;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    footer .menu{
        padding-top: 12px;
        text-align: center;
    }
    footer .menu li{
        display: inline;
    }
    footer .menu li a{
        display: inline-block;
        color: #fff;
        text-decoration: none;
        margin-left: 20px;
        margin-right: 20px;
    }
    footer .menu li a:hover{
        opacity:0.75;
        -webkit-opacity:0.75;
    }
    footer .copyright{
        position: absolute;
        left: 0;
        top:13px;
        color: #fff;
    }

    footer .link_corp a{
        line-height: 1.6em;
        position: absolute;
        display: block;
        right: 0px;
        top: 13px;
        height: 12px;
        background-image: url(/anniversary70th/common/img/ft_arrow.png);
        background-repeat: no-repeat;
        background-position: right center;
        text-decoration: none;
        color: #fff;
        padding-right: 20px;
    }
    footer .link_corp a:hover{
        opacity:0.75;
        -webkit-opacity:0.75;
    }

    .totop{
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 40px;
    }
    .totop a{
        opacity:0.75;
        -webkit-opacity:0.75;
        position: absolute;
        display: block;
        left: 50%;
        margin-left: -30px;
        top: -60px;
        background-image: url(/anniversary70th/common/img/totop.png);
        width: 60px;
        height: 60px;
        overflow: hidden;
        text-indent: -9999px;
    }
   .totop a:hover{
        opacity:1;
        -webkit-opacity:1;
    }


}











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




    .pc{
        display: none;
    }

    img{
        width:100%;
    }

    body {
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-text-size-adjust: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select:none;
    }



    header .inner{
        position: relative;
        background-color: #fff;
        height: 80px;

    }
    header .taihei_logo {
        position: absolute;
        left: 10px;
        top: 20px;
    }

    header .taihei_logo a{
        display: block;
        background-image: url(/anniversary70th/common/img/taihei_logo_sp.png);
        -webkit-background-size: 61px 46px;
        background-size: 61px 46px;
        width: 61px;
        height: 46px;
        overflow: hidden;
        text-indent: -9999px;
    }

    header .logo_70th {
        position: absolute;
        left: 80px;
        top: 20px;
    }

    header .logo_70th a {
        display: block;
        background-image: url(/anniversary70th/common/img/70th_logo_sp.png);
        -webkit-background-size: calc(320*0.5px) calc(80*0.5px);
        background-size: calc(320*0.5px) calc(80*0.5px);
        width: calc(320*0.5px);
        height: calc(80*0.5px);
        overflow: hidden;
        text-indent: -9999px;
    }

    header .menubtn {
        position: absolute;
        right: 28px;
        top: 28px;
    }

    header .menubtn a {
        display: block;
        background-image: url(/anniversary70th/common/img/mn_btn.png);
        -webkit-background-size: 25px 33px;
        background-size 25px 33px;
        width: 25px;
        height: 33px;
        overflow: hidden;
        text-indent: -9999px;
    }

    header .menu {
        display: block;
        position: relative;
    }
    header .menu li{
        display: block;
    }
    header .menu a{
        display: block;
        background-color: #e99313;
        color: #fff;
        text-decoration: none;
        padding: 15px;
        font-size:120%;
    }





    #maincontent{
        position: relative;
        background-color: #ccc;
    }



    footer{
        position: relative;
        font-size:80%;
        background-color: #343434;
    }

    footer .inner{
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
    }

    footer .menu{
        padding-top: 15px;
        text-align: center;
    }
    footer .menu li{
        display: inline;
    }
    footer .menu li a{

        display: inline-block;
        color: #fff;
        text-decoration: none;
        margin-left: 10px;
        margin-right: 10px;
    }

    footer .copyright{
        text-align: center;
        margin-top: 10px;
        color: #fff;
    }

    footer .link_corp a{
        margin-left: auto;
        margin-right: auto;
        display: block;
        background-image: url(/anniversary70th/common/img/btn_corp_sp.png);
        -webkit-background-size: 150px 30px;
        background-size: 150px 30px;
        width: 150px;
        height: 30px;
        overflow: hidden;
        text-indent: -9999px;
    }


    .totop{
        background-color: #fff;
        height: 60px;
        position: relative;
    }
    .totop a{
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        right: 20px;
        bottom: 0;
        background-image: url(/anniversary70th/common/img/totop_sp.png);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;

        overflow: hidden;
        text-indent: -9999px;
    }




}