@charset "utf-8";

a,a:visited {
  text-decoration: underline;
	outline: none;
  color: #ff9e2b;
}
a:hover {
  color: #ff4f2b;
  outline: none;
}
a[href*="tel:"] { cursor: default; }

button { outline: none; }

p {
	margin: 0 0 0.9em;
  background: url(../img/transparent.png);
}
p:last-child {
  margin: 0;
}
td { background: url(../img/transparent.png); }

html {
  position: relative;
  height: 100%;
  font-size: 6.25%;
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  position: relative;
  min-height: 100%;
  background: url(../img/bg.png) 50% 0 repeat;
	font: 10rem/1 "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
  color: #452a00;
  overflow: hidden;
}
.mac body, .safari body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

div,section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
}
h2 {
  margin: 0 0 0.5em;
}
ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
button:active,button:focus {
  border: none;
  outline: none;
}
figure {
  margin: 0;
}
em { font-style: normal; }

header {
  position: fixed;
  top: 0;
  left: 0;
  background: url(../img/header_bg.png) 50% 0 no-repeat;
  width: 100%;
  height: 107px;
  z-index: 1000;
}
header h1 {
  position: relative;
  height: 107px;
}
header img {
  position: absolute;
  top: 0;
  left: -1000px;
  right: -1000px;
  margin: 0 auto;
}
main {
  width: 960px;
  padding: 115px 17px 20px;
  margin: 0 auto;
  background: rgba(255,198,99,0.7);
  font-size: 18rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-weight: bold;
}
.frame {
  position: relative;
  padding: 13px 15px;
  margin: 0 0 20px;
  background: #fff;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border: 1px solid #94a8b8;
  -webkit-box-shadow: 1px 1px 3px rgba(5,6,14,0.6);
  box-shadow: 1px 1px 3px rgba(5,6,14,0.6);
}
main b,
main strong,
main h2 {
  font-size: 100%;
  color: #ff2a48;
}
.footer_bg {
  border-top: 1px solid #bb8532;
  height: 120px;
  padding: 12px 0 0;
  background: #ffc663;
}
footer {
  position: relative;
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
  text-align: right;
}
.sns_btn {
  display: inline-block;
  margin: 0 0 12px;
  line-height: 0.7;
  vertical-align: top;
}
.sns_btn div {
  display: inline-block;
  margin: 0 1px;
}
.copy {
  font-size: 12rem;
  line-height: 1.4;
}
.center {
  width: 500px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  margin: 1.3em 0 1.3em 175px;
}
.f_small {
  font-size: 15px;
}

/* =============================================================================
フロートさせたコンテンツの高さを親要素が認識しないバグを修正　Clearfix
========================================================================== */

/* For modern browsers */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

* html .cf { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}