@charset "UTF-8";
/* CSS Document */

html{
  margin-top: 0 !important;
}
/*menu common*/  

.ie9u{
  display:none;
  display:inline-block\9; /* IE10以下 */
  }
.tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  margin:0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display:none\9; /* IE10以下 */
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  background: transparent;
  outline: none; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 2px;
  width: 20px;
  border-radius: 0;
  transition: 0.3s;
  background: black;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 0;
    transition: 0.3s;
    background: black;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 7px; }
  .tcon-menu__lines::after {
    top: -7px; }
  .tcon-transform .tcon-menu__lines {
     }

.tcon-menu--xbutterfly {
  width: auto; }
  .tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease, -webkit-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease; }
  .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
      top: 0;
      transition: top .3s ease, -webkit-transform .3s .5s ease;
      transition: top .3s ease, transform .3s .5s ease;
      width: 20px; }
    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 2px;
  margin: -2px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 2px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }
    

#subBtn .tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  margin:0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display:none\9; /* IE10以下 */
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 20px;
  background: transparent;
  outline: none; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

#subBtn .tcon-menu__lines {
  display: inline-block;
  height: 2px;
  width: 20px;
  border-radius: 0;
  transition: 0.3s;
  background: url(../images/acv/btn_sub_b.png) top left;
    background-size:26px 20px;
  position: relative; }
  #subBtn .tcon-menu__lines::before, #subBtn .tcon-menu__lines::after {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 0;
    transition: 0.3s;
    background: url(../images/acv/btn_sub_b.png) top left;
    background-size:26px 20px;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    width: 100%; }
  #subBtn .tcon-menu__lines::before {
    top: 7px; }
  #subBtn .tcon-menu__lines::after {
    top: -7px; }
  #subBtn .tcon-transform .tcon-menu__lines {
     }

#subBtn .tcon-menu--xbutterfly {
  width: auto; }
  #subBtn .tcon-menu--xbutterfly .tcon-menu__lines::before, #subBtn .tcon-menu--xbutterfly .tcon-menu__lines::after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top .3s .6s ease, -webkit-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease; }
  #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines {
    background: transparent; }
    #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
      top: 0;
      transition: top .3s ease, -webkit-transform .3s .5s ease;
      transition: top .3s ease, transform .3s .5s ease;
      width: 20px; }
    #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);     background: #000;}
    #subBtn .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);     background: #000;}

#subBtn .tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 2px;
  margin: -2px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 2px; }
 #subBtn .tcon-visuallyhidden:active, #subBtn .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }    
    
/*header common*/
header{
  top:0;
  position: relative;
  width:100%;
  padding:0 0 6px 0;
  min-width:1015px;
  background: url(../images/head_shadow.png) repeat-x bottom;
  /*z-index:200000;*/
  z-index:10000;/*for widget camtsuku 20170414*/
  }
  header h1{
    padding:19px 0;
    }
  header h1 img{
    margin:-6px 0 0 0;
    height:18px;
    }
  #headerArea{
    padding:0 7px;  
    background:#fff;
    }
    #headerBox{
      position:relative;   
      width:1001px;
      margin:0 auto;
      }
      
      #otherNav{
        position:absolute;
        top:19px;
        right:0;
      }
      #snsBox{
        float:left;
        }
      #snsBox li{
        margin:0 4px;
        line-height:18px;
        float:left;
        }
        #snsBox li img{
          height:21px;
        }
      #memberBox{
        margin:0 45px 0 14px;
        float:left;
        }
      #memberBox li{
        line-height:21px;
        float:left;
        }
      #memberBox li:first-child a{
        /*border-right:1px solid #ccc;*/
        margin-right:7px;
        padding-right:7px;
        }
      #searchBox{
        right:0px;
        top:19px;
        position:absolute;
        }
      
        #menuBtn{
          margin:20px auto 0 auto;
          width:47px\9;
          width:20px;
          display:none;
          text-align:center;
          }

/*banner*/
#bannerArea{
  padding:28px 0 0 0;
  width:1001px;
  margin:0 auto;
}
#bannerArea ul{
  margin:0 0 0 -7px;
}
#bannerArea li{
  width: 245px;
  min-height:145px;
  text-align:center;
  float:left;
  padding:0 0 7px 0;
  margin:0 0 7px 7px;
}
#bannerArea li a{
  line-height:20px;
}
ul#bannerList a {
  color: #333;
  font-size: 12px;
}
#bannerArea li span{
  display: inline-block;
  border:1px solid #ccc;
  margin: 0 0 10px 0;
}
#bannerArea li img{
  width:100%;
}       

/*footer common*/
footer{
  margin:84px 0 0 0;
}
#footerArea{
  position:relative;
  width:1001px;
  margin:0 auto;
  padding:35px 7px;
  }
  #footerArea ul{
    margin:0 0 14px 0;
    }
    #footerArea ul li{
      display:inline-block;
      margin:0 21px 0 0;
      }
      #copy{
        font-size:12px;
        margin:56px 0 0 0;
        }

#page footer{
  margin:42px 0 0 0;
}

