@charset "UTF-8";



/* ------------------------------



    INDEX

	

	A　* リセット

	B　* 全体設定

	

------------------------------ */





/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=



 * A. リセット



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-= */



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0px;

  padding: 0px;

}



p,

hr,

blockquote,

address,

noscript {

  margin: 0px;

  padding: 0px;

  font-style: normal;

  /*font-weight: normal;*/

  border: none;

}



ul,

li,

ol,

dl,

dt,

dd,

pre,

table,

form {

  margin: 0px;

  padding: 0px;

}



li {

  list-style-type: none;

}



table,

img {

  border: none;

}



em,

strong,

q,

dfn,

code,

samp,

kbd,

var,

cite,

abbr,

acronym {

  margin: 0px;

  padding: 0px;

  font-style: normal;

  font-weight: normal;

}



hr {

  display: none;

  clear: both;

}



.cl {

  clear: both;

}



.clearfix {

  zoom: 1;

}



.clearfix:after {

  content: "";

  display: block;

  clear: both;

}





/*li img,

dt img,

dd */



img {

  vertical-align: bottom;

}





/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=



 * B. 全体設定

 

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-= */



html,

body {

  margin: 0;

  padding: 0;

}



html {

  overflow-y: scroll;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 500;

}





/* リンクカラー */



a:link,

a:visited,

a:active {

  color: inherit;

  text-decoration: none;

  outline: none;

}



a:hover {

  text-decoration: none;

}





/* ------------------------------------------------------

    全体設定

------------------------------------------------------ */



html,

body {

  width: 100%;

  height: 100%;

}



body {

  min-width: 320px;

  width: 100%;

  /*font-family: "myFont", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  */

  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}





/* ------------------------------------------------------

    フォントサイズ

------------------------------------------------------ */





/* スマホのデフォルトフォントサイズ */



html {

  font-size: 56.25%;

  /* 9px */

  /* font-size: 53.125%; */

  /* 8.5px */

  /*font-size: 50%;*/

  /* 8px */

}





/* PC(タブレット以上)のデフォルトフォントサイズ(10px) */



@media screen and (min-width: 768px) {

  html {

    font-size: 62.5%;

  }

}



body {

  font-size: 10px;

  font-size: 1.0rem;

  line-height: 1;

  margin: 0 auto;

}





/* ------------------------------------------------------

    共通css

------------------------------------------------------ */



.clearfix:after {

  content: " ";

  display: block;

  clear: both;

}



.inline_block {

  display: inline-block;

}



.fw_no {

  font-weight: normal;

}



.fw_bo {

  font-weight: bold;

}



.fw_3 {

  font-weight: 300;

}



.fw_4 {

  font-weight: 400;

}



.fw_5 {

  font-weight: 500;

}



.fw_7 {

  font-weight: 700;

}



.ta_c {

  text-align: center !important;

}



.ta_l {

  text-align: left;

}



.ta_r {

  text-align: right;

}



.mb10 {

  margin-bottom: 1rem;

}



.mb20 {

  margin-bottom: 2rem;

}



.mb30 {

  margin-bottom: 3rem;

}



.br {

  display: block;

}





/*----------------------------------------------

    min-width: 768px;

----------------------------------------------*/



@media screen and (min-width: 768px) {

  .pc {

    display: block !important;

  }

  .sp {

    display: none !important;

  }

  .pc_br {

    display: block;

  }

}





/*----------------------------------------------

    max-width: 767px;

----------------------------------------------*/



@media screen and (max-width: 767px) {

  .sp {

    display: block !important;

  }

  .pc {

    display: none !important;

  }

  .sp_br {

    display: block;

  }

}





/* ---------------------------------------

  ローディング

--------------------------------------- */

/*

#loader-bg {

  display: none;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: #999;

  z-index: 101;

}



#loader {

  display: none;

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  z-index: 102;

}



#loader .text_area {

  width: 500px;

  height: 300px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  text-align: center;

  color: #fff;

  margin: auto;

}



#loader .shop_name {

  color: #333;

  font-size: 1.6rem;

  position: relative;

  text-align: center;

  display: block;

  overflow: hidden;

  z-index: 100;

  margin-bottom: 3rem;

}



#loader .shop_name span {

  font-size: 3.2rem;

  letter-spacing: 1.2pt;

  font-family: 'Roboto Condensed', sans-serif;

  display: block;

  line-height: 1.2;

}



#loader .shop_name span.fsz_1 {

  font-size: 1.6rem;

}



#loader .h2_text {

  color: #fff;

  font-size: 1.6rem;

  -webkit-animation: .8s h2_text 0s forwards;

  animation: .8s h2_text 0s forwards;

  letter-spacing: 0.8pt;

  text-align: center;

  position: relative;

  z-index: 100;

}



#loader .h2_text span {

  font-size: 7.5rem;

  letter-spacing: 0;

  font-family: 'Cardo', serif;

  display: block;

  font-weight: 300;

  line-height: 1.2;

}



#loader .h2_text span.fsz_1 {

  font-size: 6rem;

  font-family: 'Fjalla One', sans-serif;

  font-family: 'Cardo', serif;

  letter-spacing: 1.2pt;

}



*/

/*----------------------------------------------

    max-width: 767px;

----------------------------------------------*/

/*

@media screen and (max-width: 767px) {

  #loader .text_area {

    width: 400px;

    height: 250px;

  }

}



@media screen and (max-width: 640px) {

  #loader .text_area {

    width: 300px;

    height: 200px;

  }

  #loader .h2_text span {

    font-size: 4.5rem;

  }

  #loader .h2_text span.fsz_1 {

    font-size: 4.5rem;

  }

}



@-webkit-keyframes h2_text {

  0% {

    -webkit-transform: scale(10.0);

    transform: scale(10.0);

  }

  10% {

    -webkit-transform: scale(10.0);

    transform: scale(10.0);

  }

  80% {

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

  }

}



@keyframes h2_text {

  0% {

    -webkit-transform: scale(10.0);

    transform: scale(10.0);

  }

  10% {

    -webkit-transform: scale(10.0);

    transform: scale(10.0);

  }

  80% {

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

  }

}

*/