@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("../css/all.min.css");
/*----------------------------------*/
*,
*:before,
*:after {
  border-radius: unset;
  box-sizing: border-box;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.nowrap {
  white-space: nowrap;
}

.pc {
  display: initial;
}

.sp {
  display: none;
}

.width-1 {
  width: 10rem;
}



#container .osusume_no1 .no1frame_head .no1frame_htitle2,
#container .osusume_no1 .no1frame_head .no1frame_htitle1 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


/*----------------------------------*/
body {
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  background-color: #fff;
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,
      rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,
      transparent 51px,
      rgba(0, 0, 0, 0.04) 52px,
      rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,
      transparent 77px,
      rgba(0, 0, 0, 0.04) 78px,
      rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,
      transparent 103px,
      rgba(0, 0, 0, 0.04) 104px,
      rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,
      transparent 129px,
      rgba(0, 0, 0, 0.04) 130px,
      rgba(0, 0, 0, 0.04) 130px
    ),
    repeating-linear-gradient(
      to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,
      rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,
      transparent 51px,
      rgba(0, 0, 0, 0.04) 52px,
      rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,
      transparent 77px,
      rgba(0, 0, 0, 0.04) 78px,
      rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,
      transparent 103px,
      rgba(0, 0, 0, 0.04) 104px,
      rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,
      transparent 129px,
      rgba(0, 0, 0, 0.04) 130px,
      rgba(0, 0, 0, 0.04) 130px
    );
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
    body {
      font-size: 22px;
    }
}
header {
  padding: 0;
  background: #0055ac;
  display: flex;
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 64px;
  overflow: hidden;
}
header span.h1_title {
}

header span:nth-child(1) {
  order: 2;
}
header span:nth-child(2) {
    order: 1;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    left: calc(50% - 355px);
    margin: auto;
}
header span:nth-child(3) {
  order: 3;
    line-height: 0;
    position: absolute;
    right: calc(50% - 180px);
    margin: auto;
    animation: fadeUp 0.8s ease-out forwards;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#mainvisual{
  background: #eaf7ff;
  margin: 0 auto;
  padding: 10px 20pt;
  width: 100%;
  text-align: center;
}
#mainvisual p{
  text-align: center;
  display: block;
  font-size: 120%;
  font-weight: 500;
}
#mainvisual h1{
  text-align: center;
  display: inline-block;
  font-size: 180%;
  font-weight: 600;
  background: linear-gradient(transparent 70%, #ffd940 30%);
  padding: 0 20px;
  margin: 0 auto 20px;
}
#mainvisual .mv_image{
  width: 100%;
  max-width: 940px;
  height: auto;
  line-height: 0;
  background: url(../images/mainbg.png) no-repeat center center;
  background-size: 100%;
  margin: 0 auto;
}
#mainvisual .mv_image img{
  width: 100%;
  max-width: 940px;
  height: auto;
  line-height: 0;
}
#page_indexes{
  background: #fff;
  margin: 0 auto;
  padding: 2vw;
  width: 100%;
  text-align: center;
}
#page_indexes .page_indexes_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #b4bbc4;
    border-radius: 20px;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 1vh 0;
}
#page_indexes .page_indexes_wrap .page_indexes_img img{
  width: 100%;
  max-width: 180px;
  height: auto;
  line-height: 0;
}

#page_indexes ul{
    list-style-type: none;
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px;
  font-size: 130%;

}

#page_indexes ul li{
    margin: 0 0 10px;
}



h1 span i {
  margin: 0 3px;
}

#container {
  width: 100%;
  margin: 0 auto;
}
#container b,
#container em {
  font-style: normal;
  font-weight: 600;
}
#container #mainvisual {
  position: relative;
  background: url("../images/mv_bg.jpg") no-repeat center center/100%;
  line-height: 0;
}
#container #mainvisual .mv_parts {
  position: absolute;
  margin: auto;
}
#container #mainvisual .mv_parts1 {
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 13;
}
#container #mainvisual .mv_parts1 img {
  width: 100%;
  height: auto;
}
#container #mainvisual .mv_parts2 {
  top: 120px;
  left: 0;
  right: 0;
  display: block;
  z-index: 11;
}
#container #mainvisual .mv_parts2 .message1 {
  text-align: center;
}
#container #mainvisual .mv_parts2 .message1 .ribbon {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}
#container #mainvisual .mv_parts2 .message1 .ribbon:before {
  content: "";
  position: absolute;
  width: 10px;
  bottom: -25px;
  left: -35px;
  z-index: -2;
  border: 25px solid #1f5c8a;
  border-left-color: transparent;
}
#container #mainvisual .mv_parts2 .message1 .ribbon:after {
  content: "";
  position: absolute;
  width: 10px;
  bottom: -25px;
  right: -35px;
  z-index: -2;
  border: 25px solid #1f5c8a;
  border-right-color: transparent;
}
#container #mainvisual .mv_parts2 .message1 .ribbon p {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 60px;
  font-size: 160%;
  color: #fff;
  background: #0d456f;
}
#container #mainvisual .mv_parts2 .message1 .ribbon p:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #181459;
}
#container #mainvisual .mv_parts2 .message1 .ribbon p:after {
  position: absolute;
  content: "";
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #181459;
}
#container #mainvisual .mv_parts2 .message1 .ribbon p .pdate {
  font-size: 80%;
}
#container #mainvisual .mv_parts2 .message1 .ribbon p .pstr {
  font-size: 90%;
}
#container #mainvisual .mv_parts3 {
  width: 100%;
  background: rgba(86, 210, 255, 0.62);
  display: block;
  top: 165px;
  z-index: 10;
  position: absolute;
  line-height: 1;
  padding: 40px 20px;
  text-align: center;
}
#container #mainvisual .mv_parts3 .message1 {
  margin-bottom: 20px;
}
#container #mainvisual .mv_parts3 .message1 span {
  font-size: 200%;
  color: #262626;
  font-weight: bold;
  font-family: serif;
  text-shadow:
    4px 4px 8px #ffffff,
    -4px 4px 8px #ffffff,
    4px -4px 8px #ffffff,
    -4px -4px 8px #ffffff;
}
#container #mainvisual .mv_parts3 .message2 {
  font-size: 180%;
  color: #22288b;
  font-weight: bold;
  font-family: serif;
  text-shadow:
    4px 4px 8px #ffffff,
    -4px 4px 8px #ffffff,
    4px -4px 8px #ffffff,
    -4px -4px 8px #ffffff;
}
#container #mainvisual .mv_parts4 {
  top: 510px;
  left: 0;
  display: flex;
  flex-direction: column-reverse;
  z-index: 11;
  white-space: nowrap;
}
#container #mainvisual .mv_parts4 .messages {
  writing-mode: unset;
  margin: 0 24px;
}
#container #mainvisual .mv_parts4 .messages span {
  padding: 16px;
  background: rgba(193, 235, 255, 0.6);
  margin: 0;
  font-weight: 600;
  font-size: 220%;
  line-height: 0;
}
#container #mainvisual .mv_parts4 .messages.message1 {
  top: 0;
  left: 0;
  position: relative;
}
#container #mainvisual .mv_parts4 .messages.message2 {
  top: 110px;
  left: 0;
  position: relative;
}
#container #mainvisual .mv_parts4 .messages.message3 {
  top: 220px;
  left: 0;
  position: relative;
}
#container #mainvisual .mv_bg1,
#container #mainvisual .mv_bg2,
#container #mainvisual .mv_bg3,
#container #mainvisual .mv_bg4,
#container #mainvisual .mv_bg5,
#container #mainvisual .mv_bg6,
#container #mainvisual .mv_bg7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#container #mainvisual .mv_bg1 img,
#container #mainvisual .mv_bg2 img,
#container #mainvisual .mv_bg3 img,
#container #mainvisual .mv_bg4 img,
#container #mainvisual .mv_bg5 img,
#container #mainvisual .mv_bg6 img,
#container #mainvisual .mv_bg7 img {
  width: 100%;
  height: auto;
}
#container #mainvisual .mv_bg1 {
  z-index: 10;
}
#container #mainvisual .mv_bg2 {
  z-index: 9;
}
#container #mainvisual .mv_bg3 {
  z-index: 8;
}
#container #mainvisual .mv_bg4 {
  z-index: 7;
}
#container #mainvisual .mv_bg5 {
  z-index: 6;
}
#container #mainvisual .mv_bg6 {
  z-index: 5;
}
#container #mainvisual .mv_bg7 {
  z-index: 13;
  display: flex;
  color: #272727;
  align-items: center;
  height: 80px;
  padding: 0 100px 0 0;
  justify-content: flex-end;
}
#container #mainvisual .mv_bg7 span {
  padding: 18px;
  background: rgba(255, 255, 255, 0.6);
  line-height: 0;
  border-radius: 60px;
  display: block;
}
#container #item01 {
  background: url("../images/item01_bg.webp") repeat top center;
  background-size: 100%;
  padding: 20px;
}
#container #item01 .item01_img1 {
  text-align: center;
}
#container #item01 .item01_img1 img {
  width: 100%;
  height: auto;
}
#container #item01 .item01_txt1 {
  text-align: center;
  font-size: 200%;
  font-weight: 600;
  padding: 20px 0 0;
}
#container #item01 .item01_txt1:after {
  content: "";
  display: block;
  background: url("../images/title_btnline.png") no-repeat center center;
  width: 100px;
  height: 150px;
  text-align: center;
  margin: auto;
}
#container #item01 .figlists {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#container #item01 .figlists li {
  width: 50%;
  text-align: center;
  margin-bottom: 3vh;
}
#container #item01 .figlists li .figlist_img {
  line-height: 0;
}
#container #item01 .figlists li .figlist_img img {
  width: 100%;
  height: auto;
}
#container #item01 .figlists li p {
  font-weight: 400;
  font-size: 2vh;
  width: 80%;
  margin: 0 auto;
}
#container #item01 .specialframe {
  background: url("../images/spcrame_bg.webp") no-repeat top center #e8ae42;
  background-size: 100%;
  padding: 30px 20px 20px;
  border-radius: 20px;
}
#container #item01 .specialframe .specialframe_head {
  text-align: center;
}
#container #item01 .specialframe .specialframe_head .specialframe_htitle1 {
  font-size: 25px;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
