@charset "euc-jp";
/*===========================================
style.css
和田騎手　藤岡騎手　引退メッセージLP

レスポンシブ計算
PC 100vw = 1920px

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

/*==============================================
共通
=============================================*/
body , *{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
footer {
  padding-top: 0 !important;
}
img{
  max-width: 100%;
}
.sp_view{
  display: block;
}
.pc_view{
  display: none;
}
@media screen and (min-width: 1200px) {
  .sp_view{
    display: none;
  }
  .pc_view{
    display: block;
  }
}
.MessageContents{
  background-color: #000000;
  background-image: url("../img/kv_bg.png");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
}
#cboxOverlay{
  background-color: #000000 !important;
}
/*==============================================
KV
.Header
=============================================*/
.Header{
  position: relative;
  aspect-ratio: 1920 / 873;
  z-index: 2;
}
.Header::after{
  content: "";
  position: absolute;
  right: calc(50% - 50vw);
  top: 7.864583333vw;/*151px*/
  width: 0;
  height: 0;
  border-top: 14.479166667vw solid transparent;/*278px*/
  border-bottom: 14.479166667vw solid transparent;/*278px*/
  border-right: 131.145833333vw solid #690608;/*2517px*/
  z-index: 0;
}
.Header:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0vw;
  background-image: url("../img/kv_sakura02.png"),url("../img/kv_sakura01.png");
  background-size: 100vw auto,106.66666666666667vw auto;
  background-position: center top,center top;
  background-repeat: no-repeat,no-repeat;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.HeaderInner{
  position: relative;
  width: 56.25vw;/*1080px*/
  margin: 0 auto;
  z-index: 1;
}

