a {
    text-decoration: none;
}
#wrapper{
    display:none;
    width: 100%;
}
/* ヘッダー部分
   ========================================================================== */

.top header{
    width: 100%;
    position: relative;
    padding-top: 35.4%;
    background-image: url(../img/meinBG.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.top ul{
    list-style-type: none;
}
.top header ul{
    font-size: 3em;
    color: #f5c526;
    text-align: center;
   
}

a:link, a:visited, a:hover, a:active {
    color:#f5c526;
  }
.top header ul span{
    display: block;
    font-size: 0.3em;
}
.top nav{
    position: absolute;
    top:0;
    left:50%;
}
.top header ul li{
    display: inline-block;
    text-shadow: 1px 2px 3px #808080; 
}
.top header h1{
    width: 40%;
    position: absolute;
    top: 34%;
    left: 46%;
}
/* コンテンツ部分
   ========================================================================== */

   article{
    display: block;
    width: 1080px;
    padding: 0 60px;
    margin: 0 auto;
    
}
#topsecond{
    background: url(../img/txt-message.svg) no-repeat !important;
    background-size:cover;
    background-position: center center;
    
}
h2{
    font-size: 5em;
    color: #f5c526;
    text-align: center;
    margin: 0.5em auto 0;
    text-shadow: 1px 2px 3px #808080; 
}
h2 span{
    font-size: 0.5em;
    display: block;
    margin: 0 auto;
}

section{
    padding-top: 60px;
}
.float_box{
    
    text-align: justify;
    text-justify: inter-ideograph;
}
section::after{
    content: "";
    display: block;
    clear: both;
}
.left{
    float: left;
}
.right{
    float: right;
}
img.menu_img{
    width: 468px;
    height: auto;
}
a.link_b{
    display: block;
    bottom: 0;
    width: 2em;
    background-color: #f5c526;
    color: #ffffff;
    font-size: 2em;
    padding: 0.3em 1.5em;
    margin: 0 auto;
    box-shadow: 1px 2px 3px #808080; 
}

p.menu_cap{
    margin: 4em auto;
    font-size:1.8em;
    margin: 2.5em auto;
    text-align: center;
}
#insta_banner{
    display: block;
    position: absolute;
    left:-60px;
    
    
}
#insta_banner img{
    transform: rotate( 90deg );
    width:55%;
    height: auto;
}

/* インフォメーション
   ========================================================================== */

   #inform{
    background-color:#f5c526;
    color: #ffffff !important;
    padding-bottom: 60px;
    text-align: justify;
    text-justify: inter-ideograph !important;
}

#inform h2{
    color: #ffffff !important;
    font-size:1.8em;
}

#inform form{
    display: block;
    width: 1080px;
    padding:0 60px;
    margin:0 auto;
}

