@charset "UTF-8";
/****************reset********************************************/
body {
  background: #fffff6;
}
footer {
  background: #fffff6;
  margin-top: 0 !important;
  padding-top: 8vw;
  position: inherit !important;
  height: auto;
}
#contents.sp_item {
  width: 100% !important;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
}
#contents.sp_item .atn_img {
  text-align: right;
  font-size: calc(100vw / (1200 / 12));
}
#contents.sp_item .min {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
#contents.sp_item .key {
  position: relative;
}
#contents.sp_item .key .gentei {
  padding: calc(100vw / (1200 / 30));
  background: #bd4842;
  border-top: #e9aea7 solid 10px;
  border-bottom: #e9aea7 solid 10px;
}
#contents.sp_item .key .btn_cv {
  width: calc(100vw / (1200 / 360));
  margin: 0 auto calc(100vw / (1200 / 15));
  position: absolute;
  bottom: calc(100vw / (1200 / 2));
  right: calc(100vw / (1200 / 60));
}
#contents.sp_item .key .btn_cv a {
  border: 2px solid #fff;
  font-size: calc(100vw / (1200 / 19));
}
/***************** co_01 *****************/
#contents.sp_item .co_01 {
  position: relative;
  padding: 0;
  background: #fffbf1 url("../img/danran_c01_bg_sp.jpg") no-repeat;
  background-size: 100%;
  text-align: center;
  font-size: calc(100vw / (1200 / 19));
  font-weight: bold;
}
#contents.sp_item .co_01 .inner {
  width: calc(100vw / (1200 / 1100));
  margin: 0 auto;
  padding: calc(100vw / (1200 / 50)) 0;
}
#contents.sp_item .co_01 .box {
  width: 50%;
}
#contents.sp_item .co_01 .txt {
  width: 50%;
}
#contents.sp_item .co_01 h2 {
  width: calc(100vw / (1200 / 220));
  margin: 0 auto;
  padding-bottom: calc(100vw / (1200 / 45));
}
#contents.sp_item .co_01 p {
  margin-bottom: calc(100vw / (1200 / 15));
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: calc(100vw / (1200 / 20));
  color: #794c19;
}
#contents.sp_item .co_01 .img {
  margin-bottom: calc(100vw / (1200 / 20));
}
#contents.sp_item .co_01 p.algnR {
  position: absolute;
  right: 2px;
  bottom: 3px;
  font-size: calc(100vw / (1200 / 12));
  font-weight: normal;
  transform: skewY(0deg);
}
/***************** co_02  *****************/
#contents.sp_item .co_02 {
  position: relative;
  padding: calc(100vw / (1200 / 50)) 0 calc(100vw / (1200 / 10));
  background: #fffaf2;
  font-size: calc(100vw / (1200 / 17));
  color: #000;
}
#contents.sp_item .co_02 .head_img {
  width: calc(100vw / (1200 / 500));
  position: absolute;
  top: calc(100vw / (1200 / -50));
  right: calc(100vw / (1200 / -50));
  overflow: hidden;
}
#contents.sp_item .co_02 h2 {
  width: calc(100vw / (1200 / 100));
  margin: 0 auto calc(100vw / (1200 / 25));
}
#contents.sp_item .co_02 p.read {
  margin-bottom: calc(100vw / (1200 / 62));
  text-align: center;
  line-height: 1.4;
  font-size: calc(100vw / (1200 / 23));
  font-weight: bold;
}
#contents.sp_item .co_02 .box {
  width: calc(100vw / (1200 / 1000));
  margin: 0 auto calc(100vw / (1200 / 50));
}
#contents.sp_item .co_02 .box .txt {
  width: calc(100vw / (1200 / 460));
  margin: calc(100vw / (1200 / 25)) 0 calc(100vw / (1200 / 15));
}
#contents.sp_item .co_02 .box .img {
  width: calc(100vw / (1200 / 480));
  margin: calc(100vw / (1200 / 25)) 0 calc(100vw / (1200 / 15));
}
#contents.sp_item .co_02 .box h3 {
  margin-bottom: calc(100vw / (1200 / 25));
  padding-left: calc(100vw / (1200 / 10));
  line-height: 1.4;
  font-size: calc(100vw / (1200 / 25));
  color: #482402;
  border-left: 8px solid #ba5241;
}
#contents.sp_item .co_02 .box dl {
  margin: calc(100vw / (1200 / 24)) 0;
}
#contents.sp_item .co_02 .box dl dt {
  font-weight: bold;
}
/***************** co_03 **************/
#contents.sp_item .co_03 {
  position: relative;
  padding: calc(100vw / (1200 / 30)) 0 calc(100vw / (1200 / 50));
  background: #fffaf2
}
#contents.sp_item .co_03 h2 {
  width: calc(100vw / (1200 / 470));
  margin: 0 auto calc(100vw / (1200 / 30));
}
#contents.sp_item .co_03 ul {
  width: calc(100vw / (1200 / 800));
  margin: 0 auto calc(100vw / (1200 / 30));
  align-items: start;
}
#contents.sp_item .co_03 ul li {
  width: calc(100vw / (1200 / 360));
  line-height: 1.4;
  font-size: calc(100vw / (1200 / 14));
}
#contents.sp_item .co_03 ul li img {
  margin-bottom: calc(100vw / (1200 / 5));
}
/*********kikan******/
#contents.sp_item .kikan {
  position: relative;
  padding: calc(100vw / (1200 / 30));
  background: #ba5241;
  background-size: calc(100vw / (1200 / 32));
}
#contents.sp_item .kikan ul {
  width: calc(100vw / (1200 / 400));
  margin: 0 auto;
}
/*********menu******/
#contents.sp_item .menu_info {
  width: calc(100vw / (1200 / 900));
  margin: calc(100vw / (1200 / 80)) auto;
  text-align: center;
  color: #000;
  font-size: calc(100vw / (1200 / 19));
}
#contents.sp_item .menu_info h2 {
  width: calc(100vw / (1200 / 40));
  margin: calc(100vw / (1200 / 20)) auto;
  line-height: 1.2;
  letter-spacing: -0.04em;
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: calc(100vw / (1200 / 61));
}
#contents.sp_item .menu_info .inner {
  margin: calc(100vw / (1200 / 20)) auto;
}
#contents.sp_item .menu_info .inner .box {
  padding: calc(100vw / (1200 / 40));
  background: #fff;
  border: 1px solid #895c40;
  position: relative;
}
#contents.sp_item .menu_info .inner h3 {
  width: calc(100vw / (1200 / 340));
  margin: 0 auto;
  padding-bottom: calc(100vw / (1200 / 5));
  font-weight: bold;
  font-size: calc(100vw / (1200 / 45));
  position: relative;
  border-bottom: 6px solid #794c19; /*右：薄ピンク*/
  color: #794c19;
}
#contents.sp_item .menu_info .inner h3::before {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 50%;
  height: 6px;
  background: #ba5241; /*左：ピンク*/
}
#contents.sp_item .menu_info .inner .img {
  margin: calc(100vw / (1200 / 30)) 0;
}
#contents.sp_item .menu_info .inner p.fs {
  font-weight: normal;
  font-size: calc(100vw / (1200 / 23));
}
/*****btnarea****/
#contents.sp_item .btnarea {
  padding-bottom: calc(100vw / (1200 / 20));
  color: #000;
}
#contents.sp_item .btnarea .atn {
  width: calc(100vw / (1200 / 620));
  margin: 0 auto calc(100vw / (1200 / 100));
  line-height: 1.4;
  font-size: calc(100vw / (1200 /15));
}
#contents.sp_item .btnarea .atn li {
  margin-bottom: 1em;
  padding-left: 2em;
  position: relative;
}
#contents.sp_item .btnarea ul.atn li a {
  text-decoration: underline;
}
#contents.sp_item .btnarea .atn li::before {
  content: "※";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
#contents.sp_item .btnarea .btn {
  margin: 0 auto calc(100vw / (1200 / 100));
  font-size: calc(100vw / (1200 /22));
}
#contents.sp_item .btnarea .btn_home {
  margin: 0 auto calc(100vw / (1200 / 10));
}
#contents.sp_item .btnarea .btn_goto {
  width: calc(100vw / (1200 /650));
  margin: 0 auto calc(100vw / (1200 / 100));
  border: 1px solid #888;
}