/*------------------------------
	PC
------------------------------*/
@media screen and (min-width: 769px) {
.spOnly{
	display: none !important;
    }
}
/*------------------------------
	SP
------------------------------*/
@media screen and (max-width: 768px) {
header img{
	width: 100%;
	height: auto;
}
.pcOnly{
	display: none !important;
    }
}

/*------------------------------
header PC
------------------------------*/
@media screen and (min-width: 769px) {
    header {
      text-align: center;
      width: 100%;
      color: #fff;
      position: relative;
      background-color: rgba(0,0,0,0.7);
    }
    .cb-header {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 100;
      height: 90px;
    }
    .cb-header h1{
        position: absolute;
        font-size: 0.8vw;
        right: 2%;
    }
    
    .cb-header .logo_pc{
        position: fixed;
        left: 2%;
        top: 10px;   
    }
    .cb-header .logo_pc img{
        width: 7vw;
    }
    .cb-header .click{
        position: fixed;
        right: 1%;
        top: 10px;
    }
    .globalNav{
        padding-left:11vw;
        margin-top: 35px;
        
    }
    .globalNav li{
        float: left;
        background: url(../../img/icn_menu.png) no-repeat left 50%;
        background-size: 9%;
        padding-left: 1.0vw;
    }
    .globalNav li a{
        text-decoration: none;
        padding-right: 1.0vw;
        color: #FFFFFF;
        font-size: 1.20vw;
    }
    .globalNav li a:hover{
        color: #CCCCCC;
    }
    .globalNav li:last-child:{
       padding-right: 0;
    }
    .socialnav{
        position: absolute;
        top: 35px;
        right: 10%;
    }
    .socialnav li{
        display: inline-block;
    }
    .socialnav li img{
        width: 2.2vw;
    }
    .toggle {
        position: fixed; /* bodyに対しての絶対位置指定 */
        right: 1%;
        top: 20px;
        display: block;
        width: 45px;
        height: 50px;
        cursor: pointer;
        z-index: 10000;
    }
    .toggle span {
        display: block;
        position: absolute; /* .toggleに対して */
        width: 70%;
        border-bottom: solid 3px #CCCCCC;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        padding-top: 5px;
        right: 7px;  
    }
    .toggle span:nth-child(1) {
        top: 10px;
    }
    .toggle span:nth-child(2) {
        top: 20px;
    }
    .toggle span:nth-child(3) {
        top: 30px;
    }

    /* 最初のspanをマイナス45度に */
    .toggle.active span:nth-child(1) {
        top: 15px;
        left: 4px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* 2番目と3番目のspanを45度に */
    .toggle.active span:nth-child(2),
    .toggle.active span:nth-child(3) {
        top: 15px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .none{
        display: none;
    }

    .cb-header #language{
        position: absolute;
        right: 6%;
        top: 25px;
    }
    .cb-header #language img{
        max-width: 3.5vw;
    }
    .globalBtn ul li {
        margin-right: 1px;

    }
    .globalBtn ul li ul {
        display: none;
        position: absolute;
        top: 50px;
        left: -2.5vw;
    }
    .globalBtn ul li ul li {
        float: none;
        font-size: 1.1vw;
        line-height: 0;
    }
    .globalBtn ul li ul li a {
        display: block;
        color: #000000;
        width: 100px;
        background: #FFFFFF;
        line-height: normal;
        border-top: 1px solid #000000;
        text-decoration: none;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .globalBtn ul li ul li a:hover {
        color: #FFFFFF;
        background: #D7482E;
    }   
}

    .slide-down {
      animation-name: slideDown;
      animation-timing-function: ease-in;
      animation-iteration-count: 1;
      animation-delay: 0s;
      transform-origin: 50% 50% 0px;
      animation-duration: .5s;
      top: 0;
    }
    @keyframes slideDown {
      0% {
        top: -90px;
      }
      100% {
        top: 0px;
      }
    }
    .slide-up {
      animation-name: slideUp;
      animation-timing-function: ease-in;
      animation-iteration-count: 1;
      animation-delay: 0s;
      transform-origin: 50% 50%  0px;
      animation-duration: .5s;
      top: -90px;
    }
    @keyframes slideUp {
      0% {
        top: 0px;
      }
      100% {
        top: -90px;
      }
    }


/*------------------------------
header SP
------------------------------*/
@media screen and (max-width:768px){
    .cb-header {
        display: none
    }
    #header{
        position: fixed;
        width: 100%;
        right: 0;
        top: 0;
        z-index: 10000;
        background-color: rgba(0,0,0,0.7);
    }
    
    .headNavWrap{
        width: 100%;
        overflow: hidden;
        z-index: 100;
    }
    
    .headNavWrap .headLogo{
        width: 15%;
        float: left;
        padding-left: 2.0%;
    }
    .headNavWrap h1{
        position: absolute;
        font-size: 2.5vw;
        margin: auto;
        right: 0;
        left: 0;
        width: 80%;
        text-align: center;
    }
    .navToggle {
        position: absolute;
        top:0;
        right:0;
        width:15.06%;
        height: 14.00vw;
        background-image: url(../../img/menu_off.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center center;
        cursor:pointer;
        z-index: 1;

    }
    .navToggle.open{
        background-image: url(../../img/menu_on.png);
    }
    .smp_nav {
        position: fixed;
        right:0;
        width:100%;
        top: 15.0vw;
        -webkit-transition:.3s ease-in-out;
        -moz-transition:.3s ease-in-out;
        transition:.3s ease-in-out;
        text-align:right;
        z-index:100;
        opacity: 0;
        display: none;
        background: rgba(0,0,0,0.9);
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .smp_nav.openNav{
        display: block;
        animation-name:navshow;
        animation-duration:0.25s;
        opacity: 1;
        text-align:left;
    }
    .smp_nav .gNav{
        padding-top: 1vw;
        overflow-x: scroll;
    } 
    .smp_nav .gNav li{
        margin-right: 6%;
        margin-left: 6%;
        line-height: 2;
        border-bottom: 1px solid #FFFFFF;
        padding-left:4em;
        text-indent:-2em;
        background: url(../img/icn_menu.png) no-repeat left 45%;
        background-size: 4%;
    }
    .smp_nav .gNav li a{
        margin-bottom: 4px;
        font-size: 3.5vw;
        display: block;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
        text-align: left;
        color: #FFFFFF;
        font-weight: 700;
        text-decoration: none;
    }
    .socialnav{
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-top: 2vw;
    }
    .socialnav li{
        display: inline-block;
        width: 18%;
        text-align: center;
    }
    .socialnav li img{
        width: 90%;
    }  
    #header #language{
        position: absolute;
        right: 10%;
        top: 10%;
        bottom: 0;
        width:15.06%;
        z-index: 101;
    }
    #header #language img{
        width: 70%;
    }
    .globalBtn ul li {
        margin-right: 1px;

    }
    .globalBtn ul li ul {
        display: none;
        position: absolute;
        top: 14vw;
        left: -20px;
    }
    .globalBtn ul li ul li {
        float: none;
        line-height: 0;
    }
    .globalBtn ul li ul li a {
        display: block;
        color: #000000;
        width: 100px;
        background: #FFFFFF;
        line-height: normal;
        border-top: 1px solid #000000;
        text-decoration: none;
        text-align: center;
        font-size: 3.15vw;
    }
    .globalBtn ul li ul li a:hover {
        color: #FFFFFF;
        background: #D7482E;
    } 
    .mainImg { 
        padding-top:15vw;
    }	
    
}