#container #item01 .specialframe .specialframe_head .specialframe_htitle2 {
  font-size: 46px;
  text-align: center;
  color: #ffea76;
  margin-bottom: 10px;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
#container #item01 .specialframe .specialframe_body {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
#container #item01 .specialframe .specialframe_body .specialframe_body_banner {
  line-height: 0;
  margin-bottom: 20px;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_banner
  img {
  width: 100%;
  height: auto;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_table
  table {
  border-collapse: collapse;
  width: 100%;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_table
  table
  tr
  th {
  background-color: #c78e19;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  width: 50%;
  color: #fff;
  padding: 15px;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_table
  table
  tr
  td {
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  width: 50%;
  color: #393939;
  padding: 15px;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_table
  table
  tr:first-child
  th {
  border-left: 1px solid #fff;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_table
  table
  tr:first-child
  td {
  border-left: 1px solid #c78e19;
}
#container #item01 .specialframe .specialframe_body .specialframe_body_btns {
  text-align: center;
  padding: 0;
  margin: 0 auto 15px;
  display: flex;
  justify-content: space-around;
}
#container #item01 .specialframe .specialframe_body .specialframe_body_btns a {
  width: 47.5%;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_btns
  .btn_web {
  border: 3px solid #cc0000;
  background: #cc0000;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 5px;
  padding: 10px 10px 15px;
  text-decoration: none;
  color: #fff;
  font-size: 22px;
  line-height: 1.25;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_btns
  .btn_web
  span {
  display: block;
  color: #ffff00;
  font-size: 100%;
  margin-bottom: 5px;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_btns
  .btn_web
  span:before {
  font-family: FontAwesome;
  content: "\f138";
  font-size: 34px;
  color: #fff;
  display: block;
  margin-bottom: 2px;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_btns
  .btn_tel {
  border: 3px solid #cc0000;
  background: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 5px;
  padding: 10px 10px 15px;
  text-decoration: none;
  color: #333300;
  font-size: 22px;
  line-height: 1.25;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_btns
  .btn_tel
  span {
  display: block;
  color: #cc0000;
  font-size: 100%;
  margin-bottom: 5px;
}
#container
  #item01
  .specialframe
  .specialframe_body
  .specialframe_body_btns
  .btn_tel
  span:before {
  font-family: FontAwesome;
  content: "\f098";
  font-size: 34px;
  color: #cc0000;
  display: block;
  margin-bottom: 6px;
}
#container #sec_itm02 {
  background-size: 100%;
  padding: 0 0 4vh 0;
  margin: 0;
}
#container #sec_itm02 .h_title1 {
  text-align: center;
  background: url("../images/title_brownbg.jpg") repeat top center;
  font-size: 200%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#container #sec_itm02 .h_title1 span {
  padding: 30px;
}
#container #sec_itm02 .h_title2 {
  padding: 0 20px;
  font-size: 2vh;
  text-align: left;
  font-weight: 600;
}
#container #sec_itm02 .h_title2 span {
  font-size: 100%;
  font-weight: 400;
}
#container #sec_itm02 .rankingtable {
  padding: 20px;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
#container #sec_itm02 .rankingtable table {
  border-collapse: collapse;
  width: 100%;
  margin: 50px auto;
}
#container #sec_itm02 .rankingtable table .theader th {
  position: relative;
  display: inline-block;
  padding: 80px 10px 10px;
  vertical-align: top;
}
#container #sec_itm02 .rankingtable table .theader.topranking1 th {
  position: relative;
  display: inline-block;
  padding: 80px 10px 10px;
  vertical-align: top;
  background: #fffae2;
  width: 100%;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table .theader.topranking2 th {
  position: relative;
  display: inline-block;
  padding: 80px 10px 10px;
  vertical-align: top;
}
#container #sec_itm02 .rankingtable table .theader.topranking2 th:nth-child(1) {
  background: #fffae2;
  width: 50%;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table .theader.topranking2 th:nth-child(2) {
  background: #f9f9f9;
  width: 50%;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table .theader.topranking3 th {
  position: relative;
  display: inline-block;
  padding: 80px 10px 10px;
}
#container #sec_itm02 .rankingtable table .theader.topranking3 th:nth-child(1) {
  background: #fffae2;
  width: 33.3333%;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table .theader.topranking3 th:nth-child(2) {
  background: #f9f9f9;
  width: 33.3333%;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table .theader.topranking3 th:nth-child(3) {
  background: #fcf2e9;
  width: 33.3333%;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table .theader .prize_img {
  text-align: center;
  position: absolute;
  top: -65px;
  left: 0;
  right: 0;
}
#container #sec_itm02 .rankingtable table .theader .prize_img img {
  width: 100%;
  max-width: 160px;
  height: auto;
}
#container #sec_itm02 .rankingtable table .theader .prize_name {
  font-size: 140%;
  text-align: center;
}
#container #sec_itm02 .rankingtable table .theader .prize_stars {
  text-align: center;
  font-size: 2.5vh;
  white-space: nowrap;
}
#container #sec_itm02 .rankingtable table .theader .prize_stars .star_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #ccc;
  line-height: 1;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .prize_stars
  .star_rating:before {
  content: "☆☆☆☆☆";
  color: #edc402;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .prize_stars
  .star_rating:after {
  content: "★★★★★";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #edc402;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0"]::after {
  width: 0%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.1"]::after {
  width: 2%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.2"]::after {
  width: 4%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.3"]::after {
  width: 6%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.4"]::after {
  width: 8%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.5"]::after {
  width: 10%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.6"]::after {
  width: 12%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.7"]::after {
  width: 14%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.8"]::after {
  width: 16%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="0.9"]::after {
  width: 18%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1"]::after {
  width: 20%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.1"]::after {
  width: 22%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.2"]::after {
  width: 24%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.3"]::after {
  width: 26%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.4"]::after {
  width: 28%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.5"]::after {
  width: 30%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.6"]::after {
  width: 32%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.7"]::after {
  width: 34%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.8"]::after {
  width: 36%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="1.9"]::after {
  width: 38%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2"]::after {
  width: 40%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.1"]::after {
  width: 42%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.2"]::after {
  width: 44%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.3"]::after {
  width: 46%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.4"]::after {
  width: 48%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.5"]::after {
  width: 50%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.6"]::after {
  width: 52%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.7"]::after {
  width: 54%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.8"]::after {
  width: 56%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="2.9"]::after {
  width: 58%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3"]::after {
  width: 60%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.1"]::after {
  width: 62%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.2"]::after {
  width: 64%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.3"]::after {
  width: 66%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.4"]::after {
  width: 68%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.5"]::after {
  width: 70%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.6"]::after {
  width: 72%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.7"]::after {
  width: 74%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.8"]::after {
  width: 76%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="3.9"]::after {
  width: 78%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4"]::after {
  width: 80%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.1"]::after {
  width: 82%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.2"]::after {
  width: 84%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.3"]::after {
  width: 86%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.4"]::after {
  width: 88%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.5"]::after {
  width: 90%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.6"]::after {
  width: 92%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.7"]::after {
  width: 94%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.8"]::after {
  width: 96%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="4.9"]::after {
  width: 98%;
}
#container
  #sec_itm02
  .rankingtable
  table
  .theader
  .star_rating[data-rate="5"]::after {
  width: 100%;
}
 .btn_area {
  text-align: center;
  padding: 20px 0 0;
}
 .btn_area .btn_web {
  border: 1px solid #fe6d6d;
    background: #ff6161;
  text-align: center;
  display: block;
  border-radius: 60px;
  padding: 15px 40px;
  text-decoration: none;
  color: #fff;
  font-size: 110%;
    box-shadow: 0px 3px 0px #ef4d4d;
    position: relative;
    overflow: hidden;
}
 .btn_area .btn_web:before {
    font-family: FontAwesome;
    content: "\f138";
    font-size: 120%;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    width: 28px;
    height: 28px;
}
#container #sec_itm02 .rankingtable table .theader .btn_area .btn_tel {
  border: 3px solid #cc0000;
  background: #fff;
  text-align: center;
  display: block;
  border-radius: 5px;
  padding: 10px 0 15px;
  text-decoration: none;
  color: #333300;
  font-size: 20px;
  line-height: 1.25;
}
#container #sec_itm02 .rankingtable table .theader .btn_area .btn_tel span {
  display: block;
  color: #cc0000;
  font-size: 100%;
  margin-bottom: 5px;
}
#container #sec_itm02 .rankingtable table .theader .btn_area .btn_tel span:before {
  font-family: FontAwesome;
  content: "\f098";
  font-size: 34px;
  color: #cc0000;
  display: block;
  margin-bottom: 6px;
}
#container #sec_itm02 .rankingtable table tbody tr {
  display: flex;
}
#container #sec_itm02 .rankingtable table tbody td {
  display: inline-block;
}
#container #sec_itm02 .rankingtable table tbody td .shop_feature {
  padding: 0 10px 25px;
  font-size: 100%;
}
#container #sec_itm02 .rankingtable table tbody td .shop_banner {
  padding: 0 10px 10px;
  display: block;
  margin-bottom: 25px;
}
#container #sec_itm02 .rankingtable table tbody td .shop_banner a {
  text-decoration: none;
  line-height: 0;
}
#container #sec_itm02 .rankingtable table tbody td .shop_banner a img {
  width: 100%;
  height: auto;
}
#container #sec_itm02 .rankingtable table tbody td .shop_p_title {
  text-align: center;
  width: 100%;
  background: url("../images/title_bgline.png") repeat-x center center;
}
#container #sec_itm02 .rankingtable table tbody td .shop_p_title span {
  font-size: 100%;
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  color: #333300;
  padding: 8px 10px;
  width: 94%;
  display: block;
  line-height: 1;
  margin: 0 auto;
}
#container #sec_itm02 .rankingtable table tbody td .shop_p_content {
  padding: 10px 10px 25px;
  color: #333300;
  text-align: center;
  font-size: 100%;
}
#container #sec_itm02 .rankingtable table tbody td .shop_p_content span {
  font-size: 50px;
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 1;
}
#container #sec_itm02 .rankingtable table tbody td .shop_p_content span.campaign {
  font-size: 100%;
  text-align: center;
  color: #c00;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking1 td {
  display: inline-block;
  background: #fffae2;
  width: 100%;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking2 td {
  display: inline-block;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking2 td:nth-child(1) {
  background: #fffae2;
  width: 50%;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking2 td:nth-child(2) {
  background: #f9f9f9;
  width: 50%;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking3 td {
  display: inline-block;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking3 td:nth-child(1) {
  background: #fffae2;
  width: 33.3333%;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking3 td:nth-child(2) {
  background: #f9f9f9;
  width: 33.3333%;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable table tbody tr.topranking3 td:nth-child(3) {
  background: #fcf2e9;
  width: 33.3333%;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #sec_itm02 .rankingtable2 {
  padding: 10px 20px 20px;
}
#container #sec_itm02 .rankingtable2 .rankingtable2_wrapper {
  overflow-x: auto;
  overflow-y: hidden !important;
  cursor: pointer;
}
#container #sec_itm02 .rankingtable2 .rankingtable2_wrapper:active {
  cursor: grabbing;
}
#container #sec_itm02 .rankingtable2::-webkit-scrollbar {
  height: 5px;
}
#container #sec_itm02 .rankingtable2::-webkit-scrollbar-track {
  background: #f6f6f6;
}
#container #sec_itm02 .rankingtable2::-webkit-scrollbar-thumb {
  background: #c2c2c2;
}
#container #sec_itm02 .rankingtable2 table {
  border-collapse: collapse;
  width: 1000px;
  max-width: 1300px;
  counter-reset: rankingno 2;
  font-size: 200%;
  border: 1px solid #999;
}
#container #sec_itm02 .rankingtable2 table tbody tr {
  counter-increment: rankingno 1;
}
#container #sec_itm02 .rankingtable2 table tbody tr th {
  border: 1px solid #999;
  left: 0;
  z-index: 3;
  padding: 10px;
  background: #fff;
  min-width: 360px;
}
#container #sec_itm02 .rankingtable2 table tbody tr th:not(:first-child) {
  z-index: 2;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .prize_img {
  text-align: center;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .prize_img img {
  width: 100%;
  max-width: 68px;
  height: auto;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .prize_name:before {
  content: counter(rankingno);
  display: inline-block;
  width: 60px;
  height: 70px;
  font-size: 100%;
  background: url(../images/prize_x.png) no-repeat center top;
  background-size: 100%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  margin-right: 9px;
  /*float: left;*/
  padding: 8px 3px 0;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .prize_name::after {
  content: "";
  display: block;
  clear: both;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .prize_stars {
  text-align: center;
  white-space: nowrap;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .prize_stars .star_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #ccc;
  line-height: 1;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .prize_stars
  .star_rating:before {
  content: "☆☆☆☆☆";
  color: #edc402;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .prize_stars
  .star_rating:after {
  content: "★★★★★";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #edc402;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0"]::after {
  width: 0%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.1"]::after {
  width: 2%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.2"]::after {
  width: 4%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.3"]::after {
  width: 6%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.4"]::after {
  width: 8%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.5"]::after {
  width: 10%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.6"]::after {
  width: 12%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.7"]::after {
  width: 14%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.8"]::after {
  width: 16%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="0.9"]::after {
  width: 18%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1"]::after {
  width: 20%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.1"]::after {
  width: 22%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.2"]::after {
  width: 24%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.3"]::after {
  width: 26%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.4"]::after {
  width: 28%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.5"]::after {
  width: 30%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.6"]::after {
  width: 32%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.7"]::after {
  width: 34%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.8"]::after {
  width: 36%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="1.9"]::after {
  width: 38%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2"]::after {
  width: 40%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.1"]::after {
  width: 42%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.2"]::after {
  width: 44%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.3"]::after {
  width: 46%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.4"]::after {
  width: 48%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.5"]::after {
  width: 50%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.6"]::after {
  width: 52%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.7"]::after {
  width: 54%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.8"]::after {
  width: 56%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="2.9"]::after {
  width: 58%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3"]::after {
  width: 60%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.1"]::after {
  width: 62%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.2"]::after {
  width: 64%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.3"]::after {
  width: 66%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.4"]::after {
  width: 68%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.5"]::after {
  width: 70%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.6"]::after {
  width: 72%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.7"]::after {
  width: 74%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.8"]::after {
  width: 76%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="3.9"]::after {
  width: 78%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4"]::after {
  width: 80%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.1"]::after {
  width: 82%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.2"]::after {
  width: 84%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.3"]::after {
  width: 86%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.4"]::after {
  width: 88%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.5"]::after {
  width: 90%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.6"]::after {
  width: 92%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.7"]::after {
  width: 94%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.8"]::after {
  width: 96%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="4.9"]::after {
  width: 98%;
}
#container
  #sec_itm02
  .rankingtable2
  table
  tbody
  tr
  th
  .star_rating[data-rate="5"]::after {
  width: 100%;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .shop_banner {
  margin-top: 8px;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .shop_banner a {
  text-decoration: none;
  line-height: 0;
}
#container #sec_itm02 .rankingtable2 table tbody tr th .shop_banner a img {
  width: 100%;
  height: auto;
}
#container #sec_itm02 .rankingtable2 table tbody tr td {
  border: 1px solid #999;
  padding: 10px;
  color: #333300;
  text-align: center;
  background: #fff;
  min-width: 240px;
}
#container #sec_itm02 .rankingtable2 table tbody tr td:first-child {
  white-space: nowrap;
}
#container #sec_itm02 .rankingtable2 table tbody tr td span {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 1;
}
#container #sec_itm02 .rankingtable2 table tbody tr td span.campaign {
  text-align: center;
  color: #c00;
}
#container #sec_itm02 .rankingtable2 table tbody tr td:last-child {
  width: 300px;
  white-space: normal;
}
#container #sec_itm02 .rankingtable2 table tbody tr.theader th {
  background: rgb(255, 240, 107);
  background: linear-gradient(
    0deg,
    rgb(255, 240, 107) 0%,
    rgb(248, 239, 166) 100%
  );
  text-align: center;
  padding: 10px;
  white-space: nowrap;
  left: 0;
  border: 1px solid #999;
  font-size: 2vh;
  min-width: unset;
}
#container #sec_itm02 .salechecker {
  padding: 40px 20px;
}
#container #sec_itm02 .salechecker .salechecker_panel {
  background: #fff;
  border: 3px solid #0a1a79;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
