@charset "UTF-8";
body {
  background-color: #333333;
}
.inline_B {
  display: inline-block;
  margin-left: 0.45em;
}
/* -------------------------------------------------------------------- */
#content .sp_only {
  display: none;
}
#content .sp_only_400 {
  display: none;
}
@media only screen and (max-width: 767px) {
  #content .pc_only {
    display: none;
  }
  #content .sp_only {
    display: inherit;
  }
}
@media only screen and (max-width: 400px) {
  #content .pc_only_400 {
    display: none;
  }
  #content .sp_only_400 {
    display: inherit;
  }
}
/* -------------------------------------------------------------------- */
#content {
  width: 100%;
}
/*header -------------------------------*/
#mv_img {
  width: 100%;
  /*background-color:#e60012;
padding:10px 0 15px 0;*/
}
#mv_img h2 {
  width: 970px;
  margin: 0 auto;
  background-color: #ffffff;
}
/*article -------------------------------*/
article {
  width: 100%;
}
article #content {
  width: 100%;
}
.content_00, #content_01, #content_02, #content_03, #content_04, #content_05, #content_06 {
  position: relative;
  width: 100%;
}
#content_03 {
  /*background-color:#ff4500;
background-color:#fffcd1;*/
}
.all_img_00, #all_img_01, #all_img_02, #all_img_03, #all_img_04, #all_img_05, #all_img_06 {
  width: 970px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}
#btn_st {
  width: 970px;
  margin: auto;
}
#btn_st img {
  display: inline-block;
  margin-left: 10px;
}
#btn_st a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
/* ↓150716 *************************************/
div#top_box {
  width: 970px;
  margin: 0 auto;
}
div#btn_st {
  margin: 0 auto 100px;
}
div#btn_st p {
  margin: 80px 0 50px;
}
div#btn_st ul {
  text-align: center;
}
div#btn_st ul li {
  height: 77px;
  margin: 0 10px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
div#btn_st ul li.li_01 {
  width: 418px;
}
div#btn_st ul li.li_02 {
  width: 323px;
}
div#btn_st ul li img {
  width: 100%;
  margin: 0;
}
div#btn_st ul li span {
  color: #444;
  font-size: 12px;
  display: block;
}
/* ↑150716 *************************************/
#noteAreaWrap {
  width: 100%;
  background-color: #ffffff;
}
#noteArea {
  width: 970px;
  margin: 0 auto;
  padding: 20px 10px 50px 15px;
}
#noteArea .noteTtl {
  border-bottom: 1px solid #ffa500;
  border-left: 15px solid #ffa500;
  padding: 0 0 2px 5px;
  font-weight: bold;
  font-size: 120%;
}
#noteArea li {
  margin-top: 5px;
}
#noteArea .noteTxt {
  margin: 10px 0 0 30px;
  font-size: 90%;
}
#noteArea .noteTxt ul {
  list-style-type: disc
}
#noteArea .redTxt {
  color: #ff0000;
  font-size: 120%;
}
#noteArea .noteKome {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  #noteArea .noteTxt {
    margin: 10px 0 0 10px;
    font-size: 90%;
  }
}
/*footer -------------------------------*/
footer {
  width: 100%;
  background: #231816;
  /*margin-top: 1px;*/
}
footer #copy {
  width: 970px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 90%;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
/*767 -------------------------------*/
@media only screen and (max-width: 970px) {
  #mv_img h2, article #content, footer #copy, .all_img_00, #all_img_01, #all_img_02, #all_img_03, #all_img_04, #all_img_05, #all_img_06 {
    width: 100%;
  }
  #mv_img h2 {
    margin: 0 auto 0 auto;
  }
  #mv_img h2 img {
    width: 100%;
  }
  #content img {
    width: 100%;
  }
  #noteArea {
    width: 90%;
  }
  /* ↓150716 *************************************/
  div#top_box {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background: #f1ebe1;
  }
  div#top_box img {
    width: 100%;
    height: auto;
  }
  div#btn_st {
    width: 100%;
    margin: 0 auto 0;
    padding: 30px 0 40px;
    background: #f1ebe1;
  }
  div#btn_st img {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  div#btn_st p {
    margin: 0 auto 30px;
  }
  div#btn_st ul {}
  div#btn_st ul li {
    height: 50px;
  }
  div#btn_st ul li.li_01 {
    width: 271px;
    margin: 0 0 35px;
  }
  div#btn_st ul li.li_02 {
    width: 210px;
  }
  div#btn_st ul li spsp_onlyan {
    font-size: 11px;
  }
}
/* ↑150716 *************************************/
#currency li {
  display: table-cell;
  text-align: center;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media only screen and (max-width: 640px) {
  #currency {
    top: 57%;
    left: 50%;
    margin: 0 0 0 -42%;
    width: 84%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
  }
  #currency li span {
    font-weight: bolder !important;
    font-size: 103%;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 480px) {
  #currency {
    top: 55%;
    left: 50%;
    margin: 0 0 0 -42%;
    width: 84%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
  }
  #currency li span {
    font-weight: bolder !important;
    font-size: 102%;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 360px) {
  #currency {
    top: 48%;
    left: 50%;
    margin: 0 0 0 -42%;
    width: 84%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
  }
  #currency li span {
    font-weight: bolder !important;
    font-size: 80%;
    line-height: 1;
  }
}
.wrapperAll {
  overflow: hidden;
}
/* ↓160525 *************************************/
@media only screen and (min-width: 970px) {
  #content_02, #content_03, #content_04 {
    width: 970px;
    margin: 0 auto;
  }
  #content_02, #content_04 {
    font-size: 150%;
  }
  #content_03 {
    font-size: 120%;
  }
}
@media only screen and (min-width: 768px) {
  #content_02, #content_04 {
    font-size: 130%;
  }
  #content_03 {
    font-size: 110%;
  }
}
#content_02 {
  background-color: #fff100;
  text-align: center;
}
#content_02 p {
  color: #fff;
  padding: 10px 20px;
}
#content_03 {
  background-color: #871719;
  padding: 20px 0;
}
.content_03_in {
  background-color: #fff;
  border-radius: 0.5em;
  margin: 0 20px;
  padding: 20px;
  word-break: break-all;
}
.content_03_in h2 {
  border-left: 10px solid #871719;
  border-bottom: 2px solid #871719;
  padding-left: 5px;
}
.content_03_in h3 {
  margin-top: 1em;
}
.content_03_in ul {
  margin-top: 1em;
}
#content_04 {
  background-color: #1e2188;
  text-align: center;
  padding: 0;
}
#content_04 p {
  margin: 0 20px;
}
#content_04 a {
  display: block;
  color: #e60013;
  font-weight: bold;
  text-decoration: none;
  line-height: 3em;
  background: linear-gradient(#e8e30e, #ffc70a);
  border-radius: 5px;
}
#content_04 a:hover {
  background: linear-gradient(#fbfa17, #fff211);
}
/* ↑160525 *************************************/
#content_03 .detail {
  line-height: 1.2em;
  margin: 5px 0 10px 10px;
}
#content_03 h2 {
  margin-bottom: 10px;
}
#content_03 .detail_in {
  line-height: 1.2em;
  margin: 0 0 0 10px;
}
#content_03 a {
  color: #ff8089;
  text-decoration: none;
}
#content_03 a:hover {
  color: #ffc1c5;
  text-decoration: none;
}
.red {
  color: red;
}
.content_03_block {
  margin-bottom: 20px;
}