/*
 * kykstyle v1.0.0
 */

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a{
  text-decoration: none;
}

dl,ol,ul {
  list-style: none;
  margin: 0;
  padding: 0px 0;
}

/* ===ヘッダー=== */
.head-nav{
  display: flex;
  -webkit-display: flex;
  width: 100%;
  padding:0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 99;
  height: 50px;
}
.inner{
  position: relative;
  width: 100%;
}
.head-nav.fixed{
  position: fixed;
}
.nav-logo{
  width: 25%;
  text-align: left;
  padding: 5px 30px;
}
.nav-logo:after{
  content: '　';
}
#nav{
  width: 73%;
  position: relative;
  right: 20px !important;
}
#nav ul,#nav div{
  text-align: right;
}
#nav ul li{
  display: inline;
  margin:0 20px;
}
#nav-toggle{
    display: none;
}


/* ===要素の高さの位置=== */
.cont-t,.sp-cont-t{
  position: absolute;
  top:0;
  left:0;
  right:0;
}
.cont-b,.sp-cont-b{
  position: absolute;
  bottom:0;
  left:0;
  right:0;
}
.cont-m,.sp-cont-m,#nav ul,#nav div{
  position: absolute;
  margin: 0;
  padding: 0;
  top: 50%;
  left:0;
  right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* ===テキストの横の位置=== */
.text-c{text-align: center !important;}
.text-l{text-align: left !important;}
.text-r{text-align: right !important;}


/* ===float=== */
.f-l{float:left}
.f-r{float:right}


/* ===flex=== */
.row {
  display: flex;
  -webkit-display: flex;
  padding: 0;
  width: 100%;
  margin: 10px 0;
  flex-wrap: wrap;
}
.nowarp {flex-wrap: nowrap;}
.row.top {align-items: flex-start;}
.row.bottom {align-items: flex-end;}
.row.middle{align-items: center;}
.row.stretch {align-items: stretch;}
.row.baseline {align-items: baseline;}
.row.left {justify-content: flex-start;}
.row.right {justify-content: flex-end;}
.row.center {justify-content: center;}
.row.between {justify-content: space-between;}
.row.around {justify-content: space-around;}

/* ===flex子要素=== */
.col,.col10,.col20,.col25,.col30,.col33,.col40,.col50,.col60,.col66,.col70,.col75,.col80,.col90{
  position: relative;
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
  padding: 10px;
}
.col10 {flex: 0 0 10%;max-width: 10%;}
.col20 {flex: 0 0 20%;max-width: 20%;}
.col25 {flex: 0 0 25%;max-width: 25%;}
.col30 {flex: 0 0 30%;max-width: 30%;}
.col33 {flex: 0 0 33.3333%;max-width: 33.3333%;}
.col40 {flex: 0 0 40%;max-width: 40%;}
.col50 {flex: 0 0 50%;max-width: 50%;}
.col60 {flex: 0 0 60%;max-width: 60%;}
.col66 {flex: 0 0 66.6666%;max-width: 66.6666%;}
.col70 {flex: 0 0 70%;max-width: 70%;}
.col75 {flex: 0 0 75%;max-width: 75%;}
.col80 {flex: 0 0 80%;max-width: 80%;}
.col90 {flex: 0 0 90%;max-width: 90%;}

/* ===flex子要素の高さの位置=== */
.row .col-top {align-self: flex-start;}
.row .col-bottom {align-self: flex-end;}
.row .col-center {-ms-grid-row-align: center;align-self: center;}

/* ===flex順番=== */
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.order4 {order: 4;}
.order5 {order: 5;}


