@charset "UTF-8";

/* =========================================================
　◆Basic
========================================================= */
input [type=image]:hover { opacity: 0.8; }

img { 
  max-width: 100%; 
  height: auto;
  width: auto;
  vertical-align: top;
  display: block;
}

img.inline { 
  display: inline-block;
}

figure { border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align:baseline;
  background: transparent;
}

/* clear */
.clear { clear: both !important; }

/* clearfix */
.cFix:after {content: ""; clear: both; display: block; }




/* =========================================================
　◆SP、改行
========================================================= */

.sp_disappear{
  display:none;
}

.sp_appear{
  display: block;
}


@media screen and (min-width: 601px){
  .tabret_disappear{
   display: none;
 }
 .sp_appear{
   display:none;
 }
 .sp_disappear{
  display: block;
}
}


/* =========================================================
  ◆ヘルパー
  ========================================================= */
  /* マージン */
  .hp_mgn0 { margin: 0 !important; }
  .hp_mgnSS { margin: 15px 0 !important; }
  .hp_mgnS { margin: 30px 0 !important; }
  .hp_mgnM { margin: 48px 0 !important; }
  .hp_mgnL { margin: 72px 0 !important; }
  .hp_mgnLL { margin: 100px 0 !important; }
  .hp_mgnTop0 { margin-top: 0 !important; }
  .hp_mgnTopSS { margin-top: 15px !important; }
  .hp_mgnTopS { margin-top: 30px !important; }
  .hp_mgnTopM { margin-top: 48px !important; }
  .hp_mgnTopL { margin-top: 72px !important; }
  .hp_mgnTopLL { margin-top: 100px !important; }
  .hp_mgnBtm0 { margin-bottom: 0 !important; }
  .hp_mgnBtmSS { margin-bottom: 15px !important; }
  .hp_mgnBtmS { margin-bottom: 30px !important; }
  .hp_mgnBtmM { margin-bottom: 48px !important; }
  .hp_mgnBtmL { margin-bottom: 72px !important; }
  .hp_mgnBtmLL { margin-bottom: 100px !important; }
  .hp_mgnAutoR { margin: 0 auto 0 0 !important; }
  .hp_mgnAutoL { margin: 0 0 0 auto !important; }
  .hp_mgnAuto0 { margin: 0 auto !important; }

  /* パディング */
  .hp_pdg0 { padding: 0 !important; }
  .hp_pdgSS { padding: 15px 0 !important; }
  .hp_pdgS { padding: 30px 0 !important; }
  .hp_pdgM { padding: 48px 0 !important; }
  .hp_pdgL { padding: 72px 0 !important; }
  .hp_pdgLL { padding: 100px 0 !important; }
  .hp_pdgTop0 { padding-top: 0 !important; }
  .hp_pdgTopSS { padding-top: 15px !important; }
  .hp_pdgTopS { padding-top: 30px !important; }
  .hp_pdgTopM { padding-top: 48px !important; }
  .hp_pdgTopL { padding-top: 72px !important; }
  .hp_pdgTopLL { padding-top: 100px !important; }
  .hp_pdgBtm0 { padding-bottom: 0 !important; }
  .hp_pdgBtmSS { padding-bottom: 15px !important; }
  .hp_pdgBtmS { padding-bottom: 30px !important; }
  .hp_pdgBtmM { padding-bottom: 48px !important; }
  .hp_pdgBtmL { padding-bottom: 72px !important; }
  .hp_pdgBtmLL { padding-bottom: 100px !important; }
  .hp_pdgAutoR { padding: 0 auto 0 0 !important; }
  .hp_pdgAutoL { padding: 0 0 0 auto !important; }
  .hp_pdgAuto0 { padding: 0 auto !important; }

  @media screen and (max-width: 600px ){
    /* マージン */
    .hp_mgnSS { margin: 1.25vh 0 !important; }
    .hp_mgnS { margin: 2.5vh 0 !important; }
    .hp_mgnM { margin: 4vh 0 !important; }
    .hp_mgnL { margin: 6vh 0 !important; }
    .hp_mgnLL { margin: 8.3vh 0 !important; }
    .hp_mgnTopSS { margin-top: 1.25vh !important; }
    .hp_mgnTopS { margin-top: 2.5vh !important; }
    .hp_mgnTopM { margin-top: 4vh !important; }
    .hp_mgnTopL { margin-top: 6vh !important; }
    .hp_mgnTopLL { margin-top: 8.3vh !important; }
    .hp_mgnBtmSS { margin-bottom: 1.25vh !important; }
    .hp_mgnBtmS { margin-bottom: 2.5vh !important; }
    .hp_mgnBtmM { margin-bottom: 4vh !important; }
    .hp_mgnBtmL { margin-bottom: 6vh !important; }
    .hp_mgnBtmLL { margin-bottom: 8.3vh !important; }

    /* パディング */
    .hp_pdgSS { padding: 1.25vh 0 !important; }
    .hp_pdgS { padding: 2.5vh 0 !important; }
    .hp_pdgM { padding: 4vh 0 !important; }
    .hp_pdgL { padding: 6vh 0 !important; }
    .hp_pdgLL { padding: 8.3vh 0 !important; }
    .hp_pdgTopSS { padding-top: 1.25vh !important; }
    .hp_pdgTopS { padding-top: 2.5vh !important; }
    .hp_pdgTopM { padding-top: 4vh !important; }
    .hp_pdgTopL { padding-top: 6vh !important; }
    .hp_pdgTopLL { padding-top: 8.3vh !important; }
    .hp_pdgBtmSS { padding-bottom: 1.25vh !important; }
    .hp_pdgBtmS { padding-bottom: 2.5vh !important; }
    .hp_pdgBtmM { padding-bottom: 4vh !important; }
    .hp_pdgBtmL { padding-bottom: 6vh !important; }
    .hp_pdgBtmLL { padding-bottom: 8.3vh !important; }

  }


  /* 文字位置 */
  .hp_txtAlnL { text-align: left !important; }
  .hp_txtAlnR { text-align: right !important; }
  .hp_txtAlnC { text-align: center !important; }