@media screen and (min-width: 1201px) {
  .Header::after{
    animation: Header_After 4s ease-in-out;
  }
  @keyframes Header_After {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media screen and (max-width: 1200px) {
  .Header{
    aspect-ratio: 375 / 550;
    min-height: 0;
    margin-bottom: 5.866666667vw;/*22px*/
  }
  .Header:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/kv_sakura02_sp.png"),url("../img/kv_sakura01_sp.png");
    background-size: 100vw auto,100vw auto;
    background-position: center top,center top;
    background-repeat: no-repeat,no-repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .Header::after{
    border-top: 70.533333333vw solid transparent;/*264.5px*/
    border-bottom: 70.533333333vw solid transparent;/*264.5px*/
    border-right: 198.4vw solid #690608;/*744px*/
    animation: Header_After 3s ease-in-out;
  }
  @keyframes Header_After {
    0% {
      right: -98.66666666666667vw;/*370px*/
    }
    100% {
      right: calc(50% - 49.6vw);
    }
  }
  .HeaderInner{
    width: 100vw;
  }
}
.HeaderMains{
  position: relative;
  height: 100%;
}
.HeaderMains img{
  position: absolute;
}
.HeaderMains img.Wada{
  left: 0;
  top: 4.84375vw;/*93px*/
  width: 24.84375vw;/*477px*/
}
.HeaderMains img.Sub{
  left: 50%;
  transform: translateX(-50%);
  top: 7.447916667vw;/*143px*/
  width: 3.177083333vw;/*61px*/
}
.HeaderMains img.MainTitle{
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.270833333vw;/*82px*/
  width: 13.854166667vw;/*266px*/
  z-index: 1;
}
.HeaderMains img.Fujioka{
  right: 0;
  top: 4.84375vw;/*93px*/
  width: 24.84375vw;/*477px*/
}
@media screen and (min-width: 1201px) {
  .HeaderMains img.Wada{
    animation: HeaderPhoto_Wada 4s ease-in-out;
  }
  @keyframes HeaderPhoto_Wada {
    0% {
      left: 25.260416666666668vw;
      top: 38.02083333333333vw;/*73px*/
      opacity: 0;
    }
    60% {
      left: -1.0416666666666665vw;/*20px*/
      top: 3.802083333333333vw;/*73px*/
      width: 24.84375vw;/*477px*/
    }
    100% {
      left: 0;
      top: 4.84375vw;/*93px*/
      width: 24.84375vw;/*477px*/
      opacity: 1;
    }
  }

  .HeaderMains img.Sub{
    animation: Header_Sub 4s ease-in-out;
  }
  @keyframes Header_Sub {
    0% {
      top: -9.479166666666666vw;/*182px*/
      opacity: 0;
    }
    60% {
      top: 7.968749999999999vw;/*153px*/
    }
    100% {
      top: 7.447916667vw;/*143px*/
      opacity: 1;
    }
  }
  .HeaderMains img.MainTitle{
    animation: Header_MainTitle 4s ease-in-out;
  }
  @keyframes Header_MainTitle {
    0% {
      bottom: -5.208333333333334vw;/*100px*/
      opacity: 0;
    }
    60% {
      bottom: 5.3125vw;/*102px*/
  }
    100% {
      bottom: 4.270833333vw;/*82px*/
      opacity: 1;
    }
  }
  .HeaderMains img.Fujioka{
    animation: HeaderPhoto_Fujioka 4s ease-in-out;
  }
  @keyframes HeaderPhoto_Fujioka {
    0% {
      right: 109.47916666666666vw;/*2105px*/
      top: -4.427083333333334vw;/*85px*/
      opacity: 0;
    }
    60% {
      top: 4.84375vw;/*93px*/
      right: -1.0416666666666665vw;/*20px*/
    }
    100% {
      right: 0;
      top: 4.84375vw;/*93px*/
      opacity: 1;
    }
  }
}


.HeaderBtn{
  position: fixed;
  right: 4.53125vw;/*87px*/
  bottom: 3.4375vw;/*66px*/
  width: 8.333333333vw;/*160px*/
  height: 8.333333333vw;/*160px*/
  z-index: 99999;
  animation: HeaderBtnFloat 3s ease-in-out infinite;
}
@keyframes HeaderBtnFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@media screen and (max-width: 1200px) {
  .HeaderMains img.Wada{
    width: 51.733333333vw;/*194px*/
    left: 0;
    top: 10.933333333vw;/*41px*/
    animation: HeaderPhoto_Wada 4s ease-in-out;
  }
  @keyframes HeaderPhoto_Wada {
    0% {
      left: 200vw;/*-750px*/
      top: -24.84375vw;/*93px*/
      opacity: 0;
    }
    60% {
      left: -8vw;/*30px*/
      top:13.333333333333334vw;/*50px*/
    }
    100% {
      left: 0;
      top: 10.933333333vw;/*41px*/
      opacity: 1;
    }
  }
  .HeaderMains img.Sub{
    width: 11.466666667vw;/*43px*/
    top: 5.333333333vw;/*20px*/
    right: 21.333333333vw;/*80px*/
    left: auto;
    transform: none;
    animation: Header_Sub 4s ease-in-out;
  }
  @keyframes Header_Sub {
    0% {
      right: -50.66666666666667vw;/*190px*/
      opacity: 0;
    }
    60% {
      right: 24vw;/*90px*/
    }
    100% {
      right: 21.333333333vw;/*80px*/
      opacity: 1;
    }
  }
  .HeaderMains img.MainTitle{
    width: 40.8vw;/*153px*/
    left: 6.4vw;/*24px*/
    /* bottom: 1.333333333vw;5px */
    bottom: auto;
    top: 80vw;/*300px*/
    transform: none;
    animation: Header_MainTitle 4s ease-in-out;
  }
  @keyframes Header_MainTitle {
    0% {
      left: 78.93333333333334vw;/*296px*/
      top:156.53333333333333vw;/*586px*/
      opacity: 0;
    }
    60% {
      top: 77.33333333333333vw;/*290px*/
      left: 3.733333333333334vw;/*14px*/
    }
    100% {
      left: 6.4vw;/*24px*/
      top: 80vw;/*300px*/
      opacity: 1;
    }
  }
  .HeaderMains img.Fujioka{
    right: 0;
    top: 52.266666667vw;/*196px*/
    width: 51.733333333vw;/*194px*/
    animation: HeaderPhoto_Fujioka 4s ease-in-out;
  }
  @keyframes HeaderPhoto_Fujioka {
    0% {
      right:34.13333333333333vw;/*127px*/
      top:65.86666666666666vw;/*247px*/
      opacity: 0;
    }
    60% {
      right: -2.666666666666667vw;/*10px*/
      top:49.6vw;/*186px*/
    }
    100% {
    right: 0;
    top: 52.266666667vw;/*196px*/
      opacity: 1;
    }
  }
  .HeaderBtn{
    width: 30.666666667vw;/*115px*/
    height: 30.666666667vw;/*115px*/
    bottom: 7.2vw;/*27px*/
    right: 4.8vw;/*18px*/
  }

}

/*==============================================
イントロダクション
.Intro
=============================================*/
.Intro .InnerBox{
  position: relative;
  margin: 0 auto;
  width: 100vw;/*1920px*/
  height: 50.520833333vw;/*970px*/
  background-image: url("../img/intro_main.png");
  background-size: contain;
  background-position: center 12.1875vw;/*234px*/
  background-repeat: no-repeat;
}
.Intro .InnerBox:after{
  content: "";
  position: absolute;
  top: 5.822917vw; /*83px*/
  right: 15.929167vw; /*354px*/
  width:23.4375vw;
  height: 18.854166666666668vw;
  background-image: url("../img/intro_photo.png");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1200px) {
  .Intro .InnerBox{
    height: 253.6vw;/*951px*/
    background-image: url("../img/intro_main_sp.png");
    background-position: center 33.6vw;/*126px*/
  }
  .Intro .InnerBox:after{
    width: 40.8vw;/*153px*/
    right: -3.733333333vw;/*-14px*/
    top: 20.8vw;/*78px*/
    height: 35.2vw;/*132px*/
  }
}
.Intro h2{
  width: 41.354166667vw;/*794px*/
  margin: 0px auto 26.822916667vw;/*515px*/
}
.IntroMain{
  position:absolute;
  width:0.052083333vw;/*1px*/
  height:0.052083333vw;/*1px*/
  margin:-0.052083333vw;/*-1px*/
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
}
.period{
  width: 30.833333333333336vw;/*592px*/
  margin: 0 auto 1.041666667vw;/*20px*/
}
.EntryBtn{
  display: block;
  width: 28.958333333vw;/*556px*/
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .Intro h2{
    width: 94.4vw;/*354px*/
    margin: 0px auto 166.133333333vw;/*623px*/
  }
  .period{
    width: 100%;
    padding: 0 2.666666666666667vw;
    margin: 0 auto 6.4vw;/*24px*/
  }
  .EntryBtn{
    width: 76.533333333vw;/*287px*/
  }
}
/*==============================================
騎手
.Jockey
=============================================*/
.Jockey{
  margin-bottom: 3.020833333vw;/*58px*/
}
@media screen and (max-width: 1200px) {
  .Jockey{
    margin-bottom: 34.133333333vw;/*128px*/
  }
}
.JockeyWrapper_Wada{
  position: relative;
}
.JockeyWrapper_Wada::before{
  content: "";
  position: absolute;
  right: 0;
  top: 20.15625vw;/*388px*/
  width: 34.11458333333333vw;
  height: 100%;
  background-image: url("../img/body_sakura01.png");
  background-size: 34.11458333333333vw auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}
.JockeyBox_Wada{
  position: relative;
  width: 62.5vw;/*1200px*/
  margin:0 auto 3.125vw;/*60px*/
  padding-top: 3.385416667vw;/*65px*/
  z-index: 1;
}
.JockeyBox_Wada::before{
  content: "";
  position: absolute;
  left: calc(50% - 50vw);
  top:0.26041666666666663vw;/*5px*/
  width: 58.072916667vw;/*1115px*/
  height: 40.885416667vw;/*785px*/
  background-image: url("../img/jockey_wada_bg_obj.jpg");
  background-size: cover;
  background-position: center top;
  z-index: -1;
  opacity: 0;
  transition: all 1s ease;
}
.JockeyBox_Wada::after{
  content: "";
  position: absolute;
  right: calc(50% - 50vw);
  bottom: -0.052083333vw;/*-1px*/
  width: 0;
  height: 0;
  border-top: 25.520833333vw solid transparent;/*490px*/
  border-bottom: 25.520833333vw solid transparent;/*490px*/
  border-right: 46.041666667vw solid #690608;/*883px*/
  z-index: -2;
}
.JockeyBox_Wada .JockeyImg{
  position: relative;
  height: 29.635416667vw;/*569px*/
  margin-bottom: 2.083333333vw;/*40px*/
}
.JockeyBox_Wada .JockeyImg img{
  position: absolute;
}
.JockeyBox_Wada .JockeyImg img.JockeyImg_bg{
  right: 4.166666666666666vw;/*80px*/
  top: 0;
  width: 32.395833333vw;/*622px*/
  height: 29.635416667vw;/*569px*/
  transition: all 1s ease;
}
.JockeyBox_Wada .JockeyImg img.JockeyImg_img{
  right: 4.166666666666666vw;/*80px*/
  top: 0;
  width: 32.395833333vw;/*622px*/
  height: 29.635416667vw;/*569px*/
  z-index: 2;
  transition: all 1s ease;
}
.JockeyBox_Wada .JockeyImg img.JockeyImg_Name_En{
  right: 15.108333333vw;/*291px*/
  top: 8.802083333vw;/*169px*/
  width: 38.177083333vw;/*733px*/
  z-index: 1;
  transition: all 1s ease;
}
.JockeyBox_Wada .JockeyImg img.JockeyImg_Name_Ja{
  left: 5.572917vw;/*107px*/
  bottom: 0.052083333vw;/*1px*/
  width: 17.5vw;/*336px*/
  transition: all 1s ease;
}
@media screen and (min-width: 1201px) {
  .JockeyBox_Wada:hover::before{
    opacity: 0.4;
  }
  .JockeyBox_Wada:hover .JockeyImg img.JockeyImg_bg,
  .JockeyBox_Wada:hover .JockeyImg img.JockeyImg_img{
    right: 6.770833333vw;/*130px*/
  }
  .JockeyBox_Wada:hover .JockeyImg img.JockeyImg_Name_En{
    right: 12.552083333333334vw;/*241px*/
  }
  .JockeyBox_Wada:hover .JockeyImg img.JockeyImg_Name_Ja{
    left: 8.177083333333334vw;/*157px*/
  }
}
.JockeyBox_Wada .JockeyTxt{
  width: 37.604166667vw;/*722px*/
  text-align: left;
  margin-left: 6.09375vw;/*117px*/
}
.JockeyBox_Wada .JockeyTxt p{
  color: #ffffff;
  font-size: 0.9375vw;/*18px*/
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .JockeyWrapper_Wada::before{
    right: 0;
    top: 49.86666666666667vw;
    width: 100vw;
    height: 100%;
    background-image: url("../img/body_sakura01_sp.png");
    background-size: 100vw auto;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .JockeyBox_Wada{
    width: 100%;
    padding-top: 37.866666667vw;/*142px*/
    margin: 0 auto 5.066666667vw;/*19px*/
  }
  .JockeyBox_Wada::before{
    width: 62.933333333vw;/*236px*/
    height: 96.533333333vw;/*362px*/
    left: 0.8vw;/*3px*/
    top: 0;
    background-image: url("../img/jockey_wada_bg_obj_sp.jpg");
    opacity: 0.4;
  }
  .JockeyBox_Wada::after{
    right: auto;
    left: 0;
    bottom: auto;
    top: 74.666666667vw;/*280px*/
    border-top: 62.133333333vw solid transparent;/*233px*/
    border-bottom: 62.133333333vw solid transparent;/*233px*/
    border-left: 112vw solid #343434;/*420px*/
  }
  .JockeyBox_Wada .JockeyImg{
    position: relative;
    height: 89.6vw;/*336px*/
    margin-bottom: 7.2vw;/*27px*/
  }
  .JockeyBox_Wada .JockeyImg img{
    position: absolute;
  }
  .JockeyBox_Wada .JockeyImg img.JockeyImg_bg{
    right: 5.333333333vw;/*20px*/
    top: 0;
    width: 72.8vw;/*273px*/
    height: 66.666666667vw;/*250px*/
  }
  .JockeyBox_Wada .JockeyImg img.JockeyImg_img{
    right: 5.333333333vw;/*20px*/
    top: 0;
    width: 72.8vw;/*273px*/
    height: 66.666666667vw;/*250px*/
    z-index: 2;
  }
  .JockeyBox_Wada .JockeyImg img.JockeyImg_Name_En{
    right: 10.933333333vw;/*41px*/
    top: 21.333333333vw;/*80px*/
    width: 72.533333333vw;/*272px*/
    z-index: 1;
  }
  .JockeyBox_Wada .JockeyImg img.JockeyImg_Name_Ja{
    left: auto;
    right: 13.6vw;/*51px*/
    bottom: 0;
    width: 50.133333333vw;/*188px*/
  }
  .JockeyBox_Wada .JockeyTxt{
    width: 100%;
    padding: 0 8vw;/*30px*/
    text-align: left;
    margin-left:0;
  }
  .JockeyBox_Wada .JockeyTxt p{
    font-size:4.266666667vw;/*16px*/
    line-height: 1.75;
  }
}

.JockeyWrapper_Fujioka{
  position: relative;
}
.JockeyWrapper_Fujioka::before{
  content: "";
  position: absolute;
  left: 0;
  top: 20.15625vw;/*388px*/
  width: 34.11458333333333vw;
  height: 100%;
  background-image: url("../img/body_sakura02.png");
  background-size: 34.11458333333333vw auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}
.JockeyBox_Fujioka{
  position: relative;
  width: 62.5vw;/*1200px*/
  margin: auto;
  padding-top: 2.65625vw;/*51px*/
  z-index: 1;
}
.JockeyBox_Fujioka::before{
  content: "";
  position: absolute;
  right: calc(50% - 50vw);
  top:-0.833333333vw;/*-16px*/
  width: 60vw;/*1152px*/
  height: 40.885416667vw;/*785px*/
  background-image: url("../img/jockey_fujioka_bg_obj.jpg");
  background-size: cover;
  background-position: center;
  z-index: -1;
  opacity: 0;
  transition: all 1s ease;
}
.JockeyBox_Fujioka::after{
  content: "";
  position: absolute;
  left: calc(50% - 50vw);
  top: -5.3125vw;/*-102px*/
  width: 0;
  height: 0;
  border-top: 25.911458333vw solid transparent;/*497px*/
  border-bottom: 25.911458333vw solid transparent;/*497px*/
  border-left: 46.875vw solid #343434;/*900px*/
  z-index: -2;
}
.JockeyBox_Fujioka .JockeyImg{
  position: relative;
  height: 29.635416667vw;/*569px*/
  margin-bottom: 1.927083333vw;/*37px*/
}
.JockeyBox_Fujioka .JockeyImg img{
  position: absolute;
}
.JockeyBox_Fujioka .JockeyImg img.JockeyImg_bg{
  left: 8.333333333vw;/*160px*/
  top: 0;
  width: 32.395833333vw;/*622px*/
  height: 29.635416667vw;/*569px*/
  transition: all 1s ease;
}
.JockeyBox_Fujioka .JockeyImg img.JockeyImg_img{
  left: 8.333333333vw;/*160px*/
  top: 0;
  z-index: 2;
  width: 32.395833333vw;/*622px*/
  height: 29.635416667vw;/*569px*/
  transition: all 1s ease;
}
.JockeyBox_Fujioka .JockeyImg img.JockeyImg_Name_En{
  left: 3.489583333vw;/*67px*/
  top: 8.958333333vw;/*172px*/
  width: 48.020833333vw;/*922px*/
  /* transform: translateY(-50%); */
  z-index: 1;
  transition: all 1s ease;
}
.JockeyBox_Fujioka .JockeyImg img.JockeyImg_Name_Ja{
  right: 3.177083333vw;/*61px*/
  bottom: -0.15625vw;/*-3px*/
  width: 17.604166667vw;/*338px*/
  transition: all 1s ease;
}
@media screen and (min-width: 1201px) {
  .JockeyBox_Fujioka:hover::before{
    opacity: 0.4;
  }
  .JockeyBox_Fujioka:hover .JockeyImg img.JockeyImg_bg,
  .JockeyBox_Fujioka:hover .JockeyImg img.JockeyImg_img{
    left:10.9375vw;/*211px*/
  }
  .JockeyBox_Fujioka:hover .JockeyImg img.JockeyImg_Name_En{
    left: 0.8854166666666666vw;/*17px*/
  }
  .JockeyBox_Fujioka:hover .JockeyImg img.JockeyImg_Name_Ja{
    right: 4.9vw;/*111px*/
  }
}
.JockeyBox_Fujioka .JockeyTxt{
  width: 39.0625vw;/*750px*/
  text-align: left;
  margin-left: 22.135416667vw;/*425px*/
}
.JockeyBox_Fujioka .JockeyTxt p{
  color: #ffffff;
  font-size: 0.9375vw;/*18px*/
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .JockeyWrapper_Fujioka::before{
    right: 0;
    top: 80.53333333333333vw;/*299px*/
    width: 100vw;
    height: 100%;
    background-image: url("../img/body_sakura02_sp.png");
    background-size: 100vw auto;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .JockeyBox_Fujioka{
    width: 100%;
    padding-top: 37.866666667vw;/*142px*/
    margin: 0 auto 5.066666667vw;/*19px*/
  }
  .JockeyBox_Fujioka::before{
    width: 62.933333333vw;/*236px*/
    height: 96.533333333vw;/*362px*/
    left: auto;
    top: 0.8vw;/*3px*/
    right: 0;
    background-image: url("../img/jockey_fujioka_bg_obj_sp.jpg");
    opacity: 0.4;
  }
  .JockeyBox_Fujioka::after{
    right: 0;
    left: auto;
    bottom: auto;
    top: 87.733333333vw;/*329px*/
    border-top: 62.133333333vw solid transparent;/*233px*/
    border-bottom: 62.133333333vw solid transparent;/*233px*/
    border-right: 112vw solid  #690608;/*420px*/
  }
  .JockeyBox_Fujioka .JockeyImg{
    position: relative;
    height: 89.6vw;/*336px*/
    margin-bottom: 7.733333333vw;/*29px*/
  }
  .JockeyBox_Fujioka .JockeyImg img{
    position: absolute;
  }
  .JockeyBox_Fujioka .JockeyImg img.JockeyImg_bg{
    left: 5.333333333vw;/*20px*/
    top: 0.8vw;/*3px*/
    width: 72.8vw;/*273px*/
    height: 66.666666667vw;/*250px*/
  }
  .JockeyBox_Fujioka .JockeyImg img.JockeyImg_img{
    left: 5.333333333vw;/*20px*/
    top: 0.8vw;/*3px*/
    width: 72.8vw;/*273px*/
    height: 66.666666667vw;/*250px*/
    z-index: 2;
  }
  .JockeyBox_Fujioka .JockeyImg img.JockeyImg_Name_En{
    left: 4.533333333vw;/*17px*/
    top: 28.533333333vw;/*107px*/
    width: 85.333333333vw;/*320px*/
    z-index: 1;
  }
  .JockeyBox_Fujioka .JockeyImg img.JockeyImg_Name_Ja{
    left: 8vw;/*30px*/
    bottom: -1.066666667vw;/*-4px*/
    width: 50.133333333vw;/*188px*/
  }
  .JockeyBox_Fujioka .JockeyTxt{
    width: 100%;
    padding: 0 8vw;/*30px*/
    text-align: left;
    margin-left:0;
  }
  .JockeyBox_Fujioka .JockeyTxt p{
    font-size:4.266666667vw;/*16px*/
    line-height: 1.75;
  }
}
/*==============================================
メッセージリスト
.Entry
=============================================*/
.EntryWork{
  position: relative;
  padding-top: 32.708333333vw;/*628px*/
  background-image: url("../img/list_main_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.EntryWork::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 57.552083333vw;/*1105px*/
  background-image: url("../img/list_bg.png");
  background-size: 100% auto;/*1608px*/
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 0;
}
.EntryWork::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99.895833333vw;/*1918px*/
  background: linear-gradient(#000 0%,#000 10%, rgba(0, 0, 0, 0.49) 30%, rgba(0, 0, 0, 0) 100%);
}
.EntryWork h2{
  position: relative;
  width: 17.447916667vw;/*335px*/
  height: 8.072916667vw;/*155px*/
  margin: 0 auto;
  z-index: 1;
}
.EntryWorkInner{
  width: 57.291666667vw;/*1099px*/
  margin: 0 auto;
  padding-bottom: 10.416666666666668vw;/*200px*/
}
@media screen and (max-width: 1200px) {
  .EntryWork{
    padding-top: 44.533333333vw;/*167px*/
    background-image: url("../img/list_main_bg.jpg");
  }
  .EntryWork::after{
    height: 113.333333333vw;/*425px*/
    background-image: url("../img/list_bg_sp.png");
    background-size: 100% auto;
  }
  .EntryWork::before{
    height: 100%;
    max-height: 536.533333333vw;/*2014px*/
    top: -0.266666667vw;/*-1px*/
  }
  .EntryWork h2{
    width: 50.933333333vw;/*191px*/
    height: 40.266666667vw;/*151px*/
  }
  .EntryWorkInner{
    width: 100%;
    padding: 0 1.6vw 26.666666667vw;/*0 6px 100px*/
  }
}
.SortList ul{
  position: relative;
  display: flex;
  justify-content: center;
  /* gap: 1.041666667vw; */
  z-index: 1;
  margin-bottom: 0.208333333vw;/*4px*/
}
.SortList ul li{
  list-style: none;
  width: 8.59375vw;/*165px*/
  height: 3.072916667vw;/*59px*/
  line-height: 2.395833333vw;/*46px*/
  font-size: 0.833333333vw;/*16px*/
  text-align: center;
  color: #BFA789;
  background-image: url("../img/list_tab_off.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.SortList ul li a{
  color: #BFA789;
}
.SortList ul li.active{
  list-style: none;
  color: #ffffff;
  background-image: url("../img/list_tab_active.png");
}
@media screen and (max-width: 1200px) {
  .SortList ul{
    margin-bottom: 2.666666667vw;/*10px*/
  }
  .SortList ul li{
    width: 22.933333333vw;/*86px*/
    height: 10.4vw;/*39px*/
    line-height: 8.8vw;/*33px*/
    font-size: 3.2vw;/*12px*/
    background-image: url("../img/list_tab_off_sp.png");
    background-position: center top;
    background-size: 100%;
  }
  .SortList ul li.active{
    background-image: url("../img/list_tab_active_sp.png");
  }
}
.EntryWork .InnerBox{
  min-height: 44.010416667vw;/*845px*/
}
.EntryWork .InnerBox .nodata{
  padding-top: 14.583333333333334vw;/*280px*/
}
.EntryWork .InnerBox .nodata p{
  color:#f7f7f7;
  font-size: 0.8333333333333334vw;/*16px*/
}
ul.Message_items{
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-shrink: 0;
  z-index: 1;
  gap: 0.15625vw;/*3px*/
  margin-bottom: 2.083333333vw;/*40px*/
}
ul.Message_items li{
  position: relative;
  width: 18.958333333vw;/*364px*/
  height: 14.322916667vw;/*275px*/
  background-image: url("../img/list_card_bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0.885416667vw;/*17px*/
}

.MessageText{
  color: #343434;
  height: 7.135416667vw;/*137px*/
  font-size: 0.729166667vw;/*14px*/
  line-height: 1.6642857142857144;
  padding: 1.822916667vw 2.135416667vw 0;/*35px 41px 0*/
  text-align: left;
  height: 10.729166667vw;/*206px*/
}
.ToWada{
  display:block;
  width: 7.135416667vw;/*137px*/
  height: 1.041666667vw;/*20px*/
  line-height: 0.9375vw;/*18px*/
  color: #BFA789;
  font-size: 0.520833333vw;/*10px*/
  margin:0 auto 0.46875vw;/*9px*/
  text-align: center;
  background-color: #690608;
  border: 0.052083333vw solid #707070;/*1px*/
}
.ToWada em{
  font-size: 0.729166667vw;/*14px*/
}
.ToFujioka{
  display: block;
  width: 7.135416667vw;/*137px*/
  height: 1.041666667vw;/*20px*/
  line-height: 0.9375vw;/*18px*/
  color: #BFA789;
  font-size: 0.520833333vw;/*10px*/
  margin:0 auto 0.46875vw;/*9px*/
  text-align: center;
  background-color: #343434;
  border: 0.052083333vw solid #707070;/*1px*/
}
.ToFujioka em{
  font-size: 0.729166667vw;/*14px*/
}
ul.Message_items li .UserInfo,
ul.Message_items li .UserInfo a{
  color: #343434;
  font-size: 0.833333333vw;/*16px*/
  font-weight: bold;
  text-align: center;
}
ul.Message_items li .UserInfo span{
  display: inline-block;
  width: 2.03125vw;/*39px*/
  height: 2.03125vw;/*39px*/
  margin-right: 0.3125vw;/*6px*/
  border-radius: 2.03125vw;/*39px*/
  vertical-align: middle;
}
.BtnClose{
  position: absolute;
  right: 1.145833333vw;/*22px*/
  top: 1.145833333vw;/*22px*/
  width: 2.135416667vw;/*41px*/
  height: 2.135416667vw;/*41px*/
}
@media screen and (max-width: 1200px) {
  .EntryWork .InnerBox{
    min-height: 68vw;/*255px*/
  }
  .EntryWork .InnerBox .nodata{
    padding-top: 14.583333333333334vw;/*280px*/
  }
  .EntryWork .InnerBox .nodata p{
    text-align: center;
    color:#f7f7f7;
    font-weight: bold;
    line-height: 1.4;/*1.4倍*/
    font-size: 3.4666666666666663vw;/*13px*/
  }
  ul.Message_items{
    flex-direction: column;
  }
  ul.Message_items li{
    width: 97.066666667vw;/*364px*/
    height: 71.2vw;/*267px*/
    margin-bottom: 1.6vw;/*6px*/
  }
  .ToWada,
  .ToFujioka{
    width: 36.533333333vw;/*137px*/
    height: 5.333333333vw;/*20px*/
    line-height: normal;/*18px*/
    font-size: 2.666666667vw;/*10px*/
    border: 1px solid #707070;/*1px*/
    margin: 0 auto 2.4vw;/*9px*/
    padding-top: 0.5333333333333333vw;/*2px*/
  }
  .ToWada em,
  .ToFujioka em{
    font-size: 3.733333333vw;/*14px*/
    vertical-align: baseline;
  }
  .MessageText{
    height: 44.266666667vw;/*166px*/
    font-size: 3.733333333vw;/*14px*/
    line-height: 1.6642857142857144;
    padding: 8.8vw 10.666666667vw 0;/*33px 40px 0*/
    box-sizing: content-box;
    font-weight: 600;
    margin-bottom: 2.666666667vw;/*10px*/
  }
  ul.Message_items li .UserInfo,
  ul.Message_items li .UserInfo a{
    font-size: 3.733333333vw;/*14px*/
  }
  ul.Message_items li .UserInfo span{
    width: 9.066666667vw;/*34px*/
    height: 9.066666667vw;/*34px*/
    margin-right: 1.066666667vw;/*4px*/
    border-radius: 9.333333333vw;/*35px*/
  }
  .BtnClose{
    width: 10.666666667vw;/*40px*/
    height: 10.666666667vw;/*40px*/
    top: 5.866666667vw;/*22px*/
    right: 5.6vw;/*21px*/
  }
}

.EntryWorkInner .count{
  color: #BFA789;
  font-size: 0.9375vw;/*18px*/
  text-align: center;
  margin-bottom: 1.041666667vw;/*20px*/
}
.EntryWorkInner .MoreBtn a{
  position: relative;
  text-align: center;
  padding-top: 0.520833333vw;/*10px*/
  color: #BFA789;
  font-size: 1.041666667vw;/*20px*/
  margin-bottom: 1.041666667vw;/*20px*/
  border-top: 0.052083333vw solid #BFA789;/*1px*/
}
.EntryWorkInner .MoreBtn a:after{
  content: "";
  display: inline-block;
  width: 0.762291667vw;/*14.616px*/
  height: 0.710572917vw;/*13.643px*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.616' height='13.643' viewBox='0 0 14.616 13.643'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h14.616v13.643H0z' data-name='長方形 348'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='グループ 1909'%3E%3Cpath fill='%23bfa789' d='M14.465 6.585.372.026A.26.26 0 0 0 .055.42L4.8 6.664a.26.26 0 0 1 0 .315L.055 13.223a.26.26 0 0 0 .317.394l14.093-6.56a.26.26 0 0 0 0-.472' data-name='パス 4911'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  margin-left: 0.416666667vw;/*8px*/
}
@media screen and (max-width: 1200px) {
  .EntryWorkInner .count{
    font-size: 4vw;/*15px*/
    margin-bottom: 2.133333333vw;/*8px*/
  }
  .EntryWorkInner .MoreBtn a{
    font-size: 4vw;/*15px*/
    display: block;
    width: fit-content;
    margin: auto;
    padding-top: 2.4vw;/*9px*/
    border-top: 0.266666667vw solid #BFA789;/*1px*/
  }
  .EntryWorkInner .MoreBtn a:after{
    width: 2.933333333vw;/*11px*/
    height: 2.666666667vw;/*10px*/
  }
}
/*==============================================
応募フォーム
.oubo_form
=============================================*/

.oubo_form{
  padding: 30px 0 31px;
  background-color: #343434;
}
.oubo_form .title{
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 18px;
}
@media screen and (max-width: 1200px) {
  .ContentsMessage{
    height: 100%;
  }
  .oubo_form{
    height: 100%;
    padding-top: 32px;
  }
  .oubo_form .title{
    font-size: 16px;
    margin-bottom: 28px;
  }
}
.oubo_form .radio_box{
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
  gap: 18px;
}
.oubo_form .radio_box input{
  display: none;
}
.oubo_form .radio_box label{
  display: inline-block;
  color: #BFA789;
  width: 160px;
  height: 29px;
  line-height: 27px;
  font-size: 15px;
  border-radius: 29px;
  border: 1px solid #BFA789;
}
.oubo_form .radio_box label span{
  font-size: 12px;
  display: inline-block;
  margin-left: 4px;
}
.oubo_form .radio_box input:checked + label{
  background-color: #690608;
}
@media screen and (max-width: 1200px) {
  .oubo_form .radio_box{
    margin-bottom: 17px;
    gap: 18px;
  }
  .oubo_form .radio_box label{
    width: 142px;
    height: 29px;
    line-height: 27px;
    font-size: 15px;
    border-radius: 29px;
    border: 1px solid #BFA789;
    text-align: center;
  }
  .oubo_form .radio_box label span{
    font-size: 12px;
    margin-left: 4px;
  }
}
.oubo_form .message_box{
  position: relative;
  width: 533px;
  min-height: 240px;
  margin:0 auto 20px;
}
.oubo_form .message_box textarea{
  width: 100%;
  min-height: 240px;
  color: #fff;
  line-height: 1.5;
  border: 1px solid #BFA789;
  background-color: #343434;
  border-radius: 6px;
  padding: 12px 14px;
  margin-bottom: 10px;
}
.oubo_form .message_box textarea::placeholder{
  color: #919191;
}
.oubo_form .message_box textarea::-webkit-input-placeholder{
  color: #919191;
}
.oubo_form .message_box textarea::-moz-placeholder{
  color: #919191;
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .oubo_form .message_box{
    width: 100%;
    min-height: 240px;
    padding: 0 18px;
  }
  .oubo_form .message_box textarea{
    width: 100%;
    font-size: 16px;
    min-height: 240px;
    padding: 12px 14px;
    border-radius: 6px;
    border: 1px solid #BFA789;
  }
}
.count_up{
  position: absolute;
  bottom: 20px;
  right: 10px;
  color: #BFA789;
  text-align: center;
}
.count_up span{
  color: #BFA789;
}
.attention{
  color:#ED2C2F;
  margin-bottom: 18px;
}
.oubo_form button{
  display: block;
  width: 352px;
  height: 47px;
  margin: auto;
  color: #BFA789;
  border: 1px solid #BFA789;
  border-radius: 4px;
  background-color: transparent;
}
.oubo_form button.active{
  background-color: #690608;
}
@media screen and (max-width: 1200px) {
  .count_up{
    font-size: 14px;
    right: 26px;
    bottom: 20px;
  }
  .oubo_form button{
    width: 287px;
    height: 38px;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #BFA789;
    margin: auto auto 0;
    font-size: 16px;
  }
}
/*==============================================
モーダル（iframe用）
=============================================*/
.ModalOverlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ModalOverlay.ModalOverlayFadeIn{
  opacity: 1;
}
.ModalOverlay.ModalOverlayFadeOut{
  opacity: 0;
}
.ModalIframeContainer{
  position: relative;
  width: 716px;
  min-width: 716px;
  height: 483px;
  min-height: 483px;
  max-width: 90%;
  max-height: 90%;
  background-color: #fff;
  z-index: 9999;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.3s ease, transform 0.3s ease;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ModalOverlay.ModalOverlayFadeIn .ModalIframeContainer{
  opacity: 1;
  transform: scale(1);
}
.ModalOverlay.ModalOverlayFadeOut .ModalIframeContainer{
  opacity: 0;
  transform: scale(0.9);
}
@media screen and (max-width: 1200px) {
  .ModalIframeContainer{
    width: 375px;/*375px*/
    height: 500px;/*500px*/
    min-width: 300px;/*300px*/
    min-height: 500px;/*500px*/
  }
}
.ModalIframe{
  width: 100%;
  height: 100%;
  border: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ModalIframeContainer::-webkit-scrollbar,
.ModalIframe::-webkit-scrollbar{
  display: none;
}
.ModalCloseBtn{
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  background-color: #343434;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #BFA789;
  border: 1px solid #BFA789;
}
@media screen and (max-width: 1200px) {
  .ModalCloseBtn{
    top: -9px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 18px;
  }
}