#container #sec_itm02 .salechecker .salechecker_panel h2 {
  background: url("../images/title_yellowbg.jpg") repeat center center;
  padding: 15px 10px;
  color: #330000;
  font-weight: 600;
  text-align: center;
  font-size: 36px;
}
#container #sec_itm02 .salechecker .salechecker_panel ul {
  list-style-type: none;
  padding: 30px 30px 30px 50px;
}
#container #sec_itm02 .salechecker .salechecker_panel ul li {
  color: #330000;
  font-weight: 600;
  font-size: 200%;
  margin-bottom: 1rem;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}
#container #sec_itm02 .salechecker .salechecker_panel ul li:before {
  font-family: FontAwesome;
  content: "\f00c";
  color: #33cc00;
  display: inline-block;
  margin: 0 0.5rem;
}
#container #item03 {
  background:
    url("../images/item03_bg_f.jpg") no-repeat bottom center/100%,
    url("../images/item03_bg_h.jpg") no-repeat top center/100%,
    url("../images/item03_bg_b.jpg") center center/100%;
  padding: 4vh 0;
  margin: 0;
}
#container #item03 .h_title1 {
  text-align: center;
  background: url("../images/title_brownbg.jpg") repeat top center;
  font-size: 28px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
#container #item03 .h_title1 span {
  padding: 30px;
}
#container #item03 .articles {
  padding: 20px;
}
#container #item03 .articles article {
  background: #fff;
  border: 3px solid #0a1a79;
  border-radius: 10px;
  background: url("../images/item03_bg2.webp") repeat center center;
  width: 100%;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  padding: 20px 15px;
  margin-bottom: 30px;
}
#container #item03 .articles article .article_header {
  display: flex;
  align-items: center;
}
#container #item03 .articles article .article_header figure {
  width: 44.78%;
}
#container #item03 .articles article .article_header figure img {
  width: 100%;
  height: auto;
}
#container #item03 .articles article .article_header .article_header_b {
  padding-left: 15px;
}
#container #item03 .articles article h3 {
  color: #330000;
  font-weight: 600;
  text-align: left;
  font-size: 200%;
}
#container #item03 .articles article .sellresult {
  display: block;
  font-size: 2vh;
  text-align: right;
  width: 100%;
  padding: 0 10px;
}
#container #item03 .articles article .sellresult span {
  display: inline-block;
  color: #ff0000;
}
#container #item03 .articles article .sellresult span em {
  font-size: 28px;
}
#container #item03 .articles article .article_body {
  margin-top: 5px;
}
#container #item03 .articles article .article_body p {
  color: #330000;
  font-size: 100%;
  padding: 10px;
  display: inline-block;
  font-weight: 400;
}
#container .bannerbtn_area {
  text-align: center;
  padding: 80px 30px 40px;
  margin: 0;
  position: relative;
}
#container .bannerbtn_area.bg_white {
  background: #fff;
}
#container .bannerbtn_area .btn_buysell_pop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: boundanime 3s infinite;
  width: 100%;
  padding: 10px 40px;
  z-index: 2;
}
#container .bannerbtn_area .btn_buysell_pop img {
  width: 100%;
  max-width: 668px;
  height: auto;
}
#container .bannerbtn_area .buysellbtn {
  text-align: center;
  line-height: 0;
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  transition-duration: 0.5s;
  overflow: hidden;
}
#container .bannerbtn_area .buysellbtn img {
  width: 100%;
  height: auto;
  transition-duration: 0.5s;
}
#container .bannerbtn_area .buysellbtn .btn_buysell_body {
  z-index: 1;
}
#container .bannerbtn_area .buysellbtn .btn_buysell_body img {
  width: 100%;
  height: auto;
}
#container .bannerbtn_area .buysellbtn:after {
  content: "";
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #ffdfa1;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
}
#container .bannerbtn_area.custombtn {
  text-align: center;
  padding: 40px 30px;
  margin: 0;
  position: relative;
}
#container .bannerbtn_area.custombtn.bg_white {
  background: #fff;
}
#container .bannerbtn_area.custombtn .buysellbtn_upper {
  display: block;
  position: relative;
}
#container .bannerbtn_area.custombtn .btn_buysell_pop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: boundanime 3s infinite;
  padding: 10px 0;
  z-index: 2;
  background: #fff;
  line-height: 1;
  display: flex;
  width: 100%;
  max-width: 668px;
  height: 60px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #936c26;
  font-weight: bold;
  border: 4px solid #936c26;
  box-shadow: 0px 15px 5px -10px rgba(95, 78, 35, 0.4196078431);
}
#container .bannerbtn_area.custombtn .btn_buysell_pop img {
  width: 100%;
  max-width: 668px;
  height: auto;
}
#container .bannerbtn_area.custombtn .buysellbtn {
  text-align: center;
  line-height: 1.25;
  position: relative;
  cursor: pointer;
  transition-duration: 0.5s;
  overflow: hidden;
  display: flex;
  width: 100%;
  max-width: 700px;
  padding: 6px;
  border-radius: 100px;
  justify-content: center;
  align-items: stretch;
  font-size: 36px;
  font-weight: bold;
  box-shadow: 0px 15px 5px -10px #baa265;
  text-decoration: none;
  color: #fff;
  margin: 50px auto 0;
  background: rgba(255, 255, 255, 0.6901960784);
}
#container .bannerbtn_area.custombtn .buysellbtn img {
  width: 100%;
  height: auto;
  transition-duration: 0.5s;
}
#container .bannerbtn_area.custombtn .buysellbtn .btn_buysell_body {
  z-index: 1;
  border: 6px solid #936c26;
  width: 100%;
  border-radius: 100px;
  height: 100%;
  padding: 20px;
  background-image: repeating-conic-gradient(
    from 100deg at 0% 94%,
    rgb(255, 182, 43) 94deg,
    rgb(221, 174, 73) 193deg,
    rgb(205, 160, 12) 207deg,
    rgb(255, 187, 0) 220deg
  );
  text-shadow: 0px 0px 20px rgb(0, 0, 0);
}
#container .bannerbtn_area.custombtn .buysellbtn .btn_buysell_body b {
  color: #f3ea00;
  font-size: 50px;
}
#container .bannerbtn_area.custombtn .buysellbtn .btn_buysell_body img {
  width: 100%;
  height: auto;
}
#container .bannerbtn_area.custombtn .buysellbtn:after {
  content: "";
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #ffdfa1;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
}
#container #addvar_cnts {
  padding: 0 0 4vh 0;
  margin: 0;
  background: url("../images/item03_bg_b.jpg") repeat top center #fffff5;
}
#container #addvar_cnts .h_title1 {
  text-align: center;
  background: url("../images/title_brownbg.jpg") repeat top center;
  font-size: 180%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  margin: auto;
}
#container #addvar_cnts .h_title1 span {
  padding: 30px;
}
#container #addvar_cnts .article {
    padding: 24px;
    display: block;
    font-weight: 600;
    font-size: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
