*{padding:0;margin:0;box-sizing:border-box;}

html,body{
   padding:0;
   margin:0;
}

.inner{
   width:100%;
   max-width:1120px;
   padding:0 20px;
   margin:0 auto;
}


/* header
----------------------------*/
header{
   padding:0;
   margin:0;
}

header .inner{
    display:flex;
    padding:15px 20px 10px;
}

header #logo{
    width:100%;
    max-width:280px;
    min-width:180px;
}

header #logo img{
    width:100%;
    height:auto;
}

header #sns{
    width:calc(100% - 440px);    
}

header #sns ul{
    
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content: flex-end;
}

header #sns ul img{
    width:135px;
    height:auto;
    margin:0 0 0 20px;
}

header #telno{
   width:240px;
   padding-left:20px;
}

header #telno img{
   width:230px;
   height:auto;
}

header #yoyaku{
   width:100%;
   max-width:156px;
   min-width:136px;
   padding:0 60px 0 10px;
   margin:0 0 0 auto;
   display:none;
}

header #yoyaku img{
   width:100%;
   height:auto;
}

header #menu{
   position:fixed;
   top:0;
   right:0;
   box-sizing:border-box;
   display:none;
    z-index:100000;
}

header #menu label{
   padding:5px;
   margin:0;
   background:#002462;
   height:50px;
   width:50px;
   font-size:50px;
   justify-content: center;
   align-items: center;
   display:flex;
   cursor:pointer;
}

@media(max-width:880px){
  header #telno,header #sns{
    display:none;
  }
  header #yoyaku{
    display:block;
  }

}


/* nav
----------------------------*/
#menu-cb{
    display:none;
}

nav{
    background:#002462;
    z-index:10000;
}

nav ul{
   list-style:none;
    padding:0;
    margin:0;
}

nav ul li{
    position:relative;
    padding:0;
    margin:0;
}

nav ul li a:link,
nav ul li a:visited{
    text-decoration:none;
    color:#FFF;
    font-size:15px;
    display:block;
    line-height:1.0;
    font-family: "Times New Roman";
}

nav ul li a:link:hover{
    color:#FFF;
    text-shadow:0 0 5px #FFF;
    background:#FFF1;
}

/* ##### 880以上 ##### */

@media(min-width:881px){

nav ul.cc-nav-level-0{
    display:flex;
    justify-content: space-between;
}

nav ul.cc-nav-level-0 li{
    flex:auto;
}

nav ul.cc-nav-level-0 > li > a{
    text-align:center;
    height:50px;
    padding-top:20px;
}

nav ul.cc-nav-level-1{
    position:absolute;
    top:100%;
    left:0;
    background:#FFFe;
    min-width:100%;
/*    display:none; */
}

nav ul.cc-nav-level-1 > li > a{
    padding:0 20px;
    color:#002462;
    height:0;
    overflow:hidden;
    transition-duration: .5s;
    opacity:0;
}

nav ul.cc-nav-level-0 li:hover > ul{
    box-shadow:2px 2px 5px #000;
}

nav ul.cc-nav-level-0 li:hover > ul > li a{
    height:40px;
    line-height:40px;
    opacity:1;
}

nav ul.cc-nav-level-0 li:hover > ul > li a:hover{
    background:#00246299;
}
}

/* ##### 880以下 ##### */

@media(max-width:880px){
   header #menu{
      display:block;
   }

nav{
   position:fixed;
   top:-100vh;
   left:0;
   width:100%;
   height:100vh;
   display:none;
}

input#menu-cb:checked + nav{
   padding-top:50px;
   top:0;
}

nav ul li a:link,
nav ul li a:visited{
   height:40px;
   line-height:40px;
}

nav ul li{
   border-top:1px solid #FFF3;
}

nav ul.cc-nav-level-1 > li > a{
   background:#FFF6;
   padding:0 20px;
}

}

/* main
----------------------------*/
main{
   padding:0;
   margin:0;
   min-height:400px;
}

main h1{
   font-size:32px;
   color:#FFF;
}

main h2{
   background: linear-gradient(#C5B66F 0px,#C5B66F 2px,#898470 2px,#898470 3px,#7F7028 3px,#B29E3F 100%);
   border:1px solid #707070;
   border-top:none;
   min-height:67px;
   box-sizing:border-box;
   padding:20px;
   color:#FFF;
   text-shadow:2px 2px 7px #000;
}

main h3{
   color:#C5B66F;
   font-siZzze:24px;
   border-left:3px solid #B39F40;
   padding:0 0.5em;
}

@media(max-width:880px){
.j-hgrid .cc-m-hgrid-column{
   float:none;
   width:100% !important;
   padding:0;
   margin:0;
}

}


/* sidebar
----------------------------*/
#sidebar{
   padding:30px 0;
   margin:0;
   background:#002462;
}

/* footer
----------------------------*/
footer{
   background:#002462;
   padding:0 0 20px;
   margin:0;
}

footer *,footer a:link,footer a:visited{
   color:#FFF;
}


/* button
-------------------------------------------*/
.j-callToAction a.j-calltoaction-link{
   height:auto;
   margin:0;
   padding:12px 20px;
   font-size:14px;
   font-weight:bold;
   border-radius:7px;
   border:3px ridge #B39F40;
   background:linear-gradient(#00225B,#000B1E);
   text-shadow:1px 1px 2px #000;
}

.j-callToAction a.j-calltoaction-link-style-2{
   border-radius:7px;
   padding:12px 60px 12px 20px;
   border:3px ridge #B39F40;
   background:linear-gradient(#00225B,#000B1E);
   text-shadow:1px 1px 2px #000;
   width:100%;
   text-align:left;
   max-width:400px;
   position:relative;
}

.j-callToAction a.j-calltoaction-link-style-3{
   border-radius:7px;
   padding:7px 60px 7px 20px;
   border:3px ridge #B39F40;
   background:linear-gradient(#00225B,#000B1E);
   text-shadow:1px 1px 2px #000;
   width:100%;
   text-align:left;
   max-width:280px;
   position:relative;
}

.j-callToAction a.j-calltoaction-link-style-2:after,
.j-callToAction a.j-calltoaction-link-style-3:after{
    content:"▼";
    display:inline-block;
    transform: rotate(-90deg);
    position:absolute;
    top:12px;
    right:15px;
}

.j-callToAction a.j-calltoaction-link-style-3:after{
    top:7px;
}