@charset "UTF-8";
/****************common********************************************/
#contents.eraberu_kamameshi {
 background:  rgba(255, 255, 255, 0.7) url("../img/eraberu_bg_sp.jpg") repeat;
 background-size: 28% auto;
 padding-bottom: calc(100vw / (1200 /100));
}

/****************layout********************************************/
/*****key****/
#contents.eraberu_kamameshi .key {
 background: rgba(255, 255, 255, 0.1);
 width: 100%;
 margin-bottom: 0 !important;
 position: relative;
}
#contents.eraberu_kamameshi .key .scroll-infinity {
 width:100%;
 position: absolute;
 bottom: calc(100vw / (1200 /5));
 left: 0;
}
#contents.eraberu_kamameshi .key .btn_cv {
 width: calc(100vw / (1200 /380));
 position: absolute;
 bottom: calc(100vw / (1200 /125));
 left: calc(100vw / (1200 / 140));
}
/*===*/
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / (1200 / 135));
  margin: 0 calc(100vw / (1200 /10));
}
.scroll-infinity__item>img {
  width: 100%;
}
/*********common********/
#contents.eraberu_kamameshi h2 {
 width: calc(100vw / (1200 /150));
 min-width: 30px;
 margin: 0 auto;
 padding: calc(100vw / (800 / 30)) 0 calc(100vw / (800 / 30));
}
#contents.eraberu_kamameshi .co_in p.atn_img{
  margin-top: calc(100vw / (1200 / 25));
  margin-right: calc(100vw / (1200 / 50));
  text-align: right;
  font-size: calc(100vw / (1200 / 13)) ;

}
/*********01********/
#contents.eraberu_kamameshi .co_01 {
 padding-bottom: calc(100vw / (1200 / 50));