#container #addvar_cnts table {
  margin: 0 20px 30px;
  width: auto;
  background: #d4d4d4;
}
#container #addvar_cnts table tr th {
  font-weight: 600;
  font-size: 100%;
  padding: 20px 15px;
  width: 35%;
  background: antiquewhite;
}
#container #addvar_cnts table tr td {
  font-size: 100%;
  padding: 20px 15px;
  width: 65%;
  background: #fff;
}
#container #addvar_cnts figure {
  margin: 0 20px 30px;
}
#container #addvar_cnts figure img {
  width: 100%;
  height: auto;
  line-height: 0;
}
#container #item04 {
  padding: 30px 0;
  background-size: 100%;
  margin: 0;
}
#container #item04 .h_title1 {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  padding: 20px 20px 0;
}
#container #item04 .h_title1:after {
  content: "";
  display: block;
  background: url("../images/title_btnline.png") no-repeat center center;
  width: 100px;
  height: 80px;
  text-align: center;
  margin: auto;
}
#container #item04 .salechecker {
  padding: 20px;
}
#container #item04 .salechecker .salechecker_panel {
  background: #fff;
  border: 3px solid #0a1a79;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
#container #item04 .salechecker .salechecker_panel p {
  display: block;
  padding: 30px 30px 30px 50px;
  color: #330000;
  font-weight: 400;
  font-size: 200%;
}
#container #item05 {
  background: url("../images/item05_bg.webp") top center/100%;
  padding: 4vh 0;
  margin: 0;
}
#container #item05 .articles {
  padding: 20px;
}
#container #item05 .articles .article_h,
#container #item05 .articles .article_f {
  line-height: 0;
  width: 100%;
  max-width: 710px;
}
#container #item05 .articles .article_h img,
#container #item05 .articles .article_f img {
  width: 100%;
  height: auto;
}
#container #item05 .articles .article_h {
  margin: 0 auto -1px;
}
#container #item05 .articles .article_f {
  margin: -1px auto 0;
}
#container #item05 .articles article {
  background: url("../images/item05_frs_b.png") repeat center center/100%;
  width: 100%;
  padding: 0 25px;
  position: relative;
  display: flex;
  align-items: center;
}
#container #item05 .articles article .article_illrust {
  position: absolute;
  bottom: -110px;
  right: 0;
  left: 0;
}
#container #item05 .articles article .article_illrust img {
  width: 100%;
  max-width: 710px;
  height: auto;
}
#container #item05 .articles article .article_body {
  margin: 0;
  padding: 0;
}
#container #item05 .articles article .article_body p {
  color: #330000;
  font-size: 30px;
  padding: 15px 20px;
  display: block;
  font-weight: 400;
  text-align: center;
  width: 100%;
}
#container #item05 .articles article .article_body p em {
  color: #e40000;
  font-weight: 600;
  font-style: normal;
  border-bottom: 2px solid #bf6700;
}
#container #item05 .articles article.adj1 {
  justify-content: left;
}
#container #item05 .articles article.adj2 {
  justify-content: right;
}
#container #item05 .articles article.adj2 .article_illrust {
  bottom: -130px;
}
#container #item05 .articles article.adj3 {
  justify-content: left;
}
#container #item05 .articles article.adj4 {
  justify-content: right;
}
#container #item05 .articles article.adj4 .article_illrust {
  bottom: -180px;
}
#container #item05 .articles .article_btmtxt {
  padding: 30px 20px 50px;
}
#container #item05 .articles .article_btmtxt.last {
  padding: 30px 20px 0;
}
#container #item05 .articles .article_btmtxt.last p {
  margin-bottom: 3rem;
}
#container #item05 .articles .article_btmtxt p {
  text-align: center;
  font-size: 200%;
  font-weight: 500;
  display: block;
  width: 100%;
}
#container #item05 .articles .article_btmtxt p span {
  color: #e40000;
}
#container #item05 .articles .article_btmtxt p.marker {
  text-align: center;
  margin-bottom: 0;
}
#container #item05 .articles .article_btmtxt p.marker span {
  color: #e40000;
  background: linear-gradient(transparent 75%, #ffe909 0%);
  display: inline;
  padding: 0 1px 0;
}
#container #item05 .h_title1 {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  padding: 20px 20px 0;
}
#container #item05 .h_title1:after {
  content: "";
  display: block;
  background: url("../images/title_btnline.png") no-repeat center center;
  width: 100px;
  height: 80px;
  text-align: center;
  margin: auto;
}
#container #item05 .item05_img1 {
  text-align: center;
  width: 100%;
  padding: 0 20px;
  line-height: 0;
}
#container #item05 .item05_img1 img {
  width: 100%;
  max-width: 708px;
  height: auto;
}
#container #item06 {
  background-size: 100%;
  padding: 40px 0;
  margin: 0;
}
#container #item06 .h_title1 {
  text-align: center;
  background: url("../images/title_brownbg.jpg") repeat top center;
  font-size: 28px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#container #item06 .h_title1 span {
  padding: 30px;
}
#container #item06 .h_title2 {
  padding: 0 20px;
  font-size: 36px;
  text-align: left;
  font-weight: 600;
}
#container #item06 .h_title2 span {
  font-size: 100%;
  font-weight: 400;
}
#container #item06 .rankingtable {
    padding: 40px 20px;
    max-width: 750px;
    margin: 0 auto 40px;
    background: rgb(221 242 248);
    border-radius: 10px;
    box-sizing: border-box;
}
#container #item06 .rankingtable table {
  border-collapse: collapse;
  width: 100%;
  margin: 50px auto 0;
}
#container #item06 .rankingtable table tbody .theader th {
  width: 100%;
  display: inline-block;
  padding: 140px 20px 20px;
  vertical-align: top;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  position: relative;
}
#container #item06 .rankingtable table tbody .theader .prize_img {
  text-align: center;
  position: absolute;
  top: -55px;
  left: 0;
  right: 0;
}
#container #item06 .rankingtable table tbody .theader .prize_img img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#container #item06 .rankingtable table tbody .theader .prize_name {
  font-size: 200%;
  text-align: center;
}
#container #item06 .rankingtable table tbody .theader .prize_stars {
  text-align: center;
  font-size: 40px;
  white-space: nowrap;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .prize_stars
  .star_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #ccc;
  line-height: 1;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .prize_stars
  .star_rating:before {
  content: "☆☆☆☆☆";
  color: #edc402;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .prize_stars
  .star_rating:after {
  content: "★★★★★";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #edc402;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0"]::after {
  width: 0%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.1"]::after {
  width: 2%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.2"]::after {
  width: 4%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.3"]::after {
  width: 6%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.4"]::after {
  width: 8%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.5"]::after {
  width: 10%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.6"]::after {
  width: 12%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.7"]::after {
  width: 14%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.8"]::after {
  width: 16%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="0.9"]::after {
  width: 18%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1"]::after {
  width: 20%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.1"]::after {
  width: 22%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.2"]::after {
  width: 24%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.3"]::after {
  width: 26%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.4"]::after {
  width: 28%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.5"]::after {
  width: 30%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.6"]::after {
  width: 32%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.7"]::after {
  width: 34%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.8"]::after {
  width: 36%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="1.9"]::after {
  width: 38%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2"]::after {
  width: 40%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.1"]::after {
  width: 42%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.2"]::after {
  width: 44%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.3"]::after {
  width: 46%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.4"]::after {
  width: 48%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.5"]::after {
  width: 50%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.6"]::after {
  width: 52%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.7"]::after {
  width: 54%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.8"]::after {
  width: 56%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="2.9"]::after {
  width: 58%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3"]::after {
  width: 60%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.1"]::after {
  width: 62%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.2"]::after {
  width: 64%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.3"]::after {
  width: 66%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.4"]::after {
  width: 68%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.5"]::after {
  width: 70%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.6"]::after {
  width: 72%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.7"]::after {
  width: 74%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.8"]::after {
  width: 76%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="3.9"]::after {
  width: 78%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4"]::after {
  width: 80%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.1"]::after {
  width: 82%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.2"]::after {
  width: 84%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.3"]::after {
  width: 86%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.4"]::after {
  width: 88%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.5"]::after {
  width: 90%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.6"]::after {
  width: 92%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.7"]::after {
  width: 94%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.8"]::after {
  width: 96%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="4.9"]::after {
  width: 98%;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .star_rating[data-rate="5"]::after {
  width: 100%;
}
#container #item06 .rankingtable table tbody .theader .btn_area {
  text-align: center;
  padding: 30px 0 0;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .btn_area
  .btn_web
  span
  br {
  display: none;
}
#container #item06 .rankingtable table tbody .theader .btn_area .btn_tel {
  border: 3px solid #cc0000;
  background: #fff;
  text-align: center;
  display: block;
  border-radius: 10px;
  padding: 15px 0 20px;
  text-decoration: none;
  color: #333300;
  font-size: 36px;
  line-height: 1.25;
}
#container #item06 .rankingtable table tbody .theader .btn_area .btn_tel br {
  display: none;
}
#container #item06 .rankingtable table tbody .theader .btn_area .btn_tel span {
  display: block;
  color: #cc0000;
  margin-bottom: 5px;
}
#container
  #item06
  .rankingtable
  table
  tbody
  .theader
  .btn_area
  .btn_tel
  span:before {
  font-family: FontAwesome;
  content: "\f098";
  font-size: 60px;
  color: #cc0000;
  display: block;
  margin-bottom: 6px;
}
#container #item06 .rankingtable table tbody td {
  display: inline-block;
  padding: 0 0 15px;
  vertical-align: top;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  width: 100%;
}
#container #item06 .rankingtable table tbody td .shop_feature {
  padding: 0 20px 30px;
}
#container #item06 .rankingtable table tbody td .shop_banner {
  padding: 0 20px 30px;
}
#container #item06 .rankingtable table tbody td .shop_banner a {
  text-decoration: none;
  line-height: 0;
}
#container #item06 .rankingtable table tbody td .shop_banner a img {
  width: 100%;
  height: auto;
}
#container #item06 .rankingtable table tbody td .shop_p_title {
  text-align: center;
  width: 100%;
  background: url("../images/title_bgline.png") repeat-x center center;
}
#container #item06 .rankingtable table tbody td .shop_p_title span {
  font-weight: 500;
  border-radius: 100px;
  border: 1px solid #ccc;
  background: #fff;
  color: #333300;
  padding: 16px 10px;
  width: 80%;
  display: block;
  line-height: 1;
  margin: 0 auto;
}
#container #item06 .rankingtable table tbody td .shop_p_content {
  padding: 30px 20px 50px;
  color: #333300;
  text-align: center;
}
#container #item06 .rankingtable table tbody td .shop_p_content span {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 1;
}
#container #item06 .rankingtable table tbody td .shop_p_content span.campaign {
  font-size: 200%;
  text-align: center;
  color: rgb(204, 0, 0);
}
#container #item06 .rankingtable table.rank1 tbody th,
#container #item06 .rankingtable table.rank1 tbody td {
  background: #fffae2;
}
#container #item06 .rankingtable table.rank2 tbody th,
#container #item06 .rankingtable table.rank2 tbody td {
  background: #f9f9f9;
}
#container #item06 .rankingtable table.rank3 tbody th,
#container #item06 .rankingtable table.rank3 tbody td {
  background: #fcf2e9;
}
#container #item06 .kuchikomis .kuchikomi {
  padding: 10vw 20px 1vw;
}
#container #item06 .kuchikomis .kuchikomi .kuchikomi_header {
  background: #ffe5c5;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  display: flex;
  align-items: center;
  justify-content: right;
  position: relative;
  padding: 30px 0;
}
#container
  #item06
  .kuchikomis
  .kuchikomi
  .kuchikomi_header
  .kuchikomi_header_icon {
  position: absolute;
  line-height: 0;
  padding: 0;
  margin: auto;
  width: 30%;
  text-align: center;
  left: 20px;
  bottom: 0;
  z-index: 10;
}
#container
  #item06
  .kuchikomis
  .kuchikomi
  .kuchikomi_header
  .kuchikomi_header_icon
  img {
  width: 100%;
  height: auto;
  max-width: 170px;
}
#container
  #item06
  .kuchikomis
  .kuchikomi
  .kuchikomi_header
  .kuchikomi_header_title {
  width: 70%;
  padding: 15px 30px;
  margin: 0;
}
#container #item06 .kuchikomis .kuchikomi .kuchikomi_body {
  background: #fff;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