/*---------------------------------------------------------------------
 レスポンシブ
---------------------------------------------------------------------*/
/* PC upSize */
@media only screen and (min-width:768px) {}
/* TB */
@media only screen and (max-width:1015px) {
/*header common*/
header{
  position:fixed;
  width:100%;
  min-width:100%;
  }
  header h1 img{
    margin:-2px 0 0 7px;
  .staticPage #headerBox{  
    width:100%;
    }
    .staticPage #navBox{
      display:none;
      background: url(../images/head_shadow.png) repeat-x top #fff;
      width:320px;
      position:fixed;
      height:auto;
      max-height:86%;/* IE8以下とAndroid4.3以下用フォールバック */
      max-height: -webkit-calc(100% - 60px) ;
      max-height: calc(100% - 60px) ;
      overflow-y:scroll;
      overflow-y:auto\9;/* IE10以下*/
      padding:28px 0 0 0\9;/* IE10以下*/
      right:-320px;
      margin:0 0 0 0;
      }
    .staticPage #otherNav{
      position: static;
      }
      .staticPage #snsBox{
        width:100%;
        padding:15px 0 28px 0;
        text-align:center;
        float:none;
        }
        .staticPage #snsBox li{
          display:inline-block;
          float:none;
          margin:0 10px;
          }
          .staticPage #snsBox li img{
            height:28px;
            width:28px;
            }
      
      .staticPage #memberBox{    
        padding:42px 0 24px 42px;
        margin:0 0 0 0;
        float:none;
        }    
      .staticPage #memberBox li{
        font-size:14px;
        }
      .staticPage #memberBox li:first-child a{
        /*border-right:1px solid #ccc;*/
        margin-right:21px;
        padding-right:21px;
        }  
      .staticPage #searchBox{
        position:static;
        float:none;
        margin:0 0 0 0;
        }     
        .staticPage #menuBtn{
          margin:0;
          position:absolute;
          top:19px;
          top:17px\9;/* IE10以下*/
          right:14px;
          width:47px\9;/* IE10以下*/
          width:20px;
          display:block;
          
          }
  .staticPage #navArea{
    top:50px;
    right:0;
    position: static;
    }
    .staticPage nav{     
      }
      .staticPage nav ul{
        margin:-10px 0 0 0;
        }
      .staticPage nav li{
        width:100%;
        display:block;
        text-align:left;     
        margin:0;  
font-size: 14px; 
        }
        .staticPage nav li a{
          margin:0 auto;      
          max-width:236px;
          display:block;
          padding:10px 42px;
        }
        .staticPage nav li img{
          height:21px;
          }
          .staticPage nav li ul{
            display:none;
            position: static;
            padding:12px 0 0 0;
            }
            .staticPage nav li ul li{
              background:none;
              position:relative;
              line-height:24px;
              text-indent:14px;
              text-align: left;
              border:none !important;
              width: 100%;
  
              }
  
              .staticPage nav li ul li:last-child{
                  margin:0 0 21px 0;
                }
                .staticPage nav li ul li{
  
                text-indent:28px;
                border:none;
                }
                .staticPage nav li ul li:first-child{
                  margin:0 0 0 0;
                }
                .staticPage nav li ul li:last-child{
                  margin:0 0 21px 0;
                }
          .staticPage nav li ul li a{
            max-width:252px;
            display:block;
            }
            .staticPage nav li ul li a{
              font-size:12px;
              font-weight:normal;
              display:block;
              padding:7px;
              width: auto;
              }
          
          

          .staticPage #searchBox input[type=text]{
            top:60px;
            left:-7px;
            width:100%;
            padding:0 7px;
            border:none;
            background:#ccd0cf;   
            outline:none;
            font-size:16px;
             -webkit-appearance: none;
            }
           .staticPage #searchBox input[type=button]{
            position:absolute;
            z-index:300000;
            top:19px;
            right:56px;      
            border:none;
            background: url(../images/icon_search.png) no-repeat left;     
            background-size:21px;   
             -webkit-appearance: none;                      
            }

/*banner*/
.staticPage #bannerArea{
  width:749px;
  margin:0 auto;
}
    
/*footer common*/
.staticPage #footerArea{
  padding:35px 14px;
  }

}
/* SP */
@media only screen and (max-width:768px) {
  .staticPage #navBox{
      width:320px;
      }
/*banner*/
.staticPage #bannerArea{
  width:497px;
  margin:0 auto;
}
/*footer common*/
.staticPage #footerArea{
  width: auto;
  margin:0 14px;
  padding:28px 0 0 0;
  }
  .staticPage #footerArea ul{
    margin:0 0 0 0;
    }
    .staticPage #footerArea ul li{
      text-align:left;
      line-height:32px;
      width:50%;
      float:left;
      display:inline;
      margin:0 0 0 0;
      }
    .staticPage #footerArea ul li.first{
      width:100%;    
    }
    .staticPage #footerArea ul li:nth-child(1n) a {        
      /*border-right:1px solid #fff;*/
      }
      .staticPage #footerArea ul li a{
        display: inline-block;
      }
      .staticPage #copy{
        clear:both;
        font-size:10px;
        padding:45px 0 14px 0;
        }
}
@media only screen and (max-width:480px) {

.staticPage #bannerArea{
  width:301px;
  margin:0 auto;
}
.staticPage #bannerArea li{
  width:301px;
  min-height: auto;
}
.staticPage #bannerArea li img{
  width:301px;
}}
@media only screen and (max-width:320px) {
.staticPage #navBox{
  width:100%;
}

}