@charset "UTF-8";
/* CSS Document */
html,
body {
  height: 100%;
}

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box; /* マージン、パディングを含む */
  -webkit-text-size-adjust: 100%; /* スマホで横にしても文字が大きくならない */
}

body {
  font-size: 100%;
  color: #000000;
  background-color: #ffffff;
  text-align: center;
  /*font-size: 25px;*/
  font-family: 'Noto Sans JP', sans-serif;
  /*
	font-family:"source-han-serif-japanese",serif,"A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"メイリオ","Meiryo",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",arial,Sans-Serif;*/
  /*line-height: 1.65;*/
}

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

/* clearfix floatの回りこみを解除 */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}

/* clearfix for ie7 */
.clearfix {
  zoom: 1;
}

/*** ▼basic class ***/
ul,
ol {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
li,
dl,
dt,
dd {
  padding: 0px;
  margin: 0px;
}
a img {
  border: none;
}
img {
  border: none;
  /* ▼スマホで表示時に自動的にサイズを変換 */
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
body {
  line-height: 1.5em;
}

/*** ▼リンク ***/
a {
  /*display: block;*/
  /*color: #765300;*/
  color: #333333;
  text-decoration: none;
  outline: none;
}
a:hover {
  /*display: block;*/
  /*color: #765300;*/
  color: #333333;
  text-decoration: underline;
  outline: none;
}

/*** ▼アニメーションリンク ***/
a.link {
  color: #765300;
  /*text-decoration: underline;*/
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
a.link:hover {
  color: #fffaec;
  background-color: #d8a862;
  text-decoration: none;
  /*text-decoration: underline;*/
}

.clear {
  clear: both;
}

/*** ▼画像を半透明に ***/
img.alpha {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
img.alpha:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

/*** ▼画像に影 ***/
img.shadow {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
img.shadow:hover {
  box-shadow: 0px 0px 10px 3px rgba(216, 168, 98, 1);
}

img.black {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
}

/*** ▼Facebookをレスポンシブに対応 ***/
#fb-root {
  display: none;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}