@charset "UTF-8";
/****************common********************************************/
#contents.g25_hosomaki {
  background: #fff;
}
/****************layout********************************************/
/*****key****/
#contents.g25_hosomaki .key {
  margin-bottom: 0vw !important;
  position: relative;
  background: #f9f3d0 url("../img/hosomaki_bg_sp.jpg") repeat-y;
  background-size: 100% auto;
}
/*********01********/
#contents.g25_hosomaki .co_01 {
  position: relative;
  padding-top: calc(100vw / (1200 / 75));
  padding-bottom: calc(100vw / (1200 / 50));
  background: #231f1f url("../img/hosomaki_c03_bg.jpg") no-repeat;
  background-size: 100% auto;
}
#contents.g25_hosomaki .co_01 h2 {
  width: calc(100vw / (1200 / 400));
  margin: 0 auto calc(100vw / (1200 / 25));
}
#contents.g25_hosomaki .co_01 .c01_02 {
  width: calc(100vw / (1200 / 322));
  margin: 0 auto;
}
#contents.g25_hosomaki .co_01 h3 {
  width: calc(100vw / (1200 / 700));
  margin: 0 auto calc(100vw / (1200 / 10));
}
#contents.g25_hosomaki .co_01 p {
  margin-bottom: calc(100vw / (1200 / 15));
  text-align: center;
  font-size: calc(100vw / (1200 / 20));
  font-weight: bold;
  color: #fff;
}
#contents.g25_hosomaki .co_01 .c01_04 {
  width: calc(100vw / (1200 / 500));
  margin: calc(100vw / (1200 / 30)) auto calc(100vw / (1200 / 30));
}
#contents.g25_hosomaki .co_01 p.fs {
  font-size: calc(100vw / (1200 / 14));
  font-weight: normal;
}
/*********02********/
#contents.g25_hosomaki .co_02 {
  position: relative;
  padding-top: calc(100vw / (1200 / 70));
  padding-bottom: calc(100vw / (1200 / 50));
  background: #f9f3d0 url("../img/hosomaki_bg.jpg") repeat-y;
  background-size: 100% auto;
}
#contents.g25_hosomaki .co_02 .img {
  width: calc(100vw / (1200 / 600));
  margin: 0 auto;
}
/*********03********/
#contents.g25_hosomaki .co_03 {
  position: relative;
  margin: 0 auto calc(100vw / (1200 / 50));
  padding-top: calc(100vw / (1200 / 25));
  padding-bottom: calc(100vw / (1200 / 75));
  background: #f9f3d0 url("../img/hosomaki_bg.jpg") repeat-y;
  background-size: 100% auto;
}
#contents.g25_hosomaki .co_03 h2 {
  width: calc(100vw / (1200 / 200));
  margin: 0 auto calc(100vw / (1200 / 20));
}
#contents.g25_hosomaki .co_03 .img {
  width: calc(100vw / (1200 / 740));
  margin: 0 auto calc(100vw / (1200 / 50));
}
#contents.g25_hosomaki .co_03 ul.kome {
  width: calc(100vw / (1200 / 700));
  margin: 0 auto calc(100vw / (1200 / 50));
  color: #fff;
}
#contents.g25_hosomaki .co_03 .entry {
  width: calc(100vw / (1200 / 450));
  margin: 0 auto;
}
#contents.g25_hosomaki .co_03 .entry h2 {
  width: calc(100vw / (1200 / 300));
  margin: 0 auto calc(100vw / (1200 / 20));
}
#contents.g25_hosomaki .co_03 .entry p {
  position: relative;
}
#contents.g25_hosomaki .co_03 .entry p a {
  display: block;
  border-radius: 10px;
  padding: calc(100vw / (1200 / 15)) 0;
  background: #fff;
  border: 2px solid #ab010b;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-align: center;
  font-size: calc(100vw / (1200 / 33));
  font-weight: bold;
  color: #ab010b;
}
#contents.g25_hosomaki .co_03 .entry p a:hover {
  background: #ff701e;
  color: #fff;
  letter-spacing: 0.15em;
}
#contents.g25_hosomaki .co_03 .entry p::before {
  content: "";
  display: inline-block;
  position: absolute;
  background: url("../img/hosomaki_c04_02.png") no-repeat;
  background-size: 100% auto;
  width: calc(100vw / (1200 / 35));
  height: calc(100vw / (1200 / 50));
  top: calc(100vw / (1200 / 35));
  left: calc(100vw / (1200 / 20));
}
#contents.g25_hosomaki .co_03 .entry p::after {
  content: "▶︎";
  display: inline-block;
  font-size: calc(100vw / (1200 / 16));
  color: #ab010b;
  position: absolute;
  top: calc(100vw / (1200 / 45));
  right: calc(100vw / (1200 / 15));
}
#contents.g25_hosomaki .co_03 .entry p:hover::after {
  color: #fff;
}
#contents.g25_hosomaki .co_03 .entry p a span {
  font-size: calc(100vw / (1200 / 27));
}
/**** btnarea ****/
#contents.g25_hosomaki .btnarea {
  width: calc(100vw / (1200 / 520));
  margin: 0 auto;
  padding-bottom: calc(100vw / (1200 / 150));
}
#contents.g25_hosomaki .btnarea .bn {
  margin-bottom: calc(100vw / (1200 / 50));
}
#contents.g25_hosomaki .btnarea .kome {
  width: calc(100vw / (1200 / 570));
  margin: 0 auto calc(100vw / (1200 / 50));
}