#container #item06 .kuchikomis .kuchikomi .kuchikomi_body .kuchikomi_user {
  padding: 20px 10px 15px;
  text-align: center;
}
#container #item06 .kuchikomis .kuchikomi .kuchikomi_body .kuchikomi_user span {
  padding: 0 10px;
}
#container #item06 .kuchikomis .kuchikomi .kuchikomi_body .kuchikomi_message {
  padding: 0 30px 30px;
}
#container #item06 .kuchikomis .kuchikomi .kuchikomi_body .kuchikomi_message p {
  display: block;
}
#container #item06 .kuchikomis .swiper {
  width: 100%;
  height: 100%;
}
footer {
  background: #0055ac;
  padding: 30px 25px 120px;
  text-align: center;
  color: #fff;
    font-size: 80%;
}
footer a {
    color: #fff;
    margin: 0 4px;
    padding: 10px;
    line-height: 2;
    display: inline-block;
}
#container .osusume_no1 {
    background: url(../images/item03_bg_b2.jpg) center center / 100%;
    padding: 4vw 20px;
    margin: 0 auto;
    width: 100%;
}
#container .osusume_no1 .no1frame {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
#container .osusume_no1 .no1frame_head {
  position: relative;
  padding: 20px 20px 15px;
  text-align: center;
  background: url("../images/no1title_bg.webp") center center/100% #e89e01;
  text-transform: none;
}
.shiny:after {
  position: absolute;
  top: -200%;
  left: -150%;
  content: "";
  height: 500%;
  width: 240px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.6) 40%,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
  transform: rotate(30deg);
  animation: 2s shine infinite linear;
}
#container .osusume_no1 .no1frame_head::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  border-top: 15px solid #e89e01;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
#container .osusume_no1 .no1frame_head .no1frame_htitle1 {
  color: #fff;
  border-top: 2px solid #fff;
  width: -moz-max-content;
  width: max-content;
  border-bottom: 2px solid #fff;
  padding: 5px 10px;
  margin: 0 auto;
  display: block;
}
#container .osusume_no1 .no1frame_head .no1frame_htitle2 {
  color: #fff;
  padding: 5px 10px;
  margin: 0 auto;
  display: block;
}
#container .osusume_no1 .no1frame_attentions {
  display: block;
  padding: 10px 10px 0;
}
#container .osusume_no1 .articles {
  padding: 20px 0;
}
#container .osusume_no1 .articles article {
  background: #fff;
  border: 3px solid #0a1a79;
  border-radius: 10px;
  background: url("../images/item03_bg2.webp") repeat center center;
  width: 100%;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  padding: 20px 15px;
  margin-bottom: 30px;
}
#container .osusume_no1 .articles article .article_lr {
    display: flex;
}
#container .osusume_no1 .articles article .article_lr .article_l {
  width: 50%;
  padding-right: 10px;
}
#container .osusume_no1 .articles article .article_lr .article_l figure {
  line-height: 0;
  margin-bottom: 15px;
}
#container .osusume_no1 .articles article .article_lr .article_l figure img {
  width: 100%;
  height: auto;
}
#container .osusume_no1 .articles article  .figbtn a {
  text-decoration: none;
  background-color: #c00;
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 60px;
  padding: 16px 6px;
  transition: all 0.3s;
}
#container
  .osusume_no1
  .articles
  article
  .figbtn
  a:hover {
  transform: scale(1.05);
  opacity: 0.6;
}
#container .osusume_no1 .articles article .article_lr .article_r {
  padding-left: 10px;
  width: 50%;
}
#container .osusume_no1 .articles article .article_lr .article_r h3 {
  color: #330000;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
}
#container .osusume_no1 .articles article .article_lr .article_r h3 a {
  color: #4a3528;
}
#container .osusume_no1 .articles article .article_lr .article_r p {
  color: #330000;
  padding: 0 0 10px;
  display: inline-block;
  font-weight: 400;
}

