@charset "utf-8";

/*========================
▼ルール▼
・記述するCSSのセレクタの一番前に必ず「.fc-wrapper」をつける。
「.fc-wrapper」をつけないとリセットの記述に上書きされるため。
==========================*/

.fc-wrapper {
  font-family: "本明朝-M 新がな", HonMinSink-M, 游明朝, "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",
    serif;
}

.fc-wrapper .box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}

.fc-wrapper .mgb10 {
  margin-bottom: 10px;
}

.fc-wrapper .mgb20 {
  margin-bottom: 20px;
}

.fc-wrapper .mgb30 {
  margin-bottom: 30px;
}

.fc-wrapper .mgb40 {
  margin-bottom: 40px;
}

.fc-wrapper .mgb50 {
  margin-bottom: 50px;
}

.fc-wrapper .mgb60 {
  margin-bottom: 60px;
}

.fc-wrapper .mgb70 {
  margin-bottom: 70px;
}

.fc-wrapper .mgb80 {
  margin-bottom: 80px;
}

.fc-wrapper .mgb90 {
  margin-bottom: 90px;
}

.fc-wrapper .mgb100 {
  margin-bottom: 100px;
}

.fc-wrapper .mgr10 {
  margin-right: 10px;
}

.fc-wrapper .mgr25 {
  margin-right: 25px;
}

.fc-wrapper h3 {
  font-size: 20px;
  text-align: center;
  color: #8e1000;
  margin: 10px 0 30px;
  padding: 15px 0;
  border-top: 1px solid #8e1000;
  border-bottom: 1px solid #8e1000;
}

.fc-wrapper .subttl {
  font-size: 15px;
  margin: 20px 0;
}

.fc-wrapper .subttl-l {
  font-size: 15px;
  margin: 20px 0;
  text-align: left;
}

.fc-wrapper .flex-sb {
  display: flex;
  justify-content: space-between;
}

.fc-wrapper .flex-sb-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fc-wrapper .flex-2split {
  display: flex;
  justify-content: space-between;
  align-items: bottom;
}

.fc-wrapper .box2 {
  width: 48%;
  position: relative;
  padding: 0 0 50px;
}

.fc-wrapper .btn_btm {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*display: none;*/
}


.fc-wrapper .block4 .box .btn_btm{
  bottom: -80px;
}



.fc-wrapper .btn_cnt img,
.fc-wrapper .btn_btm img {
  max-width: 240px;
}

.fc-wrapper .t-center {
  text-align: center;
}

.fc-wrapper .item-main {
  margin-bottom: 10px;
}

.fc-wrapper .item-name {
  font-size: 20px;
  color: #936e2f;
  margin-bottom: 15px;
}

.fc-wrapper .item-txt {
  font-size: 15px;
  margin-bottom: 10px;
}

.fc-wrapper .item-img {
  margin-bottom: 10px;
}

.fc-wrapper .item-img img {
  width: 40%;
}

.fc-wrapper .item-price {
  font-size: 25px;
  margin-bottom: 20px;
  /*display: none;*/
}

.fc-wrapper .item-price span {
  font-size: 18px;
}

.fc-wrapper .pdw10 {
  padding: 0 10px;
  box-sizing: border-box;
}

.fc-wrapper .pdw20 {
  padding: 0 20px;
  box-sizing: border-box;
}

.fc-wrapper img {
  width: 100%;
  height: auto;
}

.fc-wrapper img.img_initial {
  width: initial;
  height: auto;
}

/*========================
　　　ヘッダー
==========================*/
header {
  width: 95%;
  margin: 8px auto;
  font-size: 11px;
}

header .logo {
  width: 24%;
  margin-right: 10px;
}

header .logo-txt {
  width: 100%;
}

header .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header a img:hover {
  opacity: 0.7;
}

header .toplink {
  width: 26%;
  font-size: 10px;
}

header .toplink a {
  text-decoration: none;
  color: #000000;
}

/*========================
　　　コンテンツ
==========================*/
/*main*/
.fc-wrapper .main {
  margin-bottom: 31px;
}

.fc-wrapper .main-txt {
  font-size: 15px;
  text-align: center;
  margin-top: 30px;
}

/*anc*/
.fc-wrapper .anc {
  margin-bottom: 20px;
}

.anc-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  box-sizing: border-box;
}

.anc-flex > div {
  width: 50%;
  box-sizing: border-box;
}

.anc-flex > div:nth-child(1) {
  padding-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.anc-flex > div:nth-child(3) {
  padding-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.anc-flex > div:nth-child(5) {
  padding-right: 10px;
  box-sizing: border-box;
}

/*block1*/
.fc-wrapper .block1 {
  margin-bottom: 50px;
}

/*block2*/
.fc-wrapper .block2 {
  margin-bottom: 50px;
}

.block2 .block2-bg {
  background: #f9f8f8;
  padding: 25px 0;
  box-sizing: border-box;
}

/*block3*/
.fc-wrapper .block3 {
  margin-bottom: 50px;
}

/*block4*/
.fc-wrapper .block4 {
  margin-bottom: 50px;
}

.block4 .block4-bg {
  background: #f9f8f8;
  padding: 25px 0;
  box-sizing: border-box;
}

/*block5*/
.fc-wrapper .block5 {
  margin-bottom: 50px;
}

/*wrapping*/
.fc-wrapper .wrapping {
  font-size: 14px;
  margin-bottom: 25px;
}

.wrapping .wrapping-img {
  margin-bottom: 10px;
  text-align: center;
}

.wrapping .wrapping-img img {
  width: 80%;
}

.wrapping .wrapping-ttl {
  font-size: 20px;
  color: #8e1000;
  text-align: center;
  margin-bottom: 25px;
}

.wrapping .wrapping-txt {
  font-size: 14px;
  line-height: 1.8;
}

/*manner*/
.fc-wrapper .manner {
  font-size: 14px;
}

.manner .manner-ttl {
  font-size: 20px;
  color: #8e1000;
  text-align: center;
  margin-bottom: 25px;
}

.manner .manner-sub-ttl {
  font-size: 20px;
  text-align: center;
  color: #936e2f;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.manner .manner-sub-ttl:before,
.manner .manner-sub-ttl:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #936e2f;
  display: block;
}

.manner .manner-sub-ttl:before {
  margin-right: 0.5em;
}

.manner .manner-sub-ttl:after {
  margin-left: 0.5em;
}

.manner .manner-sub-txt {
  width: 95%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.8;
}

/*========================
　　　フッター
==========================*/
footer {
  margin-top: 120px;
  margin-bottom: 10px;
}

footer .copyright {
  font-size: 12px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  color: #333333;
  text-align: center;
}