background: rgba(255, 255, 255, 0.7);
 position: relative;
}
#contents.eraberu_kamameshi .co_01 .inner {
 width: calc(100vw / (1200 / 1000));
 margin: 0 auto;
 display: flex;
 align-items: start;
}
#contents.eraberu_kamameshi .co_01 .inner .box {
 width: 45%;
}
#contents.eraberu_kamameshi .co_01 .inner .img {
 width: 55%;
}
#contents.eraberu_kamameshi .co_01 .inner .box p.read {
 margin: 0 auto calc(100vw / (1200 / 50));
}
#contents.eraberu_kamameshi .co_01 .inner .box p {
 margin: 0 auto calc(100vw / (1200 / 50));
 text-align: center;
}
#contents.eraberu_kamameshi .co_01 p span {
 background: #ffe329;
 font-weight: bold;
}
#contents.eraberu_kamameshi .co_01 ul.bg li {
 width: calc(100vw / (1200 / 150));
 overflow: hidden;
}
#contents.eraberu_kamameshi .co_01 ul.bg li:nth-child(1) {
 position: absolute;
 top: calc(100vw / (1200 / 30));
 left: calc(100vw / (1200 / 110));
}
#contents.eraberu_kamameshi .co_01 ul.bg li:nth-child(2) {
 position: absolute;
 top: calc(100vw / (1200 / 50));
 right: calc(100vw / (1200 / 110));
}
#contents.eraberu_kamameshi .co_01 ul.bg li:nth-child(3) {
 position: absolute;
 bottom: calc(100vw / (1200 / 30));
 left: calc(100vw / (1200 / 20));
}
#contents.eraberu_kamameshi .co_01 ul.bg li:nth-child(4) {
 position: absolute;
 bottom: calc(100vw / (1200 / 30));
 right: calc(100vw / (1200 / 20));
}
/*********02********/
#contents.eraberu_kamameshi .co_02 {
 padding-bottom: calc(100vw / (1200 / 100));
 background: rgba(32, 16, 1, 0.85);
 position: relative;
  color: #fff;
} #contents.eraberu_kamameshi .co_02 .box {
 width: calc(100vw / (1200 / 1000));
 margin: 0 auto calc(100vw / (1200 / 80));
 display: flex;
 align-items: flex-start;
 justify-content: space-around;
}
#contents.eraberu_kamameshi .co_02 .box .txt{
 width: calc(100vw / (1200 / 400));
 text-align: center;
}
#contents.eraberu_kamameshi .co_02 .box h3 {
 width: calc(100vw / (1200 / 360));
 margin: calc(100vw / (1200 / 30)) auto;
}
#contents.eraberu_kamameshi .co_02 .box p {
 margin-bottom: 1em;
 font-size: calc(100vw / (1200 / 18));
}
#contents.eraberu_kamameshi .co_02 .box .fukidashi {
 width: calc(100vw / (1200 / 520));
 margin: 0 auto;
 padding: calc(100vw / (1200 / 20)) calc(100vw / (1200 / 10)) 0;
 background: #fff;
 border: 5px solid #e59f5a;
 border-radius: 10px;
 text-align: center;
 position: relative;
}
#contents.eraberu_kamameshi .co_02 .box2 .fukidashi {
 border: 5px solid #e4c82a;
}
#contents.eraberu_kamameshi .co_02 .box3 .fukidashi {
 border: 5px solid #ffc2aa;
}
#contents.eraberu_kamameshi .co_02 .fukidashi  h4 {
 width: calc(100vw / (1200 / 350));
 margin: 0 auto calc(100vw / (1200 / 20));
}
#contents.eraberu_kamameshi .co_02 .box .fukidashi ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}
#contents.eraberu_kamameshi .co_02 .box .fukidashi p {
  color: #000;
 font-size: calc(100vw / (1200 / 18));
}
#contents.eraberu_kamameshi .co_02 .box .fukidashi ul li {
 margin-bottom: calc(100vw / (1200 / 40));
}
#contents.eraberu_kamameshi .co_02 .box1 .fukidashi ul li {
 width: calc(100vw / (1200 / 160));
 margin: 0 calc(100vw / (1200 / 10)) calc(100vw / (1200 / 40));
}
#contents.eraberu_kamameshi .co_02 .box2 .fukidashi ul li {
 width: calc(100vw / (1200 / 160));
}
#contents.eraberu_kamameshi .co_02 .box3 .fukidashi ul li {
 width: calc(100vw / (1200 / 130));
 margin-bottom: calc(100vw / (1200 / 20));
}
#contents.eraberu_kamameshi .co_02 .box31.banner {
 width: calc(100vw / (1200 / 700));
 margin:  calc(100vw / (1200 / 100))  auto 0;
}
#contents.eraberu_kamameshi .co_02 .box4 .img {
 width: calc(100vw / (1200 / 600));
 margin: 0 auto calc(100vw / (1200 / 50));
}

/***************03**************/
#contents.eraberu_kamameshi .co_03 {
 padding-bottom: calc(100vw / (1200 / 50));
 background: rgba(255, 255, 255, 0.1);
 position: relative;
}
#contents.eraberu_kamameshi .co_03 .read{
  width:calc(100vw / (1200 / 360));
  margin: 0 auto calc(100vw / (1200 / 20));
}

#contents.eraberu_kamameshi .co_03 .inner{
 width: calc(100vw / (1200 / 900));
  margin: 0 auto;
  padding: calc(100vw / (1200 / 20));
 padding-top: calc(100vw / (1200 / 50));
  background: #fff;
  border-radius:10px;
}


#contents.eraberu_kamameshi .co_03 .inner dl{
  position: relative;
 padding-bottom: calc(100vw / (1200 / 40));
 width: 48%;
}
#contents.eraberu_kamameshi .co_03 .inner dl dd{
  position: absolute;
  left:calc(100vw / (1200 / 15));
  bottom: calc(100vw / (1200 / 60));
  line-height: 1.5;
   font-size: calc(100vw / (1200 / 16));
}

#contents.eraberu_kamameshi .co_03 .inner dl dd span{
  font-weight:bold;
}
#contents.eraberu_kamameshi .co_03 .inner dl.rnk01{
 width: 80%;
 margin: 0 auto;
}
#contents.eraberu_kamameshi .co_03 .inner dl.rnk01 dd{
  padding-top:calc(100vw / (1200 / 23));
  position: absolute;
  left: calc(100vw / (1200 / 80));
  bottom: calc(100vw / (1200 / 100));
  font-size: calc(100vw / (1200 / 20));
  font-weight: bold;
  text-align: center;
}