/* ===form=== */
input,textarea,select{font-size:0.9em;border:1px solid #d0d0d0;}
select{background:#fff;}
label,input,textarea,select{padding:5px !important;}


/* ===button=== */
button,input[type="button"],.button,.button-r,.button-r1,.button-r2 {
  display: inline-block;
  text-align: center;
  outline: none;
  padding: 5px 20px;
  -webkit-transition: all .2s;
  transition: all .2s;
  margin:10px;
}

/* ===buttonの角丸=== */
.button-r{-webkit-border-radius: 5px;border-radius: 5px;}
.button-r1{-webkit-border-radius: 15px; border-radius: 15px;}
.button-r2{-webkit-border-radius: 50px; border-radius: 50px;}

/* ===buttonデザイン=== */
.b-ghost{background:none;color:#fff;border:2px solid}
.b-ghost:hover{background:rgba(255, 255, 255, 0.49)}
.b-f{background:#fff;color:#666;border:2px solid #666}
.b-f:hover{background:#ccc;color:#fff;border:2px solid #ccc}
.b-0{background:#333;color:#fff;border:2px solid #333;}
.b-0:hover{background:#999;border:2px solid #999}
.b-sky{background:#33BFDB;color:#fff;border:2px solid #33BFDB}
.b-sky:hover{background:#2d8db7;border:2px solid #2d8db7}
.b-tree{background:#79D1B0;color:#fff;border:2px solid #79D1B0}
.b-tree:hover{background:#54ad69;border:2px solid #63ba77}
.b-fire{background:#DE4830;color:#fff;border:2px solid #DE4830}
.b-fire:hover{background:#ac3c2a;border:2px solid #ac3c2a}

/* ===枠線=== */
.bb1{border: 1px solid #333;}
.bb2{border: 2px solid #333;}
.bb3{border: 1px solid #333;}

/* ===テキストカラー=== */
.t-fire{color:#ce0000}
.t-sky{color:#006cea}
.t-tree{color:#2a9832}
.t-f{color:#fff}.t-0{color:#000}.t-3{color:#333}
.t-6{color:#666}.t-9{color:#999}.t-c{color:#ccc}

/* ===背景カラー=== */
.bg-f{background:#fff;color:#333}
.bg-0{background:#000;color:#fff}
.bg-d{background:#f5f5f5;color: #333;}
.bg-sky{background:#33BFDB;color:#fff}
.bg-tree{background:#79D1B0;color:#fff}
.bg-fire{background:#DE4830;color:#fff}

/* ===影=== */
.shadow{box-shadow:1px 1px 2px 1px #d9d8d8;-webkit-box-shadow:}

/* ===角丸=== */
.radius10{-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.radius20{-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.radius30{-moz-border-radius: 30px;-webkit-border-radius: 30px;}
.radius00{-moz-border-radius: 100px;-webkit-border-radius: 100px;}



/* ===padding=== */
.p0{padding: 0 !important;}.pt0{padding-top: 0 !important;}.pb0{padding-bottom: 0 !important;}.pl0{padding-left: 0 !important;}.pr0{padding-right:0 !important}.ptb0{padding-top: 0 !important;padding-bottom:0 !important}.plr0{padding-left: 0 !important;padding-right: 0 !important}
.p5{padding: 5px !important;}.pt5{padding-top: 5px !important;}.pb5{padding-bottom: 5px !important;}.pl5{padding-left: 5px !important;}.pr5{padding-right:5px}.ptb5{padding-top: 5px  !important; padding-bottom: 5px  !important;}.plr5{padding-left: 5px !important;padding-right: 5px !important;}
.p10{padding: 10px !important;}.pt10{padding-top: 10px !important;}.pb10{padding-bottom: 10px !important;}.pl10{padding-left: 10px !important;}.pr10{padding-right:10px}.ptb10{padding-top: 10px  !important; padding-bottom: 10px  !important;}.plr10{padding-left: 10px !important;padding-right: 10px !important;}
.p15{padding: 15px !important;}.pt15{padding-top: 15px !important;}.pb15{padding-bottom: 15px !important;}.pl15{padding-left: 15px !important;}.pr15{padding-right:15px}.ptb15{padding-top: 15px  !important; padding-bottom: 15px  !important;}.plr15{padding-left: 15px !important;padding-right: 15px !important;}
.p20{padding: 20px !important;}.pt20{padding-top: 20px !important;}.pb20{padding-bottom: 20px !important;}.pl20{padding-left: 20px !important;}.pr20{padding-right:20px}.ptb20{padding-top: 20px  !important; padding-bottom: 20px  !important;}.plr20{padding-left: 20px !important;padding-right: 20px !important;}
.p25{padding: 25px !important;}.pt25{padding-top: 25px !important;}.pb25{padding-bottom: 25px !important;}.pl25{padding-left: 25px !important;}.pr25{padding-right:25px}.ptb25{padding-top: 25px  !important; padding-bottom: 25px  !important;}.plr25{padding-left: 25px !important;padding-right: 25px !important;}
.p30{padding: 30px !important;}.pt30{padding-top: 30px !important;}.pb30{padding-bottom: 30px !important;}.pl30{padding-left: 30px !important;}.pr30{padding-right:30px}.ptb30{padding-top: 30px  !important; padding-bottom: 30px  !important;}.plr30{padding-left: 30px !important;padding-right: 30px !important;}
.p40{padding: 40px !important;}.pt40{padding-top: 40px !important;}.pb40{padding-bottom: 40px !important;}.pl40{padding-left: 40px !important;}.pr40{padding-right:40px}.ptb40{padding-top: 40px  !important; padding-bottom: 40px  !important;}.plr40{padding-left: 40px !important;padding-right: 40px !important;}
.p50{padding: 50px !important;}.pt50{padding-top: 50px !important;}.pb50{padding-bottom: 50px !important;}.pl50{padding-left: 50px !important;}.pr50{padding-right:50px}.ptb50{padding-top: 50px  !important; padding-bottom: 50px  !important;}.plr50{padding-left: 50px !important;padding-right: 50px !important;}
.p60{padding: 60px !important;}.pt60{padding-top: 60px !important;}.pb60{padding-bottom: 60px !important;}.pl60{padding-left: 60px !important;}.pr60{padding-right:60px}.ptb60{padding-top: 60px  !important; padding-bottom: 60px  !important;}.plr60{padding-left: 60px !important;padding-right: 60px !important;}



/* ===margin=== */
.m0{margin: 0px !important;}.mt0{margin-top: 0px !important;}.mb0{margin-bottom: 0px !important;}.ml0{margin-left: 0px !important;}.mr0{margin-right:0px}.mtb0{margin-top: 0px !important;margin-bottom: 0px !important;}.mlr0{margin-left: 0px !important;margin-right: 0px !important;}
.m5{margin: 5px !important;}.mt5{margin-top: 5px !important;}.mb5{margin-bottom: 5px !important;}.ml5{margin-left: 5px !important;}.mr5{margin-right:5px}.mtb5{margin-top: 5px !important;margin-bottom: 5px !important;}.mlr5{margin-left: 5px !important;margin-right: 5px !important;}
.m10{margin: 10px !important;}.mt10{margin-top: 10px !important;}.mb10{margin-bottom: 10px !important;}.ml10{margin-left: 10px !important;}.mr10{margin-right:10px}.mtb10{margin-top: 10px !important;margin-bottom: 10px !important;}.mlr10{margin-left: 10px !important;margin-right: 10px !important;}
.m15{margin: 15px !important;}.mt15{margin-top: 15px !important;}.mb15{margin-bottom: 15px !important;}.ml15{margin-left: 15px !important;}.mr15{margin-right:15px}.mtb15{margin-top: 15px !important;margin-bottom: 15px !important;}.mlr15{margin-left: 15px !important;margin-right: 15px !important;}
.m20{margin: 20px !important;}.mt20{margin-top: 20px !important;}.mb20{margin-bottom: 20px !important;}.ml20{margin-left: 20px !important;}.mr20{margin-right:20px}.mtb20{margin-top: 20px !important;margin-bottom: 20px !important;}.mlr20{margin-left: 20px !important;margin-right: 20px !important;}
.m25{margin: 25px !important;}.mt25{margin-top: 25px !important;}.mb25{margin-bottom: 25px !important;}.ml25{margin-left: 25px !important;}.mr25{margin-right:25px}.mtb25{margin-top: 25px !important;margin-bottom: 25px !important;}.mlr25{margin-left: 25px !important;margin-right: 25px !important;}
.m30{margin: 30px !important;}.mt30{margin-top: 30px !important;}.mb30{margin-bottom: 30px !important;}.ml30{margin-left: 30px !important;}.mr30{margin-right:30px}.mtb30{margin-top: 30px !important;margin-bottom: 30px !important;}.mlr30{margin-left: 30px !important;margin-right: 30px !important;}
.m40{margin: 40px !important;}.mt40{margin-top: 40px !important;}.mb40{margin-bottom: 40px !important;}.ml40{margin-left: 40px !important;}.mr40{margin-right:40px}.mtb40{margin-top: 40px !important;margin-bottom: 40px !important;}.mlr40{margin-left: 40px !important;margin-right: 40px !important;}
.m50{margin: 50px !important;}.mt50{margin-top: 50px !important;}.mb50{margin-bottom: 50px !important;}.ml50{margin-left: 50px !important;}.mr50{margin-right:50px}.mtb50{margin-top: 50px !important;margin-bottom: 50px !important;}.mlr50{margin-left: 50px !important;margin-right: 50px !important;}
.mt60{margin-top: 60px !important;}.mb60{margin-bottom: 60px !important;}.mtb60{margin-top: 60px !important;margin-bottom: 60px !important;}
.mt70{margin-top: 70px !important;}.mb70{margin-bottom: 70px !important;}.mtb70{margin-top: 70px !important;margin-bottom: 70px !important;}
.mt80{margin-top: 80px !important;}.mb80{margin-bottom: 80px !important;}.mtb80{margin-top: 80px !important;margin-bottom: 80px !important;}
.mt90{margin-top: 90px !important;}.mb90{margin-bottom: 90px !important;}.mtb90{margin-top: 90px !important;margin-bottom: 90px !important;}




@media screen and ( max-width:760px ){
    .nav-logo{display: none;}
    #nav ul,#nav div{
        position: relative;
        text-align: left;
    }
    #nav ul li{
        display: block;
        width: 100%;
        padding:20px;
        border-top: 1px solid #fff;
    }
    #nav{
        position: absolute;
        top: -500px;
        width: 100%;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #nav-toggle{
        display: inline-block;
        width: 100%;
        text-align: right;
    }
    
    .open #nav {
      /* #global-nav top + #mobile-head height */
      -moz-transform: translateY(556px);
      -webkit-transform: translateY(556px);
      transform: translateY(556px);
  }
    
 
  label.sp,label.sp00,label.sp33,label.sp50,label.sp66{text-align:left;}
  .sp {min-width: 100%;}
  .sp33 {min-width: 33.3333%;}
  .sp50 {min-width: 50%;}
  .sp66 {min-width: 66.6666%;}
    
  .sp-cont-t,.sp-cont-b,.sp-cont-m{position: relative}
    
  .sp-order1 {order: 1;}
  .sp-order2 {order: 2;}
  .sp-order3 {order: 3;}
  .sp-order4 {order: 4;}
  .sp-order5 {order: 5;}  
    
    
  .sp-p0{padding: 0px !important;}.sp-pt0{padding-top: 0px !important;}.sp-pb0{padding-bottom: 0px !important;}.sp-pl0{padding-left: 0px !important;}.sp-pr0{padding-right:0px}.sp-ptb0{padding-top: 0px  !important; padding-bottom: 0px  !important;}.sp-plr0{padding-left: 0px !important;padding-right: 0px !important;}
  .sp-p5{padding: 5px !important;}.sp-pt5{padding-top: 5px !important;}.sp-pb5{padding-bottom: 5px !important;}.sp-pl5{padding-left: 5px !important;}.sp-pr5{padding-right:5px}.sp-ptb5{padding-top: 5px  !important; padding-bottom: 5px  !important;}.sp-plr5{padding-left: 5px !important;padding-right: 5px !important;}
  .sp-p10{padding: 10px !important;}.sp-pt10{padding-top: 10px !important;}.sp-pb10{padding-bottom: 10px !important;}.sp-pl10{padding-left: 10px !important;}.sp-pr10{padding-right:10px}.sp-ptb10{padding-top: 10px  !important; padding-bottom: 10px  !important;}.sp-plr10{padding-left: 10px !important;padding-right: 10px !important;}
  .sp-p15{padding: 15px !important;}.sp-pt15{padding-top: 15px !important;}.sp-pb15{padding-bottom: 15px !important;}.sp-pl15{padding-left: 15px !important;}.sp-pr15{padding-right:15px}.sp-ptb15{padding-top: 15px  !important; padding-bottom: 15px  !important;}.sp-plr15{padding-left: 15px !important;padding-right: 15px !important;}
  .sp-p20{padding: 20px !important;}.sp-pt20{padding-top: 20px !important;}.sp-pb20{padding-bottom: 20px !important;}.sp-pl20{padding-left: 20px !important;}.sp-pr20{padding-right:20px}.sp-ptb20{padding-top: 20px  !important; padding-bottom: 20px  !important;}.sp-plr20{padding-left: 20px !important;padding-right: 20px !important;}
  .sp-p25{padding: 25px !important;}.sp-pt25{padding-top: 25px !important;}.sp-pb25{padding-bottom: 25px !important;}.sp-pl25{padding-left: 25px !important;}.sp-pr25{padding-right:25px}.sp-ptb25{padding-top: 25px  !important; padding-bottom: 25px  !important;}.sp-plr25{padding-left: 25px !important;padding-right: 25px !important;}
    
  
/* ===margin=== */
  .sp-m0{margin: 0px !important;}.sp-mt0{margin-top: 0px !important;}.sp-mb0{margin-bottom: 0px !important;}.sp-ml0{margin-left: 0px !important;}.sp-mr0{margin-right:0px}.sp-mtb0{margin-top: 0px !important;margin-bottom: 0px !important;}.sp-mlr0{margin-left: 0px !important;margin-right: 0px !important;}
  .sp-m5{margin: 5px !important;}.sp-mt5{margin-top: 5px !important;}.sp-mb5{margin-bottom: 5px !important;}.sp-ml5{margin-left: 5px !important;}.sp-mr5{margin-right:5px}.sp-mtb5{margin-top: 5px !important;margin-bottom: 5px !important;}.sp-mlr5{margin-left: 5px !important;margin-right: 5px !important;}
  .sp-m10{margin: 10px !important;}.sp-mt10{margin-top: 10px !important;}.sp-mb10{margin-bottom: 10px !important;}.sp-ml10{margin-left: 10px !important;}.sp-mr10{margin-right:10px}.sp-mtb10{margin-top: 10px !important;margin-bottom: 10px !important;}.sp-mlr10{margin-left: 10px !important;margin-right: 10px !important;}
  .sp-m15{margin: 15px !important;}.sp-mt15{margin-top: 15px !important;}.sp-mb15{margin-bottom: 15px !important;}.sp-ml15{margin-left: 15px !important;}.sp-mr15{margin-right:15px}.sp-mtb15{margin-top: 15px !important;margin-bottom: 15px !important;}.sp-mlr15{margin-left: 15px !important;margin-right: 15px !important;}
  .sp-m20{margin: 20px !important;}.sp-mt20{margin-top: 20px !important;}.sp-mb20{margin-bottom: 20px !important;}.sp-ml20{margin-left: 20px !important;}.sp-mr20{margin-right:20px}.sp-mtb20{margin-top: 20px !important;margin-bottom: 20px !important;}.sp-mlr20{margin-left: 20px !important;margin-right: 20px !important;}
  .sp-m25{margin: 25px !important;}.sp-mt25{margin-top: 25px !important;}.sp-mb25{margin-bottom: 25px !important;}.sp-ml25{margin-left: 25px !important;}.sp-mr25{margin-right:25px}.sp-mtb25{margin-top: 25px !important;margin-bottom: 25px !important;}.sp-mlr25{margin-left: 25px !important;margin-right: 25px !important;}
  .sp-m30{margin: 30px !important;}.sp-mt30{margin-top: 30px !important;}.sp-mb30{margin-bottom: 30px !important;}.sp-ml30{margin-left: 30px !important;}.sp-mr30{margin-right:30px}.sp-mtb30{margin-top: 30px !important;margin-bottom: 30px !important;}.sp-mlr30{margin-left: 30px !important;margin-right: 30px !important;}
  .sp-m40{margin: 40px !important;}.sp-mt40{margin-top: 40px !important;}.sp-mb40{margin-bottom: 40px !important;}.sp-ml40{margin-left: 40px !important;}.sp-mr40{margin-right:40px}.sp-mtb40{margin-top: 40px !important;margin-bottom: 40px !important;}.sp-mlr40{margin-left: 40px !important;margin-right: 40px !important;}
  .sp-m50{margin: 50px !important;}.sp-mt50{margin-top: 50px !important;}.sp-mb50{margin-bottom: 50px !important;}.sp-ml50{margin-left: 50px !important;}.sp-mr50{margin-right:50px}.sp-mtb50{margin-top: 50px !important;margin-bottom: 50px !important;}.sp-mlr50{margin-left: 50px !important;margin-right: 50px !important;}
  .sp-mt60{margin-top: 60px !important;}.sp-mb60{margin-bottom: 60px !important;}.sp-mtb60{margin-top: 60px !important;margin-bottom: 60px !important;}
  .sp-mt70{margin-top: 70px !important;}.sp-mb70{margin-bottom: 70px !important;}.sp-mtb70{margin-top: 70px !important;margin-bottom: 70px !important;}
  .sp-mt80{margin-top: 80px !important;}.sp-mb80{margin-bottom: 80px !important;}.sp-mtb80{margin-top: 80px !important;margin-bottom: 80px !important;}
  .sp-mt90{margin-top: 90px !important;}.sp-mb90{margin-bottom: 90px !important;}.sp-mtb90{margin-top: 90px !important;margin-bottom: 90px !important;}
}