#container .osusume_no1 .articles article .article_lr:not(:has(figure)) {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
}
#container
  .osusume_no1
  .articles
  article
  .article_lr:not(:has(figure))
  .article_l,
#container
  .osusume_no1
  .articles
  article
  .article_lr:not(:has(figure))
  .article_r {
  width: 100%;
  padding: 10px;
}
#container
  .osusume_no1
  .articles
  article
  .article_lr:not(:has(figure))
  .article_r
  h3 {
  text-align: center;
}

#container .osusume_no1 .prize_area {
  display: flex;
  margin-bottom: 10px;
}
#container .osusume_no1 .prize_area .title {
  background: #e29a01;
  color: #fff;
  padding: 3px 6px;
  margin-right: 10px;
  border-radius: 5px;
  display: inline-block;
}
#container .osusume_no1 .prize_area .prize_stars {
  text-align: center;
  white-space: nowrap;
}
#container .osusume_no1 .prize_area .prize_stars .star_rating {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  color: #ccc;
  line-height: 1;
}
#container .osusume_no1 .prize_area .prize_stars .star_rating:before {
  content: "☆☆☆☆☆";
  color: #edc402;
}
#container .osusume_no1 .prize_area .prize_stars .star_rating:after {
  content: "★★★★★";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #edc402;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0"]::after {
  width: 0%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.1"]::after {
  width: 2%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.2"]::after {
  width: 4%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.3"]::after {
  width: 6%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.4"]::after {
  width: 8%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.5"]::after {
  width: 10%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.6"]::after {
  width: 12%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.7"]::after {
  width: 14%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.8"]::after {
  width: 16%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="0.9"]::after {
  width: 18%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1"]::after {
  width: 20%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.1"]::after {
  width: 22%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.2"]::after {
  width: 24%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.3"]::after {
  width: 26%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.4"]::after {
  width: 28%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.5"]::after {
  width: 30%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.6"]::after {
  width: 32%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.7"]::after {
  width: 34%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.8"]::after {
  width: 36%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="1.9"]::after {
  width: 38%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2"]::after {
  width: 40%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.1"]::after {
  width: 42%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.2"]::after {
  width: 44%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.3"]::after {
  width: 46%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.4"]::after {
  width: 48%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.5"]::after {
  width: 50%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.6"]::after {
  width: 52%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.7"]::after {
  width: 54%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.8"]::after {
  width: 56%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="2.9"]::after {
  width: 58%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3"]::after {
  width: 60%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.1"]::after {
  width: 62%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.2"]::after {
  width: 64%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.3"]::after {
  width: 66%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.4"]::after {
  width: 68%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.5"]::after {
  width: 70%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.6"]::after {
  width: 72%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.7"]::after {
  width: 74%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.8"]::after {
  width: 76%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="3.9"]::after {
  width: 78%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4"]::after {
  width: 80%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.1"]::after {
  width: 82%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.2"]::after {
  width: 84%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.3"]::after {
  width: 86%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.4"]::after {
  width: 88%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.5"]::after {
  width: 90%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.6"]::after {
  width: 92%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.7"]::after {
  width: 94%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.8"]::after {
  width: 96%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="4.9"]::after {
  width: 98%;
}
#container .osusume_no1 .prize_area .star_rating[data-rate="5"]::after {
  width: 100%;
}