/*********03********/
#contents.eraberu_kamameshi .co_04 {
 padding-bottom: calc(100vw / (1200 / 50));
 background: rgba(32, 16, 1, 0.85);
 position: relative;
}
#contents.eraberu_kamameshi .co_04 .read {
 margin: calc(100vw / (1200 / 20)) auto;
 text-align: center;
 color: #fff;
  font-size: calc(100vw / (1200 / 22));
  font-weight: bold;
}
#contents.eraberu_kamameshi .co_04 .read span{
  font-size: calc(100vw / (1200 / 30));
}
#contents.eraberu_kamameshi .co_04 .inner {
 width: calc(100vw / (1200 / 900));
 margin: 0 auto;
 display: flex;
 align-items: flex-start;
 justify-content: space-around;
 flex-wrap: wrap;
}
#contents.eraberu_kamameshi .co_04 .box {
 width: calc(100vw / (1200 / 420));
 margin-bottom: calc(100vw / (1200 / 80));
}
#contents.eraberu_kamameshi .co_04 .box .box_main {
 margin-bottom: calc(100vw / (1200 / 20));
 padding-top: calc(100vw / (1200 / 10));
 background: #fff;
 border: 1px solid #000;
 text-align: center;
}
#contents.eraberu_kamameshi .co_04 .box .box_main h3 {
  padding: 0;
  font-size: calc(100vw / (1200 / 28));
  font-weight: bold;
}
#contents.eraberu_kamameshi .co_04 .box .box_main h3 span {
  margin-right:calc(100vw / (1200 / 10));
  font-size: calc(100vw / (1200 / 19));
}
#contents.eraberu_kamameshi .co_04 .box .box_main p {
 padding-bottom: calc(100vw / (1200 / 10));
 font-size: calc(100vw / (1200 / 16));
}
#contents.eraberu_kamameshi .co_04 .box .box_sub dl {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: calc(100vw / (1200 / 20));
 padding: calc(100vw / (1200 / 10)) calc(100vw / (1200 / 10));
 background: #f6e7d9;
 border: 1px solid #d48b32;
}
#contents.eraberu_kamameshi .co_04 .box .box_sub dt {
 width: calc(100vw / (1200 / 75));
 margin-right: calc(100vw / (1200 / 10));
}
#contents.eraberu_kamameshi .co_04 .box .box_sub dd {
 width: calc(100vw / (1200 / 320));
 line-height: 1.5;
 font-size: calc(100vw / (1200 / 15));
}
#contents.eraberu_kamameshi .co_04 .box .box_sub dd span {
 font-weight: bold;
}
#contents.eraberu_kamameshi .co_04 .box .box_sub ul.kome {
 margin: 0 auto calc(100vw / (1200 / 20));
 line-height: 1.5;
 font-size: calc(100vw / (1200 / 15));
 color: #fff;
}
#contents.eraberu_kamameshi .co_04 .box .box_sub ul.kome li {
 margin-bottom: 0.5em;
}


#contents.eraberu_kamameshi .co_04 .cv_area{
 width: calc(100vw / (1200 / 600));
 margin: 0 auto calc(100vw / (1200 / 80));
   color:#fff;
   font-size:calc(100vw / (1200 / 15)) ;
}

#contents.eraberu_kamameshi .co_04 .cv_area .bn{
  margin: calc(100vw / (1200 / 80)) 0 calc(100vw / (1200 / 20)) ;
}

#contents.eraberu_kamameshi .co_04 .cv_area .kome{
  width: calc(100vw / (1200 / 510));
  margin: 0 auto;
}
#contents.eraberu_kamameshi .co_04 .cv_area .kome li{
  margin-bottom: calc(100vw / (1200 / 10));
}
#contents.eraberu_kamameshi .btnarea {
 padding: calc(100vw / (1200 / 50)) 0;
}
#contents.eraberu_kamameshi .btnarea .btn_order {
 margin: calc(100vw / (1200 / 100)) auto;
}