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

共通

**********************************************/
html {font-size: 62.5%;}
body{
    font-size: 1.4rem;
    line-height: 1.7;
    box-sizing: border-box; /*パディングとボーダーを幅と高さに含める*/
    height: 100%;
    width: 100%;
    margin: 0 auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
    width: 100%;
}
/*画像遅延処理*/
.ready {
  opacity: 0;
}
.loaded {
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
  -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
  -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
  transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
}

/* メインエリア */
.main{
  padding-bottom: 25%;
}
.wrap{
  width: 96%;
  margin: 0 auto;
}
.full{width: 100%;}
.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.BgBlack{
  background-color: #000;
}
.flex{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex div:first-child{
    margin-right: 3%;
}
/****************************************
マージン各種
*****************************************/

.mt2{margin-top:2%;}
.mt3{margin-top:3%;}
.mt4{margin-top:4%;}
.mt5{margin-top:5%;}
.mt10{margin-top:10%;}

.mb2{margin-bottom:2%;}
.mb3{margin-bottom:3%;}
.mb4{margin-bottom:4%;}
.mb5{margin-bottom:5%;}
.mb10{margin-bottom:10%;}

.pt2{padding-top:2%;}
.pt3{padding-top:3%;}
.pt4{padding-top:4%;}
.pt5{padding-top:5%;}
/**********************************************

ヘッダー

**********************************************/
h1{
/*  background-color:#8fc31f;
  color:#FFF;
  padding:1% 3%;;*/
  font-size:90%;
}
header div{
  margin:0;
  padding:0;
}
header ul{
  display:flex;
}
header ul li{
  width:20%;
}
header .otherLink a{
  width: 50%;
    float: left;
}

/**********************************************

フッター

**********************************************/
footer{
  margin-bottom:5%;
}
/*
footer .txt{
  border-top:1px solid #603517;
  width:90%;
  margin:0 auto;
  text-align:center;
  color:#603517;
  font-size:120%;
  padding-top:2%;
}
footer .btn{
  width:90%;
  margin:5% auto 10% auto;
}
*/
/* メニュー
footer nav{
  margin-top:5%;
  margin-bottom:10%;
}
*/

/* コピーライト
footer #copyright{
    text-align: center;
    color: #855427;
}
*/


/* ----------------------------------------------
  追尾メニュー
---------------------------------------------- */
#footer_wrap{
  display:none;
  position:fixed;
  bottom:0;
  z-index:1000;
    margin: 0 auto;
    min-width: 320px;
    max-width: 640px;
  width:100%;
}
#footer_menu{
  display:flex;
  width:100%;
}
#footer_menu.FlexRight{
  justify-content: flex-end;
}
#footer_menu a{
  width:33%;
  margin-right:0.5%;
}
#footer_menu a:last-child{
  margin-right:0;
}
#footer_menu a img{
  width:100%;
}

/**********************************************

PCでみた時の画面

**********************************************/
.pcVer{
    background: #ffedfe;
}
.pcVer img{
    display: block;
    margin: 0 auto;
    width: auto;
}