@charset "utf-8";

@media screen and (max-width: 1024px) {
  #wrapper {
    background-size: 100% 100%;
  }
  .header_bg {
    width: 100%;
  }
  .container {
    width: 100%;
  }
  .top_zone {
    width: 100%;
  }
  .top_videozone {
    width: 100%;
  }
  .banner_bg img {
    width: 100%;
  }
  .main_fv1_bg {
    width: 96%;
  }
  .main {
    width: 48%;
  }
  .heading img {
    width: 100%;
  }
  .ribbon_decobox {
    padding: 5rem 1rem 8rem 1rem;
  }
  .fes_iv_scd_bg {
    padding: 30px 10px;
  }

  .fes_iv_scd_bg_2301 {
    padding: 30px 10px;
  }
}

@media screen and (max-width: 769px) {
  body,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  span,
  small,
  strong,
  div,
  ul,
  li,
  figure,
  img {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
  }

  body {
    font-family:
      "ヒラギノ角ゴ ProN W3", arial, "Hiragino Kaku Gothic ProN", "Meiryo",
      "メイリオ", sans-serif;
    font-size: 1.4rem;
    position: relative;
  }

  img.img20 {
    width: 20%;
  }
  img.img30 {
    width: 30%;
  }
  img.img40 {
    width: 40%;
  }
  img.img50 {
    width: 50%;
  }
  img.img70 {
    width: 70%;
  }
  img.img90 {
    width: 90%;
  }
  img.img100 {
    width: 100%;
  }

  br.blk {
    display: block;
  }
  br.spbr {
    display: block;
  }
  br.pcbr {
    display: none;
  }
  br.brblk {
    display: inline-block;
  }

  .spbr {
    display: block;
  }

  table br {
    display: block;
  }

  .pcp {
    display: none;
  }
  .spp {
    display: inline-block;
  }
  .pcn {
    display: none;
  }
  .spn {
    display: none;
  }

  .pc-only {
    display: none;
  }
  .pc_only {
    display: none;
  }
  .pc_only_m {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .sp_only {
    display: inline-block;
  }

  .width100 {
    width: 100%;
  }
  .width90 {
    width: 90%;
  }
  .width80 {
    width: 80%;
  }
  .width70 {
    width: 70%;
  }
  .width60 {
    width: 60%;
  }
  .width50 {
    width: 50%;
  }

  /*=======================================*/

  #wrapper {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    /*****************20210514感謝祭の背景****************************/
    background-size: 100% 100%;
    /*****************20210514感謝祭の背景****************************/
  }

  /*=======================================*/

  .container {
    margin: 0 auto 0;
    width: 100%;
    padding: 1px 0;
  }

  .container:after {
    /*float???*/
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
  }

  .container2 {
    margin: 1rem auto 0;
    width: 90%;
    padding: 0;
  }

  .top_zone {
    margin: 0 auto 0;
    width: 100%;
    padding: 1px 0;
  }

  /*=======================================*/

  .logo {
    width: 120px;
    margin: 2px 0 2px 5px;
  }

  .logo.pcs {
    display: none;
  }

  .logo.sps {
    display: inline-block;
  }

  header {
    width: 100%;
    height: auto;
    margin: 0 auto 0;
    text-align: center;
    padding: 0 0 1px 0;
  }

  .header_bg {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: static;
    height: auto;
    padding-top: 40px;
  }

  .header_logo {
    position: fixed;
    top: 0;
    left: 0;
    background: #1a1a1a;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    padding: 5px 5px;
    z-index: 9000;
  }

  .header_project1 {
    position: static;
    top: 0;
    right: 0;
    margin: 10px auto 10px;
  }

  .header_project1 img {
    width: 90%;
  }

  .header_project2 {
    position: static;
    top: 0;
    right: 0;
    margin: 5px auto 0;
  }

  .header_project2 img {
    width: 100%;
  }

  .header_mimasan1_pc {
    display: none;
  }

  .header_mimasan1_sp {
    display: inline-block;
    position: fixed;
    bottom: 66px;
    right: 10px;
    z-index: 100000;
    width: 170px;
    filter: drop-shadow(0 0 2px #333333);
  }

  .header_mimasan1_sp_2 {
    display: inline-block;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100000;
    filter: drop-shadow(0 0 2px #333333);
  }

  .header_mimasan1_sp_2:hover {
    opacity: 0.8;
    z-index: 100002;
  }

  .header_mimasan1_sp_2 img {
    width: 170px;
  }

  .header_member {
    position: static;
    bottom: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
    display: none;
  }

  .header_member img {
    max-width: 50%;
  }

  .header_login_bg {
    display: none;
  }

  .header_logo .sp-only {
    display: inline-block;
    float: right;
    margin: 4px 0 0;
  }

  .navigation {
    width: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    height: auto;
  }

  a.tutorial_bt img {
    width: 12px;
    margin: 0 3px 3px 0;
  }

  /*
.tutorial_bt {
    margin: 0 auto 10px;
    font-size: 13px;
    font-weight: 900;
    text-indent: 0px;
    width: 116px;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    background: #000000;
    height: 2.5rem;
    padding: 0;
    margin: 0 auto 0;
    color: black;
    background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
    background: url(../../../image/member/tutorial_btbg.png),linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
    background-repeat: no-repeat;
    background-position: center left 3px,0px;
    background-size: 10px 14px,auto;
    padding-left: 12px;
    letter-spacing: 0px;
    border: 1px solid #989898;
}

.tutorial_bt:hover {
    margin: 0 auto 10px;
    font-size: 13px;
    font-weight: 900;
    text-indent: 0px;
    width: 116px;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    background: #000000;
    height: 3rem;
    padding: 0;
    margin: 0 auto 0;
    color: black;
    background: -webkit-linear-gradient(top, #b7df2d 0%,#e3f5ab 33%,#f8ffe8 100%);
    background: url(../../../image/member/tutorial_btbg.png),linear-gradient(to bottom, #b7df2d 0%,#e3f5ab 33%,#f8ffe8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df2d', endColorstr='#f8ffe8',GradientType=0 );
    background-repeat: no-repeat;
    background-position: center left 3px,0px;
    background-size: 10px 14px,auto;
    padding-left: 12px;
    letter-spacing: 0px;
}
*/

  /*Fake-Trigger*/
  button#sized {
    border: transparent;
    background: #ffffff;
    padding: 2px 5px 0;
    border-radius: 5px;
    color: #e52020;
    font-weight: bold;
  }

  /*Modal-Box*/
  .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    float: none;
    clear: both;
  }

  .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    height: 100%;

    animation-duration: 0.4s;
    background-color: rgba(33, 33, 33, 0.7);
  }

  .modal-header {
    padding: 2px 1.5rem;
    background-color: rgba(33, 33, 33, 0.7);
    border-bottom: none;
  }

  .modal-body {
    padding: 1.5rem;
    background-color: rgba(33, 33, 33, 0.7);
  }

  .close {
    color: #ffffff;
    float: right;
    font-size: 3.2rem;
    font-weight: bold;
    opacity: 1;
    margin-left: 3rem;
  }

  .close:hover,
  .close:focus {
    color: #b64926;
    text-decoration: none;
    cursor: pointer;
  }

  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
      opacity: 1;
    }
  }

  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  }

  .animated {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  /*=======================================*/

  .main {
    float: none;
    /*
	width: 90%;
	padding:0 0 30px 0;*/
    width: 98%;
    padding: 0 0 10px 0;
    margin: 10px auto;
    border-radius: 10px;
  }

  .mainotoi {
    float: none;
    /*
	width: 90%;
	padding:0 0 30px 0;*/
    width: 98%;
    padding: 0 0 10px 0;
    margin: 10px auto;
    border-radius: 10px;
  }

  .fuki_ya_left {
    display: none;
  }

  .main_toppage {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
    padding: 1px 0;
  }

  .main2 {
    float: none;
    width: 90%;
    padding: 0;
    margin: 10px auto;
  }

  .top_button3 {
    margin: 20px auto 0;
    background: url("../../../image/member/top_button3.png") top center
      no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.4%;
    background-size: contain;
    margin: 0 auto;
    filter: drop-shadow(0 5px 5px #000000);
  }

  .top_button3:hover {
    background: url("../../../image/member/top_button3_h.png") bottom center
      no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.4%;
    background-size: contain;
    margin: 0 auto;
    filter: drop-shadow(0 5px 5px #000000);
  }

  .text {
    width: 95%;
    margin: 0px auto;
    text-align: left;
    padding: 0.5rem 0 2.5rem 0;
  }

  .text_blogs {
    width: 90%;
  }

  .text_blogs p {
    margin-top: 20px;
  }

  .text_blogs p.p0 {
    padding-top: 0px;
  }

  .text_blogs p.p10 {
    padding-top: 10px;
  }

  p.center_pc {
    text-align: left;
  }

  /*=======================================*/

  #nav-input_bt {
    display: inline-block;
    background: #ffffff;
    padding: 2px 5px 0;
    border-radius: 5px;
    color: #e52020;
    font: 400 13.3333px Arial;
    font-weight: bold;
  }

  #nav-drawer {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: right;
    background: url("../../../image/member/kaiseki_logo3.png") left 10px
      center / 200px auto no-repeat #333333;
    z-index: 10000;
  }

  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display: none;
  }

  /*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    background: #ffffff;
    color: #555555;
    padding: 2px 10px;
    margin: 10px 10px 10px 0;
  }

  /*閉じる用の薄黒カバー*/
  #nav-close {
    display: none; /*はじめは隠しておく*/
    position: fixed;
    z-index: 9998;
    top: 0; /*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: 0.3s ease-in-out;
  }

  /*中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999; /*最前面に*/
    width: 80%; /*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 262px; /*最大幅（調整してください）*/
    height: 100%;
    background: #fff; /*背景色*/
    transition: 0.3s ease-in-out; /*滑らかに表示*/
    -webkit-transform: translateX(105%);
    transform: translateX(105%); /*左に隠しておく*/
  }

  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
    display: block; /*カバーを表示*/
    opacity: 0.5;
  }

  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); /*中身を表示（右へスライド）*/
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  }

  .nav-toji {
    color: #555555;
    display: inline-block;
    margin: 0 auto;
    border: 1px solid #999999;
    padding: 2px 5px;
  }

  .nav-toji:hover {
    opacity: 0.5;
  }

  .sub {
    float: none;
    width: 100%;
    margin: 0 auto;
  }

  .sub2 {
    float: none;
    width: 100%;
    margin: 0 auto;
  }

  .sidemenu_top {
    width: 90%;
    margin: 10px auto 0;
    padding: 5px 5px;
    font-size: 14px;
  }

  .sidemenu_text_bg {
    width: 90%;
    font-size: 12px;
    margin: 0 auto;
  }

  .sidemanu {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .sidemanu {
    display: none;
  }

  .sidemanu.open {
    display: block;
  }

  .sidemanu.open2 {
    display: flex;
    flex-wrap: wrap;
  }

  .sidemanu li {
    width: 100%;
    display: block;
    margin-top: 0;
  }

  .sidemanu li:first-child {
    margin-top: 0;
  }

  .sidemanu.mini li {
    width: 100%;
    margin-top: 0;
  }

  .sidemanu.mini li a {
    padding: 2px 5px;
    font-size: 13px;
  }

  .sidemanu:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
  }

  .sidemanu li span.update {
    width: 100%;
    margin: 0 0rem;
    padding: 0 1rem;
    bottom: 0rem;
    left: 0rem;
    font-size: 10px;
    text-align: left;
  }

  .normal {
    display: block;
  }

  .kaisai {
    display: block;
  }

  .normal .sp_one {
    display: block;
  }

  .normal .sp_two {
    display: none;
  }

  .kaisai .sp_one {
    display: none;
  }

  .kaisai .sp_two {
    display: block;
  }

  /* アイコン部 */

  a.sidemanu1 {
    background: url("../../../image/member/menu1.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu1:hover {
    background: url("../../../image/member/menu1_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu1.now {
    background: url("../../../image/member/menu1_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu2 {
    background: url("../../../image/member/menu2.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu2:hover {
    background: url("../../../image/member/menu2_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu2.now {
    background: url("../../../image/member/menu2_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu3 {
    background: url("../../../image/member/menu3.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu3:hover {
    background: url("../../../image/member/menu3_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu3.now {
    background: url("../../../image/member/menu3_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu4 {
    background: url("../../../image/member/menu4.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu4:hover {
    background: url("../../../image/member/menu4_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu4.now {
    background: url("../../../image/member/menu4_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  .sidemanu5 {
    background: url("../../../image/member/menu13_3.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  .sidemanu5:hover {
    background: url("../../../image/member/menu13_h_3.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  .sidemanu5.now {
    background: url("../../../image/member/menu5_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu6 {
    background: url("../../../image/member/menu6.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu6:hover {
    background: url("../../../image/member/menu6_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu6.now {
    background: url("../../../image/member/menu6_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu7 {
    background: url("../../../image/member/menu7.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu7:hover {
    background: url("../../../image/member/menu7.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu8 {
    background: url("../../../image/member/menu8.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu8:hover {
    background: url("../../../image/member/menu8.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu9 {
    background: url("../../../image/member/menu9.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu9:hover {
    background: url("../../../image/member/menu9.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu10 {
    background: url("../../../image/member/menu10.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu10:hover {
    background: url("../../../image/member/menu10.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu11 {
    background: url("../../../image/member/menu11.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu11:hover {
    background: url("../../../image/member/menu11.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu12 {
    background: url("../../../image/member/menu12.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu12:hover {
    background: url("../../../image/member/menu12.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  .sidemanu13 {
    background: url("../../../image/member/menu14.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  .sidemanu13:hover {
    background: url("../../../image/member/menu14_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu15 {
    background: url("../../../image/member/menu15.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu15:hover {
    background: url("../../../image/member/menu15.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu16 {
    background: url("../../../image/member/menu16.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu16:hover {
    background: url("../../../image/member/menu16_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu16.now {
    background: url("../../../image/member/menu16_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu17 {
    background: url("../../../image/member/menu17.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu17:hover {
    background: url("../../../image/member/menu17_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu17.now {
    background: url("../../../image/member/menu17_h.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  a.sidemanu20 {
    background: url("../../../image/member/pla_menu20.png") top center no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    background-size: contain;
    margin: 0 auto;
  }

  .side50_bg {
    width: 90%;
    margin: 0 auto 10px;
    display: block;
  }

  a.sidemanu50 {
    background: url("../../../image/member/pla_menu50_sp.png") top center
      no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 23.3%;
    background-size: contain;
    margin: 0 auto;
    position: relative;
  }

  a.sidemanu50:hover {
    opacity: 0.5;
  }

  a.sidemanu101 {
    background: url("../../../image/member/menu101_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu102 {
    background: url("../../../image/member/menu109_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu103 {
    background: url("../../../image/member/menu103_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu104 {
    background: url("../../../image/member/menu104_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu105 {
    background: url("../../../image/member/menu105_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu106 {
    background: url("../../../image/member/menu106_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu107 {
    background: url("../../../image/member/menu107_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu108 {
    background: url("../../../image/member/menu108_n.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu109 {
    background: url("../../../image/member/menu109.png") top center / 100% 100%
      no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu109_anime {
    background: url("../../../image/member/menu109_2.png") top center / 100%
      100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu111 {
    background: url("../../../image/member/menu111.png") top center / 100% 100%
      no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  a.sidemanu_support {
    background: url("../../../image/member/menu_support01.png") top center /
      100% 100% no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 46.8%;
    margin: 0 auto;
  }

  .side_banner_bg {
    margin-bottom: 0;
  }

  .attention1 {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 10px;
    border: 1px solid #ff0000;
    background: #ffc7c7;
    font-weight: bold;
    color: #ff0000;
    line-height: 1;
    padding: 2px 5px;
    border-radius: 5px;
  }

  .new {
    display: none;
  }
  /*
.title{
	pointer-events: all;
	display:block;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	width:90%;
	margin:0 auto 5px;
	border-radius:5px 5px;
	font-size:20px;
}
*/

  .title {
    pointer-events: all;
    display: block;
    width: 90%;
    margin: 0 auto 5px;
    font-size: 20px;
    border: 2px solid #00ffff;
    color: #00178e;
    font-weight: bold;
    border-radius: 5px 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
    background: #87e0fd; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #87e0fd 0%,
      #53cbf1 40%,
      #05abe0 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #87e0fd 0%,
      #53cbf1 40%,
      #05abe0 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #87e0fd 0%,
      #53cbf1 40%,
      #05abe0 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
  }

  .title:hover {
    opacity: 0.7;
  }

  /*===========================================*/

  footer {
    width: 100%;
    padding: 1px 0;
  }

  .footer-main {
    width: 100%;
    padding: 1rem 0 0 0rem;
    margin: 0 auto;
    position: static;
  }

  .footer-l {
    width: 100%;
    padding: 1rem 0 0 0;
    display: block;
    float: none;
    text-align: left;
    position: static;
  }

  .footer-r p.copy {
    padding: 0;
    text-align: center;
    font-size: 10px;
  }

  .footer-l ul.tab {
    width: 100%;
    margin: 0 auto;
    border-bottom: 0.5rem solid #ff6633;
  }

  .footer-l ul.tab li {
    position: static;
    margin: 0;
    display: inline-block;
    padding: 0;
    width: 32%;
  }

  .footer-l ul.tab li a {
    padding: 0;
  }

  .footer-l ul.tab li a img {
    width: 100%;
  }

  .footer-balloon {
    position: static;
    padding: 1rem; /*
	background-image: none;*/
    width: 40%;
    height: auto;
    display: inline-block;
    top: 0rem;
    float: right;
    text-align: right;
  }

  .footer-balloon {
    position: relative;
    padding: 0.5rem;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #fffbb6;
    color: #000000;
    width: 98%;
    height: auto;
    display: block;
    top: -1rem;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: normal;
    font-size: 1.2rem;
    text-align: left;
  }

  .footer-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #fffbb6;
  }

  .footer-r {
    width: 100%;
    padding: 1rem;
    display: block;
    text-align: left;
    float: none;
    margin-bottom: 80px;
  }

  .footer-r ul.link {
    width: 100%;
    display: block;
    margin: 0 auto 10px;
  }

  .footer-r ul.link li {
    display: block;
    padding: 0.5rem;
    text-align: left;
  }

  /*=======================================*/

  .law {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .law tbody,
  tr {
    /*display:block;*/
  }

  .law th {
    border-top: none;
    border-bottom: none;
    display: block;
  }

  .law td {
    border-top: none;
    border-bottom: none;
    width: 100%;
    text-align: left;
    font-size: 100%;
    line-height: 1.4;
    padding: 15px;
    color: #222222;
    display: block;
  }

  .law_text1 {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    margin: 56px auto;
  }

  .law_text2 {
    text-align: left;
    width: 90%;
    margin: 19px auto;
    font-size: 100%;
  }

  .law_text1 br,
  .law_text2 br {
    display: block;
  }

  /*=======================================*/

  .face_fr {
    float: none;
    margin: 0 0 3rem 0;
    text-align: center;
    display: block;
  }

  .yosinari1 {
    width: 160px;
  }

  .profile_kikuti1 {
    display: inline-block;
    width: 200px;
    font-size: 14px;
    border: 1px solid #000000;
    padding: 5px;
    text-align: left;
  }

  .text5_img_fr {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }

  /*=======================================*/

  .question_bg textarea {
    width: 100%;
    height: 100px;
    font-size: 16px;
    line-height: 1.4;
    font-family:
      -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI",
      sans-serif;
  }

  .question_bg input[type="radio"],
  input[type="checkbox"] {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 0 2px 0 0;
    vertical-align: middle;
  }

  .q_text_in1 {
    width: 100%;
    margin: 5px 0 0 0;
    vertical-align: middle;
  }

  .q_text_in2 {
    width: 100px;
    margin: -4px 10px 0 0;
    vertical-align: middle;
  }

  .q_text_in3 {
    width: 90%;
    font-size: 16px;
    font-family:
      -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI",
      sans-serif;
    margin: 0 auto 0;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
  }

  .question_bg2 {
    width: 90%;
    border: #ffffff solid 1px;
    box-shadow: 0px 3px 3px 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    margin: 0 auto 20px;
    padding: 20px 0;
    background: black;
  }

  .question_bg {
    width: 90%;
    background-color: #299ad1;
    border: #ffffff solid 1px;
    box-shadow: 0px 3px 3px 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    margin: 0 auto 20px;
    display: block;
  }

  .question_bg tbody {
    display: block;
  }

  .question_bg tr {
    display: block;
  }

  .question_bg th {
    width: 100%;
    text-align: left;
    padding: 10px 5px;
    display: block;
  }

  .question_bg th img {
    width: 100%;
  }

  .question_bg td {
    width: 100%;
    text-align: left;
    padding: 0 10px 10px;
    font-size: 13px;
    color: #ffffff;
    display: block;
    line-height: 2;
  }

  .form_button1 {
    margin: 0 auto;
    background: url("../../../image/member/button1.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .form_button1:hover {
    margin: 0 auto;
    background: url("../../../image/member/button1_h.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .q_text1 {
    font-size: 10px;
    color: #ffffff;
    margin: 0 auto 20px;
    text-align: left;
    padding: 0;
    width: 90%;
  }

  .q_text2 {
    font-size: 1em;
    color: #fff000;
    margin: 0 auto 10px;
    text-align: center;
    padding: 0;
    font-weight: bold;
  }

  .q_text3 {
    font-size: 12px;
    color: #ffffff;
    margin: 20px auto 20px;
    text-align: left;
    padding: 0;
    width: 90%;
  }

  .hissu {
    background: #f92672;
    padding: 0px 5px;
    color: #ffffff;
    font-weight: bold;
  }

  /*=======================================*/

  .white {
    color: #ffffff;
  }

  /*=======================================*/

  .pre_bg {
    width: 90%;
    background-color: #ffffff;
    background: #ffffff;
    border: #ff7bac solid 5px;
    box-shadow: 0px 3px 3px 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    margin: 60px auto 20px;
  }

  .pre_top {
    width: 90%;
    margin: -20px auto 0;
  }

  .pre_deco1 {
    float: none;
    display: block;
    margin: -10px auto 0;
  }

  /*=======================================*/

  .form_button2 {
    background: url("../../../image/member/button2.png") top center no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 14.51%;
    background-size: contain;
    margin: 20px auto;
  }

  .form_button2:hover {
    background: url("../../../image/member/button2_h.png") top center no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 14.51%;
    background-size: contain;
    margin: 20px auto;
  }

  /*=======================================*/

  .img100 {
    width: 100%;
  }

  /*=======================================*/

  .sankaku1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
    margin: 0 auto;
  }

  .sankaku2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
    margin: -20px auto 10px;
  }

  /*=======================================*/

  .bg_line1 {
    border: 1px solid #000000;
    padding: 2px 10px;
    line-height: 1.6;
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .movie_size {
    width: 100%;
    height: 180px; /*0.562*/
  }

  /*=======================================*/
  /*??*/
  #holder {
    display: none;
  }

  .dream_total_bg {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    right: 5%;
    left: 5%;
  }

  .dream_total_sankaku {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #ffffff transparent;
    margin: 0 auto;
  }

  .dream_total {
    background: #ffffff;
    padding: 10px;
    border-radius: 5px;
  }

  .dream_total_text1 {
    color: #ff519c;
    font-size: 15px;
    font-weight: 900;
  }

  #holder2 {
    display: block;
    background: url(../../../image/member/boll.png) 50% 50% no-repeat;
    background-size: 100%;
    width: 320px;
    height: 320px;
    margin: -20px auto 50px;
    animation: float_2979 3s linear infinite;
  }

  @keyframes float_2979 {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      transform: translateY(0);
    }
  }

  #holder2 a text {
    transition: 0.5s;
    -webkit-transition: 0.5s;
  }

  #holder2 a text:hover {
    font-size: 30px;
    font-weight: bold;
  }

  #holder2 a {
    display: inline-block;
    cursor: pointer;
  }

  #holder2 a:hover {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
  }

  .area-holder .yume {
    right: 2rem;
  }

  .area-holder .yume img {
    width: 13rem;
  }

  /*=======================================*/

  .move1 {
    width: 106px;
    height: 93px;
    position: absolute;
    left: 0%;
    top: 30%;
    border: none;
    transform-origin: 0 200%;
    opacity: 1;
    animation: move1 3s linear infinite;
  }

  @keyframes move1 {
    0% {
      transform: translateX(0) translateY(0) rotate(0deg) scale(0.5, 0.5);
      opacity: 0.2;
    }
    25% {
      transform: translateX(350px) translateY(-50px) rotate(0deg) scale(1, 1);
      opacity: 1;
    }
    50% {
      transform: translateX(700px) translateY(0) rotate(0deg) scale(0.5, 0.5);
      opacity: 0.2;
    }
    75% {
      transform: translateX(350px) translateY(50px) rotate(0deg) scale(0.2, 0.2);
      opacity: 0.2;
    }
    100% {
      transform: translateX(0) translateY(0px) rotate(0deg) scale(0.5, 0.5);
      opacity: 0.2;
    }
  }

  .role1 {
    animation: rotate-anime 0.5s linear infinite;
  }

  @keyframes rotate-anime {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  /*=======================================*/

  input.deco1 {
    border: 2px solid #ffffff;
    font-size: 12px;
    padding: 10px;
    color: #ffffff;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.1s;
    width: 90%;
    text-align: center;
    margin: 18px auto;
    font-weight: bold;
  }

  input.deco1::placeholder {
    color: #00ffff;
    font-weight: normal;
  }

  input[type="text"]:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #1abc9c;
    box-shadow: 0 0 7px #1abc9c;
  }

  /*=======================================*/

  .mydream_text_bg {
    font-family:
      "Lato", "Noto Sans Japanese", "????? Medium", "??????",
      "Yu Gothic Medium", YuGothic, "?????? ProN", "Hiragino Kaku Gothic ProN",
      "????", Meiryo, "?? ?????", "MS PGothic", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0em;
    margin: 20px auto 0;
    width: 90%;
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    border: 1px solid #999999;
  }

  .mydream_text {
    font-size: 25px;
    display: block;
    margin: 0 0 10px 0;
    line-height: 1.2;
  }

  /*
.mydream_text_bg.after .mydream_text{
	-webkit-animation: bound 4s both cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

@-webkit-keyframes bound {
	30% {
		transform: scale(1.2) translateY(0);
		opacity:1;
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
	}
	100% {
		transform: scale(0) translateY(-500px);
		opacity:0;
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
	}
}
*/

  .mydream_text_bg.after .mydream_text {
    -webkit-animation: text-pop-up-top 4.5s cubic-bezier(0.6, 0, 0.735, 0.045)
      both;
  }

  @-webkit-keyframes text-pop-up-top {
    0% {
      -webkit-transform: translateY(0) translateX(0) scale(1);
      -webkit-transform-origin: 50% 50%;
      opacity: 1;
      text-shadow:
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 30px #fff,
        0 0 40px #ff00de,
        0 0 70px #ff00de,
        0 0 80px #ff00de,
        0 0 100px #ff00de,
        0 0 150px #ff00de;
    }

    30% {
      -webkit-transform: translateY(-650px) translateX(0) scale(1.2);
      -webkit-transform-origin: 50% 100%;
      opacity: 1;
      text-shadow:
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 30px #fff,
        0 0 40px #ff00de,
        0 0 70px #ff00de,
        0 0 80px #ff00de,
        0 0 100px #ff00de,
        0 0 150px #ff00de;
    }

    100% {
      -webkit-transform: translateY(-750px) translateX(0) scale(0);
      -webkit-transform-origin: 50% 100%;
      opacity: 0;
      text-shadow:
        0 0 10px #fff,
        0 0 20px #fff,
        0 0 30px #fff,
        0 0 40px #ff00de,
        0 0 70px #ff00de,
        0 0 80px #ff00de,
        0 0 100px #ff00de,
        0 0 150px #ff00de;
    }
  }

  .mydream_text_bg.end .anime_end {
    display: none;
  }

  .mydream_text_bg.end a.end_text {
    display: block;
    text-decoration: none;
    color: #ff6600;
    width: 90%;
    padding: 15px;
    margin: 0 auto;
    line-height: 1;
    border-radius: 40px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;
    background-image: -webkit-linear-gradient(#fed6e3 0%, #ffaaaa 100%);
    background-image: linear-gradient(#fed6e3 0%, #ffaaaa 100%);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  }

  .mydream_text_bg.end a.end_text:hover {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px); /*?????*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-image: -webkit-linear-gradient(#fed6e3 0%, #ffbcbc 100%);
    background-image: linear-gradient(#fed6e3 0%, #ffbcbc 100%); /*???????????*/
  }

  .end_text {
    display: none;
  }

  .mydream_text_bg.end .mydream_text {
    display: none;
  }

  .notclick {
    pointer-events: none;
  }

  /*=======================================*/

  .line-head .heading {
    padding: 12px 0;
    font-size: 22px;
  }

  .line-head .heading span {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
  }

  .line-head2 .heading {
    padding: 12px 0;
  }

  .line-head2 .heading span {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
  }

  ul.history-menu {
    display: block;
    margin: 0rem auto;
    padding: 0;
    filter: none;
  }

  ul.history-menu li {
    display: block;
    border-radius: 1rem;
    margin-bottom: 1rem;
  }

  ul.history-menu li:first-child,
  ul.history-menu li:last-child,
  ul.history-menu li:first-child a,
  ul.history-menu li:last-child a {
    border-radius: 1rem;
  }

  ul.history-menu li:last-child {
    border-right: 1px solid #fff;
  }
  ul.history-menu li a {
    text-align: left;
    padding: 1.5rem 1rem;
    border-radius: 1rem;
  }

  .heading-cover {
    margin: 2rem auto 2rem auto;
  }

  .area-p {
    width: 20rem;
    height: 20rem;
  }

  .bluelight {
    width: 100px;
    height: 100px;
  }

  #PageTopBtn {
    font-size: 13px;
    bottom: 10px;
    right: 30px;
    z-index: 100000;
  }

  #PageTopBtn a {
    width: 80px;
    height: 80px;
    padding: 28px 0;
  }

  /*=======================================*/

  .title_bg1 {
    width: 100%;
    margin: 40px auto 20px;
    padding: 15px 1px 15px 1px;
    font-family:
      "Lato", "Noto Sans Japanese", "????? Medium", "??????",
      "Yu Gothic Medium", YuGothic, "?????? ProN", "Hiragino Kaku Gothic ProN",
      "????", Meiryo, "?? ?????", "MS PGothic", sans-serif;
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -0.05em;
  }

  .title_bg1 br {
    line-height: 1.2;
  }

  .title_bg1 span {
    line-height: 1.2;
  }

  .title_bg1.lines1 {
  }

  /*=======================================*/

  .contents {
    width: 100%;
    padding: 0rem 0 0 0;
    margin: 30px auto 1rem auto;
  }

  .contents .future {
    width: 100%;
    padding: 0rem;
    font-size: 1.6rem;
  }
  .contents .future img {
    width: 100%;
  }

  .contents ul {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
  }

  .contents ul li {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
  }

  .contents ul li:nth-child(even) {
    margin: 0 0 20px 0;
  }

  .contents_link_bt_bg1 {
    width: 90%;
  }

  .contents .contents_link_bt2 {
    width: 90%;
    max-width: 235px;
  }

  /*=======================================*/

  .member-fav {
    color: #517700;
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    background-color: #212121;
  }

  p.title-fav {
    font-size: 2rem;
    padding: 1rem 3rem 0.5rem 1rem;
    margin-top: 2rem;
  }

  ul.fav-list {
    width: 100%;
  }

  ul.fav-list li img {
    width: 3rem;
    border-radius: 0.5rem;
    margin-right: 1rem;
  }

  ul.fav-list li {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
  }

  ul.fav-list a {
    padding: 1rem;
    font-size: 1em;
  }

  ul.fav-list a::after {
    top: 40%;
  }

  .non-item {
    padding: 1rem;
    background: #212121;
  }

  .non-item > div {
    padding: 0.5rem;
    background: #fff;
    font-size: 1.5rem;
  }

  /*=======================================*/

  /* ????????????????? */

  span[data-badge-bottom-right] {
    display: inline-block;
    position: relative;
  }

  /*=======================================*/

  p.title-information {
    font-size: 2rem;
    padding: 1rem 3rem 0.5rem 1rem;
    margin-top: 2rem;
  }

  .information {
    width: 95%;
    height: 300px;
    padding: 1rem;
  }

  .information .info-title {
    font-size: 1.8rem;
  }

  .information .info-title img {
    border-radius: 0.5rem;
    vertical-align: middle;
  }

  .information .info-title .info-u,
  .information .info-title .info-c,
  .information .info-title .info-d,
  .information .info-title .info-h,
  .information .info-title .info-t {
    margin-right: 0.5rem;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 5px;
  }

  /*=======================================*/

  .top_res_bg {
    width: 90%;
    margin: 10px auto 0px;
  }

  .top_res_head {
    margin: 5px auto 10px;
  }

  .top_res_hit_bg {
    width: 100%;
    height: 110px;
    margin: 0 auto;
    float: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: scroll;
  }

  .top_res_hit p {
    font-size: 12px;
    line-height: 1.2;
  }

  .top_res_hit p br {
    display: block;
  }

  .top_res_voice_bg {
    width: 100%;
    height: 110px;
    margin: 20px auto;
    float: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: scroll;
  }

  .top_res_voice p {
    font-size: 12px;
    line-height: 1.2;
  }

  .top_res_voice p br {
    display: block;
  }

  .top_res_bg .number {
    font-size: 10px;
  }

  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/
  /*=======================================*/

  /*===========movie1.2.3 css==============*/

  /*??1.2.3?thanks*/

  .thanks-p {
    width: 20%;
  }
  /*??1.2.3?thanks*/

  /*??1.2.3?????*/
  .movie1_head {
    margin: 0 auto;
    text-align: center;
    background: url(../../../image/member/m1_header_sp.png) top center no-repeat;
    display: block;
    width: 100%;
    height: 350px;
    padding-top: 84.41%;
    background-size: contain;
    margin: 0 auto;
  }

  .movie1_head img {
    display: none;
  }

  .movie2_head {
    margin: 0 auto;
    text-align: center;
    background: url(../../../image/member/m2_header_sp.png) top center no-repeat;
    display: block;
    width: 100%;
    height: 350px;
    padding-top: 84.41%;
    background-size: contain;
    margin: 0 auto;
  }

  .movie2_head img {
    display: none;
  }

  .movie3_head {
    margin: 0 auto;
    text-align: center;
    background: url(../../../image/member/m3_header_sp.png) top center no-repeat;
    display: block;
    width: 100%;
    height: 400px;
    padding-top: 84.41%;
    background-size: contain;
    margin: 0 auto;
  }

  .movie3_head img {
    display: none;
  }
  /*??1.2.3?????*/

  .sub-head {
    width: 100%;
    background: #fff000;
    padding: 30px 0;
    border-top: 3px solid #ffb6c1;
    border-left: 8px solid #ff69b4;
    border-right: 8px solid #ff69b4;
    border-bottom: 15px solid #f92672;
    border-radius: 10px;
  }

  .sub-text {
    width: 98%;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
  }

  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  /*-----????P???????-----*/

  .lust-m {
    width: 95%;
    margin: 30px auto;
    background: #ffffe0;
    border-radius: 20px;
    padding: 25px 25px;
    text-align: left;
  }

  .mini-sub {
    width: 100%;
    box-shadow: 0px 1px 21px 2px #f794c4 inset;
    border-radius: 40px 40px 40px 40px;
    border: 3px outset #cccccc;
    text-align: center;
  }

  .button4 {
    background: url("../../../image/member/button4.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .button4:hover {
    background: url("../../../image/member/button4_h.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .button5 {
    background: url("../../../image/member/button5.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .button5:hover {
    background: url("../../../image/member/button5_h.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .next-m {
    width: 100%;
    margin: 80px auto 0;
    border: 1px solid #dcdcdc;
    padding: 20px;
    background: #ffffcc;
    border-radius: 30px;
  }

  a.next_movie {
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    margin: 0 auto;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(1, #f5000e),
      color-stop(0, #ffa4cc)
    );
    background: -webkit-linear-gradient(#ffa4cc, #f5000e);
    background: -moz-linear-gradient(#ffa4cc, #f5000e);
    background: -o-linear-gradient(#ffa4cc, #f5000e);
    background: -ms-linear-gradient(#ffa4cc, #f5000e);
    background: linear-gradient(#ffa4cc, #f5000e);
    display: block;
    border: 1px solid #330d00;
    border-radius: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
  }

  a.next_movie:hover {
    width: 100%;
    margin: 0 auto;
    background: #fff000;
    display: block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ff9f80;
    color: #ff9f80;
    font-weight: bold;
  }

  a.link-jump {
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    margin: 0 auto;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(1, #f5000e),
      color-stop(0, #ffa4cc)
    );
    background: -webkit-linear-gradient(#ffa4cc, #f5000e);
    background: -moz-linear-gradient(#ffa4cc, #f5000e);
    background: -o-linear-gradient(#ffa4cc, #f5000e);
    background: -ms-linear-gradient(#ffa4cc, #f5000e);
    background: linear-gradient(#ffa4cc, #f5000e);
    display: block;
    border: 1px solid #330d00;
    border-radius: 20px;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
  }

  a.link-jump:hover {
    width: 100%;
    margin: 0 auto;
    background: #fff000;
    display: block;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ff9f80;
    color: #ff9f80;
    font-weight: bold;
  }

  /*-----????P???????-----*/

  .sankaku3 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 60px 0 60px;
    border-color: #f92672 transparent transparent transparent;
    margin: 0px auto 20px;
  }

  .dreamball {
    width: auto;
  }

  .dreamball img {
    max-width: 100%;
    height: auto;
  }

  .p-thanks img {
    width: 100%;
  }

  /*-----??3??-----*/
  .youkou {
    background: url(../../../image/member/bg1.jpg) top center no-repeat fixed
      #00001d;
    border-radius: 30px;
    padding: 5px;
  }

  .youkou th {
    display: block;
  }

  .youkou td {
    display: block;
  }

  .mf-th1 {
    width: 100%;
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(1, #0001eb),
          color-stop(0.79, #202bff),
          color-stop(0, #75fffd)
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -webkit-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -moz-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -o-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -ms-linear-gradient(top, #75fffd 0%, #202bff 79%, #0001eb 100%);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      linear-gradient(to bottom, #75fffd 0%, #202bff 79%, #0001eb 100%);
    color: #fff;
    text-align: center;
    font-size: 2.5rem;
    padding: 20px 0;
    border-radius: 30px 30px 0px 0px / 30px 30px 0px 0px;
  }

  .mf-th2 {
    width: 100%;
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(1, #1423ff),
          color-stop(0, #202bff)
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -webkit-linear-gradient(#202bff, #1423ff);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -moz-linear-gradient(#202bff, #1423ff);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -o-linear-gradient(#202bff, #1423ff);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -ms-linear-gradient(#202bff, #1423ff);
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      linear-gradient(#202bff, #1423ff);
    color: #fff;
    text-align: center;
  }

  .mf-td2 {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    padding: 20px;
    font-size: 1.5rem;
  }

  .mf-th3 {
    width: 100%;
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(1, #4c57e6),
          color-stop(1, #4c57e6),
          color-stop(0.45, #4651e9),
          color-stop(0, #202bff)
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -webkit-linear-gradient(
          top,
          #202bff 0%,
          #4651e9 45%,
          #4c57e6 100%,
          #4c57e6 100%
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -moz-linear-gradient(
          top,
          #202bff 0%,
          #4651e9 45%,
          #4c57e6 100%,
          #4c57e6 100%
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -o-linear-gradient(
          top,
          #202bff 0%,
          #4651e9 45%,
          #4c57e6 100%,
          #4c57e6 100%
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      -ms-linear-gradient(
          top,
          #202bff 0%,
          #4651e9 45%,
          #4c57e6 100%,
          #4c57e6 100%
        );
    background:
      url("http://grad3.ecoloniq.jp/sample/img/patterns_03.png") repeat,
      linear-gradient(
        to bottom,
        #202bff 0%,
        #4651e9 45%,
        #4c57e6 100%,
        #4c57e6 100%
      );
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
  }

  .mf-td3 {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    padding: 20px;
    font-size: 1.5rem;
    border-radius: 0px 0px 30px 30px / 0px 0px 30px 30px;
  }
  /*-----??3??-----*/

  /*-----??3????-----*/

  .m-form {
    width: 100%;
    background: #ffd9b3;
    margin: 50px auto;
    border-radius: 30px;
    padding: 3px;
  }

  .monit_bg2 {
    width: 100%;
    background: #ffffe6;
    margin: 0px auto;
    border-radius: 30px;
    padding-bottom: 30px;
  }

  .mf_text_in3 {
    width: 100%;
    font-size: 1.2rem;
    font-family:
      -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI",
      sans-serif;
    margin: 0 auto 0;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
  }

  .mf_text_coment {
    width: 100%;
    height: 120px;
    font-size: 1.2rem;
    font-family:
      -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI",
      sans-serif;
    margin: 0 auto 0;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
  }

  .mf_button {
    background: url("../../../image/member/mf_button.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto 0px;
  }

  .mf_button:hover {
    background: url("../../../image/member/mf_button_h.png") top center
      no-repeat;
  }

  .button3 {
    background: url("../../../image/member/button3.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .button3:hover {
    background: url("../../../image/member/button3_h.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  /*-----??3????-----*/

  /*---------??4??------*/

  .movie4_head {
    margin: 0 auto;
    text-align: center;
    background: url(../../../image/member/m4_header_sp.png) top center no-repeat;
    display: block;
    width: 100%;
    padding-top: 95.41%;
    background-size: cover;
    margin: 0 auto;
  }

  .movie4_head img {
    display: none;
  }

  .autoimg {
    width: auto;
  }

  .autoimg img {
    max-width: 100%;
    height: auto;
  }

  .sub-head2 {
    width: 100%;
    background: #fff000;
    padding: 10px 0;
    margin: 50px auto 0;
    border-top: 3px solid #ffb6c1;
    border-left: 8px solid #ff69b4;
    border-right: 8px solid #ff69b4;
    border-bottom: 15px solid #f92672;
    border-radius: 10px;
  }

  .m-voice {
    width: 100%;
    background: #e6ffe6;
    border: 1px solid #009933;
    margin: 20px auto;
    padding: 10px;
    border-radius: 10px;
  }

  .m-tit {
    width: 30%;
    background: #00b300;
    color: #fff;
    padding: 0 10px;
  }

  .m-name {
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    border-bottom: 2px solid #00b300;
    padding-left: 15px;
  }

  .of_button {
    background: url("../../../image/member/of_button.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto 0px;
  }

  .of_button:hover {
    background: url("../../../image/member/of_button_h.png") top center
      no-repeat;
  }

  .button6 {
    background: url("../../../image/member/button6.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  .button6:hover {
    background: url("../../../image/member/button6_h.png") top center no-repeat;
    border: none;
    font-size: 30px;
    cursor: pointer;
    display: block;
    width: 90%;
    height: 0;
    padding-top: 16.03%;
    background-size: contain;
    margin: 0 auto;
  }

  /*---------??4??------*/

  /*????P???????*/

  .button3-2 {
    width: 100%;
    margin: 0px auto;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.99, #ffad00),
      color-stop(0, #ff0)
    );
    background: -webkit-linear-gradient(top, #ff0 0%, #ffad00 99%);
    background: -moz-linear-gradient(top, #ff0 0%, #ffad00 99%);
    background: -o-linear-gradient(top, #ff0 0%, #ffad00 99%);
    background: -ms-linear-gradient(top, #ff0 0%, #ffad00 99%);
    background: linear-gradient(to bottom, #ff0 0%, #ffad00 99%);
    padding: 0 2rem 2rem;
    border-radius: 6rem;
    border: 0.3rem solid #0000ff;
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  .button3-2:hover {
    opacity: 0.5;
  }

  /*????P???????*/

  /*------------------------------????-----------------------------------*/

  .main_thanks {
    padding: 60px 0 0;
    margin-bottom: -50px;
  }

  .thanks_top {
    font-size: 50px;
    -webkit-text-stroke: 0px #000;
  }

  .info-login {
    width: 90%;
    display: block;
  }

  .info-login tbody {
    width: 100%;
    display: block;
  }

  .info-login tr {
    width: 100%;
    display: block;
  }

  .info-login tr th {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
  }

  .info-login tr td {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
  }

  .info-login tr td.arrow {
    display: none;
  }

  .main_thanks_textbg1 {
    width: 95%;
    margin-top: 20px;
  }

  .main_thanks_textbg1 p {
    font-size: 1.5rem;
  }

  .main_thanks .fs25 {
    font-size: 1.5rem;
  }

  .main_thanks p.font5 {
    line-height: 1.2;
  }

  .main_thanks p.font5 br {
    line-height: 1.2;
  }

  /*---------動画4.5LP追加------*/

  .contents45 {
    padding: 0 20px;
    background: #fff;
  }

  /* 4.5LP ヘッダー */
  .header45_bg {
    background: url("../../../image/member/header45_1.jpg") top center no-repeat;
    background-size: 100%;
    padding-top: 73% !important;
    height: auto;
    z-index: 99999999;
    position: relative;
  }
  /* 4.5LP ヘッダー */

  /* 4.5LP 実績 */
  div.resbg {
    width: 100%;
  }

  div.resdays {
    font-size: 1.8rem;
  }

  table.moniresu {
    margin: 10px;
  }

  table.moniresu tr {
    display: table-row;
  }

  table.moniresu td {
    font-size: 17px;
    display: table-cell;
  }

  table.moniresu tr td:nth-of-type(1) {
    font-size: 9px;
  }

  table.moniresu tr td:nth-of-type(1) img {
    width: 25px;
  }
  /* 4.5LP 実績 */

  /* 4.5LP 声吹き出し */
  .monitor_box {
    width: 100%;
  }

  .monitor_bg {
    background-size: 50px;
    padding-left: 55px;
  }

  .balloon2-left {
    padding: 22px;
  }
  /* 4.5LP 声吹き出し */

  /*---------動画4.5LP追加------*/

  /*------------------------------プラチナルーム準備-----------------------------------*/

  .pla_header1 {
    display: none;
  }

  .pla_content-back {
    width: 100%;
    margin: 0 auto 0;
  }

  .p_no_bg {
    margin: 10px;
    font-size: 11px;
  }

  .p_no_bg th {
    width: 102px;
    vertical-align: top;
  }

  /*------------------------------プラチナルーム準備-----------------------------------*/

  /*------------------------------うまとみトップ実績と声_もっと見るボタン-----------------------------------*/

  a.res_more {
    width: 90%;
    border-radius: 5px 5px;
  }

  /*------------------------------うまとみトップ実績と声_もっと見るボタン-----------------------------------*/

  /*------------------------------実績と声全一覧版-----------------------------------*/

  .betsu_top_res_bg {
    width: 90%;
  }

  .betsu_top_res_voice_bg {
    width: 100%;
    height: 280px;
    margin: 20px auto;
    float: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: scroll;
  }

  .betsu_top_res_hit_bg {
    width: 100%;
    height: 280px;
    margin: 0 auto;
    float: none;
    border: 1px solid #ffffff;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: scroll;
  }

  /*------------------------------実績と声全一覧版-----------------------------------*/

  /*------------------------------SP版うまとみトップチュートリアルボタン-----------------------------------*/
  .header_tutorial {
    position: static;
    width: 100%;
    margin-top: 11px;
    margin-bottom: 8px;
  }
  /*------------------------------SP版うまとみトップチュートリアルボタン-----------------------------------*/

  /*------------------------------感謝祭用-----------------------------------*/

  .header_fes1 {
    position: static;
    top: 0;
    right: 0;
    margin: 10px auto 10px;
  }

  .header_fes1 img {
    width: 90%;
  }

  .fes_text2 {
    width: 180px;
    margin: 0 auto -9px;
  }

  .fes_text2_bottom {
    width: 180px;
    margin: -20px auto 9px;
  }

  .fes_iv_scd_bg {
    width: 96%;
    padding: 10px 10px;
    margin: 0 auto 0;
  }

  .fes_iv_scd_bg_2301 {
    width: 96%;
    padding: 10px 10px;
    margin: 0 auto 0;
  }

  .fes_iv_scd_bg2 {
    width: 100%;
    padding: 10px 10px;
    margin: -10px auto 0;
  }

  .fes_iv_con_bg2 .main_text {
    margin: 20px 10px;
    font-size: 14px;
    width: auto;
  }

  .fes_iv_con_bg2 .main_text.m0 {
    margin: 0 10px 0 10px;
  }

  .fes_iv_con_bg2 .main_text.m60 {
    margin: 40px 10px 20px 10px;
  }

  .fes_iv_con_bg2_top {
    margin: 10px auto 0;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
  }

  .fes_iv_con_bg2_top p img {
    width: 80%;
    max-width: 257px;
  }

  .fes_iv_con_bg2_top p.fs25 {
    font-size: 14px;
  }

  .fes_iv_con_bg2_top p.fs20 {
    font-size: 12px;
  }

  .fes_iv_con_bg2_top p.m10 {
    margin-top: 5px;
  }

  .fes_iv_con_mg .fs20 {
    font-size: 14px;
  }

  .fes_iv_text1 {
    max-width: 400px;
    width: 70%;
    margin-bottom: 5px;
  }

  .res_iv_ribon_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
  }

  .res_iv_ribon_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
  }

  .fes_iv_con_bg {
    border-radius: 10px;
    padding: 10px 10px;
  }

  .fes_iv_con_mg {
    margin: 5px auto 0;
  }

  .fes_iv_con_mg.link:hover {
    opacity: 0.7;
  }

  .yyc-day-text,
  .yyc-hou-text,
  .yyc-min-text,
  .yyc-sec-text {
    font-size: 2rem !important;
  }

  .fes_main_text10 {
    color: #ffffff;
    margin: 10px auto 0;
    padding: 0;
    font-size: 12px;
    text-align: left;
  }

  .fes_text3 {
    width: 250px;
    margin: 10px auto;
  }

  .fes_iv_scd_bg .logo_futi {
    width: 150px;
  }

  .fes_iv_scd_bg_2301 .logo_futi {
    width: 150px;
  }

  a.fes_link_janp1 {
    background:
      url("../../../image/member/b2.png") center right 6px / 15px auto no-repeat,
      rgb(254, 254, 254);
    background:
      url("../../../image/member/b2.png") center right 6px / 15px auto no-repeat,
      -moz-linear-gradient(
          top,
          rgba(254, 254, 254, 1) 0%,
          rgba(219, 219, 219, 1) 86%,
          rgba(226, 226, 226, 1) 100%
        );
    background:
      url("../../../image/member/b2.png") center right 6px / 15px auto no-repeat,
      -webkit-linear-gradient(
          top,
          rgba(254, 254, 254, 1) 0%,
          rgba(219, 219, 219, 1) 86%,
          rgba(226, 226, 226, 1) 100%
        );
    background:
      url("../../../image/member/b2.png") center right 6px / 15px auto no-repeat,
      linear-gradient(
        to bottom,
        rgba(254, 254, 254, 1) 0%,
        rgba(219, 219, 219, 1) 86%,
        rgba(226, 226, 226, 1) 100%
      );
    font-size: 15px;
    width: 90%;
    padding: 15px 0;
  }
  a.fes_link_janp2 {
    font-size: 15px;
    padding: 20px 0;
  }
  a.fes_link_janp3 {
    font-size: 15px;
    padding: 10px 5px;
  }

  .fes_pre_sub_bg {
    width: 90%;
    margin: 10px auto 0;
  }

  .fes_pre_sub_list {
    width: 50%;
  }

  .fes_pre_sub_list img {
    width: 100%;
  }

  /*------------------------------感謝祭用-----------------------------------*/

  /*------------------------------ブログページ用-----------------------------------*/
  .bloglinks a {
    font-size: 10px;
    padding: 0;
  }

  .bloglinks a br {
    display: block;
  }

  .bloglinks a img {
    width: 100%;
    max-width: 130px;
  }

  .subtitles {
    font-weight: bold;
    font-size: 15px;
    background: #ffffff;
    margin: 20px auto 0;
    display: inline-block;
    line-height: 1.2;
    position: relative;
    z-index: 12;
    padding: 0 10px;
  }

  .bloglinks_text1 {
    width: 90%;
    margin: 0 auto 20px;
  }

  .bloglinks_text1 p {
    padding: 0;
    margin: 10px 10px;
    font-size: 14px;
  }

  .bloglinks_text2 {
    width: 90%;
    margin: 0 auto 20px;
  }

  .bloglinks_text2 p {
    padding: 0;
    margin: 10px 10px;
    font-size: 14px;
  }

  .blog_details_link img {
    width: 90%;
  }

  .blog_details_bg p {
    margin: 15px auto 0;
    font-size: 14px;
  }

  .blog_details_bg ul li {
    margin: 0 0 0 20px;
  }

  a.blog_janp_bt {
    background:
      url("/images/member/bticons/b2.png") no-repeat center right 10px,
      linear-gradient(
        to bottom,
        rgba(254, 254, 254, 1) 0%,
        rgba(219, 219, 219, 1) 86%,
        rgba(226, 226, 226, 1) 100%
      );
    line-height: 1.4;
    font-size:/*18px;*/ 13px;
    /*min-width:90%;
	border-radius:10px;*/
    margin-top: 0.8rem;
  }
  a.blog_janp_bt2 {
    margin: 3.5rem auto 0 auto;
  }

  .janp_bt1 {
    background:
      url("/images/member/bticons/b2.png") no-repeat center right 10px,
      linear-gradient(
        to bottom,
        rgba(254, 254, 254, 1) 0%,
        rgba(219, 219, 219, 1) 86%,
        rgba(226, 226, 226, 1) 100%
      );
    line-height: 1.4;
    font-size: 18px;
    min-width: 90%;
    border-radius: 10px;
  }

  .janp_bt2 {
    background: linear-gradient(
      to bottom,
      rgba(254, 254, 254, 1) 0%,
      rgba(219, 219, 219, 1) 86%,
      rgba(226, 226, 226, 1) 100%
    );
    line-height: 1.4;
    font-size: 18px;
    min-width: 90%;
    border-radius: 10px;
  }

  /*------------------------------ブログページ用-----------------------------------*/

  /*------------------------------抽選コンテンツ用-----------------------------------*/

  .lott_header_main {
    max-width: 745px;
    width: 100%;
    margin: 0 auto;
  }

  .lott_main {
    float: none;
    width: 90%;
    margin: 10px auto;
    border-radius: 10px;
  }

  .lott_header_banner {
    margin: 15px auto 0;
  }

  .lott_header_bg2 {
    background: url(../../../image/member/lott/lott_header_bg2.png) top center /
      100% 100% no-repeat;
    width: 100%;
    height: 0;
    padding-bottom: 42.95%;
    position: relative;
    margin: 10px auto 0;
  }

  .lott_header_bg {
    background: url(../../../image/member/lott/lott_header_bg1.png) top center
      no-repeat;
    max-width: 745px;
    width: 100%;
    height: 0;
    padding-top: 28.15%;
    background-size: cover;
    position: relative;
    margin: 0 auto;
  }

  .lott_header_text {
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
  }

  .lott_header_text br {
    display: none;
  }

  .lott_big1 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.1rem;
  }

  .lott_star5_bg {
    width: 100%;
    height: auto;
    background: url(../../../image/member/lott/lott_star5_bg.png) top center
      no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 10px;
  }

  .lott_star2_bg {
    width: 100%;
    height: auto;
    background: url(../../../image/member/lott/lott_star2_bg.png) top center
      no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 10px;
  }

  .lott_star1_bg {
    width: 100%;
    height: auto;
    background: url(../../../image/member/lott/lott_star1_bg.png) top center
      no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0 10px;
  }

  .lott_ster_logo {
    max-width: 120px;
  }

  .lott_star5_bg img {
    filter: drop-shadow(0 3px 5px #ffffff) drop-shadow(-3px -3px 5px #ffffff);
    margin: 0;
    display: block;
    margin: 0 auto;
  }

  .lott_period {
    background: #ffffff;
    padding: 0 20px 0;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    margin: 3px 10px 0 10px;
  }

  .lott_star_text_bg {
    background: #42210b;
    border: 4px solid #a67c52;
    border-top: none;
    margin: 0 auto;
    padding: 1px 0 20px 0;
    max-width: 660px;
    width: 100%;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.4) inset;
    position: relative;
  }

  .lott_star_text_bg p {
    margin: 15px 20px 0;
    color: #e6e6e6;
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  .lott_ster_provider {
    position: static;
    top: 0;
    right: 0;
    display: block;
    margin: 15px auto;
    max-width: 150px;
  }

  .lott_notes_text {
    font-size: 12px;
  }

  .lott_form_box {
    min-height: 190px;
  }

  .lott_star5_bg_mini1 {
    background-size: 100% 100%;
    height: 110px;
    width: 100%;
    padding-bottom: 10px;
  }

  .lott_star5_bg_big1 {
    background-size: 100% 100%;
    height: auto;
    padding-bottom: 20px;
    vertical-align: top;
    width: 100%;
  }

  .lott_star2_bg_mini1 {
    background-size: 100% 100%;
    height: 110px;
    width: 100%;
    padding-bottom: 10px;
  }

  .result_bg {
    background: #2d1300;
    margin: 0px auto;
    color: #ffffff;
    border-collapse: collapse;
    width: 90%;
  }

  .result_bg tr {
    display: block;
    width: 100%;
  }

  .result_bg td {
    text-align: left;
    padding: 1rem 2rem;
    background: #402a09;
    float: left;
    width: 100%;
  }

  .lott_star1_bg_big1 {
    width: 100%;
    background-size: 100% 100%;
    height: auto;
    padding-bottom: 15px;
  }

  .bg_big2ps {
    width: 100%;
    height: auto;
    background-size: 100% 100%;
    padding-bottom: 15px;
  }

  .lott_hit_img {
    max-width: 243px;
    width: 100%;
  }

  .res_pat_top_text3 {
    font-size: 2.5rem;
  }

  .result_bg th {
    vertical-align: middle;
    text-align: center;
    width: 1%;
    padding: 1rem;
  }

  /*------------------------------抽選コンテンツ用-----------------------------------*/

  /*------------------------------ヒストリー用-----------------------------------*/

  .history_link_bg a {
    text-align: center;
    padding: 5px 5px 10px;
  }

  .history_link_bg a .history_link_day {
    display: block;
    margin: 0 auto;
    width: 95%;
    font-weight: normal;
    text-align: center;
  }

  .history_link_bg a .history_link_detail {
    display: block;
    margin: 0 auto;
    width: 120px;
    float: none;
    text-align: center;
  }

  .history_profile_bg1_head {
    font-family: "Lato", "Noto Sans Japanese";
    font-weight: 600;
    font-size: 14px;
    color: #004ccd;
    letter-spacing: -0.05em;
  }

  .history_profile_bg1_head span {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 900;
  }

  .history_profile_bg2_head {
    font-size: 18px;
  }

  .history_profile_bg2 {
    width: 100%;
    margin: -12px auto 0;
    border-radius: 5px;
    position: relative;
    z-index: 10;
    background: #96c8ff;
  }

  .history_profile_text_bg1 {
    margin: 10px auto 0;
    background: #96c8ff;
    padding: 5px;
    background: #ffffff;
    display: block;
  }

  .history_profile_text {
    padding: 5px;
    text-align: center;
  }

  .history_profile_logo {
    width: 130px;
    margin-bottom: 0px;
    display: block;
    margin: 0 auto;
  }

  .history_profile_text p {
    font-size: 12px;
  }

  .history_profile_text p.m20 {
    margin-top: 10px;
  }

  .history_profile_text p.fs12 {
    font-size: 1rem;
    line-height: 1.6;
  }

  .history_profile_name {
    line-height: 1.4;
    letter-spacing: -0.05em;
  }

  /*------------------------------ヒストリー用-----------------------------------*/

  /*------------------------------バナー用-----------------------------------*/

  .banner_pc {
    display: none;
  }

  .banner_sp {
    display: block;
    width: 90%;
    /*margin:20px auto 0;*/
    margin: 0 auto;
  }
  .banner_sp2 {
    display: inline-block;
    width: 90%;
    /*margin:20px auto 0;*/
    margin: 0 auto;
  }

  .banner_sp .cdt {
    background: #000000;
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    text-shadow:
      2px 2px 4px rgba(0, 0, 0, 0.45),
      -2px 2px 4px rgba(0, 0, 0, 0.45),
      2px -2px 4px rgba(0, 0, 0, 0.45),
      -2px -2px 4px rgba(0, 0, 0, 0.45),
      2px 0px 4px rgba(0, 0, 0, 0.45),
      0px 2px 4px rgba(0, 0, 0, 0.45),
      -2px 0px 4px rgba(0, 0, 0, 0.45),
      0px -2px 4px rgba(0, 0, 0, 0.45);
    border: 1px solid #c76ebc;
    border-top: none;
  }

  .banner_sp a {
    display: block;
  }
  .banner_sp2 a {
    display: inline-block;
  }

  .banner_sp img {
    border: 1px solid #c76ebc;
    border-bottom: none;
    width: 100%;
  }

  .banner_timer_bg1 {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    padding: 10px;
  }

  .banner_timer_bg1 .u-name {
    /*font-size:12px;*/
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
  }
  .banner_timer_bg1 .u-name2 {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    display: block;
  }
  /*------------------------------バナー用-----------------------------------*/

  /*------------------------------プラチナアタック用-----------------------------------*/

  .ng_top_text1 {
    width: 90%;
    display: block;
    text-align: center;
    font-size: 16px;
  }

  .ng_top_text1 br {
    display: block;
  }

  .ng_comment_bg {
    background:
      url(../../../image/member/wakusumi1_1.png) left 5px top 5px / 30px
        no-repeat,
      url(../../../image/member/wakusumi1_2.png) right 5px top 5px / 30px
        no-repeat,
      url(../../../image/member/wakusumi1_3.png) left 5px bottom 5px / 30px
        no-repeat,
      url(../../../image/member/wakusumi1_4.png) right 5px bottom 5px / 30px
        no-repeat;
    /*width:90%;*/
    width: 98%;
  }

  #main_slide_bg {
    height: 180px;
    margin: 10px;
    transform: translateZ(0);
  }
  #main_slide_bg_yoco {
    padding-bottom: 10px;
  }

  #main_slide_bg_yoco #main_slide p {
    border-bottom: 1px dotted #999999;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 10px 0;
    margin: 0 auto;
  }
  #main_slide p {
    width: 90%;
    border-bottom: 1px dotted #999999;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 10px 0;
    margin: 0 auto;
  }
  #main_slide2 p {
    width: 90%;
    border-bottom: 1px dotted #999999;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 10px 0;
    margin: 0 auto;
  }

  /*-------------------------------------------*/
  /*--ガワ用追加分--*/
  .wrapper_conc {
    width: 100%;
    background: none;
  }

  /*--ボタン--*/

  .return_btn.m50 {
    margin-top: 1rem;
  }

  a.btn {
    padding: 0.6rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 2px solid #03dcf5;
    border-radius: 16px;
    transition: none;
    font-size: 14px;
    width: 90%;
  }

  a.btn:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    opacity: 1;
  }

  a.btn:active {
    background: #fff;
    color: #000;
  }

  a.return_btn {
    /*width: 100%;*/
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 2px solid #00f3ff;
    border-radius: 30px;
    font-size: 16px;
    transition: 0.4s;
    margin-top: 40px;
    min-width: 180px;
  }

  a.return_btn:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    opacity: 1;
  }

  a.btn:active {
    background: #fff;
    color: #000;
  }

  /*--質問ページ--*/

  .question {
    width: 100%;
    /* min-height: 230px; */
    float: none;
    margin: 0px auto 0;
    height: auto;
  }

  .q-text {
    padding: 1rem;
    line-height: 2;
    font-size: 16px;
    letter-spacing: 0.1em;
    height: auto;
    border: 1px solid #fff;
    width: 100%;
    background: rgb(0, 0, 0, 0.7);
    display: block;
  }

  div.back_btn {
    margin: 0 auto;
  }

  .main_conc {
    background-position: center bottom;
    width: 100%;
    min-height: 330px;
    padding: 0px;
    background-size: 130%;
    height: auto;
    margin-bottom: 30px;
  }

  .main_conc .yumedama_move1 {
    max-width: 240px;
    width: 70%;
  }

  .main_conc .ukasu_move1 {
    max-width: 170px;
    margin-top: -20px;
  }

  .main_conc.posimoto {
    min-height: auto;
  }

  table.btn {
    width: 100%;
    height: 160px;
    text-align: center;
    margin: 0 auto;
  }

  table.btn td {
    width: 50%;
    text-align: center;
    margin: 0 auto 0;
    padding: 10px 0;
  }

  table.btn td.back-btn {
    display: table-cell;
  }

  table.btn tr {
    display: table-row;
  }

  /*--結果ページ--*/

  .main_result {
    background: url(../../../image/member/concierge/tsr1_bg1.png) bottom center
      no-repeat;
    width: 100%;
    min-height: 260px;
    margin: 0 auto;
    background-position: center -80px;
    padding: 1px;
    background-size: cover;
  }

  .result {
    width: 100%;
    min-height: 480px;
    margin: 0 auto 0;
  }

  .r-text {
    padding: 2rem;
    line-height: 2;
    font-size: 16px;
    letter-spacing: 0.1em;
    border: 1px solid #fff;
  }

  /*--結果ページ(買い目)--*/
  input[type="submit"].km1_button {
    font-size: 2rem;
    padding: 10px 15px;
  }

  input[type="submit"].km1_button:hover {
    background: #fff;
    color: #000;
    white-space: pre-line;
    word-break: break-all;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: 0.03s;
    display: inline-block;
    background: #000;
    cursor: pointer;
    background: #73b1e7;
    background: -moz-linear-gradient(
      top,
      #73b1e7 1%,
      #0a77d5 50%,
      #539fe1 100%
    );
    background: -webkit-linear-gradient(
      top,
      #73b1e7 1%,
      #0a77d5 50%,
      #539fe1 100%
    );
    background: linear-gradient(
      to bottom,
      #73b1e7 1%,
      #0a77d5 50%,
      #539fe1 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b1e7', endColorstr='#539fe1',GradientType=0 );
    width: 80%;
    font-size: 2rem;
    padding: 10px 15px;
  }

  ul.entrylist {
    height: auto;
    margin-bottom: -10px;
  }

  ul.entrylist li {
    margin-top: 30px;
    width: 46%;
    font-size: 14px;
    padding: 9px;
  }

  ul.entrylist li:nth-child(1) {
    margin-top: 0px;
  }

  ul.entrylist li:nth-child(2) {
    margin-top: 0px;
  }

  div.servicelist_km1 {
    display: block;
    width: 100%;
  }

  div.servicelist_km1 a {
    border-radius: 5px 5px 0 0;
  }

  table.servicetb_km1 td {
    display: block;
    margin-top: -1px;
  }

  div.daycheck {
    text-align: left;
    margin: 0 auto;
    line-height: 55px;
    display: inline-block;
  }

  .wrapper_conc_km {
    padding: 0 20px 20px 20px;
    border: 0px;
  }

  .r-text_km {
    padding: 1rem;
    border: 1px solid #666;
  }

  .atusi_yaji1 {
    width: 50px;
  }

  .radio-inline__input {
    vertical-align: middle;
  }

  .radio-inline__label {
    margin-right: 0px;
  }

  table.explan {
  }

  table.explan th {
    display: block;
    width: 100%;
  }

  table.explan td {
    display: block;
    width: 100%;
  }

  .bkbtm100 {
    margin-top: 7rem;
  }

  .pcm10 {
    margin-top: auto;
  }

  .spm20 {
    margin-top: 2rem;
  }

  /*--結果ページ(買い目)--*/
  .main_conc_km {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 0px;
  }

  .main_conc_km .yumedama_move1 {
    max-width: 240px;
    width: 70%;
  }

  .main_conc_km .ukasu_move1 {
    max-width: 170px;
    margin-top: -20px;
  }

  div.servicetext_km1 {
    padding: 1rem;
  }

  .servicelist_link_text1 {
    font-size: 11px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto;
    font-weight: normal;
    border: 1px solid #fff;
    max-width: 200px;
    width: 100%;
  }

  a.servicelist_link_km1 > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 23px;
    margin: -28px auto 0;
  }

  div.servicetext_km1 img {
    max-width: 100%;
  }

  div.servicetext_km1 {
    min-height: auto;
  }

  div.spblk {
    display: block;
  }

  .spm10 {
    margin-top: 10px;
  }

  a.return_btn_km1 {
    max-width: 180px;
    width: 100%;
  }

  a.return_btn_km1:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    opacity: 1;
  }

  a.return_btn_km1:active {
    background: #fff;
    color: #000;
  }

  /*------------------------------kaiseki-----------------------------------*/

  .subh_text1 {
    width: 80%;
    max-width: 350px;
  }

  .main_fv1_bg {
    width: 100%;
  }

  .kaisei_texts1 {
    text-align: left;
    color: #fff;
    /*	margin:20px auto 0;*/
    margin: 0 auto;
    background: #1a3977;
    /*black bg ****
	background:#111;
	border:#fcfcfc solid 0.2rem;
	/*black bg ****/
    padding: 10px;
    font-size: 14px;
    letter-spacing: 0.05em;
    border-radius: 3px;
    /*width:90%;*/
    width: 100%;
  }

  .sankaku4 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 30px 0 30px;
    border-color: #fd18b5 transparent transparent transparent;
    margin: 0px auto -30px;
  }
  /*******************************************/
  /*******************************************/
  /*******************************************/

  .kaiseki_bt1_text1 {
    margin: 0 auto;
    margin-bottom: -10%;
    filter: drop-shadow(0 0 4px #ffffff);
    width: 80%;
    max-width: 305px;
  }

  .kaiseki_bt1_bg {
    background: url("../../../image/member/kaiseki_bt1_bg1.png") center center /
      110% 100% no-repeat;
    width: 100%;
    /*margin:30px auto 0;*/
    margin: -9% auto -8%;
    max-width: 480px;
  }

  .kaiseki_bt1_bg_bg {
    display: none;
  }

  .kaiseki_bt1 {
    background: url("../../../image/member/kaiseki_bt1.png") center center / 65%
      auto no-repeat;
    width: 100%;
    height: 0;
    padding-bottom: 86%;
    margin: 0 auto;
    border: none;
    display: block;
    cursor: pointer;
  }

  .kaiseki_bt1:hover {
    background: url("../../../image/member/kaiseki_bt1h.png") center center /
      65% auto no-repeat;
  }

  /*******************************************/
  /*******************************************/
  /*******************************************/
  .kaiseki_bt3 {
    width: 100%;
  }

  .kaiseki_bt3_bg {
    margin: -14% auto -11%;
    padding: 8rem 0 9rem 0;
  }
  /*******************************************/
  /*******************************************/
  /*******************************************/
  a.blog_janp_bt2 {
    margin: 0 auto;
  }

  @media screen and (max-width: 425px) {
    /*-----------lv1、2用ボタンデザイン-----------------------*/
    .kaiseki_bt1_bg {
      background: url("../../../image/member/kaiseki_bt1_bg1.png") center
        center / 110% 100% no-repeat;
      width: 100%;
      /*margin:30px auto 0;*/
      max-width: 480px;
    }

    .kaiseki_bt1_bg_bg {
      display: none;
    }

    .kaiseki_bt1 {
      background: url("../../../image/member/kaiseki_bt1.png") center center /
        65% auto no-repeat;
      width: 100%;
      height: 0;
      padding-bottom: 86%;
      margin: 0 auto;
      border: none;
      display: block;
      cursor: pointer;
    }

    .kaiseki_bt1:hover {
      background: url("../../../image/member/kaiseki_bt1h.png") center center /
        65% auto no-repeat;
    }
    /*-----------lv1、2用ボタンデザイン-----------------------*/
    /*-----------lv3用ボタンデザイン-----------------------*/
    .kaiseki_bt3_bg {
      background: url(../../../image/member/kaiseki_bt3_bg3.png) center center /
        100% no-repeat;
      width: 100%;
      /* margin: 30px auto 0; */
      max-width: 480px;
      margin: 0 auto;
      padding: 4rem 0 2rem 0;
    }

    .kaiseki_bt3_bg_bg {
      display: none;
    }

    .kaiseki_bt3 {
      background: url("../../../image/member/kaiseki_bt3_2210.png") center
        center / 100% auto no-repeat;
      width: 53%;
      height: 0;
      padding-bottom: 50%;
      margin: 0 auto;
      border: none;
      display: block;
      cursor: pointer;
    }

    .kaiseki_bt3:hover {
      background: url("../../../image/member/kaiseki_bt3h_2210.png") center
        center / 62% auto no-repeat;
    }
    /*-----------lv3用ボタンデザイン-----------------------*/

    a.blog_janp_bt {
      padding: 0.5rem;
    }
  }

  .kaiseki_bt_in_kaiseki_lv {
    position: absolute;
    bottom: 21%;
    left: 0;
    right: 0;
    margin: 0 auto auto;
    background: #ffffff;
    color: #1a3977;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 80px;
    border-radius: 20px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8) inset;
  }

  /*---------------------------------------------------*/

  .movie_waku1 {
    width: 90%;
  }

  /*---------------------------------------------------*/

  .input_flex {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .text_list {
    text-align: center;
  }

  .input_list {
    margin-left: 0;
  }

  .fild {
    margin: 3px auto 0;
  }

  input.fild[type="text"]:focus {
    color: #333333;
    background-color: #ffffff;
    box-shadow: none;
  }

  /*---------------------------------------------------*/

  .res_upd1_bg {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .res_upd1_text1 {
    display: inline-block;
  }

  .res_upd1_text1.crsy {
    width: auto;
  }

  .res_upd1_text2 {
    margin-right: 0;
    font-size: 14px;
    width: 100%;
    text-align: center;
    display: inline-block;
  }

  .res_upd1_text2.crsy {
    width: 100%;
  }

  .res_upd1_text3 {
    width: 100%;
    text-align: left;
    margin-top: 3px;
  }

  .res_upd1_text4 {
    width: 100%;
    text-align: center;
    margin-top: 3px;
  }

  /*---------------------------------------------------*/

  .text_bg1 {
    width: 90%;
    font-size: 14px;
  }

  /*---------------------------------------------------*/

  .con_links_bg {
    display: block;
    margin: 0 auto 0;
  }

  .con_links_bg .con_links {
    width: 100%;
    max-width: 320px;
    margin: 20px auto 0;
  }

  .con_links_bg .con_links:nth-child(odd) {
    margin-right: auto;
  }

  /*---------------------------------------------------*/

  .banner_bg {
    margin: 0 auto;
    padding-top: 0px;
    /*border-bottom:1px solid #999;*/
  }

  /*---------------------------------------------------*/

  .baken_bg {
    padding: 10px 20px 20px;
    width: 90%;
  }

  .baken_title1 {
    font-size: 14px;
    margin: 10px auto 0;
    padding: 8px 0 8px;
  }

  .baken_text1 {
    font-size: 25px;
    margin-top: 5px;
  }

  /*---------------------------------------------------*/

  .res_flex_bg {
    display: block;
    margin: 0 auto;
  }

  .res_flex_bg2 {
    display: block;
    padding: 10px;
    margin: 20px auto 0;
  }

  .res_flex_text {
    width: 100%;
    margin-right: 0;
  }

  .res_flex_list {
    width: 100%;
    max-width: 220px;
    margin: 10px auto;
  }

  .res_flex_list:nth-child(3n) {
    margin: 10px auto;
  }

  .res_flex_bg2 .res_flex_list {
    width: 100%;
    max-width: 220px;
  }

  /*---------------------------------------------------*/

  .next_kaiseki_bg {
    font-size: 12px;
  }

  /*---------------------------------------------------*/

  /**************SP用の記述**************/

  /*カウントダウンタイマー*/
  .cdt2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    color: #fff;
    text-align: center;
    background: #000;
  }

  .cdt_txt {
    font-size: 0.8rem;
    display: block;
    margin-right: 0em;
  }

  .cdt_date {
    font-size: 2rem;
    font-weight: bold;
    color: #ff2600;
  }

  /*カウントダウンタイマー*/

  /*バナー切り替え用*/
  .switch {
    visibility: hidden;
  }
  /*バナー切り替え用*/

  /*---------------------------------------------------*/
  /*---------------------------------------------------*/

  .d-voice {
    width: 90%;
    margin: 5px auto;
  }

  #kaiseki_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #core_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #kimitsu_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #toushi_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #corabo_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #dendo_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #hit_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  #tekidan_voice {
    width: 100%;
    height: 30px;
    margin: 5px auto;
    padding: 4px 0 0px;
    text-align: left;
    border: 1px solid #000000;
    font-size: 0.9rem;
  }

  /*---------------------------------------------------*/

  /*2021感謝祭用のソース*****************/
  /*前夜祭デザインなし*******
.ribbon_decobox{
	padding:5rem 1rem 2rem 1rem;
	margin: -55px auto 0;
}
/*前夜祭デザインなし*********/
  .ribbon_decobox {
    padding: 5rem 2rem 2rem 2rem;
    margin: 0 auto;
  }
  .ribbon_decobox2 {
    padding: 5rem 2rem 5rem 2rem;
    margin: 0 auto;
  }
  .banner_timer_bg1 {
    width: 100%;
  }
  .fes_iv_con_bg2 {
    padding: 10px 0 15px;
  }
  .fes_iv_con_bg2_top {
    margin: 10px auto 15px;
  }
  .fes_iv_con_bg2_top {
    margin: 10px auto 0;
  }
  /*2021感謝祭用のソース*****************/
  /*** 2021 fes 前夜祭 **********************/
  .fes_zenya_bg {
    width: 100%;
    padding: 10px 10px;
  }
  .fes_zenya_bg .logo_futi {
    width: 150px;
  }
  .fes_zenya_con2 p {
    font-size: 1.3rem;
  }
  .fes_zenya_con2 {
    padding: 5px;
  }
  /*詳細はこちらボタン*/
  a.fes_link_zenya {
    font-size: 18px;
  }
  /*** 2021 fes 前夜祭 **********************/

  .kaisekiimg_2109 {
    width: 80%;
    max-width: 100px;
  }
  .kaisei_texts1 {
    text-align: center;
  }
  .kaisei_texts1 .fs25 {
    font-size: 1.2rem;
  }
  .kaisei_texts1 .fs16 {
    font-size: 1rem;
  }

  /*-----------------------------*/

  .toku_links_bg {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0px;
    margin: 0 auto;
    width: 100%;
    z-index: 100000;
  }

  .toku_links_bg .toku_links_pc {
    display: none;
  }

  .toku_links_bg .toku_links_sp {
    display: block;
    border: none;
    cursor: pointer;
    background: #2d0428;
    position: relative;
    padding: 6px 0;
  }

  .toku_links_bg .toku_links_sp .toku_links_sp_so2 {
    width: 90%;
    max-width: 360px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
  }

  .toku_links_bg .toku_links_sp .toku_links_sp_so1 {
    width: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
  }

  .toku_links_bg .toku_links_sp:hover {
    opacity: 1;
  }

  /*-----------------------------*/

  .daylink {
    display: block;
    margin-top: 20px;
  }

  .daylink a {
    border-radius: 5px;
    background:
      url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat
        center right 0px,
      rgb(255, 255, 255); /* Old browsers */
    background:
      url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat
        center right 0px,
      -moz-linear-gradient(
          top,
          rgba(255, 255, 255, 1) 0%,
          rgba(254, 252, 234, 1) 100%
        ); /* FF3.6-15 */
    background:
      url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat
        center right 0px,
      -webkit-linear-gradient(
          top,
          rgba(255, 255, 255, 1) 0%,
          rgba(254, 252, 234, 1) 100%
        ); /* Chrome10-25,Safari5.1-6 */
    background:
      url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat
        center right 0px,
      linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(254, 252, 234, 1) 100%
      ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #999999;
    color: #333333;
    padding: 7px 0 7px 10px;
    text-decoration: none;
    width: 90%;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    text-align: left;
    font-size: 15px;
  }

  .daylink a:hover {
    background:
      url("https://www.collabo-n.com/images/member/bticons/b2.png") no-repeat
        center right 0px,
      #f0e68c;
    text-decoration: underline;
  }

  .daylink2 {
    background: rgb(255, 152, 68); /* Old browsers */
    background: -moz-linear-gradient(
      top,
      rgba(255, 152, 68, 1) 0%,
      rgba(255, 116, 0, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      rgba(255, 152, 68, 1) 0%,
      rgba(255, 116, 0, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      rgba(255, 152, 68, 1) 0%,
      rgba(255, 116, 0, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9844', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */
    border: 1px solid #999999;
    color: #ffffff;
    padding: 7px 0;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
  }

  .indlink {
    display: block;
    margin-top: 20px;
  }

  .indlink a {
    width: 90%;
    font-size: 16px;
  }

  .support_pla_bg2 {
    color: #517700;
    margin: 32px 10px 32px 10px;
    padding: 1px 1px 40px 1px;
    background:
      url(../../image/member/pla_service_bg_i1.png) top 10px left 10px no-repeat,
      url(../../image/member/pla_service_bg_i2.png) top 10px right 10px
        no-repeat,
      url(../../image/member/pla_service_bg_i3.png) bottom 10px left 10px
        no-repeat,
      url(../../image/member/pla_service_bg_i4.png) bottom 10px right 10px
        no-repeat,
      url(../../image/member/pla_main_bg3.png) top center repeat-y;
  }

  .support_pla_bg2 p {
    padding: 0;
    margin: 70px 10px 40px;
    text-align: left;
    font-size: 15px;
    color: #ffffff;
  }

  .bachu_sp_bg {
    width: 90%;
  }

  .pillarwaku_s_n {
    margin: 0 auto;
    width: 100%;
    font-size: 13px;
  }

  .pillarwaku_s_n th {
    width: auto;
    background: #efefd9;
    border: #999999 1px solid;
  }

  .pillarwaku_s_n td {
    border: #999999 1px solid;
  }

  .pillarwaku_s_n td.cell1 {
    width: auto;
  }

  .pillarwaku_s_n td.cell2 {
    width: auto;
  }

  .pillarwaku_s_n td.cell3 {
    text-align: left;
    padding: 10px;
    width: auto;
  }

  .pillarwaku_s_n td.cell4 {
    width: 27px;
  }

  .pillarwaku_s_n td.cell5 {
    width: 27px;
    font-size: 13px;
    font-weight: bold;
  }

  .pillarwaku_s_n td.cell6 {
    width: 27px;
    font-size: 13px;
    background: #efefd9;
  }

  .bamei1 {
    font-weight: bold;
    font-size: 16px;
    display: block;
  }

  .bamei2 {
    display: block;
    float: none;
  }

  .bamei3 {
    display: block;
    margin: 0 0 0 0;
  }

  .bamei4 {
    display: block;
    float: none;
  }

  .bamei5 {
    border: 1px solid #999;
    padding: 2px 3px 0 3px;
    margin: 5px 0 0 0;
    display: block;
  }

  .pillarwaku_s_n th.cbg {
    background: #fff000;
  }

  .pillarwaku_s_n td.cbg2 {
    border: #999999 3px solid;
  }

  .list_linkbg1 {
    margin: 16px auto;
    width: 90%;
  }

  .list_linkbg1 td {
    width: 33%;
    padding: 3px;
  }

  .list_link1 {
    display: inline-block;
    width: 99%;
    text-decoration: none;
    background: #dddddd;
    border: 1px solid #999999;
    color: #000;
    padding: 10px 0 8px 0;
    border-radius: 5px;
    font-size: 12px;
  }

  .list_link1:hover {
    background: #ffbf88;
    border: 1px solid #f15a24;
  }

  .list_link2 {
    width: 15.2%;
    display: inline-block;
    /*border: 1px solid #CCC;*/
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffa84c 0%,
      #ff7b0d 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffa84c 0%,
      #ff7b0d 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffa84c 0%,
      #ff7b0d 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    color: #ffffff;
    padding-top: 2px;
    border-radius: 5px;
    text-align: center;
    margin: 1% 0;
  }

  .list_link2:hover {
    background: #ffd4aa; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffd4aa 0%,
      #ffa65e 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffd4aa 0%,
      #ffa65e 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffd4aa 0%,
      #ffa65e 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd4aa', endColorstr='#ffa65e',GradientType=0 ); /* IE6-9 */
  }

  .list_linkbg2 {
    border: 1px solid #fff;
    margin: 16px auto;
    width: 90%;
    display: block;
  }

  .list_linkbg2 tbody {
    width: 100%;
    display: block;
  }

  .list_linkbg2 tr {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .list_linkbg2 th {
    width: 100%;
    border-top: none;
    border-bottom: none;
    background: #555555;
    text-align: left;
    color: #ffffff;
    padding: 8px 0 5px 10px;
    display: block;
    margin: 0 auto;
  }

  .list_linkbg2 td {
    width: 100%;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    padding: 0;
    background: #ffffff;
    text-align: left;
    display: block;
    margin: 0 auto;
  }

  .list_link4 {
    font-size: 12px;
  }

  .ya1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #000000;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }

  .horse_detail_title_icon {
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 30px;
  }

  .horse_detail_bg {
    width: 90%;
    margin: 0 auto;
  }

  .horse_detail {
    margin: 16px 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.01em;
  }

  .horse_detail.fright {
    float: none;
  }

  .horse_detail.fleft {
    float: none;
  }

  .horse_detail th,
  .horse_detail td {
    text-align: left;
    padding: 2px 2px;
  }

  .horse_detail th {
    background: #ffebdb;
    border: 1px solid #999999;
  }

  .horse_detail td {
    border: 1px solid #999999;
  }

  .horse_detail th.tabletitle {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcfaa+0,ffb766+100 */
    background: #ffcfaa; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfaa', endColorstr='#ffb766',GradientType=0 ); /* IE6-9 */
  }

  .horse_detail th.center {
    text-align: center;
  }

  .horse_detail td.center {
    text-align: center;
  }

  .horse_detail2.sp_over {
    overflow: scroll;
    width: 100%;
    display: block;
  }

  .horse_detail2 {
    margin: 16px 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.01em;
  }

  .horse_detail2 th,
  .horse_detail2 td {
    text-align: left;
    padding: 2px 5px;
  }

  .horse_detail2 th {
    background: #ffebdb;
    border: 1px solid #999999;
    min-width: 100px;
  }

  .horse_detail2 td {
    border: 1px solid #999999;
  }

  .horse_detail2 th.tabletitle {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcfaa+0,ffb766+100 */
    background: #ffcfaa; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfaa', endColorstr='#ffb766',GradientType=0 ); /* IE6-9 */
  }

  .horse_detail2 th.center {
    text-align: center;
  }

  .horse_detail2 td.center {
    text-align: center;
  }

  .jockey_info_bg {
    width: 90%;
    margin: 0 auto;
  }

  .jockey_info.sp_over {
    overflow: scroll;
    width: 100%;
    display: block;
  }

  .jockey_info {
    margin: 16px 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.01em;
  }

  .jockey_info th,
  .jockey_info td {
    text-align: left;
    padding: 2px 5px;
  }

  .jockey_info th {
    background: #ffebdb;
    border: 1px solid #999999;
    min-width: 70px;
  }

  .jockey_info.thwide th {
    min-width: 100px;
  }

  .jockey_info td {
    border: 1px solid #999999;
  }

  .horse_detail_title_icon {
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 30px;
  }

  .horse_detail_bg {
    width: 90%;
    margin: 0 auto;
  }

  .horse_detail {
    margin: 16px 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.01em;
  }

  .horse_detail.fright {
    float: none;
  }

  .horse_detail.fleft {
    float: none;
  }

  .horse_detail th,
  .horse_detail td {
    text-align: left;
    padding: 2px 2px;
  }

  .horse_detail th {
    background: #ffebdb;
    border: 1px solid #999999;
  }

  .horse_detail td {
    border: 1px solid #999999;
  }

  .horse_detail th.tabletitle {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcfaa+0,ffb766+100 */
    background: #ffcfaa; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfaa', endColorstr='#ffb766',GradientType=0 ); /* IE6-9 */
  }

  .horse_detail th.center {
    text-align: center;
  }

  .horse_detail2.sp_over {
    overflow: scroll;
    width: 100%;
    display: block;
  }

  .horse_detail2 {
    margin: 16px 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.01em;
  }

  .horse_detail2 th,
  .horse_detail2 td {
    text-align: left;
    padding: 2px 5px;
  }

  .horse_detail2 th {
    background: #ffebdb;
    border: 1px solid #999999;
    min-width: 100px;
  }

  .horse_detail2 td {
    border: 1px solid #999999;
  }

  .horse_detail2 th.tabletitle {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcfaa+0,ffb766+100 */
    background: #ffcfaa; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfaa', endColorstr='#ffb766',GradientType=0 ); /* IE6-9 */
  }

  .horse_detail2 th.center {
    text-align: center;
  }

  .horse_detail2 td.center {
    text-align: center;
  }

  .jockey_info_bg {
    width: 90%;
    margin: 0 auto;
  }

  .jockey_info.sp_over {
    overflow: scroll;
    width: 100%;
    display: block;
  }

  .jockey_info {
    margin: 16px 0;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.01em;
  }

  .jockey_info th,
  .jockey_info td {
    text-align: left;
    padding: 2px 5px;
  }

  .jockey_info th {
    background: #ffebdb;
    border: 1px solid #999999;
    min-width: 70px;
  }

  .jockey_info.thwide th {
    min-width: 100px;
  }

  .jockey_info td {
    border: 1px solid #999999;
  }

  .jockey_info th.tabletitle {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcfaa+0,ffb766+100 */
    background: #ffcfaa; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #ffcfaa 0%,
      #ffb766 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfaa', endColorstr='#ffb766',GradientType=0 ); /* IE6-9 */
    font-size: 24px;
    padding: 5px 0 0 5px;
  }

  .jockey_info th.center {
    text-align: center;
  }

  .jockey_info td.center {
    text-align: center;
  }

  .jockey_next {
    margin: 0 auto;
    line-height: 1.2;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 16px 0px 16px 0px;
    letter-spacing: 2px;
    background: rgb(254, 254, 254); /* Old browsers */
    background: -moz-linear-gradient(
      top,
      rgba(254, 254, 254, 1) 0%,
      rgba(219, 219, 219, 1) 86%,
      rgba(226, 226, 226, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      rgba(254, 254, 254, 1) 0%,
      rgba(219, 219, 219, 1) 86%,
      rgba(226, 226, 226, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      rgba(254, 254, 254, 1) 0%,
      rgba(219, 219, 219, 1) 86%,
      rgba(226, 226, 226, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
    border: 1px solid #999999;
    vertical-align: text-top;
    cursor: pointer;
    text-align: center;
    color: #4d4d4d;
    display: block;
    text-decoration: none;
    font-weight: bold;
    width: 80%;
  }

  .jockey_next:hover {
    background: rgb(254, 254, 254); /* Old browsers */
    background: -moz-linear-gradient(
      top,
      rgba(254, 254, 254, 1) 0%,
      rgba(237, 237, 237, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      rgba(254, 254, 254, 1) 0%,
      rgba(237, 237, 237, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      rgba(254, 254, 254, 1) 0%,
      rgba(237, 237, 237, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    border: 1px solid #cccccc;
    text-decoration: underline;
  }

  .jockey_info2 {
    margin: 0 auto;
    /*border:1px solid #999999;*/
    padding: 20px 0;
    text-align: center;
  }

  .jockey_info2 b {
    text-decoration: none;
    color: #555555;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5px;
    width: 30px;
    text-align: center;
    margin: 10px 5px;
  }

  .jockey_info2 a {
    text-decoration: none;
    color: #555555;
    font-size: 14px;
    background: #eeeeee;
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 5px;
    width: 30px;
    text-align: center;
    margin: 10px 5px;
  }

  .jockey_info2 a:hover {
    background: #ffffff;
  }

  .jockey_info2 a.none {
    margin: 0 5px;
    background: none;
    border: none;
    padding: 0;
  }

  .odd_background {
    background: #fff4ed;
  }
  .jockey_archievement {
    margin: 8px auto 0 auto;
    width: 710px;
    font-size: 13px;
    letter-spacing: -0.01em;
    padding-top: 10px;
  }
  .jockey_archievement th {
    text-align: center;
    background: #f8cbad;
  }
  .jockey_archievement td {
    text-align: center;
  }

  .racelink2 {
    border-radius: 5px;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 1) 0%,
      rgba(254, 252, 234, 1) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      rgba(255, 255, 255, 1) 0%,
      rgba(254, 252, 234, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1) 0%,
      rgba(254, 252, 234, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */
    border: 1px solid #999999;
    color: #333333;
    padding: 7px 10px 6px 10px;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
  }

  .acmenu label {
    font-size: 15px;
  }

  /*------------------------------ステップページ-----------------------------------*/

  .voicebox_guide {
    width: 100%;
    background: #ff9800;
    padding: 15px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
  }

  .voicebox_guide .text {
    width: 100%;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
    margin: 1rem auto 0;
    font-size: 14px;
  }

  /*------------------------------*/

  .v_flex-box {
    padding: 0; /* 余白指定 */
    display: flex;
    justify-content: space-around;
    align-items: center; /* 縦の位置指定 */
    border-radius: 5px;
  }

  .v_flex-item {
    color: #fff; /* 文字色 */
  }

  .v_flex-item p {
    padding: 5px;
    margin: 0;
    font-size: 18px;
  }

  .v_flex-item:nth-child(1) {
    width: 65%;
    height: fit-content;
  }

  .v_flex-item:nth-child(2) {
    background-color: #ffba3b; /* 背景色指定 */
    width: 30%;
    border-radius: 5px;
  }

  .pc_img {
    display: none;
  }
  .sp_img {
    display: block;
  }

  .guide_section_bg1 {
    width: 100%;
    margin: 30px auto 0;
    background: #d3e8ff;
    padding: 20px 0px;
    border-radius: 5px;
  }

  .guide_section_text_bg1 {
    width: 95%;
    padding: 5px;
  }

  .guide_section_bg2 {
    width: 100%;
    margin: -15px auto 0;
    border-radius: 5px;
    position: relative;
    z-index: 10;
    background: #96c8ff;
    padding: 5px 5px;
  }

  .guide_section_bg2_head {
    font-weight: bold;
    font-size: 25px;
  }

  .guide_section_bg1_head span {
    font-size: 20px;
  }

  .main_guide {
    width: 100%;
  }

  /*------------------------------ステップページend-----------------------------------*/

  .top-banner2 li {
    width: 60%;
    padding: 5px 5px;
    box-sizing: border-box;
    margin: auto;
  }

  .um_top_form_flex {
    display: flex;
    flex-flow: column;
  }

  .um_top_form_flex_item1 {
    margin: 5px auto 0;
    width: 95%;
  }

  .um_top_form_flex_item2 {
    margin: 5px auto 0;
    width: 95%;
  }
}