/* フッター
   ========================================================================== */
  
   footer{
       color:gray;
       margin:3.4em auto 3em;
       text-align: center;
       font-size:1.6em;
   }


   /* 下層ページ
   ========================================================================== */
   .hide{
    transition-duration:1000ms;
    transform: translateY(-100%);
}
  .underpage header{
      background:rgba(255,255,255,0.8);
      position: fixed;
  }
   .underpage header article{
       background-image:none;
       padding-top: 0;
       display: block;
    width: 1080px;
    padding: 0 60px;
    margin: 0 auto;
   }
   .underpage header::after{
       content: "";
       display: block;
       clear: both;

   }
   
    .underpage nav{
        position: relative;
        right:0;
        display: inline-block;
        margin-left: 20%;
        
        
    }
    .underpage header {
        border-bottom: gray 1px solid;
        width: 100%;
    }
    .underpage header ul{
        margin-top: 0;
    }

    .underpage main{
        padding-top: 10%;
    }
    
    .secondpage h1{
        margin: 0;
        width: 30%;
        display: inline-block;
        margin-top: 0.65em;
    }
    .secondpage ul{
        list-style-type: none;
    }
    
    .secondpage header ul{
        font-size: 3em;
        color: #f5c526;
        text-align: center;
        
       
    }
    
    .secondpage nav{
        margin-top:0.9em;
        
    }
    
    .secondpage header ul span{
        display: block;
        font-size: 0.3em;
    }
    
    .secondpage header ul li{
        display: inline-block;
        text-shadow: 1px 2px 3px #808080; 
    }
    

   .underpage h2{
       text-align: left;
   }

   img.under_header{
       width: 40%;
       height: auto;
    }

    #prof_list{
        padding:0;
        font-size: 1.8em;
    }
    #prof_list li{
        margin-bottom: 2em;
        line-height: 1.45;
    }

    .secondpage article p{
        font-size: 1.8em;
        line-height: 1.95;
    }

    .secondpage h3{
        font-size: 3em;
    color: #f5c526;
    margin: 0.5em auto 0;
    text-shadow: 1px 2px 3px #808080;
    }

    .secondpage h4,.list_caption{
        font-size: 2em !important;
    }

    ul.ark_li li,.listing{
        margin-bottom: 2em;
        font-size: 1.35em!important;
    }

    .listing{
        padding-left: 1em !important;
    }

    .list_caption{
        margin-left:1em;
    }

    #backMS{
        background: url(../img/txt-message.svg) no-repeat !important;
    background-size: cover;
    background-position: center center;
    }

    

    @media screen and (min-width:960px) and ( max-width:1345px) { 
        /*　画面サイズが480pxからはここを読み込む　*/
        #insta_banner {
            display: block;
            position: relative;
            left: 0;
            clear: both;
            margin-top:3%;
        }
        #insta_banner img {
            transform: none;
            
        }
    }

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

        /* スマホ版CSS */
        .top #wrapper{
            padding-top:14%;
        }

       .top header{
           padding-top: 60%;
           width:94%;
           display: block;
           margin: 0 auto;
       }
       .top header nav{
           width:100%;
           position: absolute;
            top: -29%;
        left: 15%;
       }
       .top header ul{
           font-size: 1.5em;
           padding: 0;
       }
       .top header ul li{
           margin-left:2%;
       }

       .top h2{
            font-size: 1.9em;
       }

       a.link_b{
           font-size: 1.65em;
       }

       p.menu_cap{
           font-size:1.3em;
           margin: 3% auto;
           display: block;
           max-width: 60%;
           text-align: left;
           line-height: 1.45;
       }
       p.menu_cap br{
           display: none;
       }

        article{
            width: 100%;
            padding:0 !important;
        }
        section{
            padding: 0;
        }
        .left,.right {
            float: none;
            display: block;
            max-width: 97% !important;
            margin: 0 auto;
        }img.menu_img {
            display: block;
            width: 60%;
            height: auto;
            margin:6% auto 0;
        }

        #insta_banner{
            width: 97%;
            margin:6% auto 6%;
            text-align: center;
            position: relative;
            left: auto;
        }
        #insta_banner img{
            transform: none;
        }
        .underpage main{
            padding-top:40%;
        }
        .underpage header {
            border-bottom: none;
            width: 100%;
            margin-bottom: 1em;
        }
        .secondpage h1 {
            margin: 3% auto 0;
            width: 60%;
            display: block;
            
        }
        .underpage nav {
            position: relative;
            right: 0;
            display: block;
            margin-left: 0;
            margin-top:0;
            width:100%;
        }
        .underpage main{
            display: block;
            width: 94%;
            margin: 0 auto;
        }

        .underpage header article {
            width:100%;

        }

        .secondpage header ul{
            padding:0;
            font-size:1.5em;
        }

        .underpage h2,.underpage h3,.underpage h4 {
            text-align: center;
            font-size:1.7em !important;
        }
        .underpage h4{
            text-align: left;
        }
        .secondpage article p {
            font-size: 1.2em;
            line-height: 1.95;
        }

        img.under_header {
            display: block;
            width: 60%;
            height: auto;
            margin:3% auto;
        }

        #prof_list {

            padding: 0;
            font-size: 1.4em;
            display: block;
            
            
        }

        ul.ark_li li, .listing {
            margin-bottom: 2em;
            font-size: 1.2em!important;
        }
        

    }