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


    


      #sns-nuv{
        right: 60px;
       /* top: 7px;*/
     }


    #top-head a img, #top-head.fixed a img {
        width: 130px;   }
    

   



    #top-head, .inner{
        width: 100%;
        padding: 0; }
    

    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        height: 60px;    }



    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;    }


    #mobile-head {
        background: #fff;
        width: 100%;
        height: 60px;
        z-index: 999;
        position: relative;    
        padding-top: 8px;    }
   

    






    
       
    

    #nav-toggle {
        display: block;    }
   

    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .open #nav-toggle span:nth-child(2) {
        /*width: 0;*/
        /*left: 50%;*/
        opacity: 0;    }

    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)     
    }


/* #global-nav スライドアニメーション */



@keyframes show{
    from{opacity: 0;}
    to{opacity:1;}
}

.open #global-nav {
        width: 300px; 
           }



.single .container,
.page .container

/*.container*/
{
    padding: 0 10px 0;}



.home-content{
   /* padding: 0 10px 0;*/
}





.col-2 {
    width: 100%;
    /*padding: 0px;*/}



@media screen and (max-width: 1039px) {
    #nav-toggle {
        right: 40px;
        top: 40px;
    }
}



    #top-head a img {
        margin-left: 30px;
        margin-top: 35px;
    }





} /*1039px*/




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






}/*min-width: 800p*/



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




.index .col-3 {
        width: 100%;
        padding: 0;
        padding-bottom: 20px;
    }
  
  
.col-3:nth-child(2n+2) {
        margin-left: 0%;
    }




    .col-3.col-3button{
      width: 46%;
      margin-left: 2%;
      margin-right: 2%;
      margin-bottom: 10px;
       font-size: 12px;

      }

     .experience-col-3{
        width: 100%;
        margin: 0;
        padding-bottom: 2px;}



 .widget .col-2{
     padding: 0px; 
  }

  .toppage-logo-white img {
    width: 150px;
}



}/*@media screen and (max-width: 799px){*/




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

    .m-product-image{
    width: 100%;
    }

    .m-product-desc{
    width: 100%;
    padding-left: 0px;
    padding-top: 30px;
    }



}/*max-width: 649px*/



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



/*.pagination-index li:first-child a, .pagination-index li:first-child > span{
    border-left: solid 1px #000;

}*/

/*.pagination-index li a, .pagination-index li > span {
    margin: 0;
    border-left: none;
}*/

/*.pagination-index li .dots {
    border-right-color: #000;
}*/



.bloglist .col-3{
    padding: 0px;
}

 .bloglist .col-3:nth-child(2n+1) {
    /*padding-left: 10px;
     padding-right: 5px;*/
 }


 .bloglist .col-3:nth-child(2n+2) {
    /* padding-left: 5px;
     padding-right: 10px;*/
 
 }





}/*@media screen and (max-width: 599px)*/




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


.col-free{ 
  width: 150px; }



    #nav-toggle {
        right: 25px;
        top: 30px;
    }

    #top-head a img {
        margin-left: 25px;
        margin-top: 25px;
    }




}/*@media screen and (max-width: 499px)*/



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



ul{
    -webkit-padding-start: 30px;
    -moz-padding-start: 30px;
    padding-start: 30px;
   /* font-size: 13px;*/
}

li {
       padding-left: 10px;
   
}

dl.m-dl{
    padding: 26px 10px 1px;
}


dl.m-dl p{
    margin: 0;}


.m-info{
    padding:10px;
}



.col-free{
   margin-left: 15px;}


.related-post {
    margin-left: 15px;
}


}/*@media screen and (max-width: 399px)*/