.btntop {
  position: fixed;
  bottom: 0;
  right: 30px;
  z-index: 1500;
  text-align: center;
  opacity: 0.7;
  color: #fff;
  text-shadow: 0 0 15px rgb(0, 0, 0);
    font-size: 300%;
}

.splide__slide {
  width: -moz-fit-content;
  width: fit-content;
}

.splide__arrow {
  background: transparent !important;
  height: 4em !important;
  width: 4em !important;
}
.splide__arrow svg {
  fill: #4b4b4b !important;
  height: 4.2em !important;
  width: 4.2em !important;
}

.scroll-hint-icon {
  top: 10% !important;
  width: 40% !important;
  z-index: 3;
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-sizing: border-box;
}
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal-container.active {
  opacity: 1;
  visibility: visible;
  z-index: 1501;
}
.modal-container .modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}
.modal-container .modal-body .modal-content {
  background: #fff;
  text-align: left;
  padding: 30px;
  border-radius: 20px;
  text-align: center;
}
.modal-container .modal-body .modal-content .progBar {
  width: 400px;
  height: 50px;
  background-color: #ececec;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin: 40px auto 0;
}
.modal-container .modal-body .modal-content .progBar .bar {
  width: 0%;
  height: 100%;
  background-color: #cfb25a;
  position: absolute;
  top: 0;
  margin: 0;
}
.modal-container .modal-body .modal-content .progBar .percent {
  position: relative;
  color: #fff;
  z-index: 2;
  font-weight: bold;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 2.8;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes boundanime {
  0%,
  100% {
    top: 35px;
  }
  50% {
    top: 10px;
  }
}
@keyframes shine {
  0% {
    left: -100%;
  }
  80% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
#simpler {
  padding: 0;
  margin: 0;
  background: url("../images/item03_bg_b.jpg") repeat top center #fffff5;
}
#simpler h1 {
    font-size: unset;
    margin: unset;
    padding: unset;
}
#simpler h1 a {
	text-decoration:none;
}
#simpler .simpler_parts2 {
  padding: 30px;
}
#simpler h2 {
  text-align: center;
  margin-bottom: 20px;
}
#simpler .article {
  margin-bottom: 40px;
}
#simpler h3 {
  margin-bottom: 20px;
}
#simpler .sub-title {
  font-weight: bold;
  margin-bottom: 5px;
}
#simpler .sub-cnt {
  margin-bottom: 20px;
}
#simpler .sub-cnt.btm0 {
  margin-bottom: 10px;
}
#simpler .company-table-wrap {
  max-width: 720px;
  width: 100%;
  margin: 30px auto;
  padding: 0;
}
#simpler .company-table-wrap .company-table {
  width: 100%;
  border-collapse: collapse;
}
#simpler .company-table-wrap .company-table tr {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#simpler .company-table-wrap .company-table tr:last-of-type {
  border-bottom: 1px solid #ccc;
}
#simpler .company-table-wrap .company-table tr td {
    vertical-align: middle;
    padding: 10px 20px;
    background: #fff;
}
#simpler .company-table-wrap .company-table tr td:first-of-type {
  background-color: #f8f8f8;
  font-weight: 500;
    white-space: nowrap;
}

#container #sec_itm02 .rankingtable2 table {
  counter-reset: rankingno 2;
}

.history_back{
    padding: 40px 20px;
    text-align: center;
}
.history_back a{
    display: inline-block;
    padding: 8px 24px;
    text-decoration: none;
    color: #0072df;
    border: 2px solid #0072df;
    border-radius: 100px;
    font-size: 80%;
    background: #fff;
    line-height: 2;
    box-shadow: 0px 2px 0px #0072df;
}