@charset "UTF-8";

/**************************************************************

boat-blaze
PC css

共通　固定背景 
共通　タイトル

***************************************************************/
/*TOP下　TeL*/
.bb-telsp{
  display: none;
  width:0;
  height:0;
}

/*背景固定*/
.bb-bg{
  padding:144px 0 60px 0;/*100px+26px + 48px*/

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bb-bg_top{
 padding:164px 0 60px 0;/*100px+26px + 48px*/

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bb-bg::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;

  background-repeat:no-repeat;
  background-position:50% 100%;
  background-image:url('../image/bb-bg1.webp');
  background-size:cover;
}

/*背景固定*/
.bb-bg2{
  width: 100%;
  height: auto;

  margin: 0;
  padding: 0 0 46px 0;

  background-repeat:no-repeat;
  background-position:50% 100%;
  background-image:url('../image/bb-bg2.webp');
  background-size:cover;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bb-ttlbg{
  margin: 20px 0;
  width: 100%;
  height: 146px;
  background-color: #ff0000;
  clip-path: polygon(0 45%, 100% 0%, 100% 55%, 0% 100%);


  display: flex;
  justify-content: center;
  align-items: center;
}

.bv-ttlbg_n{
  background-color: #232eeb;
}

.bv-ttlbox{
  text-align: center;

  color: #fff;
  /*font-style: italic;*/

  transform: skew(-20deg, -3deg); /* 全方向に20度傾斜 */

  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
}

@media(max-width:1600px){
  .bv-ttlbox{
    transform: skew(-20deg, -3.3deg); /* 全方向に20度傾斜 */
  }
}

.bv-topimg{
  width: calc(1000vw / 12);
  height: auto;
  max-width: 1000px;
}

.bv-mainbtn{
  margin: 42px auto 0 auto;
  width: 200px;
  height: 45px;

  display: flex;
  justify-content: center;
  align-items: center;

  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 2px;

  background-color: #f0960f;
  border-radius: 4px;
}

.bv-mainbtn_bottom{
  margin: 42px auto 0 auto;
  width: 200px;
  height: 45px;

  display: flex;
  justify-content: center;
  align-items: center;

  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 2px;

  background-color: #f0960f;
  border-radius: 4px;
}

.pageingflm{
  margin: 46px 0 0 0;
  width: 100%;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;
}

.pageingitem{
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1.2rem;
  font-weight: 500;
  transform: scaleY(1.2);
}

.pageingitem_current{
  color: #ff0000;
  font-size: 1.4rem;
  text-decoration: underline;
  text-underline-offset: 8px;
  font-weight: 700;
}

/**************************************************************

boat-blaze
SP css

共通　固定背景 
共通　タイトル

***************************************************************/

@media(max-width:550px){
  /*TOP下　TeL*/
.bb-telsp{
  display:flex;
  justify-content: center;
  align-items: center;

  width: 100vw;
  height:calc(40vw / 5);
  /*background-color: rgba(0,0,0,0.6);*/
}

.head_telflmsp{
  width: 100%;
  margin: 0;
  padding: 0 5%;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .bb-bg{
    padding:calc(134vw / 5) 0 calc(60vw / 5) 0;/*100px+26px + 48px*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bb-bg::before {
  background-position:left center;
  background-image:url('../image/bb-bg1_sp.webp');
  background-size:cover;
}
  
  .bb-bg_top{
   padding:calc(140vw / 5) 0 calc(60vw / 5) 0;/*100px+26px*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }

  .bv-ttlbg{
    margin:calc(20vw / 5) 0;
    width: 100vw;
    height: calc(102vw / 5);
    clip-path: polygon(0 35%, 100% 0%, 100% 65%, 0% 100%);
  }
  
  .bv-ttlbox{
    text-align: center;
  
    color: #fff;
    /*font-style: italic;*/
  
    transform: skew(-20deg, -4deg); /* 全方向に20度傾斜 */
  
    font-size: 2.8rem;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1;
  }

  .bv-ttlbox_privacy{
    font-size: 2.3rem;
  }

  .bv-topimg{
    width: 100vw;
    height: calc(470vw / 5);
    max-width: initial;
  }

  .bv-mainbtn{
    margin:calc(60vw / 5) auto 0 auto;
    width:calc(320vw / 5);
    height:calc(72vw / 5);

    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 2px;

    border-radius: 4px;
  }

  .bv-mainbtn_bottom{
    margin:calc(60vw / 5) auto calc(60vw / 5) auto;

    width:calc(320vw / 5);
    height:calc(72vw / 5);

    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 2px;

    border-radius: 4px;
  }

  .pageingflm{
    margin: calc(46vw / 5) 0 0 0;
  }

  .pageingitem{
    width: calc(68vw / 5);
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 1.6rem;
  }
  
  .pageingitem_current{

  }

}

/**************************************************************

boat-blaze
PC css
mainimg

***************************************************************/
.bb-maintop{
  margin: 0;
  width: 100%;
  max-width: 1060px;
  height: auto;

  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
}

.bb-mainimg{
  margin: 0;
  padding:0;
  width: 602px;
  height:352px;
}

.bb-subflm{
  margin:0 -28px 0 0;/*208 416*/
  width: 480px;
  height: 384px;/*352+32*/

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.bb-subimg{
  margin: -8px 0;
  width: 480px;
  height: 208px;
}




/**************************************************************

boat-blaze
SP css
mainimg

***************************************************************/
@media(max-width:550px){
.bb-maintop{
  margin: 0;
  width: 100vw;
  max-width:initial;
  height: auto;

  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
}

.bb-mainimg{
  margin: 0;
  padding:0;
  width:calc(500vw / 5);
  height:calc(416vw / 5);
}

.bb-subflm{
  margin:1vw 0 0 0;
  width: calc(500vw / 5);
  height: auto;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bb-subimg{
  margin:0;
  width: calc(250vw / 5);
  height: calc(54vw / 5);
}

}


/**************************************************************

boat-blaze
PC css
本日のレース

***************************************************************/

.bb-todayracettl{
  margin: 0;
  width:564px;
  height:158px;
}

.bb-todayrace{
  margin: 0;
  padding: 8px 5px;
  max-width: 1060px;
  width: calc(1060vw / 12);
  border: 1px #fff solid;
  border-radius: 12px;
  background-color: #15171F;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-todayitem{
  margin: 5px 5px;
  width: 120px;
  height: 73.3px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.bb-todayitem0{
  margin: 5px 5px;
  width: 120px;
  height: 73.3px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.bb-todayitem_h{
  width: 100%;
  height:24px;

  padding:2px 4px;
  border-radius: 6px 6px 0 0;
  background-color: #2F374C;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bb-todayitem0 .bb-todayitem_h{
  width: 100%;
  height:24px;

  padding:2px 4px;
  border-radius: 6px 6px 0 0;
  background-color: #323232;
}

.bb-todayitem_hippan{
  width: 25%;
  height: 100%;

  border: 1px #ccc solid;
  color:#ccc;
  font-size: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-todayitem0 .bb-todayitem_hippan{
  width: 25%;
  height: 100%;

  color:#ccc;
  font-size: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-todayitem_hg1{
  width: 25%;
  height: 100%;

  background-color: #CCAF4A;
  color:#000;
  font-size: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-todayitem_hg2{
  width: 25%;
  height: 100%;

  background-color: #CCAF4A;
  color:#000;
  font-size: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-todayitem_hg3{
  width: 25%;
  height: 100%;

  background-color: #CCAF4A;
  color:#000;
  font-size: 0.6rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-todayitem_htxt{
  width: 50%;
  height: 100%;

  font-size: 0.9rem;
  color: #fff;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-todayitem_harr{
  width: 25%;
  height: 100%;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  color:#ccc;
  font-size: 0.8rem;
}

.bb-todayitem_b{
  width: 100%;
  height:49.3px;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

border-radius:0 0 6px 6px;
background-color: #202433;
}

.bb-todayitem0 .bb-todayitem_b{
  width: 100%;
  height:49.3px;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

border-radius:0 0 6px 6px;
background-color: #404040;
}

.bb-todayitem_btxt1{
display: flex;
justify-content: center;
align-items: center;

color: #fff;
font-size: 0.9rem;
line-height: 1.4;
}

.bb-todayitem_btxt2{
display: flex;
justify-content: center;
align-items: center;

color: #fff;
font-size: 0.9rem;
line-height: 1.3;
}

/**************************************************************

boat-blaze
SP css
本日のレース

***************************************************************/
@media(max-width:550px){
.bb-todayracettl{
  margin: 0;
  width:calc(444vw / 5);
  height:calc(100vw / 5);
}

.bb-todayrace{
  margin:6vw 0 0 0;
  padding: 8px 5px;
  max-width: initial;
  width: calc(450vw / 5);
  border: 1px #fff solid;
  border-radius: 8px;
  background-color: #15171F;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-todayitem{
  margin: 1.5vw 1.5vw;
  width:calc(120vw / 5);
  height:calc(82vw / 5);
}

.bb-todayitem0{
  margin: 1.5vw 1.5vw;
  width:calc(120vw / 5);
  height:calc(82vw / 5);
}
}

/**************************************************************

boat-blaze
PC css
Mailbox

***************************************************************/
.bb-mailflm{
  margin: 84px 0 64px 0;
  position: relative;
  width: calc(1060vw / 12);
  max-width: 1060px;
  height: 480px;/*auto*/

  display: flex;
  justify-content: center;
  align-items: center;

  border-left: 4px solid;
  border-right: 4px solid;
  border-bottom: 4px solid;
  border-image: linear-gradient(to bottom, #C39C3F,#E0B84B,#fff,#E0B84B, #F7EC5E) 1;
}

.bb-mailflm::before{
  position: absolute;
  content:"";
  width: 100%;
  height: 100%;

  border-top:4px solid;
  border-image: linear-gradient(to right, #C39C3F 0%,#C39C3F 20%,transparent 20%,transparent 80%,#C39C3F 80%,#C39C3F 100%) 1;
}

.bb-mailflmttl{
  position: absolute;
  top:-98px;/*-84px -64px*/
  left: 0;
  right: 0;
  margin: 0 auto;
  width:635px;
  height:158px;
}

.bb-mailboxttl{
  margin: 0;
  width:487px;
  height:158px;
}

/*************************************
boat-blaze CSS
PC
mail
/**********************************/
.bb-mailttl{
  margin: 0;
  width:487px;
  height:158px;
}

.bb-mail{
  margin: 20px 0 0 0;
  width: calc(784vw / 12);
  max-width: 784px;
  height: auto;
}

.bb-mail_rowth{
  margin: 0;
  padding:0 32px;
  width: 100%;
  height: 46px;/*46px*/
  background-color: #23257F;
  color:#fff;
  font-size: 0.95rem;
  letter-spacing: 1px;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bb-mail_rowthtxt1{
  font-weight: 600;
  margin: 0 0 0 24px;
}

.bb-mail_rowthtxt2{
  margin: 0 0 0 60px;
}

.bb-mail_rowthh{
  margin: 0;
  padding:16px 32px;
  width: 100%;
  height: auto;/**/
  background-color: #D4E6F3;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bb-mail_rowtd{
  margin: 0;
  padding: 24px 32px;
  width: 100%;
  height: auto;
  background-color: #fff;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 1px;
}

.bb-mail_rowtd a{
  overflow-wrap:break-word;
}


.bb-contactform{
  width: auto;
  height: auto;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.bb-contactttl{
  margin: 0;
  width:424px;
  height:158px;
}

.bb-contact{
  padding:0 12px 36px 12px;
  width: calc(1000vw / 12);
  max-width: 1000px;
  height: 464px;

  border-radius: 24px;
  background-color: #fff;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
}

.bb-contacttxt{
  margin:12px 0 36px 0;
  font-size: 1rem;
  text-align: center;
}

.bb-inputemail{
  margin: 0 0 12px 0;
  padding: 8px 24px;
  width: calc(800vw / 12);
  max-width: 800px;
  height: 32px;

  border: 1px solid #cdcdcd;
  border-radius: 4px;

  font-size: 1.1rem;
}

.bb-contacttextarea{
  padding:24px 24px;
  width: calc(800vw / 12);
  max-width: 800px;
  height: 300px;
  border: 1px solid #cdcdcd;
  border-radius: 10px;

  font-size: 1.1rem;
  line-height: 1.6;
}

.bb-mailcontact{
  margin: 36px 0 0 0;
  width: calc(784vw / 12);
  max-width: 784px;
  height: auto;
}

.bb-mailcontact_th{
  margin: 0;
  padding:0 32px;
  width: 100%;
  height: 60px;
  background-color: #fff000;
  color:#23257F;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 18px 18px 0 0;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-mailcontact_td{
  margin: 0;
  padding: 36px 32px;
  width: 100%;
  height: 384px;
  border-radius:0 0 18px 18px;
  background-color: #fff;
  font-size: 1.1rem;
  line-height: 1.6;
  letter-spacing: 1px;
}



/***************************************/
.fv-mailbox {
  margin: 20px auto;
  width: calc(985vw / 12);
  max-width: 985px;
  height: auto;
}

.fv-mailbox_rowth{
  width: 100%;
  height: 46px;
  background-color: #23257F;
  color:#fff;
  font-size: 0.9rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fv-mailbox_rowth1{
  width: 8%;
  height: 100%;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.fv-mailbox_rowth2{
  width: 13%;
  height: 100%;
  
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.fv-mailbox_rowth3{
  width: 19%;
  height: 100%;
  margin: 0;

  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.fv-mailbox_rowth4{
  width: 41%;
  height: 100%;
  
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.fv-mailbox_rowth5{
  width: 19%;
  height: 100%;
  
  display: flex;
  justify-content: center;
  align-items: center;
}


.fv-mailrow{
  width: 100%;
  height: 60px;
  background-color: #fff;
  font-size: 0.9rem;
  letter-spacing: 1px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fv-mailrow:nth-child(2n) {
  background-color: #cfe7f4;
}

.fv-mailbox_rowtd1{
  width: 8%;
  height: 100%;

  display: flex;
  justify-content:center;
  align-items: center;
}

.fv-mailbox_rowtd1in1{
  position: relative;
  width: 28px;
  height: 28px;
  background-color: #9e9e9f;
  border: 1px #000 solid;
  border-radius: 50%;
}

.fv-mailbox_rowtd1in1::before{
  position: absolute;
  content: "";

  width: 65%;
  height: 40%;

  bottom:10px;
  right: 0;
  left: 0;
  margin:0 auto;
  border:#fff solid;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
}

.fv-mailbox_rowtd1in0{
  position: relative;
  width: 28px;
  height: 28px;
  padding:4px 5px;
  background-color: #fff;
  border: 1px #000 solid;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fv-mailbox_rowtd1in0::before{
  position: absolute;
  content: "";

  width: 60%;
  height: 60%;

  top:0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #232584;
}

.fv-mailbox_rowtd2{
  width: 13%;
  height: 100%;

  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.fv-mailbox_rowtd2 p{
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fv-mailbox_rowtd3{
  width: 19%;
  height: 100%;

  display: flex;
  justify-content:center;
  align-items: center;
}

.fv-mailbox_rowtd3 p{
  font-size: 0.9rem;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fv-mailbox_rowtd4{
  width: 41%;
  height: 100%;

  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.fv-mailbox_rowtd4 p{
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fv-mailbox_rowtd5{
  width: 19%;
  height: 100%;

  display: flex;
  justify-content:center;
  align-items: center;
}

.fv-mailbox_rowtd5in{
  width: 137px;
  height: 30px;

  color:#fff;
  background-color: #1d2087;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 16px;
  border: 1px solid #fff000;

  display: flex;
  justify-content: center;
  align-items: center;
}



.tezxt{
  width: 300px; /* 横幅指定は親要素でも可 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*****************************************************************

Boat Blaze
Member mailbox
SP

******************************************************************/
@media(max-width:550px){

.bb-mailflm{
  margin: calc(96vw / 5) 0 calc(46vw / 5) 0;
  width: calc(450vw / 5);
  max-width: initial;
  height: calc(477vw / 5);

  border-left: 3px solid;
  border-right: 3px solid;
  border-bottom: 3px solid;
}

.bb-mailflm::before{
  border-top:3px solid;
  border-image: linear-gradient(to right, #C39C3F 0%,#C39C3F 7%,transparent 7%,transparent 93%,#C39C3F 93%,#C39C3F 100%) 1;
}

.bb-mailflmttl{
  position: absolute;
  top:calc(-46vw / 5);
  left: 0;
  right: 0;
  margin: 0 auto;
  width:calc(401vw / 5);
  height:calc(100vw / 5);
}

.bb-mailboxttl{
  margin: 0;
  width:calc(320vw / 5);
  height:calc(100vw / 5);
}

.fv-mailbox {
  margin: 4vw 0 0 0;
  width: calc(400vw / 5);
  max-width: initial;
  height: auto;
}

  .fv-mailbox_rowth{
    width: 100%;
    height:calc(22vw / 5);
    font-size: 0.7rem;
  }
  
.fv-mailbox_rowth1{
  width: 10%;
  height: 100%;
}

.fv-mailbox_rowth2{
  width: 13%;
  height: 100%;
}

.fv-mailbox_rowth3{
  width: 23%;
  height: 100%;
  margin: 0;

  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.fv-mailbox_rowth4{
  width: 40%;
  height: 100%;
  
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.fv-mailbox_rowth5{
  width: 14%;
  height: 100%;
  
  display: flex;
  justify-content: center;
  align-items: center;
}
  
  .fv-mailrow{
    width: 100%;
    height:calc(60vw / 5);
    font-size: 0.8rem;
    letter-spacing: 0;

    line-height: 1.25;
  }


.fv-mailbox_rowtd1{
  width: 10%;
  height: 100%;
}

.fv-mailbox_rowtd1in1{
  width: calc(22vw / 5);
  height:calc(22vw / 5);
}

.fv-mailbox_rowtd1in1::before{
  position: absolute;
  content: "";

  width: 65%;
  height: 40%;

  bottom:calc(7vw / 5);
  border-width: 0 0 2px 2px;
}

.fv-mailbox_rowtd1in0{
  width: calc(22vw / 5);
  height: calc(22vw / 5);
  padding:4px 5px;
}

.fv-mailbox_rowtd1in0::before{
  width: 60%;
  height: 60%;
}

.fv-mailbox_rowtd2{
  width: 13%;
  height: 100%;

  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.fv-mailbox_rowtd2 p{
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0;
  white-space: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数を指定 */
}

.fv-mailbox_rowtd3{
  width: 23%;
  height: 100%;

  display: flex;
  justify-content:center;
  align-items: center;
}

.fv-mailbox_rowtd3 p{
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0;
  white-space: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数を指定 */
}

.fv-mailbox_rowtd4{
  width: 40%;
  height: 100%;

  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.fv-mailbox_rowtd4 p{
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0;
  white-space: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数を指定 */
}

.fv-mailbox_rowtd5{
  width: 14%;
  height: 100%;

  display: flex;
  justify-content:center;
  align-items: center;
}

.fv-mailbox_rowtd5in{
  width: calc(46vw / 5);
  height: calc(46vw /5);

  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 4px;
  border: 1px solid #fff000;

  text-align: center;
}


/*************************
boat-blaze CSS
SP
mail
/*************************/
.bb-mailttl{
  margin: 0;
  width:calc(321vw / 5);
  height:calc(100vw / 5);
}

.bb-mail{
  margin:calc(20vw / 5) 0 0 0;
  width: calc(440vw / 5);
  max-width: initial;
  height: auto;
}

.bb-mail_rowth{
  margin: 0;
  padding:0 calc(10vw / 5);
  width: 100%;
  height: calc(22vw / 5);
  background-color: #23257F;
  color:#fff;
  font-size: 0.8rem;
  letter-spacing: 1px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bb-mail_rowthtxt1{
  font-weight: 600;
  margin: 0 0 0 calc(15vw / 5);
}

.bb-mail_rowthtxt2{
  margin: 0 0 0 0;
}

.bb-mail_rowthh{
  margin: 0;
  padding:calc(16vw / 5) calc(20vw / 5);
  width: 100%;
  height: auto;

  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.bb-mail_rowtd{
  margin: 0;
  padding:calc(20vw / 5) calc(20vw / 5);
  width: 100%;
  height: auto;
  font-size: 0.9rem;
  line-height: 1.6;
  letter-spacing: 1px;
}


.bb-contactttl{
  margin: 0;
  width:calc(281vw / 5);
  height:calc(100vw / 5);
}

.bb-contact{
  padding:12px 3vw 28px 3vw;
  width: calc(450vw / 5);
  max-width: initial;
  height: calc(444vw / 5);

  border-radius: 24px;
}

.bb-contacttxt{
  margin:4px 0 12px 0;
  font-size: 0.9rem;
  text-align: center;
}

.bb-inputemail{
  margin: 0 0 calc(12vw / 5) 0;
  padding:calc(8vw / 5) calc(8vw / 5);
  width: calc(400vw / 5);
  max-width: initial;
  height: calc(32vw / 5);

  border-radius: 4px;
  font-size: 0.9rem;
}

.bb-contacttextarea{
  padding:calc(12vw / 5) calc(8vw / 5);
  width: calc(400vw / 5);
  max-width: initial;
  height: calc(300vw / 5);
  border-radius: 10px;

  font-size: 0.9rem;
  line-height: 1.6;
}



.bb-mailcontact{
  margin: calc(24vw / 5) 0 0 0;
  width: calc(440vw / 5);
  max-width: initial;
  height: auto;
}

.bb-mailcontact_th{
  margin: 0;
  padding:0 calc(20vw / 5);
  width: 100%;
  height: calc(60vw / 5);
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 18px 18px 0 0;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-mailcontact_td{
  margin: 0;
   padding:calc(20vw / 5) calc(20vw / 5);
  width: 100%;
  height: calc(364vw / 5);
  border-radius:0 0 18px 18px;

  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 1px;
}









}





/*******************************************************

boat-active
mail
css
PC

********************************************************/

.gk-mailflm{
  margin:min(calc(40vw / 12),40px) auto 0 auto;
  width:calc(1000vw / 12) ;
  max-width: 1000px;
  height:auto;
  padding: min(calc(58vw / 12),58px) min(calc(86vw / 12),86px);

  background-color: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.gk-mailheader{

  width: 100%;
  height: auto;
  margin: 6px 0 0 0;
  padding: 8px 0 3px 0;

  border: #000 solid;
  border-width: 1px 0 1px 0;
}

.gk-mailheadtxt1{
  padding: 0 0 0 14px;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.6;
  text-align: left;

  background-image: url("../image/bv-mailclock.svg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 11.5px 11.5px;
}

.gk-mailheadtxt2{
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.5;
}

.gk-mailheadtxt3{
  margin:0 0 10px 0;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.6;
}


.gk-mailbody{

  width: 100%;
  padding: min(calc(28vw / 12),28px) 0 0 0;
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.7;
}

.gk-mailbody a{
  color:#002884;
  overflow-wrap:break-word;
  text-decoration: underline;
} 

/*******************************************************

boat-active
mail
css
SP

********************************************************/
@media(max-width:550px){

  .gk-mailflm{
    margin:calc(24vw / 5) auto 0 auto;
    width:calc(450vw / 5) ;
    max-width: initial;
    height:auto;
    padding: calc(24vw / 5) calc(24vw / 5);
  }



}

/*******************************************************

boat-active
contact
css
PC

********************************************************/
.gk-contactflx{
  margin:min(calc(36vw / 12),36px) auto 0 auto;
  width:calc(1000vw / 12) ;
  max-width: 1000px;
  height: auto;
  
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gk-contacthead{
  width: 100%;
  height: 60px;

  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #232eeb;

  color: #ffff00;
  font-size: 1.6rem;
  font-weight: 700;
}

.gk-sendhere{
  width: 350px;
  height: 32px;
}

.gk-contactbox{
  margin: 12px 0 0 0;
  width: 100%;
  height: auto;
  padding: min(calc(48vw / 12),48px) min(calc(86vw / 12),86px);

  display: flex;
  flex-direction: column;
  align-items: center;

  background-color: #fff;
}

.gk-contacttextarea{
  margin:min(calc(36vw / 12),36px) 0 0 0;
  padding: min(calc(24vw / 12),24px) min(calc(24vw / 12),24px);
  width: calc(800vw / 12);
  max-width: 800px;
  height:300px;
  border-radius: 8px;
}

.gk-contactatxt{
  margin:0;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

.gk-contacttop0{
  margin:min(calc(40vw / 12),40px) 0 0 0;
}


/*******************************************************

boat-active
contact
css
SP

********************************************************/
@media(max-width:550px){

  .gk-contactflx{
    margin:calc(36vw / 5) auto 0 auto;
    width:calc(450vw / 5) ;
    max-width: initial;
    height: auto;
  }
  
  .gk-contacthead{
    width: 100%;
    height: calc(60vw / 5);
  }
  
  .gk-sendhere{
    width:calc(350vw / 5);
    height:calc(32vw / 5);
  }
  
  .gk-contactbox{
    margin:calc(12vw / 5) 0 0 0;
    width: 100%;
    height: auto;
    padding: calc(24vw / 5) calc(24vw / 5);
  }
  
  .gk-contacttextarea{
    margin:calc(24vw / 5) 0 0 0;
    padding:calc(24vw / 5) calc(24vw / 5);
    width: calc(400vw / 5);
    max-width:initial;
    height:calc(300vw / 5);
    border-radius: 8px;
  }
  
  .gk-contactatxt{
    margin:0;
    font-size: 0.9rem;
    letter-spacing: 1px;
  }

  .gk-contacttop0{
    margin:calc(24vw / 5) 0 0 0;
  }


}


/**************************************************************

boat-actives
PC css
plan

***************************************************************/
.bv-planflx{
  margin: 0 auto;
  width: calc(1035vw / 12);
  max-width: 1035px;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bv-planitem_no{
  width: 325px;
  height: 166px;

  margin: 10px 8px;
  padding:10px 10px 10px 10px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #fff;
}

.bv-planitem_notxtbox{
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
  background-color: #fff;
}

.bv-planitem{
  width: 325px;
  height: 310px;

  margin: 10px 8px;
  padding:4px 10px 10px 10px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  background-position: center;
  background-repeat:no-repeat;
  background-position:cover;
}

.bv-planbg1{
  background-image: url("../image/bv-plan1bg.svg");
}

.bv-planbg2{
  background-image: url("../image/bv-plan2bg.svg");
}

.bv-planbg3{
  background-image: url("../image/bv-plan3bg.svg");
}

.bv-planbg4{
  background-image: url("../image/bv-plan4bg.svg");
}

.bv-planbg5{
  background-image: url("../image/bv-plan5bg.svg");
}

.bv-planbg6{
  background-image: url("../image/bv-plan6bg.svg");
}

.bv-planhead{
  width: 100%;
  height: 18px;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  color: #fff;
}

.bv-planhead_n{
  display: flex;
  align-items: center;

  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.bv-planhead_icon1{
  width: 17px;
  height: 18px;

  background-image: url("../image/bv-sun.webp");
  background-position: center;
  background-repeat:no-repeat;
  background-position:cover;
}

.bv-planhead_icon2{
  width: 17px;
  height: 18px;

  background-image: url("../image/moon.webp");
  background-position: center;
  background-repeat:no-repeat;
  background-position:cover;
}

.bv-planhead_n p{
  margin: 0 0 0 6px;
}

.bv-planhead_time{
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.bv-planimg{
  margin: 10px 0 0 0;
  width: 305px;
  height: 125px;

  background-position: center;
  background-repeat:no-repeat;
  background-size:cover;
}

.bv-plan1{
  background-image: url("../image/bv-plan1.webp");
}

.bv-plan2{
  background-image: url("../image/bv-plan2.webp");
}

.bv-plan3{
  background-image: url("../image/bv-plan3.webp");
}

.bv-plan4{
  background-image: url("../image/bv-plan4.webp");
}

.bv-plan5{
  background-image: url("../image/bv-plan5.webp");
}

.bv-plan6{
  background-image: url("../image/bv-plan6.webp");
}

.bv-plan11{
  background-image: url("../image/bv-plan11.webp");
}

.bv-plan12{
  background-image: url("../image/bv-plan12.webp");
}

.bv-plan13{
  background-image: url("../image/bv-plan13.webp");
}

.bv-plan14{
  background-image: url("../image/bv-plan14.webp");
}

.bv-plan15{
  background-image: url("../image/bv-plan15.webp");
}

.bv-plan16{
  background-image: url("../image/bv-plan16.webp");
}

.bv-plandetail{
  width: 305px;
  height: 130px;
  margin: 0;
  padding: 5px 8px 10px 8px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  background-color: #fff;
}

.bv-plandtail_row{
  width: 100%;
  height: 26px;
  border: #cdcdcd solid;
  border-width: 0 0 1px 0;

  display: flex;
  align-items: center;
}

.bv-plandtail_th{
  width: 115px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.bv-plandtail_td{
  width: 180px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.bv-plandtail_tds{
  font-size: 0.7rem;
}

.bv-planbtn{
  width: 285px;
  height: 35px;

  display: flex;
  justify-content: center;
  align-items: center;

  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-radius: 15px;
  background-color: #f0960f;
}

/**************************************************************

boat-actives
SP css
plan

***************************************************************/

@media(max-width:550px){

  .bv-planflx{
    margin: 0 auto;
    width: 100vw;
    max-width: initial;
    height: auto;
  }
  
  .bv-planitem{
    width:calc(400vw / 5);
    height:calc(382vw / 5);
  
    margin:calc(10vw / 5) 0;
    padding:calc(6vw / 5) calc(10vw / 5) calc(10vw / 5)  calc(10vw / 5);
  }
  
  .bv-planitem_no{
    width:calc(400vw / 5);
    height:calc(206vw / 5);
  
    margin:calc(10vw / 5) 0;
    padding:calc(10vw / 5) calc(10vw / 5) calc(10vw / 5)  calc(10vw / 5);
  }


  .bv-planitem_notxtbox{
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 1px;
  }
  

  .bv-planbg1{
    background-image: url("../image/bv-plan1bg.svg");
  }
  
  .bv-planbg2{
    background-image: url("../image/bv-plan2bg.svg");
  }
  
  .bv-planbg3{
    background-image: url("../image/bv-plan3bg.svg");
  }
  
  .bv-planbg4{
    background-image: url("../image/bv-plan4bg.svg");
  }
  
  .bv-planbg5{
    background-image: url("../image/bv-plan5bg.svg");
  }
  
  .bv-planbg6{
    background-image: url("../image/bv-plan6bg.svg");
  }
  
  .bv-planhead{
    width: 100%;
    height:calc(22vw / 5);
  }
  
  .bv-planhead_n{
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  .bv-planhead_icon1{
    width:calc(21vw / 5);
    height:calc(22vw / 5);
  }

  .bv-planhead_icon2{
    width:calc(21vw / 5);
    height:calc(22vw / 5);
  }
  
  .bv-planhead_n p{
    margin: 0 0 0 calc(6vw / 5);
  }
  
  .bv-planhead_time{
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  .bv-planimg{
    margin:calc(10vw / 5) 0 0 0;
    width:calc(376vw / 5);
    height:calc(154vw / 5);
  }
  
  .bv-plan1{
    background-image: url("../image/bv-plan1.webp");
  }
  
  .bv-plan2{
    background-image: url("../image/bv-plan2.webp");
  }
  
  .bv-plan3{
    background-image: url("../image/bv-plan3.webp");
  }
  
  .bv-plan4{
    background-image: url("../image/bv-plan4.webp");
  }
  
  .bv-plan5{
    background-image: url("../image/bv-plan5.webp");
  }
  
  .bv-plan6{
    background-image: url("../image/bv-plan6.webp");
  }

  .bv-plan11{
    background-image: url("../image/bv-plan11.webp");
  }
  
  .bv-plan12{
    background-image: url("../image/bv-plan12.webp");
  }
  
  .bv-plan13{
    background-image: url("../image/bv-plan13.webp");
  }
  
  .bv-plan14{
    background-image: url("../image/bv-plan14.webp");
  }
  
  .bv-plan15{
    background-image: url("../image/bv-plan15.webp");
  }
  
  .bv-plan16{
    background-image: url("../image/bv-plan16.webp");
  }
  
  .bv-plandetail{
    width:calc(376vw / 5);
    height:calc(160vw / 5);
    margin: 0;
    padding:calc(9vw / 5) calc(10vw / 5) calc(12vw / 5) calc(10vw / 5);
  }
  
  .bv-plandtail_row{
    width: 100%;
    height: calc(36vw / 5);
  }
  
  .bv-plandtail_th{
    width:calc(118vw / 5);
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  .bv-plandtail_td{
    width:calc(230vw / 5);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
  }
  
  .bv-plandtail_tds{
    font-size: 0.7rem;
  }
  
  .bv-planbtn{
    width:calc(351vw / 5);
    height:calc(43vw / 5);
  
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 15px;
    background-color: #ee0018;
  }


}


/**************************************************************

boat-blace
PC css
rule,privacy,outline

***************************************************************/
.bb-rulettl{
  margin:0;
  width:424px;
  height: 158px;
}

.bb-privacyttl{
  margin:0;
  width:742px;
  height: 158px;
}

.bb-outlinettl{
  margin:0;
  width:370px;
  height: 158px;
}

.bb-whiteflm{
 padding:46px 48px ;
 width: calc(1000vw / 12);
 max-width: 1000px;
 height: auto;

 background-color: #fff;
}

.bb-whiteflm p{
  line-height: 1.8;
}



/**************************************************************

boat-blace
SP css
rule,privacy,outline

***************************************************************/
@media(max-width:550px){

.bb-rulettl{
  margin:0;
  width:calc(281vw / 5);
  height:calc(100vw / 5);
}

.bb-privacyttl{
  margin:0;
  width:calc(482vw / 5);
  height:calc(100vw / 5);
}

.bb-outlinettl{
  margin:0;
  width:calc(242vw / 5);
  height:calc(100vw / 5);
}

.bb-whiteflm{
 padding:calc(24vw / 5) calc(18vw / 5);
 width: calc(440vw / 5);
 max-width: initial;
 height: auto;
}

}


/**************************************************************

boat-actives
PC css
plan detail

***************************************************************/

.bv-plandetail_head{
  margin: 0 auto;
  padding: 0;
  width: calc(850vw / 12);
  max-width: 850px;
  height: auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bv-plandetail_headitem{
  margin: 0;
  padding: 6px 10px;
  width:275px;
  height:35px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;

  background-color: #fff;
}

.bv-plandetail_headem{
  font-size: 1.3em;
}

.bv-plandetail_headitem:nth-child(2){
  display: flex;
}

.bv-plandetail_body{
  margin: 10px auto 0 auto;
  padding: 0;
  width: calc(850vw / 12);
  max-width: 850px;
  height: auto;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bv-plandetail_bodyitem_1{
  margin: 0;
  padding: 0;
  width: 423px;
  height: 173px;
}

.bv-plandetail_bodyitem_2{
  display: none;
}

.bv-plandetail_bodyitem_3{
  margin: 0;
  padding: 20px 20px;
  width: 415px;
  height: 173px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  background-color: #fff;
}

.bv-plandetail_bodyitem_row1{
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 8px 10px;
  background-color: #ee0018;

  display: flex;
  align-items: center;

  color: #ffff00;
}

.bv-plandetail_bodyitem_r1th{
  width: 125px;
  font-size:1rem;
  font-weight: 600;
}

.bv-plandetail_bodyitem_r1td{
  width: 260px;
  font-size:1.3em;
  font-weight: 700;
}

.bv-plandetail_bodyitem_row2{
  width: 100%;
  height: 30px;
  margin: 0;
  padding:0 10px;
 
  border: #000 solid;
  border-width: 0 0 1px 0;
  display: flex;
  align-items: center;
}

.bv-plandetail_bodyitem_row2:nth-child(4){
  border-width: 0 0 0 0;
}

.bv-plandtail_bodyitem_r2th{
  width: 125px;
  font-size:1rem;
  font-weight: 600;
}

.bv-plandtail_bodyitem_r2td{
  width: 260px;
  font-size:1rem;
  font-weight: 400;
}

/* plan schdule *********************************/

.bv-planschduleflx{
  margin: 40px auto 0 auto;
  width: calc(880vw / 12);
  max-width: 880px;/*850 + 20*/
  height: auto;

  display: flex;
  justify-content:center;
  align-items: center;
  flex-wrap: wrap;

}


.bv-planschdule{
  margin: 10px 10px;
  width: 200px;
  height: 120px;

  position: relative;
}

.bv-planschdule_hd{
  top:0;
  left: 0;

  width: 100%;
  height: 40px;
  padding:0 10px 0 0;
  clip-path: polygon(0 0, 100% 0%, 88% 100%, 0 100%);

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;

  background-color: #fff;
}

.bv-sch_red .bv-planschdule_hd{
  background-color: #ee0018;
}

.bv-sch_blue .bv-planschdule_hd{
  background-color: #232eeb;
}

.bv-sch_gray .bv-planschdule_hd{
  background-color: #717071;
}

.bv-planschdule_bdy{
position: absolute;
bottom: 0;
left: 5px;
width: 180px;
height: 100%;
padding:40px 0 0 0;
background-color: #fff;

display: flex;
justify-content: center;
align-items: center;
}

.bv-planschdule_btn{
width: 160px;
height: 35px;


display: flex;
justify-content: center;
align-items: center;

font-size: 1.1rem;
font-weight: 600;
letter-spacing: 1px;
color: #fff;

border-radius: 16px;

background-color: #fff;
}

.bv-sch_red .bv-planschdule_btn{
  background-color: #ee0018;
}

.bv-sch_blue .bv-planschdule_btn{
  background-color: #232eeb;
}

.bv-sch_gray .bv-planschdule_btn{
  background-color: #717071;
}




/**************************************************************

boat-actives
SP css
plan detail

***************************************************************/

@media(max-width:550px){

  .bv-plandetail_head{
    margin: 0 auto;
    padding: 0;
    width: calc(420vw / 5);
    max-width: initial;
    height: auto;
  
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .bv-plandetail_headitem{
    margin: 0;
    padding: calc(3vw / 5) calc(8vw / 5);
    width:calc(205vw / 5);
    height:calc(35vw / 5);
  
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: -1.5px;
  }
  
  .bv-plandetail_headem{
    font-size: 1.2em;
    letter-spacing: 1px;
  }
  
  .bv-plandetail_headitem:nth-child(3){
    display: none;
  }
  
  .bv-plandetail_body{
    margin: calc(10vw / 5) auto 0 auto;
    padding: 0;
    width: calc(420vw / 5);
    max-width: initial;
    height: auto;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .bv-plandetail_bodyitem_1{
    margin: 0;
    padding: 0;
    width: calc(420vw / 5);
    height: calc(172vw / 5);
  }
  
  .bv-plandetail_bodyitem_2{
    width: calc(420vw / 5);
    margin: calc(10vw / 5) 0 0 0;
    padding: calc(4vw / 5) calc(16vw / 5);
  
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;

    display: flex;
    justify-content: space-between;
    align-items: center;
  
    background-color: #fff;
  }
  
  .bv-plandetail_bodyitem_3{
    margin: calc(10vw / 5) 0 0 0;
    padding: calc(16vw / 5) calc(20vw / 5);
    width:calc(420vw / 5);
    height:calc(190vw / 5);
  
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  
    background-color: #fff;
  }
  
  .bv-plandetail_bodyitem_row1{
    width: 100%;
    height: calc(35vw / 5);
    margin: 0;
    padding:calc(8vw / 5) calc(10vw / 5);
  }
  
  .bv-plandetail_bodyitem_r1th{
    width:calc(120vw / 5);
    font-size:1rem;
    font-weight: 600;
  }
  
  .bv-plandetail_bodyitem_r1td{
    width:calc(250vw / 5);
    font-size:1.3em;
    font-weight: 700;
  }
  
  .bv-plandetail_bodyitem_row2{
    width: 100%;
    height: calc(30vw / 5);
    margin: 0;
    padding:0 calc(10vw / 5);
  }
  
  .bv-plandetail_bodyitem_row2:nth-child(4){
    border-width: 0 0 0 0;
  }
  
  .bv-plandtail_bodyitem_r2th{
    width:calc(120vw / 5);
    font-size:1rem;
    font-weight: 600;
  }
  
  .bv-plandtail_bodyitem_r2td{
    width:calc(250vw / 5);
    font-size:1rem;
    font-weight: 400;
  }
  
  /* plan schdule *********************************/
  
  .bv-planschduleflx{
    margin:calc(32vw / 5) auto 0 auto;
    width: calc(440vw / 5);
    max-width: initial;
    height: auto;
  
    display: flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
  
  }
  
  .bv-planschdule{
    margin:calc(10vw / 5) calc(10vw / 5);
    width:calc(200vw / 5);
    height: calc(170vw / 5);
  
    position: relative;
  }
  
  .bv-planschdule_hd{
    top:0;
    left: 0;
  
    width: 100%;
    height:calc(40vw / 5);
    padding:0 calc(10vw / 5) 0 0;
    clip-path: polygon(0 0, 100% 0%, 88% 100%, 0 100%);
  
    display: flex;
    justify-content: center;
    align-items: center;
  
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  
  .bv-planschdule_bdy{
  position: absolute;
  bottom: 0;
  left: 5px;
  width:calc(182vw / 5);
  height: 100%;
  padding:calc(40vw / 5) 0 0 0;
  }
  
  .bv-planschdule_btn{
  width:calc(100vw / 5);
  height:calc(100vw / 5);
  
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  
  border-radius: 50%;
  }


}

/**************************************************************

boat-actives
PC css
kaime

***************************************************************/

.gk-kaimebox{
  position: relative;
  margin: 10px auto 0 auto;
  width: calc(850vw / 12);
  max-width: 850px;
  height: 230px;
  padding:0 36px;

  font-size: 1rem;
  letter-spacing: 2px;

  display: flex;
  flex-direction: column;
}

.gk-kaimebox_head{
  position: absolute;
  width: 100%;
  height: 38px;

  top:0;
  left: 0;

  padding: 8px 36px 8px 24px;
  background-color: #ee0018;
  clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);

  color: #fff;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gk-khead_txt1{
  margin: 0;
  font-weight: 600;
  font-size: 1.4rem;
  font-style: italic;
  letter-spacing: 1px;
  color: #ffff00;
}

.gk-khead_txt2{
  margin: 0 0 0 15px;
}

.gk-kaimebox_body{
  position: absolute;
  top:0;
  left: 5px;

  width: 830px;
  height: 100%;

  padding: 54px 0 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: #fff;
}

.gk-kaimeflx{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.gk-kaime_attenflm{
  width: 100%;
  height: auto;
  padding:24px 0 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gk-kaime_attention1{
  width: 274px;
  height: 38px;
  margin: 24px 0 0 0;
  padding:0;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  font-size: 0.9rem;
  letter-spacing: 1px;
}

.gk-kaime_attention2{
  width: calc(600vw / 12);/*485vw*/
  max-width: 485px;
  height: 66px;
  margin: 24px 0 0 0;
  padding:0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;


  font-size: 0.9rem;
  letter-spacing: 1px;
}

.gk-kaime_at_txt1{
  margin: 4px 0 0 0;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

.gk-kaime_item{
  margin: 10px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gk-noplantxt{
  width: calc(528vw / 12);
  max-width: 528px;
  height: auto;

  margin: 12px auto 0 auto;
  padding: 12px 24px;
  background-color: #fff;
  font-size: 1.1rem;

  display: flex;
  justify-content: center;
  align-items: center;
}



/**************************************************************

boat-actives
SP css
kaime

***************************************************************/

@media(max-width:550px){

  .gk-kaimebox{
    position: relative;
    margin: calc(10vw / 5) auto 0 auto;
    width: calc(420vw / 5);
    max-width: initial;
    height: calc(400vw / 5);
    padding:0;
  
    font-size: 1rem;
    letter-spacing: 2px;
  }
  
  .gk-kaimebox_head{
    position: absolute;
    width: 100%;
    height:calc(40vw / 5);
  
    top:0;
    left: 0;
  
    padding:calc(8vw / 5) calc(34vw / 5) calc(8vw / 5) calc(8vw / 5);
    clip-path: polygon(0 0, 100% 0%, 92% 100%, 0 100%);  
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .gk-khead_txt1{
    margin: 0;
    font-weight: 600;
    font-size: 1.4rem;
    font-style: italic;
    letter-spacing: 0;
    color: #ffff00;
  }
  
  .gk-khead_txt2{
    margin: 0 0 0 calc(10vw / 5);
    letter-spacing: 0;
  }
  
  .gk-kaimebox_body{
    position: absolute;
    top:0;
    left: 5px;
  
    width:calc(400vw / 5);
    height: auto;
  
    padding:calc(46vw / 5) calc(24vw / 5) calc(24vw / 5) calc(24vw / 5);
  }
  
  .gk-kaimeflx{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .gk-kaime_attenflm{
    width: 100%;
    height: auto;
    padding:calc(24vw / 5) 0 calc(12vw / 5) 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .gk-kaime_attention1{
    width: 100%;
    height: calc(38vw / 5);
    margin: calc(24vw / 5) 0 0 0;
    padding:0;
    
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  
  .gk-kaime_attention2{
    width: 100%;/*485vw*/
    max-width: 485px;
    height: calc(66vw / 5);
    margin: calc(24vw / 5) 0 0 0;
    padding:0;

  
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  
  .gk-kaime_at_txt1{
    margin: 4px 0 0 0;
    font-size: 0.8rem;
    letter-spacing: 1px;
  }
  
  .gk-kaime_item{
    margin:calc(14vw / 5) calc(14vw / 5);
  }
  
  .gk-noplantxt{
    width: calc(400vw / 5);
    max-width: initial;
    height: auto;
  
    margin: calc(24vw / 5) auto 0 auto;
    padding: calc(12vw / 5) calc(24vw / 5);
    background-color: #fff;
    font-size: 1.1rem;
  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
}

/**************************************************************

boat-blaze
PC css
point

***************************************************************/

.bb-pointform{
  width: 100%;
  height: auto;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bb-pointttl{
  margin: 0;
  width:537px;
  height:158px;
}

.bb-point2ttl{
  margin: 0;
  width:635px;
  height:158px;
}

.bv-pointttl1{
  margin: 0;
  width:calc(1012vw / 12);
  max-width: 1012px;
  height: 60px;
  padding:0;

  background-color: #232584;

  display: flex;
  justify-content: center;
  align-items: center;

  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.bv-pointflm{
  margin: 0;
  width:calc(1012vw / 12);
  max-width: 1012px;
  padding:24px 24px;

  display: flex;
  flex-direction: column;
  align-items: center;

  background-color:rgba(255,255,255,0.8);
}

.bv-ttlthanks{
  width: calc(800vw / 12);
  max-width: 800px;
}

.bb-dwarr{
  margin: 24px 0;
  width: 182px;
  height: 51px;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  background-color: #fff000;
}

.bv-pointttl2{
  margin:0 0 0 0;
  width:calc(1012vw / 12);
  max-width: 1012px;
  height: 60px;
  padding:0;

  background-color: #232584;

  display: flex;
  justify-content: center;
  align-items: center;

  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 1px;  
}

.bv-pointttlem{
  margin: 0 7px 0 0;
  font-size: 1.4em;
  font-weight: 700;
}

.bb-pointtxt1{
  font-size: 0.95rem;
  line-height: 1.6;
  letter-spacing: 1px;
}

.bb-pointtxt2{
  width:calc(866vw / 12);
  max-width: 866px;

  font-size: 0.95rem;
  line-height: 1.6;
  letter-spacing: 1px;
}

.bb-pointtxt2b{
  font-weight: 600;
}


.bv-pointflx1{
  margin: 0 0 0 0;/*18px 0 0 0*/
  padding:14px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  flex-wrap: wrap;
}

.bv-pointitem{
  margin:12px 0 0 0;
  padding:18px 10px 12px 10px;
  width: 232px;
  height: 123px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  background-color: #595858;
}

.bb-pointhead{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bv-pointcheck{
  position: relative;
  margin: 0 0 0 14px;
  width: 21px;
  height: 21px;

  background-color: #fff;
}

.bv-pointcheck::before{
  content: "";
  width: 13px;
  height: 9px;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

  border-bottom:solid #fff;/*#c50018;*/
  border-left:solid #fff;/*#c50018;*/
  transform: rotate(-45deg);
}

.bv-pointtxt{
  margin: 0 14px 0 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: #fff;
}

.bv-pointcardbox{
  width: 211px;
  height: 54px;
  background-color: #fff;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 0.9rem;
  letter-spacing: 1px;
}

.bv-master{
  margin: 0 7px;
  width: 40px;
  height: 25px;

  background-image: url("../image/master.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-jcb{
  margin: 0 7px;
  width: 33px;
  height: 25px;

  background-image: url("../image/jcb.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-visa{
  margin: 0 7px;
  width: 46px;
  height: 15px;

  background-image: url("../image/visa.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-debit{
  margin: 0 7px;
  width: 53px;
  height: 15px;

  background-image: url("../image/debit.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-amex{
  margin: 0 7px;
  width: 37px;
  height: 25px;

  background-image: url("../image/amex.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-coin{
  margin: 0 7px;
  width: 31px;
  height: 25px;

  background-image: url("../image/coin.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bv-pointflx2{
  margin: 0 0 0 0;/*18px 0 0 0*/
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bv-pointselect{
  position: relative;
  margin: 18px 0 0 0;
  width: 760px;
  height: 65px;
  padding: 0 24px;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;

  background-image: url("../image/bb-inputbg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
.bv-pointselect::before{
  position: absolute;
  content: "＞";
  top:12px;
  right: 24px;
  width: 16px;
  height: 10px;
  transform: rotate(90deg);
  font-size: 1.3rem;
}*/



.bv-pointemailflm{
  margin: 18px 0 0 0;
  width: 444px;
  height: 55px;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;

  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.bv-pointhiss_e{
  font-size: 0.85rem;
  font-weight: 500;
}

.bv-pointhiss{
  margin: 0 24px 0 0;

  width: 64px;
  height: 26px;
  color: #fff;
  border-radius: 4px;
  font-weight: 0.7rem;
  background-color: #ff0018;

  display: flex;
  justify-content: center;
  align-items: center;
}


.bv-pointinput{
  width: 760px;
  height: 60px;
  padding: 3px 16px;
  border-radius: 3px;
  border: 1px solid #000;
  font-size: 1rem;

  border-radius: 8px;
}

.bv-pointfooter{
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.bv-pointfoottext{
  margin: 16px 0 0 0;
  text-align: center;
  font-size: 0.8rem;
  letter-spacing: 1px;
  line-height: 1.6;
}

.bb-submitbtn{
  margin: 36px 0 0 0;

  width:308px;
  height:68px;

  border-radius: 36px;
  border: 1px #fff000 solid;
  background-color: #1d2087;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;

  display: flex;
  justify-content: center;
  align-items: center;
}


.bb-submitbtn2{
  margin: 36px 0 0 0;

  width:220px;
  height:48px;

  border-radius: 36px;
  border: 1px #fff000 solid;
  background-color: #1d2087;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-submitbtn3{
  margin: 36px auto 0 auto;

  width:220px;
  height:48px;

  border-radius: 36px;
  border: 1px #fff000 solid;
  background-color: #1d2087;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;

  display: flex;
  justify-content: center;
  align-items: center;
}
/**************************************************************

boat-blaze
SP css
point

***************************************************************/


@media(max-width:550px){
.bb-pointttl{
  margin: 0;
  width:calc(343vw / 5);
  height:calc(100vw / 5);
}

.bb-point2ttl{
  margin: 0;
  width:calc(407vw / 5);
  height:calc(100vw / 5);
}

  .bv-pointflm{
    margin: 0 auto;
    width:calc(450vw / 5);
    max-width: initial;
    padding:calc(15vw / 5) calc(15vw / 5);

    justify-content: center;
  }
  
  .bv-pointttl1{
    width: calc(450vw / 5);
    height: calc(50vw / 5);

  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1px;
  }


.bb-pointtxt1{
  font-size: 0.9rem;
  line-height: 1.6;
  letter-spacing:0;
  text-align: center;
}

  .bv-ttlthanks{
    width: calc(395vw / 5);
    max-width: initial;
  }
  
  .bv-pointttl2{
    margin:0;
    width: calc(450vw / 5);
    height: calc(50vw / 5);

  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1px;
  }
  
  .bv-pointttlem{
    margin: 0 7px 0 0;
    font-size: 1.4em;
    font-weight: 700;
  }
  
  .bv-pointflx1{
    margin: 0 0 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  

  .bv-pointitem{
    margin:calc(8vw / 5) calc(8vw / 5);
    padding:calc(15vw / 5) calc(7vw / 5) calc(7vw / 5) calc(7vw / 5);
    width: calc(194vw / 5);
    height: calc(102vw / 5);
  }
  
  .bv-pointcheck{
    position: relative;
    width:calc(17.5vw / 5);
    height:calc(17.5vw / 5);
  }
  
  .bv-pointcheck::before{
    content: "";
    width:calc(14vw / 5);
    height:calc(9vw / 5);
  }
  
  .bv-pointtxt{
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
  }
  
  .bv-pointcardbox{
    width:calc(176vw / 5);
    height:calc(45vw / 5);
  
    font-size: 0.85rem;
    letter-spacing: 0;
  }

  .bv-master{
    margin: 0 calc(5vw / 5);
    width:calc(33vw / 5);
    height:calc(20vw / 5);
  
  }
  
  .bv-jcb{
    margin: 0 calc(5vw / 5);
    width:calc(27vw / 5);
    height:calc(20vw / 5);
  }
  
  .bv-visa{
    margin: 0 calc(10vw / 5);
    width:calc(38vw / 5);
    height:calc(12.5vw / 5);
  }
  
  .bv-debit{
    margin: 0 calc(10vw / 5);
    width:calc(44.5vw / 5);
    height:calc(12.5vw / 5);
  }
  
  .bv-amex{
    margin: 0 calc(5vw / 5);
    width:calc(31vw / 5);
    height:calc(21vw / 5);
  }
  
  .bv-coin{
    margin: 0 calc(5vw / 5);
    width:calc(26vw / 5);
    height:calc(21vw / 5);
  }

  .bb-pointtxt2{
  margin: 0 0 calc(24vw / 5) 0;
  width: calc(400vw /5);/*100%;*/
  max-width:initial;

  font-size: 0.95rem;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}

.bb-pointtxt2b{
  font-weight: 600;
  line-height: 2.1;
}
  
  .bv-pointflx2{
    margin: 0 0 0 0;/*18px 0 0 0*/
    width: calc(400vw /5);/*100%;*/
    display: flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap: wrap;
  }
  
  .bv-pointselect{
    margin:0 0 0 0;
    width: calc(400vw / 5);
    height:calc(64vw / 5);
    padding: 0 calc(10vw / 5);
  
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
  
    background-image: url("../image/bb-inputbg_sp.webp");
  }
  

.bb-dwarr{
  margin: calc(24vw / 5) 0;
  width:calc(182vw / 5);
  height:calc(51vw / 5);
}


  .bv-pointemailflm{
    margin:calc(18vw / 5) 0 0 0;
    width: calc(420vw / 5);
    height:calc(107vw / 5);
    padding: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 1px;
  }
  
  .bv-pointhiss_e{
    font-size: 0.85rem;
    font-weight: 500;
  }
  
  .bv-pointhiss{
    margin: 0 0 calc(10vw / 5) 0;
    padding: 2px 4px;
    color: #fff;
    font-weight: 0.7rem;
    background-color: #ff0018;
  }
  
  
  .bv-pointinput{
    width: calc(400vw / 5);
    height: calc(64vw / 5);
    padding: 3px calc(8vw / 5);
    border-radius: 3px;
    border: 1px solid #000;
  font-size: 0.9rem;
  letter-spacing: 1px;
  }
  
  .bv-pointfooter{
    width: 100%;
  
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .bv-pointfoottext{
    margin:calc(16vw / 5) 0 calc(10vw / 5) 0;
    text-align: center;
    font-size: 0.8rem;
    letter-spacing: 1px;
    line-height: 1.6;
  }

  .bb-submitbtn3{
  margin: calc(36vw /5) auto 0 auto;

  width:calc(380vw / 5);
  height:calc(83vw / 5);

  border-radius: 36px;
  border: 1px #fff000 solid;
  background-color: #1d2087;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 1px;

  display: flex;
  justify-content: center;
  align-items: center;
}
}


/*************************************************************

Point
PC

**************************************************************/
/*toggle*************/
/*input を消す*/
.toggle {
	display: none;
}

.gk-pointflm{
  margin:0;
  width:calc(1000vw / 12) ;
  max-width: 1000px;
  height:auto;
  padding:0 0 24px 0;

  background-color: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.bb-point2head{
  width: 100%;
  height: 88px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #232584;
  color:#fff;
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 1.4;
  text-align: center;
}


.gk-pointselect_pay{
  margin: 24px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.gk-pointselect_value{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gk-pointselect_flx{
  margin: 15px 15px;
  width: 380px;
  height: auto;

  display: flex;
  flex-direction: column;

}

.gk-pointselect_item{
  position: relative;
  padding: 0;
  width:100%; /*350px;*/
  height: 55px;

  display: flex;
  justify-content: flex-start;
  align-items: center;

  background-color:#878788;
}

/*****************************/

.gk-point_mailboxcontent{		/*閉じてる状態*/
  position: relative;
  width: 100%;
  height: 0;
	margin:0;
	padding:0;
	overflow: hidden;

  background-color: #ffe9e1;
  color: #000;
  font-size: 0.9rem;
  letter-spacing: 1px;

  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  /* 閉じるアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear,
    visibility  .1s linear;
}

/******************************/

.gk-point_checkbox{
  margin:0;
  padding: 0;
  width: 45px;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gk-point_check{
 width: 26px;
 height: 26px;
 border-radius: 50%;
 border: #fff solid 6px;
}

.gk-point_iconbox{
  margin:0;
  padding: 0;
  width: 55px;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gk-point_iconbank{
  width: 33px;
  height: 34px;
}

.gk-point_iconcredit{
  width: 43px;
  height: 34px;
}

.gk-point_iconp{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #fff;

  display: flex;
  justify-content: center;
  align-items: center;

  color: #878788;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}

.gk-point_textbox{
  margin:0;
  padding:9px 0 9px 8px;
  width: auto;
  height: 100%;
}

.gk-point_text1{
  color: #fff;
  font-size: 1rem;
  letter-spacing: 2px;
  line-height: 1.3;
}

.gk-point_text2{
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 0;
  line-height: 1.3;
}

.gk-point_text25{
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 0;
  line-height: 1.3;
}

.gk-point_text3{
  text-align: center;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

.gk-point_text4{
  margin: 24px 0 0 0;
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 1px;
  line-height: 1.7;
}

.gk-point_text5{
  margin: 12px 0 0 0;
  text-align: center;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

.gk-point_inputbox{
  width: 100%;
  height: 28px;/**/
  margin: 12px 0 0 0;
  padding: 4px 6px;
  border-radius: 3px;
  border: #ccc solid 0.5px;
  background-color: #fff;
}

.gk-point_inputbox::placeholder{
  color: #ccc;
}

/*開閉**********************************************/
.toggle:checked + .bv-pointitem{
  background-color: #232584;
  color: #fff;
}

.toggle:checked + .bv-pointitem .bv-pointcardbox{
  color: #000;
}

.toggle:checked + .bv-pointitem .bv-pointcheck::before{
  border-bottom:solid #c50018;
  border-left:solid #c50018;

}


.toggle:checked + .gk-pointselect_item + .gk-point_mailboxcontent {
	height: auto;
  padding:20px 24px 20px 24px;
    /* 開いている状態 */
    line-height: 1.4;
    opacity: 1;
    visibility: visible;
    /* 開くアニメーション */
    transition:
      line-height .3s ease-out,
      opacity     .1s linear .1s,
      visibility  .1s linear .1s;
}



/*point value select*********************************************/

.select-wrap {
  margin: 24px 0 0 0;
  position: relative;

  width: 380px;
  height: 55px;
  z-index: 1;
  background-color:#878788;
}

.select-wrap::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background-image: url("../image/gk-pselbg.svg");/*webp*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 362px 33px;
}

select{/* 初期化 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none;
border: none;
}

select::-ms-expand {/* 初期化 */
  display: none;
}

.gk-selectclass{
position: absolute;
color: #fff;
font-size: 0.9rem;
font-weight: 400;
width: 100%;
height: 100%;
padding: 10px 0 10px 96px;
}



/*************************************************************

Point
SP

**************************************************************/
@media(max-width:550px){

  .bb-point2head{
  width: 100%;
  height:calc(116vw / 5);


  font-size: 1.1rem;
  letter-spacing: 1px;
  line-height: 1.6;
  text-align: center;
}

  .gk-pointflm{
    margin:0;
    width:calc(420vw / 5) ;
    max-width: initial;
    height:auto;
    padding:0 0 calc(32vw / 5) 0;
  }
  
  .gk-pointselect_pay{
    margin:calc(24vw / 5) 0 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  
  .gk-pointselect_value{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .gk-pointselect_flx{
    margin:calc(10vw / 5) 0;
    width:calc(350vw / 5);
    height: auto;
  }
  
  .gk-pointselect_item{
    position: relative;
    padding: 0;
    width:100%;
    height:calc(55vw / 5);
  }

/*****************************/

.gk-point_mailboxcontent{		/*閉じてる状態*/
  font-size: 0.9rem;
  letter-spacing: 1px;
}

/******************************/

.gk-point_checkbox{
  margin:0;
  padding: 0;
  width: calc(45vw / 5);/*26 + ?*/
  height: 100%;
}

.gk-point_check{
 width: calc(26vw / 5);
 height: calc(26vw / 5);
 border-radius: 50%;
 border: #fff solid 6px;
}

.gk-point_iconbox{
  margin:0;
  padding: 0;
  width: calc(55vw / 5);/**/
  height: 100%;
}

.gk-point_iconbank{
  width:calc(33vw / 5);
  height:calc(34vw / 5);
}

.gk-point_iconcredit{
  width:calc(43vw / 5);
  height:calc(34vw / 5);
}

.gk-point_iconp{
  width:calc(34vw / 5);
  height:calc(34vw / 5);
  border-radius: 50%;
  background-color: #fff;

  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}

.gk-point_textbox{
  margin:0;
  padding:calc(9vw / 5) calc(9vw / 5) 0 calc(8vw / 5);
  width: auto;
  height: 100%;
}

.gk-point_text1{
  font-size: 1rem;
  letter-spacing: 2px;
  line-height: 1.3;
}

.gk-point_text2{
  font-size: 0.8rem;
  letter-spacing: 0;
  line-height: 1.3;
}

.gk-point_text25{
  margin: calc(3vw / 5) 0 0 0;
  font-size: 0.7rem;
  letter-spacing: 0;
  line-height: 1.3;
}

.gk-point_text3{
  text-align: center;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

.gk-point_text4{
  margin:calc(24vw / 5) 0 0 0;
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

.gk-point_text5{
  margin:calc(12vw / 5) 0 0 0;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.8;
  letter-spacing: 1px;
}

.gk-point_inputbox{
  width: 100%;
  height: calc(32vw / 5);
  margin: calc(12vw / 5) 0 0 0;
  padding: calc(4vw / 5) calc(6vw / 5);
  border-radius: 3px;
  border: #ccc solid 0.5px;
  background-color: #fff;
}

/*開閉**********************************************/


.toggle:checked + .gk-pointselect_item + .gk-point_mailboxcontent {
	height: auto;
  padding:calc(20vw / 5) calc(24vw / 5) calc(20vw / 5) calc(24vw / 5);
    /* 開いている状態 */
    line-height: 1.4;
}



/*point value select*********************************************/

.select-wrap {
  margin: calc(24vw / 5) 0 0 0;
  position: relative;

  width:calc(350vw / 5);
  height:calc(55vw / 5);
}

.select-wrap::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background-image: url("../image/gk-pselbg_sp.svg");/*webp*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size:calc(332vw / 5) calc(33vw / 5);
}

.gk-selectclass{
font-size: 0.9rem;
font-weight: 400;
padding: calc(10vw / 5) 0 calc(10vw / 5) calc(96vw / 5);
}



}

/*************************************************************

boat-active
point2 css
PC

**************************************************************/

.gk-p2text1{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 2px;
}

.gk-p2text2{
  margin: 12px 0 0 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 2px;
}

.gk-p2text3{
  margin: 12px 0 0 0;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 2px;
}

.gk-p2text4{
  margin: 12px 0 0 0;
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

.gk-point2flx{
  margin: 24px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.gk-point2row{
  margin: 0;
  width: 200px;
  height: auto;

  display: flex;
  flex-direction: column;

  border: solid #000;
  border-width: 1px 1px 1px 0;
}

.gk-point2row:nth-of-type(1){
  border-width: 1px 1px 1px 1px;
}

.gk-point2th,.gk-point2td{
  width: 100%;
  height: 30px;

  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gk-point2th{
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  background-color: #3f6eb4;
  border: solid #666;
  border-width: 0 0 1px 0;
}

.gk-point2td{
  font-size: 0.9rem;
  font-weight: 400;
}

.gk-point2vlflm{
  margin:24px 0 0 0;
  padding:0;

  color:#c50018;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  line-height: 2.1;

 
}


/*************************************************************

boat-active
point2 css
SP

**************************************************************/
@media(max-width:550px){

  .gk-p2text1{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 2px;
  }
  
  .gk-p2text2{
    margin: calc(12vw / 5) 0 0 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 1px;
  }
  
  .gk-p2text3{
    margin: calc(12vw / 5) 0 0 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 2px;
  }
  
  .gk-p2text4{
    margin: calc(12vw / 5) 0 0 0;
    text-align: center;
    font-size: 0.85rem;
    letter-spacing: 1px;
  }
  
  .gk-point2flx{
    margin: calc(24vw / 5) 0 0 0;
    width: calc(380vw / 5);
  }
  
  .gk-point2row{
    margin: 0;
    width: 50%;
    height: auto;
  
    border: solid #000;
    border-width: 1px 1px 1px 0;
  }
  
  .gk-point2row:nth-of-type(1){
    border-width: 1px 1px 1px 1px;
  }

  .gk-point2row:nth-of-type(3){
    border-width: 0 1px 1px 1px;
  }

  .gk-point2row:nth-of-type(4){
    border-width: 0 1px 1px 0;
  }
  
  .gk-point2th,.gk-point2td{
    width: 100%;
    height: calc(30vw / 5);
  }
  
  .gk-point2th{
    font-size: 1rem;
    font-weight: 600;
  }
  
  .gk-point2td{
    font-size: 0.9rem;
    font-weight: 400;
  }
  
  .gk-point2vlflm{
    margin:calc(24vw / 5) 0 0 0;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 2px;
  }


}


/**************************************************************

boat-blaze
PC css
performance

***************************************************************/

.bb-pftodayttl{
  margin: 36px 0 0 0;
  width:681px;
  height: 158px;
}

.bb-pfttl{
  margin:0;
  width:444px;
  height: 158px;
}

.bb-performanceflx{
  margin: 0 0 46px 0;
  width:calc(1080vw / 12) ;
  max-width:1080px ;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-performance1flx{
  margin: 0 0 46px 0;
  width:calc(900vw / 12) ;
  max-width:900px ;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-performbg{
  margin:5px 5px;/* 10px 10px;*/
  padding: 16px 1px 10px 1px;/*16px 20px 16px 20px;*/
  width:252px;/*321px;*/
  height:228px;/* 291px;*/

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  background-image:url("../image/planbg.webp");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.bb-planimg{
  width:220px;/* 280px;*/
  height:118px;/* 150px;*/
}

.bb-performdate{
  margin: 4px 0 0 0;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
}

.bb-performrace{
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.bb-performvalue{
  margin: 0 -12px;
  color: #fff000;
  font-size: 1.9rem;
  font-weight: 900;
  line-height: 1.2;
  transform: scale(0.8, 1);
  font-style: italic;
  text-align: center;
}

.bb-performvaluetxt1{
  font-size: 0.7em;

}

.bb-performvaluetxt2{
  color: #00ffff;
  font-size: 0.7em;
  font-weight: 700;
}

.bb-pageing{
  margin: 36px 0 0 0;
  width: calc(900vw/ 12);
  max-width: 900px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-pageitem{
  margin:0 12px;
  width: 50px;
  height: 50px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: transparent;
  border:#fff solid 1px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
}

.bb-pagearr{
  border: 0;
  transform: scale(0.8 , 1.4);
  font-size: 1.7rem;
  font-weight: 400;
}

.bb-pagecurrent{
  background-color: #fff;
  color: #1B1040;
}


/**************************************************************

boat-blaze
SP css
performance

***************************************************************/


@media(max-width:550px){

.bb-pftodayttl{
  margin:calc(6vw / 5) 0 0 0;
  width:calc(425vw / 5);
  height: calc(100vw / 5);
}

.bb-pfttl{
  margin:0;
  width:calc(283vw / 5);
  height: calc(100vw / 5);
}

.bb-performanceflx{
  margin: 0 0 calc(36vw / 5) 0;
  width:calc(470vw / 5) ;
  max-width:initial ;
  height: auto;
}

.bb-performance1flx{
  margin: 0 0 calc(36vw / 5) 0;
  width:calc(470vw / 5) ;
  max-width:initial ;
  height: auto;
}

.bb-performbg{
  margin:calc(5vw / 5) calc(5vw / 5);/* 10px 10px;*/
  padding:calc(12vw / 5) 0 calc(12vw / 5) 0;/*16px 1px 10px 1px;*/
  width:calc(218vw / 5);/*251px;*/
  height:calc(197vw / 5);/* 228px;*/

  background-image:url("../image/planbg_sp.webp");
}

.bb-planimg{
  width:calc(191vw / 5); /*220px; 280px;*/
  height:calc(202vw / 5); /*118px; 150px;*/
}

.bb-performdate{
  margin:0;
  color: #fff;
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.2;
}

.bb-performrace{
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.bb-performvalue{
  margin: 0 calc(-20vw / 5);
  color: #fff000;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1.2;
  transform: scale(0.8, 1);
  font-style: italic;
  text-align: center;
}

.bb-performvaluetxt1{
  font-size: 0.7em;
}

.bb-performvaluetxt2{
  color: #00ffff;
  font-size: 0.7em;
}

.bb-pageing{
  margin: calc(36vw / 5) 0 0 0;
  width: calc(450vw/ 5);
  max-width: initial;
  height: auto;

}

.bb-pageitem{
  margin:0 calc(12vw / 5);
  width: calc(50vw / 5);
  height: calc(50vw / 5);

}


}


/******************************************************

boat-active
rule,privacy,outline,linereg
PC css

********************************************************/

.gk-subflm{
  margin:min(calc(32vw / 12),32px) auto 0 auto;
  width:calc(1000vw / 12) ;
  max-width: 1000px;
  height:auto;
  padding: min(calc(42vw / 12),42px) min(calc(36vw / 12),36px);

  background-color: #fff;

  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.7;
}

/*左によせるため*/
.gk-leftsideflm{
  width: calc(730vw / 12);
  max-width: 730px;
  height: auto;

  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.7;
}


.gk-subfixdflm{
  margin:min(calc(24vw / 12),24px) 0 0 0;
  width:calc(1000vw / 12) ;
  max-width: 1000px;
  height:408px;
  padding: min(calc(32vw / 12),32px) min(calc(36vw / 12),36px);

  background-color: #fff;
}

.gk-subfixdflmin{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.gk-subtxt1{
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 1.4;
  text-align: center;
}

.gk-subtxt2{
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.6;
  text-align: center;
}

.gk-subtxt3{
  margin: 12px 0;
  color:#ff0000;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
  text-align: center;
}


.gk-bigtxt1{
  margin: 22px 0 0 0;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.7;
}

.gk-txt_normal{
  margin: 6px 0 0 0;
}

.gk-txt_reindent{
  margin: 6px 0 0 1rem;
  text-indent: -1rem;
}


.ttltxt2{
  color:#4A4886;
  font-size: 1.4em;
  font-weight: 700;
}


/******************************************************

boat-active
rule,privacy,outline,linereg
SP css

********************************************************/
@media(max-width:550px){

  .gk-subflm{
    margin:calc(24vw / 5) auto 0 auto;
    width:calc(420vw / 5) ;
    max-width: initial;
    height:auto;
    padding: calc(24vw / 5) calc(24vw / 5);
  }

  /*左によせ解除*/
.gk-leftsideflm{
  width:100%;
  max-width:initial;
  height: auto;

  font-size: 0.95rem;
  letter-spacing: 0.5px;
  line-height: 1.7;
}

  .gk-subfixdflm{
    margin:calc(24vw / 5) 0 0 0;
    width:calc(420vw / 5) ;
    max-width: initial;
    height:calc(354vw / 5);
    padding: calc(32vw / 5) calc(12vw / 5);
  }

  .gk-subtxt1{
    margin: 0 0 calc(10vw / 5) 0;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    text-align: center;
  }
  
  .gk-subtxt2{
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
    text-align: center;
  }
  
  .gk-subtxt3{
    margin: calc(12vw / 5) 0;
    color:#ff0000;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    text-align: center;
  }
  
  .gk-subtxt4{
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.7;
  }

  .gk-bigtxt1{
    margin: calc(22vw / 5) 0 0 0;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.7;
  }
  
  .gk-txt_normal{
    margin:calc(6vw / 5) 0 0 0;
  }
  
  .gk-txt_reindent{
    margin:calc(6vw / 5) 0 0 1rem;
    text-indent: -1rem;
  }
}













































.bc-pagebg{
  padding:20px 0 60px 0;
}
.bc-pagebg::before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-position:50% 100%;
    background-image:url('../image/bc-sec3.jpg');
    background-size:cover;
}

.bc-wh02bg{
  background-color: rgba(255,255,255,0.5);
  width:83.34vw;
  max-width: 1000px;
  padding:4% 0;
}

.bc-wh03bg{
  background-color: rgba(255,255,255,0.5);
  width:83.34vw;
  max-width: 1000px;
  padding:1.5% 0;
}

.bc-bl02bg{
  background-color: rgba(0,0,0,1);
  width:83.34vw;
  max-width: 1000px;
  padding:4% 0;
}

.bc-ttlbg{
  width:37.5vw;
  height:12.5vw;
  max-width:451px;
  max-height: 151px;

  color:#fff;
  font-size: 1.8rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-ttlbg.png');
  background-size:cover;
}

.bc-ttlbg_txtsmall{
  font-size: 1.4rem;
  font-weight: 900;
}

@media(max-width:550px){
  .bc-pagebg{
    padding:3.6vw 0 8vw 0;
  }
  .bc-wh02bg{
    width:88vw;
    padding:4% 0;
  }
  .bc-wh03bg{
    width:88vw;
    padding:1.5% 0;
  }
  .bc-bl02bg{
    width:88vw;
    padding:4% 0;
  }
  .bc-ttlbg{
    width:66vw;
    height:22vw;
    font-size: 1.4rem;
  }
  .bc-ttlbg_txtsmall{
    font-size: 1.1rem;
  }
}

/***********
共通ここまで
***********/

/**************************************************************

boat cross

ヘッダ

***************************************************************/
#bc-head{
  position: relative;
  margin:20px auto 0 auto;
  width:100vw;
  /*height:5vw;*/
  max-width: 1200px;
  /*max-height: 60px;*/
  height: 160px;
  display:flex;
  justify-content: space-between;
  z-index: 1;
}

.bc-head_l{
  width: 50%;
  padding:0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid #9DA5BD;
  border-width: 1px;
  background:linear-gradient(to top, #000010 , #000049);
}

.bc-head_r{
  width: 50%;
  border: solid #9DA5BD;
  border-width: 1px 1px 1px 0;
  background-color: #0E1C75;

  display: flex;
  flex-wrap: wrap;
}

.bc-head_item{
  position: relative;
  width: 33.33%;
  height: 80px;

  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #9DA5BD;;
}

.bc-head_item:nth-of-type(1){
  border-width:0 1px 1px 0;
}

.bc-head_item:nth-of-type(2){
  border-width:0 1px 1px 0;
}

.bc-head_item:nth-of-type(3){
  border-width:0 0 1px 0;
}

.bc-head_item:nth-of-type(4){
  border-width:0 1px 0 0;
}

.bc-head_item:nth-of-type(5){
  border-width:0 1px 0 0;
}

.bc-head_item:nth-of-type(6){
  border-width:0;
}

.bc-head_icon{

}

.bc-head_logo{
  width: 24.5vw;
  height: 10.75vw;
  max-width: 294px;
  max-height:129px;
}

.bc-head_lflx{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
}

.bc-head_user{
  margin: 0 0 2px;
  width:18.4vw;
  height:3.58vw;
  max-width:221px;
  max-height:43px;
  padding:2px 42px;

  display: flex;
  justify-content: center;
  align-items: center;

  color:#162379;
  font-size: 1rem;
  font-weight: 700;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-head_user.png');
  background-size:cover;
}

.bc-head_point{
  margin: 2px 0 0 0;
  width:18.4vw;
  height:3.58vw;
  max-width:221px;
  max-height:43px;
  padding:2px 42px;

  display: flex;
  justify-content: center;
  align-items: center;

  color:#162379;
  font-size: 1rem;
  font-weight: 700;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-head_point.png');
  background-size:cover;
}

.bc-headunder{
  margin: 0 auto;
  width: 100vw;
  max-width: 1200px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bc-headunder_l{
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  padding:18px 28px 28px 28px;
  color:#fff;
  font-size: 1.6rem;
}

.bc-headunder_r{
  width: 50%;
  padding:14px 28px 24px 28px;

  display: flex;
  justify-content: space-between;
  align-items: center;
  color:#fff;
  font-size: 1.8rem;
  font-weight: 700;
}

.bc-headunder_rr{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bc-headunder_ltxts{
  margin: 0 0 0 14px;
  color:#fff;
  font-size: 1.3rem;
  font-weight: 700;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-headunder_l{
    font-size: 1.3rem;
  }
  
  .bc-headunder_r{
    font-size: 1.4rem;
  }
  
  .bc-headunder_ltxts{
    font-size: 1rem;
  }

}

@media(max-width:550px){
  #bc-head{
    margin:0 auto 0 auto;
    width:100vw;
    height: 33.2vw;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .bc-head_l{
    position: fixed;
    z-index: 2;
    top:0;
    width: 100vw;
    height: 17.6vw;
    padding:0.3vw 16.8vw 0.3vw 1.6vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-width: 0;
  }
  
  .bc-head_r{
    position: fixed;
    z-index: 2;
    top:0;
    left: 0;

    margin: 17.6vw 0 0 0;
    width: 100vw;
    height: 15.6vw;
    border: solid #9DA5BD;
    border-width: 1px 1px 1px 0;
    background-color: #0E1C75;
  
    display: flex;
    flex-wrap: wrap;
  }

  .bc-head_logo{
    width: 38.8vw;/*24.5vw;194*/
    height:17vw;/* 10.75vw;85*/
  }
  
  .bc-head_user{
    margin: 0 0 2px 0;
    width:33.6vw;
    height:6.4vw;
    max-width:none;
    max-height:none;
    padding:2px 9.6vw;
  
    font-size: 0.9rem;
    background-image:url('../image/bc-head_user_sp.png');
  }
  
  .bc-head_point{
    margin: 2px 0 0 0;
    width:33.6vw;
    height:6.4vw;
    max-width:none;
    max-height:none;
    padding:2px 9.6vw;
  
    font-size: 0.9rem;
    background-image:url('../image/bc-head_point_sp.png');
  }

  .bc-head_item{
    width: 16.6vw;
    height: 15.6vw;
  }
  
  .bc-head_item:nth-of-type(1){
    border-width:0 1px 0 1px;
  }
  
  .bc-head_item:nth-of-type(2){
    border-width:0 1px 0 0;
  }
  
  .bc-head_item:nth-of-type(3){
    border-width:0 1px 0 0;
  }
  
  .bc-head_item:nth-of-type(4){
    border-width:0 1px 0 0;
  }
  
  .bc-head_item:nth-of-type(5){
    border-width:0 1px 0 0;
  }
  
  .bc-head_item:nth-of-type(6){
    border-width:0;
  }

  .bc-headunder_l{
    width: 50%;
    padding:0 1vw 3.6vw 1vw;
    color:#fff;
    font-size: 1.1rem;
  }
  
  .bc-headunder_r{
    width: 50%;
    padding:0 1vw 3.6vw 1vw;
  
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
    font-size: 1.2rem;
  }

  .bc-headunder_rr{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    line-height: 1.2;
  }
  
  .bc-headunder_ltxts{
    font-size: 0.8rem;
    line-height: 1.2;
  }

}



/**********************************************************

boat cross 会員 css

トップ
index.html

***********************************************************/

.bc-top_logo{
  margin: 0 0 10px 0;
  width:65vw;
  height:50vw;
  max-width:781px;
  max-height:609px;
}

.bc-top_banner{
  margin: 0 0 0 0;
  width:484px;
  height:135px;
}

.bc-top_banner1{
  margin: 0 0 0 0;
  padding:11px 169px 11px 11px;
  width:484px;
  height:135px;
  background-image: url('../image/bc-top_mailbanner.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bc-top_banner2{
  margin: 0 0 0 0;
  padding:11px 169px 11px 11px;
  width:484px;
  height:135px;
  background-image: url('../image/bc-top_mailbanner2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bc-top_bannerin{
  width: 100%;
  padding:6px 10px;
  background-color: #fff;
}
.bc-top_bannerin_up{
  width: 100%;
  height: 55px;
  padding:0 0 0 0;
  border: solid #ccc;
  border-width: 0 0 1px 0;
}

.bc-top_bannerin_dw{
  width: 100%;
  height: 45px;
  padding:4px 0 0 0;
}

.bc-top_mdate{
  font-size: 0.8rem;
}

.bc-top_mfrom{
  font-size: 0.6rem;
}

.bc-top_mfromtxt{
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.bc-top_mtitle{
  font-size: 0.9rem;
}


.bc-top_bannerflx1{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bc-top_bannerflx2{
  display: none;
}

@media(max-width:550px){
  .bc-top_bannerflx2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .bc-top_marginleft15{
    margin:0 0 0 1.5%;
  }
}

.bc-top_banner3{
  margin: 0 0 0 0;
 /* width:27.16w;
  height:27.58vw;*/
  width:326px;
  height:331px;
}

.bc-top_timetable_height{
  margin: 10px 0 0 0;
  height: 660px;
  overflow-y: scroll;
}

@media(max-width:550px){
  .bc-top_timetable_height{
    height: 80vw;
    overflow-y: scroll;
  }
}

.bc-top_timetable{
  margin: 20px 0 0 0;
  width: 73.66vw;
  max-width: 884px;

  border: #01041C solid;
  border-width: 1px 1px 0 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-top_timetableth2{
  width: 61.4%;
  height: 77px;
display: flex;
justify-content: center;
align-items: center;
  border: solid #fff;
  border-width: 0 1px 0 0;
  color:#fff;
  background-color: #374789;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-top_timetableth1{
  width: 15.5%;
  height: 77px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #fff;
  border-width: 0 1px 0 0;
  color:#fff;
  background-color: #374789;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-top_timetableth3{
  width: 23.1%;
  height: 77px;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  background-color: #374789;
  font-size: 1.2rem;
  font-weight: 700;
}


.bc-top_timetablerow{
  width: 73.66vw;
  max-width: 884px;
  
  border: #01041C solid;
  border-width: 0 1px 1px 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-top_timetabletd1{
  position: relative;
  width: 15.5%;
  height: 138px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #D1D2D3;
  border-width: 0 1px 0 0;
  color:#000;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight:900;
}

.bc-top_timetabletd1::before{
  content: "";
  position: absolute;
  top:1%;
  right: 1%;
  width: 10px;
  height: 10px;

  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #4D64BB;
  border-left: 10px solid transparent;

  transform:rotate(45deg);
}


.bc-top_timetabletd2-1{
  width:9.8%;/* 61.4%;*/
  height: 138px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid #D1D2D3;
  border-width: 0 1px 0 0;
  color:#000;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-top_timetabletd2-1 p{
  /*width: 85%;
  padding:14px 4px;
  background-color: #B9BCC0;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;*/
}

.normal{
  /*width: 85%;
  padding:14px 4px;
  background-color: #B9BCC0;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;*/
  width: 60px;
  height: 60px;
  background-image:url('../image/icon_state3_5_b.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.sg{
  width: 60px;
  height: 60px;
  background-image:url('../image/icon_state3_1_a.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.g3{
  width: 60px;
  height: 60px;
  background-image:url('../image/icon_state3_4_b.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.g2{
  width: 60px;
  height: 60px;
  background-image:url('../image/icon_state3_3_b.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.g1{
  width: 60px;
  height: 60px;
  background-image:url('../image/icon_state3_2_b.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media(max-width:550px){
  .normal{
    width:4.5vw;
    height: 4.5vw;
  }
  .sg{
    width:4.5vw;
    height: 4.5vw;
  }
  
  .g3{
    width:4.5vw;
    height: 4.5vw;
  }
  
  .g2{
    width:4.5vw;
    height: 4.5vw;
  }
  
  .g1{
    width:4.5vw;
    height: 4.5vw;
  }
}


.bc-top_timetabletd2-2{
  width:6.6%;/* 61.4%;*/
  height: 138px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #D1D2D3;
  border-width: 0 1px 0 0;
  color:#000;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-top_timetabletd2-3{
  width:45%;/* 61.4%;*/
  height: 138px;

  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #D1D2D3;
  border-width: 0 1px 0 0;
  color:#0039B3;
  background-color: #fff;
  text-decoration: underline;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-top_timetabletd2-3 p{
  width: 90%;
}


.bc-top_timetabletd3{
  width: 23.1%;
  height: 138px;

  display: flex;
  justify-content: center;
  align-items: center;
  border: solid #D1D2D3;
  border-width: 0 1px 0 0;
  color:#000;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
}

.bc-top_timetabletd3 p{
  width: 65%;
  text-align: center;
}

.bc-icon_state{
  width: 24px;/*17px;*/
  height: 24px;/*17px;*/
}

.icon_state1_1,.icon_state1_2,.icon_state1_3,.icon_state1_7{
  margin:0 0 0 0;
  width: 24px;/*17px;*/
  height: 24px;/*17px;*/

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media(max-width:550px){
  .icon_state1_1,.icon_state1_2,.icon_state1_3,.icon_state1_7{
    margin:0 0 0 0;
    width: 3vw;/*17px;*/
    height: 3vw;/*17px;*/
  }
}

.icon_state1_1{
  background-image:url('../image/icon_state1_1.png');
}
.icon_state1_2{
  background-image:url('../image/icon_state1_2.png');
}
.icon_state1_3{
  background-image:url('../image/icon_state1_3.png');
}
.icon_state1_7{
  background-image:url('../image/icon_state1_7.png');
}

.icon_state1_4,.icon_state1_5,.icon_state1_6{
  margin: 10px 0 0 0;
  width: 24px;/*17px;*/
  height: 18px;/*17px;*/

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media(max-width:550px){
  .icon_state1_4,.icon_state1_5,.icon_state1_6{
    margin: 2vw 0 0 0;
    width: 3vw;/*17px;*/
    height: 2.25vw;/*17px;*/
  }
}

.icon_state1_4{
  background-image:url('../image/icon_state1_4.png');
}
.icon_state1_5{
  background-image:url('../image/icon_state1_5.png');
}
.icon_state1_6{
  background-image:url('../image/icon_state1_6.png');
}



@media(max-width:550px){

  .bc-top_logo{
    margin: 0 0 2vw 0;
    width:80vw;
    height:61.53vw;
  }

  .bc-top_banner{
    margin: 0 0 0 0;
    width:84.4vw;
    height:23.5vw;
  }
  
  .bc-top_banner1{
    margin: 0 0 0 0;
    padding:2vw 29.4vw 2vw 2vw;
    width:84.4vw;
    height:23.5vw;
    background-image: url('../image/bc-top_mailbanner_sp.png');
  }
  
  .bc-top_banner2{
    margin: 0 0 0 0;
    padding:2vw 29.4vw 2vw 2vw;
    width:84.4vw;
    height:23.5vw;
    background-image: url('../image/bc-top_mailbanner2_sp.png');
  }

  .bc-top_bannerin{
    width: 100%;
    padding:1vw 2vw;
  }
  .bc-top_bannerin_up{
    width: 100%;
    height: 10vw;/*11vw;*/
    padding:0 0 0 0;
  }
  
  .bc-top_bannerin_dw{
    width: 100%;
    height: 7.5vw;/*9vw;*/
    padding:1vw 0 0 0;
  }
  
  .bc-top_mdate{
    font-size: 0.7rem;
    line-height: 1.2;
  }
  
  .bc-top_mfrom{
    font-size: 0.6rem;
    line-height: 1.2;
  }
  
  .bc-top_mfromtxt{
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
  }
  
  .bc-top_mtitle{
    font-size: 0.9rem;
  }

  .bc-top_banner3{
    margin: 0 0 0 0;
    width:84.4vw;/*846*/
    height:85.9vw;/*861*/
  }
  
  .bc-top_timetable{
    margin: 4vw 0 0 0;
    width:84.4vw;/* 73.66vw;*/
  }
  
  .bc-top_timetableth2{
    width: 61.4%;
    height: 12vw;
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  .bc-top_timetableth1{
    width: 15.5%;
    height: 12vw;
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  .bc-top_timetableth3{
    width: 23.1%;
    height: 12vw;/*77px;*/
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  
  .bc-top_timetablerow{
    width:84.4vw;/* 73.66vw;*/
  }
  
  .bc-top_timetabletd1{
    position: relative;
    width: 15.5%;
    height: 19vw;/*138px;*/
    font-size: 1rem;
    font-weight:900;
  }
  
  .bc-top_timetabletd1::before{
    top:1%;
    right: 1%;
    width: 6px;
    height: 6px;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #4D64BB;
    border-left: 6px solid transparent;
  }
  
  
  .bc-top_timetabletd2-1{
    width:9.8%;/* 61.4%;*/
    height: 19vw;/*138px;*/
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  .bc-top_timetabletd2-1 p{
    /*width: 85%;
    padding:14px 4px;
    background-color: #B9BCC0;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;*/
  }
  
  
  .bc-top_timetabletd2-2{
    width:6.6%;/* 61.4%;*/
    height: 19vw;/*138px;*/
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  .bc-top_timetabletd2-3{
    width:45%;/* 61.4%;*/
    height: 19vw;/*138px;*/
    font-size: 0.8rem;
    font-weight: 700;
  }
  
  .bc-top_timetabletd2-3 p{
    width: 90%;
  }
  
  
  .bc-top_timetabletd3{
    width: 23.1%;
    height: 19vw;/*138px;*/
    font-size: 0.8rem;
    font-weight: 400;
  }
  
  .bc-top_timetabletd3 p{
    width: 90%;
  }
  
  .bc-icon_state{
    width: 17px;/*17px;*/
    height: 17px;/*17px;*/
  }

}

/**********************************************************

boat cross 会員 css

ポイント購入
point.html

***********************************************************/

.bc-point_ttl{
  width:44vw;
  height:19vw;
  max-width:529px;
  max-height:229px;
/*
  color:#fff;
  font-size: 1.8rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-ttlbg.png');
  background-size:cover;
*/
}

.bc-point_txt1{
  font-size: 1.8rem;
  font-weight: 900;
  color:#fff;
  text-align: center;
}
.bc-point_txt2{
  font-size: 0.9rem;
  font-weight: 400;
  color:#fff;
  text-align: center;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-point_txt1{
    font-size: 1.6rem;
  }
  .bc-point_txt2{
    font-size: 0.8rem;
  }
}


.bc-point_flm1{
  margin: 20px 0 0 0;
  padding:min(26px,4%) min(26px,4%);
  position:relative;
  width:58.4vw;
  height:35.9vw;
  max-width:701px;
  max-height:431px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-point_flm1.png');
  background-size:cover;
}

.bc-point_selectflx{
  width: 100%;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bc-point_select{
  margin: 10px 0 0 0;
  width: 25.3vw;
  height: 22.5vw;
  max-width: 304px;
  max-height: 270px;
  display: flex;
  flex-direction:column;
  justify-content: space-between;
  align-items: center;
}


.bc-point_selectitem{
  width: 22.66vw;/*25.3vw;*/
  height: 16.833vw;/*19.3vw;*/
  padding:20px 14px 10px 14px;
  max-width: 273px;/*304px;*/
  max-height: 201px;/*232px;*/

  background-color: rgba(115,115,116,0.8);
  box-shadow: 0px 0px 25px 1px #777777;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bc-point_txt3{
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  border: solid #949496;
  border-width: 0 0 1px 0;
  line-height: 1.8;
}
@media(max-width:1100px){
  .bc-point_txt3{
    font-size: 0.9rem;
    line-height: 1.4;
  }
}

.bc-point_cimg{
  width: 9.5vw;
  height: 7.666vw;
  max-width: 114px;
  max-height: 92px;
}

.bc-point_bimg{
  width: 10.6vw;
  height: 7.66vw;
  max-width: 127px;
  max-height: 92px;
}


.bc-point_selectitem_txt{
  width:100%;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}

/*.bc-point_radio{
  color:#B1AF52;
  border-radius: 50%;
  border: 1px solid #fff;
  width:42px;
  height:42px;
}*/

.bc-point_step{
  position:absolute;
  top:-40px;
  left:-48px;
  width:11.33vw;
  height:10.5vw;
  max-width:136px;
  max-height:126px;
}

.bc-point_flm2{
  margin: 30px 0 0 0;
  padding:min(36px,5%) min(36px,5%);
  position:relative;
  width:58.4vw;
  height:18.4vw;
  max-width:701px;
  max-height:221px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-point_flm2.png');
  background-size:cover;
}

.bc-point_udarr{
  margin: 30px 0 0 0;
  width:11.33vw;
  height:85vw;
  max-width:136px;
  max-height:102px;
}

.bc-point_selecter{
  padding:0;/*0 24px;*/
  margin: 20px 0 0 0;
  /*background: linear-gradient(to top,#636364,#949494);*/
  /*background: linear-gradient(to top,#8A8A8A,#737373);
*/

  background-color: #EFEFEF;
  width:33.33vw;
  height:4.66vw;
  max-height: 56px;
  max-width: 400px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-point_selecter::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  right:24px;/* 24px;*/
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  z-index: -1;
}

select {
  /*初期化*/ 
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
  padding:0 24px; /*0 10px;*/
  margin: 0 0 0 0;
}



.bc-point_buybtn{
  margin: 46px 0 0 0;
  width: 23vw;
  height:8.83vw;
  max-width:276px;
  max-height:106px;
}


/**********************************************************

boat cross 会員 css

sp
ポイント購入
point.html

***********************************************************/
@media(max-width:550px){

  .bc-point_ttl{
    width:79.6vw;
    height:auto;
  /*
    color:#fff;
    font-size: 1.8rem;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-ttlbg.png');
    background-size:cover;
  */
  }
  
  .bc-point_txt1{
    font-size: 1.6rem;/*2.4rem;*/
  }
  .bc-point_txt2{
    font-size:0.8rem;/* 0.9rem;*/
  }
  
  .bc-point_flm1{
    margin: 4vw 0 0 0;
    padding:3vw 2vw 1vw 2vw;
    width:80.8vw;
    height:75.8vw;/*77.8vw*/
    max-width:none;
    max-height:none;
    background-image:url('../image/bc-point_flm1_sp.png');
  }
  
  .bc-point_select{
    width:40.4vw;
    height:48.2vw;
  }

  /*
  .bc-point_select:nth-of-type(1){
    margin: 0 -2.5vw 0 0;
  }
  .bc-point_select:nth-of-type(2){
    margin: 0  0 0 -2.5vw;
  }*/
  
  .bc-point_selectitem{
    padding:2vw 1vw 2vw 1vw;
    width:35.6vw;/* 25.3vw;*/
    height:34.4vw;/* 19.3vw;*/
    max-width:none;/* 304px;*/
    max-height:none;/* 232px;*/
  }

  .bc-point_cimg{
    width: 22.8vw;
    height: 18.4vw;
    max-width: none;
    max-height: none;
  }
  
  .bc-point_bimg{
    width: 25.4vw;
    height: 18.4vw;
    max-width:none;
    max-height:none;
  }

  .bc-point_selectitem_txt{
    font-size: 0.7rem;
    font-weight: 700;
  }
  
  .bc-point_step{
    position:absolute;
    top:-8.4vw;
    left:-9.3vw;
    width:22.8vw;
    height:22.8vw;
  }
  
  .bc-point_flm2{
    margin: 6vw 0 0 0;
    padding:4vw 1.5vw 1vw 1.5vw;
    width:80.8vw;
    height:33.6vw;
    max-width:none;
    max-height:none;
    background-image:url('../image/bc-point_flm2_sp.png');
  }
  
  .bc-point_udarr{
    margin: 6vw 0 0 0;
    width:18.2vw;
    height:13.8vw;
  }
  
  .bc-point_selecter{
    padding:0;/*0 3vw;*/
    margin: 4vw 0 0 0;
    height:9.2vw;
    width: 66vw;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 700;
  }
  
  .bc-point_selecter::after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    right: 24px;
  }
  
  select {
    /*初期化*/ 
    padding:0 3vw; /*0 24px;*/
    margin: 0 0 0 0;
  }
  
  .bc-point_buybtn{
    margin: 6vw 0 0 0;
    width: 45.2vw;
    height:20vw;
    max-width:none;
    max-height:none;
  }

}
/***************************************
ラジオボタン　css

****************************************/

/*
input[type="radio"] {
    margin:0;
    width: 42px;
    height: 42x;
    border-radius: 100px;
    position: relative;
    vertical-align: sub;
  }
  input[type="radio"]::before, input[type="radio"]::after{
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
  input[type="radio"]::before {
    background-color:#4A494A;
    border: 1px solid #c2c1c1;
    height: 42px;
    width: 42px;
    left: 0px;
  }
  input[type="radio"]::after {
    background-color:#6B6B6C;
    height: 22px;
    width: 22px;
    left: 10px;
  }*/


  input[type="radio"]{
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: none !important;
    }

  .bc-radiobtn {
    margin:0;
    width: 42px;
    height: 42x;
    border-radius: 100px;
    position: relative;
    vertical-align: sub;
  }
  .bc-radiobtn::before, .bc-radiobtn::after{
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
  .bc-radiobtn::before {
    background-color:#4A494A;/* #fff;*/
    border: 1px solid #c2c1c1;
    height: 42px;
    width: 42px;
    left: 0px;
  }
  .bc-radiobtn::after {
    background-color:#6B6B6C;
    height: 22px;
    width: 22px;
    left: 10px;
  }

/*
  .bc-radiobtn:checked::after {
    background-color: #FAEE50
  }*/

 @media(max-width:550px){
  .bc-radiobtn {
    margin:0;
    width: 31.5px;
    height: 31.5px;
    border-radius: 75px;
  }

  .bc-radiobtn::before {
    height: 31.5px;
    width: 31.5px;
    left: 0px;
  }
  .bc-radiobtn::after {
    background-color:#6B6B6C;
    height: 16.5px;
    width: 16.5px;
    left: 7.5px;
  }
 }


    label{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    }

    input[type="radio"]:checked + .bc-point_selectitem{
      background-color: rgba(255,255,255,0.8);
    }

    input[type="radio"]:checked ~ .bc-radiobtn::after{
      background-color: #FAEE50;
    }

/***********************************************************************

boat-blaze css
PC
プラン
デイ　・　ナイター　選択　css
course.html

*********************************/

.bb-dayttl{
  margin:0;
  width:635px;
  height:158px;
}

.bb-nightttl{
  margin:0;
  width:748px;
  height:158px;
}

.bb-planlist{
  margin: 0;
  width:calc(1000vw / 12);
  max-width: 1000px;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-planouter{
  margin: 15px 15px;
  width: 300px;
  height:460px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bb-planflm{
  margin:0;
  padding:20px 20px 20px 20px;
  width: 300px;
  height:400px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bb-planbg.webp');
  background-size:cover;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bb-planimgout{
  width: 260px;
  height: 166px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.bb-planhead{
  width: 100%;/*260px*/
  height:26px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #BE5C30;
  color: #fff;
  font-size: 0.9rem;
}


.bb-planhead_n{
  width: 100%;/*260px*/
  height:26px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #20215C;
  color: #fff000;
  font-size: 0.9rem;
}

.bb-plan{
  width: 100%;/*260px*/
  height:140px;
}

.bb-planvalue{
  width: 100%;/*260px*/
  height: 34px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bb-planvalue_th{
  width: 80px;
  height: 100%;

  background-color: #c50018;
  color: #fff000;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-planvalue_td{
  width: 180px;
  height: 100%;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  font-size: 1.2rem;

}

.bb-plnakvalueimg{
  width: 174px;
  height: 31px;
}

.bb-planvalue_tds{
  font-size: 0.7rem;
}

.bb-plantable{
  width: 100%;/*260px*/
  height:140px;

  border: #1d2087 solid;
  border-width:1px 1px 0 1px ;
}

.bb-plantable_row{
  width: 100%;
  height: 25%;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bb-plantable_th{
width: 80px;
height: 100%;

background-color: #dbdcdc;
border: #1d2087 solid;
border-width:0 1px 1px 0;

padding: 7px 8px;
font-size: 0.85rem;
}

.bb-plantable_td{
width: 180px;
height: 100%;

background-color: #fff;
border: #1d2087 solid;
border-width:0 0 1px 0;

padding: 7px 8px;
font-size: 0.85rem;
}


.bb-plandbtn{
  margin:0;

  width:220px;
  height:48px;

  border-radius: 32px;
  border: 1px #fff000 solid;
  background-color: #1d2087;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;

  display: flex;
  justify-content: center;
  align-items: center;
}


.bc-planselectflm1{
  margin: 2vw 0 0 0;
  padding:30px 51px;
  width: 58.4vw;
  height:40.1vw;
  max-width:701px;
  max-height:482px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-planselectflm.png');
  background-size:cover;
}

.bc-planselectflm_vip{
  margin: 2vw 0 0 0;
  padding:45px 51px;
  width: 58.4vw;
  height:auto;
  max-width:701px;
  max-height:none;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-planselectflm_vip.png');
  background-size:100% 100%;
}

.bc-planselectflx{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bc-planselectflxwrap{
  justify-content: center;
  flex-wrap: wrap;
}

.bc-planday{
margin: 12px 10px 0 0;/*12px 0 0 0*/
  width: 22.75vw;
  height:26vw;
  max-width:273px;
  max-height:312px;
}

.bc-plannight{
  margin: 12px 0 0 10px;/*12px 0 0 0*/
  width: 22.75vw;
  height:26vw;
  max-width:273px;
  max-height:312px;
}

.bc-planvip{
  margin: 12px 0 0 0;
  width: 22.75vw;
  height:26vw;
  max-width:273px;
  max-height:312px;
}

/***********************************************************************

boat-blaze css
SP
プラン
デイ　・　ナイター　選択　css
course.html

*********************************/

@media(max-width:550px){

.bb-dayttl{
  margin:0;
  width:calc(408vw / 5);
  height:calc(100vw / 5);
}

.bb-nightttl{
  margin:0;
  width:calc(482vw / 5);
  height:calc(100vw / 5);
}

.bb-planlist{
  margin: 0;
  width:calc(500vw / 5);
  max-width: initial;
}

.bb-planouter{
  margin: calc(20vw / 5) calc(4vw / 5);
  width: calc(242vw / 5);/*218vw 300*/
  height:calc(385vw / 5);/*347vw 460*/
}

.bb-planflm{
  margin:0;
  padding:calc(14vw / 5 ) calc(14vw / 5 ) calc(14vw / 5 ) calc(14vw / 5 ) ;
  width: 100%;
  height:calc(322vw / 5);/*290vw */
}

.bb-planimgout{
  width: 100%;
  height: calc(133vw / 5);/*120*/
}

.bb-planhead{
  width: 100%;/*260px*/
  height:calc(20vw / 5);/*18vw*/
  font-size: 0.7rem;
}


.bb-planhead_n{
  width: 100%;/*260px*/
  height:calc(20vw / 5);/*18vw*/
  font-size: 0.7rem;
}

.bb-plan{
  width: 100%;/*260px*/
  height:calc(113vw / 5);/*102vw*/
}

.bb-planvalue{
  width: 100%;/*260px*/
  height: calc(27vw / 5);/*24.5*/
}

.bb-planvalue_th{
  width: calc(64vw / 5);/*58vw*/
  height: 100%;

  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0;
}

.bb-planvalue_td{
  width: calc(143vw / 5);/*129*/
  height: 100%;

  font-size: 1rem;

}

.bb-plnakvalueimg{
  width: calc(137vw / 5);/*124*/
  height: calc(21.5vw / 5);/*19.5*/
}

.bb-planvalue_tds{
  font-size: 0.7em;
}

.bb-plantable{
  width: 100%;/*190vw 260px*/
  height:calc(113vw / 5);/*102vw*/

  border: #1d2087 solid;
  border-width:1px 1px 0 1px ;
}

.bb-plantable_row{
  width: 100%;
  height: 25%;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bb-plantable_th{
width:31%;
height: 100%;

border-width:0 1px 1px 0;

padding:4px 4px;
font-size: 0.7rem;
}

.bb-plantable_td{
width: 69%;
height: 100%;

border-width:0 0 1px 0;

padding:4px 4px;
font-size: 0.7rem;
}


.bb-plandbtn{
  margin:0;

  width:calc(187vw / 5);/*170*/
  height:calc(44vw / 5);/*40vw*/

  border-radius: 28px;

  font-size: 1rem;
  font-weight: 700;

}







  .bc-plan_ttl{
    margin:0;
    width: 79.4vw;
    height:auto;
    max-width:none;
    max-height:none;
  }
  
  .bc-planselectflm1{
    margin: 2vw 0 0 0;
    padding:4vw 3.5vw;
    width: 80.6vw;
    height:72.4vw;
    max-width:none;
    max-height:none;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-planselectflm_sp.png');
    background-size:cover;
  }

  .bc-planselectflm_vip{
    margin: 2vw 0 0 0;
    padding:6vw 3.5vw;
    width: 80.6vw;
    height:auto;
    max-width:701px;
    max-height:none;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-planselectflm_vip_sp.png');
    background-size:100% 100%;
  }
    
  .bc-planday{
    margin: 2vw 1vw 2vw 0;
    width: 35.2vw;
    height:43.6vw;
    max-width:none;
    max-height:none;
  }
  
  .bc-plannight{
    margin: 2vw 0 2vw 1vw;
    width: 35.2vw;
    height:43.6vw;
    max-width:none;
    max-height:none;
  }

  .bc-planvip{
    margin: 2vw 0 0 0;
    width: 35.2vw;
    height:43.6vw;
    max-width:none;
    max-height:none;
  }

}

/***********************************************************************

boat-blaze css
PC
各プラン & rev(購入済み)

************************************************************************/

.bb-plandetailttl{
  margin:0;
  width:425px;
  height:158px;
}

.bb-revttl{
  margin:0;
  width:680px;
  height:158px;
}

.bb-plndtlflm{
  margin: 0;
  padding:24px 24px;
  width: calc(900vw / 12);
  max-width: 900px;
  height: auto;

  background-color: rgba(255,255,255,0.8);
  border: 6px solid #EED756;

  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.bb-detailplan{ 
  margin: 0;
  width: 427px;
  height: 272px;
}

.bb-detailplan_hd{
width: 100%;/*427px*/
height:42px;

background-color: #BE5C30;
color: #fff;
font-size: 1.2rem;
font-weight: 600;

display: flex;
justify-content: center;
align-items: center;
}


.bb-detailplan_hn{
width: 100%;/*427px*/
height:42px;
 
background-color: #1d2087;
color: #fff;
font-size: 1.2rem;
font-weight: 600;

display: flex;
justify-content: center;
align-items: center;
}

.bb-detailplan_img{
width: 100%;/*427px*/
height: 230px;
}

.bb-detailtable{
  margin: 0;
  width: 400px;
  height: 272px;

  border: solid #1d2087;
  border-width: 1px 1px 0 1px;
}

.bb-detailrow{
  width: 100%;
  height: 16.66%;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bb-detailrow_th{
  padding:10px 8px;
  width:25.5%;
  height: 100%;
  background-color: #dbdcdc;

  border: solid #1d2087;
  border-width:0 1px 1px 0;

  font-size: 1rem;
  font-weight: 600;
}

.bb-detailrow_th:nth-of-type(6){
border-width: 0 1px 0 0;
}

.bb-detailrow_td{
  padding:10px 8px;
  width:74.5%;
  height: 100%;
  background-color: #fff;

  border: solid #1d2087;
  border-width: 0 0 1px 0;

  font-size: 1rem;
  font-weight: 600;
}

.bb-detailrow_td:nth-of-type(6){
border-width: 0 0 0 0;
}


.bb-detailgraph{
margin: 18px 0 0 0 ;
width: 380px;/*340*/
height: 290px;/*280*/

  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-detailgraphimg{
  width: 340px;
  height: 280px;
}

.bb-detailpickup{
  margin: 18px 0 0 0;
  padding: 24px 12px;
  width: 447px;/*375*/
  height: 290px;/*208*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.bb-detailtxt{
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 2.1;
}

.bb-schdule{
  margin:0;
  padding:24px 10px;
  width: calc(900vw / 12);
  max-width: 900px;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-schdulebtn{
  margin:10px 10px;
  width: 273px;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;

  color: #1d2087;
  font-size: 1.1rem;
  font-weight: 600;

  background-color: #fff;
  border: 1px #fff000 solid;
}

.bb-schbtn_end{
  color: #595858;
  background-color: #B4B4B4;
  border: 1px #fff solid;
}

.bb-schbtn_rev{
  color: #fff;
  background-color: #3D673E;
  border: 1px #fff000 solid;
}

@media(max-width:1179px){
  .bb-plndtlflm{
  margin: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-detailtable{
  margin: 0;
  width: 427px;
  height: 272px;
}
}



/***********************************************************************

boat-blaze css
SP
各プラン & rev(購入済み)

************************************************************************/
@media(max-width:550px){

.bb-plandetailttl{
  margin:0;
  width:calc(283vw / 5);
  height:calc(100vw / 5);
}

.bb-revttl{
  margin:0;
  width:calc(444vw / 5);
  height:calc(100vw / 5);
}

.bb-plndtlflm{
  margin: 0;
  padding:calc(24vw / 5) calc(24vw / 5);
  width: calc(450vw / 5);
  max-width: initial;
  height: auto;

  background-color: rgba(255,255,255,0.8);
  border: 2px solid #EED756;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-detailplan{
   margin:0;
  width: calc(400vw / 5);
  height: calc(255vw / 5);
}

.bb-detailplan_hd{
width: 100%;/*427px*/
height:calc(40vw / 5);

font-size: 1.1rem;
font-weight: 600;
}


.bb-detailplan_hn{
width: 100%;/*427px*/
height:calc(40vw / 5);
 
font-size: 1.1rem;
font-weight: 600;
}

.bb-detailplan_img{
width: 100%;/*427px*/
height: calc(215vw / 5);
}

.bb-detailtable{
  margin: calc(16vw / 5) 0 0 0;
  width: calc(400vw / 5);
  height: calc(271vw / 5);
}

.bb-detailrow{
  width: 100%;
  height: 16.66%;
}

.bb-detailrow_th{
  padding:10px 8px;
  width:25.5%;
  height: 100%;

  font-size: 0.9rem;
  font-weight: 600;
}

.bb-detailrow_th:nth-of-type(6){
border-width: 0 1px 0 0;
}

.bb-detailrow_td{
  padding:10px 8px;
  width:74.5%;
  height: 100%;

  font-size: 0.9rem;
  font-weight: 600;
}

.bb-detailrow_td:nth-of-type(6){
border-width: 0 0 0 0;
}


.bb-detailgraph{
  margin: calc(16vw / 5) 0 0 0;
width: calc(400vw / 5);/*340*/
height: calc(260vw / 5);/*280*/

}

.bb-detailgraphimg{
  width: calc(254vw / 5);
  height:calc(209vw / 5);
}

.bb-detailpickup{
  margin: calc(16vw / 5) 0 0 0;
  padding: calc(24vw / 5) calc(12vw /5);
  width:calc(400vw / 5);/*375*/
  height: calc(190vw / 5);/*208*/
}

.bb-detailtxt{
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.1;
}

.bb-schdule{
  margin:0;
  padding:4vw 0;
  width: calc(460vw / 5);
  max-width: initial;
  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-schdulebtn{
  margin:1vw 1vw;
  width: calc(218vw / 5);
  height: calc(70vw / 5);
  font-size: 1rem;
  font-weight: 600;
}

}

/***********************************************************************

boat-blaze css
PC
買い目

************************************************************************/


.bb-kaimettl{
  margin:0;
  width:548px;
  height:158px;
}

.bb-kaime_head{
  width: calc(900vw / 12);
  max-width: 900px;
  height: 53px;
  padding: 0;
  background-color: #1F2160;
  color:#fff;
  font-size: 1.4rem;
  font-weight: 700;

  display: flex;
  justify-content:center;
  align-items: center;
}

.bb-kaimeflame{
  width: calc(900vw / 12);
  max-width: 900px;
  height: auto;
  background-color: rgba(255,255,255,0.8);
  padding:16px 24px;
  display: flex;
  justify-content:center;
  align-items: center;
  flex-wrap: wrap;
}

.bb-kaimeitem{
  /*margin: 10px 10px 10px 10px;*/
  margin: 10px 26px 10px 26px;
  display:flex;
  align-items: center;
}

.bb-kaimeitem:empty {
      display: none;
 }

.bb-kaimetxt1{
  margin: 18px 0;
  width: 100%;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}

.bb-kaimetxt2{
  font-size: 0.8em;
  font-weight: 400;
}

.bb-kaimetxt3{
  
}
/***********************************************************************

boat-blaze css
SP
買い目

************************************************************************/
@media(max-width:550px){


.bb-kaimettl{
  margin:0;
  width:calc(354vw / 5);
  height:calc(100vw / 5);
}

.bb-kaime_head{
  width: calc(450vw / 5);
  max-width: initial;
  height: calc(53vw / 5);/*200px*/
  padding:0;
  font-size: 1.4rem;
}



.bb-kaimeflame{
  width: calc(450vw / 5);
  max-width: initial;
  height: auto;
  padding: calc(1vw / 5) 0;/*20px 46px*/
}

.bb-kaimeitem{
  /*margin: 10px 10px 10px 10px;*/
  margin:3vw 5vw;
  display:flex;
  justify-content: center;
  align-items: center;
}

.bb-kaimetxt1{
  margin: 18px 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: center;
}

.bb-kaimetxt2{
  font-size: 0.8em;
  font-weight: 400;
}

}





/***********************************************************************

boat cross css

プラン
デイ　・　ナイター　選択　css
plan day night .html

************************************************************************/
.bc-plandn_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}


.bc-plandnflm{
  margin: 20px 0 0 0;
  padding:33px 30px;/*33px でピッタリ*/
  width: 69.8vw;
  height:37vw;
  max-width:838px;
  max-height:445px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-plandn_flm.png');
  background-size:100% 100%;
}

.bc-plandnflm1{
  margin: 20px 0 0 0;
  padding:33px 30px;/*33px でピッタリ*/
  width: 69.8vw;
  height:37vw;
  max-width:838px;
  max-height:445px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-plandn_flm.png');
  background-size:100% 100%;
}

.bc-plandnflm0{
  margin: 20px 0 0 0;
  padding:33px 30px;/*33px でピッタリ*/
  width: 69.8vw;
  height:37vw;
  max-width:838px;
  max-height:445px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-plandn_flm.png');
  background-size:100% 100%;
}

.bc-plandnflmimg1,.bc-plandnflmimg21{
  background-image:url('../image/bc-plandn_flm0.png');
}

.bc-plandnflmimg2,.bc-plandnflmimg3,.bc-plandnflmimg4,
.bc-plandnflmimg22,.bc-plandnflmimg23,.bc-plandnflmimg24{
  background-image:url('../image/bc-plandn_flm1.png');
}

.bc-plandnflmimg5,.bc-plandnflmimg6,.bc-plandnflmimg7,.bc-plandnflmimg41,
.bc-plandnflmimg25,.bc-plandnflmimg26,.bc-plandnflmimg27{
  background-image:url('../image/bc-plandn_flm2.png');
}

.bc-plandnflmimg8,.bc-plandnflmimg9,.bc-plandnflmimg10,.bc-plandnflmimg11,
.bc-plandnflmimg28,.bc-plandnflmimg29,.bc-plandnflmimg30,.bc-plandnflmimg31{
  background-image:url('../image/bc-plandn_flm3.png');
}

.bc-plandnflmimg71,.bc-plandnflmimg72,.bc-plandnflmimg73,.bc-plandnflmimg74,
.bc-plandnflmimg75,.bc-plandnflmimg76,.bc-plandnflmimg77,.bc-plandnflmimg78{
  background-image:url('../image/bc-planvip_flmvip.png');
  height:auto;
  max-height: none;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-plandnflm{
    padding:33px 30px;/*33px でピッタリ*/
    width: 450px;
    height:auto;
    max-width:none;/*390 + 30 +30*/
    max-height:none;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-plandn_flm2.png');
    background-size:100% 100%;
  }

  .bc-plandnflmimg1,.bc-plandnflmimg21{
    background-image:url('../image/bc-plandn_flm0_sp.png');
  }
  
  .bc-plandnflmimg2,.bc-plandnflmimg3,.bc-plandnflmimg4,
  .bc-plandnflmimg22,.bc-plandnflmimg23,.bc-plandnflmimg24{
    background-image:url('../image/bc-plandn_flm1_sp.png');
  }
  
  .bc-plandnflmimg5,.bc-plandnflmimg6,.bc-plandnflmimg7,.bc-plandnflmimg41,
  .bc-plandnflmimg25,.bc-plandnflmimg26,.bc-plandnflmimg27{
    background-image:url('../image/bc-plandn_flm2_sp.png');
  }
  
  .bc-plandnflmimg8,.bc-plandnflmimg9,.bc-plandnflmimg10,.bc-plandnflmimg11,
  .bc-plandnflmimg28,.bc-plandnflmimg29,.bc-plandnflmimg30,.bc-plandnflmimg31{
    background-image:url('../image/bc-plandn_flm3_sp.png');
  }

  .bc-plandnflmimg71,.bc-plandnflmimg72,.bc-plandnflmimg73,.bc-plandnflmimg74,
  .bc-plandnflmimg75,.bc-plandnflmimg76,.bc-plandnflmimg77,.bc-plandnflmimg78{
    background-image:url('../image/bc-planvip_flmvip_sp.png');
    height:auto;
    max-height: none;
  }
}

.bc-plandnflx{
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bc-plandnflx1{
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: rgba(0,0,0,0.6);
  font-size: 1.6rem;
  font-weight: 700;
  color:#fff;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-plandnflx{
    justify-content:center;
  }
}


.bc-plandnbutton{
  margin: 20px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

/*左側　プランイメージ　目標金額　***************************************************/
.bc-plandn_l{
  margin: 0;
  width:382px;
  height:315px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-plandn_l{
    margin: 0 0 7px 0;
  }
}

.bc-plandn_limg{
  width:382px;
  height:188px;
}

.bc-plandn_lvalue{
  width:382px;
  height:121px;
  padding:0px 35px 0 48px;/*12px 8px;*/
  display: flex;
  justify-content:center;
  align-items:center;

  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-plandn_value.png');
  background-size:cover;
}

.bc-plandn_valuetxt0{
  font-family: 'Century Gothic','Impact','DIN Condensed',sans-serif;
  margin: 0 0 0 0;
  font-size: 2.8rem;
  font-weight: 700;
  color:#fff;
  font-weight: 700;
}

.bc-plandn_valuetxt{
  position: relative;
  font-family: 'Century Gothic','Impact','DIN Condensed',sans-serif;
  margin: 0 0 0 0;
  font-size: 4.2rem;
  font-weight: 900;
  background: linear-gradient(to top,#FAE192 0%,#FAE192 10% ,#ECC377 30%,#DA9953 40%,#A65829 45%,#742E15 50%,#F9D88B 50%,#FAE09E 57%,#FBE9B8 64%,#FEF9E1 71%,#FEFCF4 90%,#FFFFFF 100%);
  background: -webkit-linear-gradient();
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:1px #FEFCF4 ;
}

.bc-plandn_valuetxt::before{
  content: "円";
  position: absolute;
  width: 30px;
  height: 30px;
  top:45%;
  right:-34px;
  font-size: 1.6rem;
  background: #fff;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:0px #FEFCF4 ;
}

.bc-plandn_valuetxt1{
  font-family: 'Century Gothic','Impact','DIN Condensed',sans-serif;
  margin: 0 0 0 0;
  font-size: 3.1rem;
  font-weight: 900;
  line-height: 1.2;
  /*width: 210px;
  word-wrap: break-word;*/
  background: linear-gradient(to top,#FAE192 0%,#FAE192 10% ,#ECC377 30%,#DA9953 40%,#A65829 45%,#742E15 50%,#F9D88B 50%,#FAE09E 57%,#FBE9B8 64%,#FEF9E1 71%,#FEFCF4 90%,#FFFFFF 100%);
  background: -webkit-linear-gradient();
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:1px #FEFCF4 ;
}

/*.bc-plandn_valuetxt1::before{
  content: "円";
  position: absolute;
  width: 30px;
  height: 30px;
  top:40%;
  right:-34px;
  font-size: 1.6rem;
  background: #fff;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:0px #FEFCF4 ;
}*/

.bc-plandn_valueflex2{
  line-height: 1.1;
  /*display: flex;
  flex-direction: column;*/
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/*
.bc-plandn_valueflex3{
  line-height: 1.1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
*/


.bc-plandn_valuetxt2{
  position: relative;
  font-family: 'Century Gothic','Impact','DIN Condensed',sans-serif;
  margin: 0 0 0 0;
  font-size: 3.2rem;
  font-weight: 900;
  /*width: 210px;
  word-wrap: break-word;*/
  background: linear-gradient(to top,#FAE192 0%,#FAE192 10% ,#ECC377 30%,#DA9953 40%,#A65829 45%,#742E15 50%,#F9D88B 50%,#FAE09E 57%,#FBE9B8 64%,#FEF9E1 71%,#FEFCF4 90%,#FFFFFF 100%);
  background: -webkit-linear-gradient();
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:1px #FEFCF4 ;
}

.bc-plandn_valuetxt2::before{
  content: "〜";
  position: absolute;
  width: 30px;
  height: 30px;
  top:26%;
  right:-70px;
  font-size: 1.6rem;
  font-weight: 900;
  background: linear-gradient(to top,#FAE192 0%,#FAE192 10% ,#ECC377 30%,#DA9953 40%,#A65829 45%,#742E15 50%,#F9D88B 50%,#FAE09E 57%,#FBE9B8 64%,#FEF9E1 71%,#FEFCF4 90%,#FFFFFF 100%);
  background: -webkit-linear-gradient();
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:1px #FEFCF4 ;
}

.bc-plandn_valuetxt2::after{
  content: "円";
  position: absolute;
  width: 30px;
  height: 30px;
  top:40%;
  right:-34px;
  font-size: 1.6rem;
  background: #fff;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:0px #FEFCF4 ;
}

.bc-plandn_valuetxt3{
  position: relative;
  font-family: 'Century Gothic','Impact','DIN Condensed',sans-serif;
  margin: 0 0 0 0;
  font-size: 3.2rem;
  font-weight: 900;
  /*width: 210px;
  word-wrap: break-word;*/
  background: linear-gradient(to top,#FAE192 0%,#FAE192 10% ,#ECC377 30%,#DA9953 40%,#A65829 45%,#742E15 50%,#F9D88B 50%,#FAE09E 57%,#FBE9B8 64%,#FEF9E1 71%,#FEFCF4 90%,#FFFFFF 100%);
  background: -webkit-linear-gradient();
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:1px #FEFCF4 ;
}

.bc-plandn_valuetxt3::after{
  content: "円";
  position: absolute;
  width: 30px;
  height: 30px;
  top:40%;
  right:-34px;
  font-size: 1.6rem;
  background: #fff;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke:0px #FEFCF4 ;
}


.bc-plandn_valuetxts2{
  margin: 0 0 -21px 16px;
  font-size: 1.8rem;
  font-weight: 700;
  color:#fff;
}

.bc-plandn_valuetxts{
  margin: 0 0 -21px 3px;
  font-size: 1.8rem;
  font-weight: 700;
  color:#fff;
}


/*右側  表　＆　消費ポイント***************************************************/
.bc-plandn_r{
  width:390px;
  height:315px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bc-plandn_hyo{
  width: 390px;
  height: 230px;

  font-size: 1.2rem;
  font-weight: 700;
}

.bc-plandn_rupflx{
  display: flex;
  justify-content: space-between;
  width: 390px;
  height: 38px;
}

.bc-plandn_rowth1{
  width: 195px;
  height: 38px;
  background-color: #1F1D60;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
}

.bc-plandn_rowth1:nth-of-type(1){
  border: #fff solid;
  border-width: 0 1px 0 0;
}

.bc-plandn_rowtd1{
  width: 195px;
  height: 38px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-plandn_rowtd1:nth-of-type(1){
  border:#1F1D60 solid;
  border-width: 0 1px 0 0;
}

.bc-plandn_rowth{
  width: 390px;
  height: 38px;
  background-color: #1F1D60;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
}

.bc-plandn_rowtd{
  width: 390px;
  height: 38px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-plandn_sankapoint{
  width:390px;
  height:78px;
  padding:0 18px 0 32px;
  display: flex;
  justify-content:space-between;
  align-items: center;

  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-plandn_point.png');
  background-size:cover;
}

.bc-plandn_sankapoint_vip{
  width:390px;
  height:78px;
  padding:0 18px 0 32px;
  display: flex;
  justify-content:space-between;
  align-items: center;

  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/plandn_sankapoint_vip.png');
  background-size:cover;
}


.bc-plandn_sankatxt1{
  font-size: 1.1rem;
  font-weight: 700;
  color:#fff;
}

.bc-plandn_sankatxt2{
  font-size: 1.6rem;
  font-weight: 700;
  color:#fff;
}

.bc-plandnbtn{
  margin: 12px 0 0 0;
  width: 537px;
  height: 56px;
  padding:0 24px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content:space-between;
  align-items: center;

  border-radius: 5px;
  background-color: #292625;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-plandnbtn{
  font-size: 1rem;
  }
}

.bc-sec2_linearr{
  margin: 0;
  width:101px;
  height:44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-sec2_linearr1{
  position: relative;
  margin: 0 -4px;
  width:36px;
  height:44px;
}

.arr1anime{
  position: absolute;
  /*opacity: 0;
  animation: change-img-anim 3s linear infinite alternate;*/
}

.arr1anime:nth-of-type(1) {
  -webkit-animation-name: change-img-anim1;
  animation-name: change-img-anim1;
  animation-duration: 3s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0s;/*0.3s*/
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.arr1anime:nth-of-type(2) {
  -webkit-animation-name: change-img-anim2;
  animation-name: change-img-anim2;
  animation-duration: 3s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0s;/*0.3s*/
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.arr1anime:nth-of-type(3) {
  -webkit-animation-name: change-img-anim3;
  animation-name: change-img-anim3;
  animation-duration: 3s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0s;/*0.3s*/
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}

@keyframes change-img-anim1 {
  0%{ opacity: 1;}
  33.3%{ opacity: 1;}
  33.4%{ opacity: 0;}
  100%{ opacity: 0;}
}

@keyframes change-img-anim2 {
  0%{ opacity: 0;}
  33.3%{ opacity: 0;}
  33.4%{ opacity: 1;}
  66.6%{opacity:1;}
  66.7%{opacity:0;}
  100%{ opacity: 0;}
}

@keyframes change-img-anim3 {
  0%{ opacity: 0;}
  66.6%{ opacity: 0;}
  66.7%{opacity:1;}
  100%{ opacity: 1;}
}


/***********************************************************************

boat cross css

SP
プラン
デイ　・　ナイター　選択　css
plan day night .html

************************************************************************/
@media(max-width:550px){

  .bc-plandn_ttl{
    margin:0;
    width: 80vw;
    height:37vw;
    max-width:none;
    max-height:none;
  }
  
  .bc-plandnflm{
    margin: 20px 0 0 0;
    padding:4vw 4vw 5.2vw 4vw;/*33px でピッタリ*/
    width: 77vw;
    height:auto;/*136.2vw;*/
    max-width:none;
    max-height:none;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-plandn_flm_sp.png');
    background-size:100% 100%;
  }


  .bc-plandnflm1{
    margin: 20px 0 0 0;
    padding:4vw 4vw 5.2vw 4vw;/*33px でピッタリ*/
    width: 77vw;
    height:136.2vw;
    max-width:none;
    max-height:none;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-plandn_flm_sp.png');
    background-size:100% 100%;
  }

  .bc-plandnflm0{
    margin: 20px 0 0 0;
    padding:4vw 4vw 5.2vw 4vw;/*33px でピッタリ*/
    width: 77vw;
    height:43.5vw;
    max-width:none;
    max-height:none;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('../image/bc-plandn_flm00_sp.png');
    background-size:100% 100%;
  }

  .bc-plandnflmimg1,.bc-plandnflmimg21{
    background-image:url('../image/bc-plandn_flm0_sp.png');
  }
  
  .bc-plandnflmimg2,.bc-plandnflmimg3,.bc-plandnflmimg4,
  .bc-plandnflmimg22,.bc-plandnflmimg23,.bc-plandnflmimg24{
    background-image:url('../image/bc-plandn_flm1_sp.png');
  }
  
  .bc-plandnflmimg5,.bc-plandnflmimg6,.bc-plandnflmimg7,.bc-plandnflmimg41,
  .bc-plandnflmimg25,.bc-plandnflmimg26,.bc-plandnflmimg27{
    background-image:url('../image/bc-plandn_flm2_sp.png');
  }
  
  .bc-plandnflmimg8,.bc-plandnflmimg9,.bc-plandnflmimg10,.bc-plandnflmimg11,
  .bc-plandnflmimg28,.bc-plandnflmimg29,.bc-plandnflmimg30,.bc-plandnflmimg31{
    background-image:url('../image/bc-plandn_flm3_sp.png');
  }

  .bc-plandnflmimg71,.bc-plandnflmimg72,.bc-plandnflmimg73,.bc-plandnflmimg74,
  .bc-plandnflmimg75,.bc-plandnflmimg76,.bc-plandnflmimg77,.bc-plandnflmimg78{
    background-image:url('../image/bc-planvip_flmvip_sp.png');
  }


  .bc-plandnflx{
    margin: 0;
    width: 100%;
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
  }

  .bc-plandnflx1{ 
    font-size: 1.2rem;
  }
  
  .bc-plandnbutton{
    margin:3vw 0 0 0;
    width: 100%;
  }

  .bc-plandn_l{
    margin: 0 0 1vw 0;
    width:69vw;
    height:auto;
  }

  .bc-plandn_limg{
    width:69vw;
    height:auto;
  }
  
  .bc-plandn_lvalue{
    margin: 0 0 1vw 0;
    width:69vw;
    height:21.8vw;
    padding:0 6vw 0 4vw;/*0 1vw;*/
    background-image:url('../image/bc-plandn_value_sp.png');
  }

  .bc-plandn_valuetxt0{
    font-size: 2.1rem;
  }

  .bc-plandn_valuetxt{
    margin: 0 0 0 0;
    font-size: 2.8rem;
    font-weight: 900;
  }

  .bc-plandn_valuetxt::before{
    width: 5vw;
    height: 5vw;
    top:40%;
    right:-6vw;
    font-size: 1.2rem;
  }

  .bc-plandn_valuetxt1{
    margin: 0 0 0 0;
    font-size: 1.4rem;
    font-weight: 900;
  }

  .bc-plandn_valuetxt1::before{
    width: 4vw;
    height: 4vw;
    top:48%;
    right:-5vw;
    font-size: 1.2rem;
  }

  .bc-plandn_valuetxt2{
    font-size: 2.8rem;
  }

  .bc-plandn_valuetxt2::before{
    right:-15vw;
  }

  .bc-plandn_valuetxt2::after{
    width: 4vw;
    height: 4vw;
    top:48%;
    right:-5vw;
    font-size: 1.2rem;
  }

  .bc-plandn_valuetxt3{
    font-size: 2.8rem;
  }

  .bc-plandn_valuetxt3::after{
    width: 4vw;
    height: 4vw;
    top:48%;
    right:-5vw;
    font-size: 1.2rem;
  }
  
  .bc-plandn_valuetxts{
    margin: 0 0 -2.4vw 0.4vw;
    font-size: 0.8rem;
  }


/***********************************************************/

  .bc-plandn_r{
    width:69vw;
    height:55.6vw;
  }
  
  .bc-plandn_hyo{
    width: 69vw;
    height: 40.4vw;
  
    font-size: 1rem;
  }
  
  .bc-plandn_rupflx{
    width: 69vw;
    height: 6.7vw;
  }
  
  .bc-plandn_rowth1{
    width: 34.5vw;
    height: 6.7vw;
  }
  
  .bc-plandn_rowtd1{
    width: 34.5vw;
    height: 6.7vw;
  }
  
  .bc-plandn_rowth{
    width: 69vw;
    height: 6.7vw;
  }
  
  .bc-plandn_rowtd{
    width: 69vw;
    height: 6.7vw;
  }

  .bc-plandn_sankapoint{
    width: 69vw;
    height:13.8vw;
    padding:0 2.8vw 0 4.1vw;
    background-image:url('../image/bc-plandn_point_sp.png');
  }

  .bc-plandn_sankapoint_vip{
    width: 69vw;
    height:13.8vw;
    padding:0 2.8vw 0 4.1vw;
    background-image:url('../image/plandn_sankapoint_vip_sp.png');
  }
  
  .bc-plandn_sankatxt1{
    font-size: 1rem;
  }
  
  .bc-plandn_sankatxt2{
    font-size: 1.4rem;
  }
  
  .bc-plandnbtn{
    margin: 12px 0 0 0;
    width: 60vw;
    height: 9.4vw;
    padding:0 1.4vw;
    font-size: 1rem;
  }

  .bc-sec2_linearr{
    margin: 0;
    width:14vw;
    height:6.4vw;
  }
  
  .bc-sec2_linearr1{
    position: relative;
    margin: 0 -0.6vw;
    width:4.8vw;
    height:6.4vw;
  }

}

/***********************************************************************

boat cross css

PC
プラン詳細ページ
css

************************************************************************/

.bc-plandeatil_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}


.bc-plandetailflm{
  margin: 20px 0 0 0;
  padding:36px 36px;/*31px 36px でピッタリ*/
  width: 61.16vw;
  height:42.3vw;
  max-width:734px;
  max-height:508px;
  background-repeat:no-repeat;
  background-position:center;
  /*background-image:url('../image/bc-plandetail_flm.png');*/
  background-size:100% 100%;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bc-plandetailflmimg1,.bc-plandetailflmimg21{
  background-image:url('../image/bc-plandetail_flm0.png');
}

.bc-plandetailflmimg2,.bc-plandetailflmimg3,.bc-plandetailflmimg4,
.bc-plandetailflmimg22,.bc-plandetailflmimg23,.bc-plandetailflmimg24{
  background-image:url('../image/bc-plandetail_flm1.png');
}

.bc-plandetailflmimg5,.bc-plandetailflmimg6,.bc-plandetailflmimg7,.bc-plandetailflmimg41,
.bc-plandetailflmimg25,.bc-plandetailflmimg26,.bc-plandetailflmimg27{
  background-image:url('../image/bc-plandetail_flm2.png');
}

.bc-plandetailflmimg8,.bc-plandetailflmimg9,.bc-plandetailflmimg10,.bc-plandetailflmimg11,
.bc-plandetailflmimg28,.bc-plandetailflmimg29,.bc-plandetailflmimg30,.bc-plandetailflmimg31{
  background-image:url('../image/bc-plandetail_flm3.png');
}


@media(max-width:1199px) and (min-width:551px){
  .bc-plandetailflm{
    padding:3vw 3vw;
  }
}

.bc-plandetail_planimg{
  margin:0;
  width: 55vw;
  height:19vw;
  max-width:662px;
  max-height:324px;
}

.bc-plandetail_value{
  margin:0;
  padding:0 16px 0 200px;
  width: 55vw;
  height:10vw;
  max-width:662px;
  max-height:121px;

  display: flex;
  justify-content: center;/*flex-end*/
  align-items: center;

  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-plandetail_value.png');
  background-size:100% 100%;
}

.bc-plandetail_hyoflx{
  margin: 20px 0 0 0;
  width:734px;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-plandetail_hyoflx{
    width: 55vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}

.bc-plandetail_hyoflxrow{
  display: flex;
  flex-direction: row;
}

.bc-plandetail_hyoflxcolumn{
  display: flex;
  flex-direction: column;
}

.bc-plandetail_hyoth{
  width: 193px;
  height: 40px;
  padding:8px 18px;
  background-color: #C99263;
  border: solid #5E472E;
  font-size: 1.1rem;
  font-weight: 700;
}

.bc-plandetail_hyoth:nth-of-type(1){
  border-width: 1px 1px 1px 1px;
}

.bc-plandetail_hyoth:nth-of-type(2){
  border-width: 0 1px 1px 1px;
}

.bc-plandetail_hyoth:nth-of-type(3){
  border-width: 0 1px 1px 1px;
}

.bc-plandetail_hyotd{
  width: 164px;
  height: 40px;
  padding:8px 18px;
  background-color: #fff;
  border: solid #5E472E;
  font-size: 1.1rem;
  font-weight: 700;
}

.bc-plandetail_hyotd:nth-of-type(1){
  border-width: 1px 1px 1px 0;
}

.bc-plandetail_hyotd:nth-of-type(2){
  border-width: 0 1px 1px 0;
}

.bc-plandetail_hyotd:nth-of-type(3){
  border-width: 0 1px 1px 0;
}

.bc-plandetail_comm{
  margin: 20px 0 0 0;
  width: 61.16vw;
  max-width:734px;
  height: auto;
  background-color: #151110;
  padding:32px 32px;
}

.bc-plandetail_commtxt1{
  font-size: 1.1rem;
  font-weight: 700;
  color:#fff;
  text-align: center;
}

.bc-plandetail_commtxt2{
  font-size: 1.8rem;
  font-weight: 700;
  color:#fff;
  text-align: center;
}

.bc-plandetail_btnflx{
  width: 61.16vw;
  max-width:734px;
  margin:20px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}

.bc-plandetail_btn1{
  margin:10px 10px;
  padding:24px 8px;
  width: 140px;
  height:264px;

  color:#fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  background-image:url('../image/bc-plandetail_btn1.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

.bc-plandetail_btn2{
  margin:10px 10px;
  padding:24px 8px;
  width: 140px;
  height:264px;

  color:#fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  background-image:url('../image/bc-plandetail_btn2.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

.bc-plandetail_btn3{
  margin:10px 10px;
  padding:24px 8px;
  width: 140px;
  height:264px;

  color:#fff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  background-image:url('../image/bc-plandetail_btn3.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

/********************************

boat cross

SP
プラン詳細ページ　css

*********************************/

@media(max-width:550px){

  .bc-plandeatil_ttl{
    margin:0;
    width: 80vw;
    height:37vw;
  }
  
  .bc-plandetailflm{
    margin: 20px 0 0 0;
    padding:3.2vw 3.8vw;/*36px 36px;/*31px 36px でピッタリ*/
    width: 77.2vw;
    height:53.6vw;
    background-image:url('../image/bc-plandetail_flm_sp.png');
  }

  .bc-plandetailflmimg1,.bc-plandetailflmimg21{
    background-image:url('../image/bc-plandetail_flm0_sp.png');
  }
  
  .bc-plandetailflmimg2,.bc-plandetailflmimg3,.bc-plandetailflmimg4,
  .bc-plandetailflmimg22,.bc-plandetailflmimg23,.bc-plandetailflmimg24{
    background-image:url('../image/bc-plandetail_flm1_sp.png');
  }
  
  .bc-plandetailflmimg5,.bc-plandetailflmimg6,.bc-plandetailflmimg7,.bc-plandetailflmimg41,
  .bc-plandetailflmimg25,.bc-plandetailflmimg26,.bc-plandetailflmimg27{
    background-image:url('../image/bc-plandetail_flm2_sp.png');
  }
  
  .bc-plandetailflmimg8,.bc-plandetailflmimg9,.bc-plandetailflmimg10,.bc-plandetailflmimg11,
  .bc-plandetailflmimg28,.bc-plandetailflmimg29,.bc-plandetailflmimg30,.bc-plandetailflmimg31{
    background-image:url('../image/bc-plandetail_flm3_sp.png');
  }  

  .bc-plandetail_planimg{
    margin:0;
    width: 69.6vw;
    height:34.4vw;
    max-width:none;
    max-height:none;
  }
  
  .bc-plandetail_value{
    margin:0;
    padding:0 0.5vw 0 19vw;
    width: 69.6vw;
    height:12.8vw;
    background-image:url('../image/bc-plandetail_value_sp.png');
  }

  .bc-plandetail_hyoflx{
    margin: 4vw 0 0 0;
    width:77.2vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content:center;
  }

  .bc-plandetail_hyoth{
    width: 40vw;
    height: 5.6vw;
    padding:0;
    text-align: center;
    font-size: 1.1rem;
  }

  .bc-plandetail_hyotd{
    width: 37.2vw;
    height: 5.6vw;
    padding:0;
    text-align: center;
    font-size: 1.1rem;

  }

  .bc-plandetail_comm{
    margin: 4vw 0 0 0;
    width: 77.2vw;
    height: auto;
    background-color: #151110;
    padding:6vw 2vw;
  }
  
  .bc-plandetail_commtxt1{
    font-size: 0.9rem;
    font-weight: 700;
  }
  
  .bc-plandetail_commtxt2{
    font-size: 1.3rem;
  }
  
  .bc-plandetail_btnflx{
    width: 79.2vw;/*77.2vw*/
    margin:4vw 0 0 0;
  }
  
  .bc-plandetail_btn1{
    margin:1vw 1vw;
    padding:2.5vw 1vw;
    width: 23vw;
    height:43.3vw;
    font-size: 1.2rem;
  }
  
  .bc-plandetail_btn2{
    margin:1vw 1vw;
    padding:2.5vw 1vw;
    width: 23vw;
    height:43.3vw;
    font-size: 1.2rem;
  }
  
  .bc-plandetail_btn3{
    margin:1vw 1vw;
    padding:2.5vw 1vw;
    width: 23vw;
    height:43.3vw;
    font-size: 1.2rem;

  }

}

/********************************

boat cross

PC
買い目ページ　css

*********************************/
.bc-kaime_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}

.bc-kaime_imgflm{
  margin: 20px 0 0 0;

  width: 61.16vw;
  height:32.25vw;
  max-width:734px;
  max-height:387px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-kaime_imgflm.png');
  background-size:cover;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-kaime_imgflm1,.bc-kaime_imgflm21{
  background-image:url('../image/bc-kaime_imgflm0.png');
}
.bc-kaime_imgflm2,.bc-kaime_imgflm3,.bc-kaime_imgflm4,
.bc-kaime_imgflm22,.bc-kaime_imgflm23,.bc-kaime_imgflm24{
  background-image:url('../image/bc-kaime_imgflm1.png');
}
.bc-kaime_imgflm5,.bc-kaime_imgflm6,.bc-kaime_imgflm7,.bc-kaime_imgflm41,
.bc-kaime_imgflm25,.bc-kaime_imgflm26,.bc-kaime_imgflm27{
  background-image:url('../image/bc-kaime_imgflm2.png');
}
.bc-kaime_imgflm8,.bc-kaime_imgflm9,.bc-kaime_imgflm10,.bc-kaime_imgflm11,
.bc-kaime_imgflm28,.bc-kaime_imgflm29,.bc-kaime_imgflm30,.bc-kaime_imgflm31{
  background-image:url('../image/bc-kaime_imgflm3.png');
}

.bc-kaime_img{
  margin:0;
  width: 55vw;
  height:27vw;
  max-width:662px;
  max-height:324px;
}

.bc-kaimeflm{
  margin: 20px 0 0 0;
  padding:30px 0; 
  width: 61.16vw;
  max-width:734px;
  height: auto;
  background-color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bc-kaime_h1{
  padding:0 24px;
  width: 55.75vw;
  height: 4.416vw;
  max-width:669px;
  max-height:53px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/bc-kaime_h1.png');
  background-size:cover;
}

.bc-kaime_rflx{
  display: flex;
  align-items: center;
}

.bc-kaime_rnum1{
  width: 82px;
  height:32px;
  padding:4px 2px;
  border-radius: 5px;
  color:#fff;
  background-color: #27592F;
  font-size: 1rem;
  font-weight: 900;
}
.bc-kaime_rnum2{
  width: 82px;
  height:32px;
  padding:4px 2px;
  border-radius: 5px;
  color:#fff;
  background-color: #2C3F67;
  font-size: 1rem;
  font-weight: 900;
}


.bc-kaime_rname{
  margin: 0 0 0 14px;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-kaime_rtime{
  font-size: 0.9rem;
  font-weight: 400;
}

.bc-kaime_flx{
  margin:14px 0 0 0;
  width: 61.16vw;
  max-width:734px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.bc-kaime_item{
  width:146px;
  height: 50px;
  display: flex;
  justify-content:center;
  align-items: center;
}

.bc-kaime_kaime{
  display: flex;
  justify-content:center;
  align-items: center;
}

.bc-kaime_kingaku{
  margin: 14px 0 0 0;
  font-size: 1.2rem;
  font-weight: 700;
}

/********************************

boat cross

SP
買い目ページ　css

*********************************/
@media(max-width:550px){

.bc-kaime_ttl{
  margin:0;
  width: 79.8vw;
  height:37vw;
}

.bc-kaime_imgflm{
  margin: 4vw 0 0 0;

  width: 77vw;
  height:40.6vw;
  background-image:url('../image/bc-kaime_imgflm_sp.png');
}

.bc-kaime_imgflm1,.bc-kaime_imgflm21{
  background-image:url('../image/bc-kaime_imgflm0_sp.png');
}
.bc-kaime_imgflm2,.bc-kaime_imgflm3,.bc-kaime_imgflm4,
.bc-kaime_imgflm22,.bc-kaime_imgflm23,.bc-kaime_imgflm24{
  background-image:url('../image/bc-kaime_imgflm1_sp.png');
}
.bc-kaime_imgflm5,.bc-kaime_imgflm6,.bc-kaime_imgflm7,.bc-kaime_imgflm41,
.bc-kaime_imgflm25,.bc-kaime_imgflm26,.bc-kaime_imgflm27{
  background-image:url('../image/bc-kaime_imgflm2_sp.png');
}
.bc-kaime_imgflm8,.bc-kaime_imgflm9,.bc-kaime_imgflm10,.bc-kaime_imgflm11,
.bc-kaime_imgflm28,.bc-kaime_imgflm29,.bc-kaime_imgflm30,.bc-kaime_imgflm31{
  background-image:url('../image/bc-kaime_imgflm3_sp.png');
}

.bc-kaime_img{
  margin:0;
  width: 69.4vw;
  height:34.2vw;
}

.bc-kaimeflm{
  margin: 4vw 0 0 0;
  padding:3vw 0; 
  width: 76.7vw;
}

.bc-kaime_h1{
  padding:0 2vw;
  width: 70.4vw;
  height: 10.6vw;
  background-image:url('../image/bc-kaime_h1_sp.png');
}

.bc-kaime_rnum1{
  width: 18.4vw;
  height:7.2vw;
  padding:1vw 0.4vw;
  font-size: 1rem;
}
.bc-kaime_rnum2{
  width: 18.4vw;
  height:7.2vw;
  padding:1vw 0.4vw;
  font-size: 1rem;
}

.bc-kaime_rname{
  margin: 0 0 0 2.8vw;
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-kaime_rtime{
  width:12.8vw;
  font-size: 0.9rem;
}

.bc-kaime_flx{
  margin:1.8vw 0 0 0;
  width: 73vw;
}

.bc-kaime_item{
  width:24vw;
  height: 8.4vw;
}

.bc-kaime_kingaku{
  margin: 1.8vw 0 0 0;
  font-size: 1.2rem;
  font-weight: 700;
}
}


/***********************************************************************

boat cross css

PC
mailbox 一覧ページ
css

************************************************************************/
.bc-mailbox_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}

.bc-wh00bg{
  background-color: rgba(255,255,255,0);
  width:83.34vw;
  max-width: 1000px;
  padding:4% 0;
}

.bc-mailbox_flx{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bc-mailbox_item{
  margin:10px 10px;
  width: 416px;
  height:198px;
  background-color: rgba(255,255,255,1);

  display: flex;
  justify-content: space-between;
}

.bc-mailbox_item1{
  margin:10px 10px;
  width: 416px;
  height:198px;
  background-color: rgba(255,255,255,0.8);

  display: flex;
  justify-content: space-between;
}

.bc-mailbox_check{
  width: 45px;
  height: 198px;
  border: #B5B3B2 solid;
  border-width: 0 1px 0 0;

  display: flex;
  justify-content:center;
  align-items: center;
}

.bc-mailbox_checkmark{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #192174;
}

.bc-mailbox_checkmark1{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
}

.bc-mailbox_rside{
  width: 371px;
  height: 198px;

  display: flex;
  flex-direction: column;
}

.bc-mailbox_rsideup{
  width: 371px;
  height: 44px;

  border: #B5B3B2 solid;
  border-width: 0 0 1px 0;
  display: flex;
  flex-direction: row;
}

.bc-mailbox_rsideup1{
  width: 234px;
  height: 44px;
  padding:4px 12px;

  border: #B5B3B2 solid;
  border-width: 0 1px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bc-mailbox_rsideup2{
  width: 137px;
  height: 44px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bc-mailbox_rsidedw{
  width: 371px;
  height: 154px;

  display: flex;
  flex-direction: column;
}

.bc-mailbox_rsidedw1{
  width: 371px;
  height: 82px;
  padding:16px 16px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-mailbox_rsidedw2{
  width: 371px;
  height: 72px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-mailbox_readmore{
  width: 185px;
  height: 48px;

  border-radius: 5px;
  background-color: #192174;
  color:#fff;
  font-size: 1.2rem;
  font-weight: 700;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-mailbox_from{
  font-size: 0.8rem;
}

.bc-mailbox_fromtxt{
  font-weight: 700;
}

.bc-mailbox_date{
  font-size: 0.9rem;
  font-weight: 700;
}

.bc-mailbox_time{
  font-size: 0.8rem;
}


/***********************************************************************

boat cross css

SP
mailbox 一覧ページ
css

************************************************************************/
@media(max-width:550px){

.bc-mailbox_ttl{
  margin:0;
  width: 79.8vw;
  height:37vw;
}

.bc-wh00bg{
  background-color: rgba(255,255,255,0);
  width:88vw;
  padding:4% 0;
}

.bc-mailbox_flx{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bc-mailbox_item{
  margin:2vw 2vw;
  width:83.2vw;
  height:39.6vw;
}

.bc-mailbox_item1{
  margin:2vw 2vw;
  width:83.2vw;
  height:39.6vw;
}

.bc-mailbox_check{
  width: 9vw;
  height:39.6vw;
}

.bc-mailbox_checkmark{
  width: 4vw;
  height: 4vw;
}

.bc-mailbox_checkmark1{
  width: 4vw;
  height: 4vw;
}

.bc-mailbox_rside{
  width: 74.2vw;
  height:39.6vw;
}

.bc-mailbox_rsideup{
  width: 74.2vw;
  height: 8.8vw;
}

.bc-mailbox_rsideup1{
  width:46.8vw;
  height: 8.8vw;
  padding:0.8vw 2.4vw;
}

.bc-mailbox_rsideup2{
  width: 27.4vw;
  height: 8.8vw;
}

.bc-mailbox_rsidedw{
  width: 74.2vw;
  height: 30.8vw;
}

.bc-mailbox_rsidedw1{
  width: 74.2vw;
  height: 16.4vw;
  padding:3.2vw 3.2vw;
}

.bc-mailbox_rsidedw2{
  width: 74.2vw;
  height: 14.4vw;
}

.bc-mailbox_readmore{
  width: 37vw;
  height: 9.6vw;
  font-size: 1rem;
  font-weight: 700;
}

.bc-mailbox_from{
  font-size: 0.8rem;
}

.bc-mailbox_fromtxt{
  font-size: 0.9rem;
  font-weight: 700;
}

.bc-mailbox_date{
  font-size: 0.9rem;
  font-weight: 700;
}

.bc-mailbox_time{
  font-size: 0.8rem;
}

}





/***********************************************************************

boat cross css

PC
mail詳細ページ
css

************************************************************************/
.bc-mail_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}

.bc-mail_ft_flx{
  margin:20px 0 0 0;
  width: 68.53vw;
  height: auto;
  max-width:823px;

  display: flex;
  justify-content:space-between;
  align-items: center;
}

.bc-mail_ft_flx2{
  margin:10px 0 20px 0;
  width: 68.53vw;
  max-width:823px;
  height: auto;

  display: flex;
  justify-content:space-between;
  align-items: center;
}


.bc-mail_from{
  width: 35.25vw;
  max-width:423px;
  height: 38px;

  background-color: rgba(255,255,255,0.7);
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.bc-mail_sendtime{
  width: 33.25vw;
  max-width:399px;/*399px;*/
  height: 38px;

  background-color: rgba(255,255,255,0.7);
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.bc-mail_from2{
  width: 35.25vw;
  max-width:423px;
  height: 8.53vw;
  max-height: 103px;

  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.bc-mail_sendtime2{
  width: 33.25vw;
  max-width:399px;/*399px;*/
  height: 8.53vw;
  max-height: 103px;

  font-size:1rem;

  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.bc-mail_fromtxt{
  font-size: 1.2rem;
  font-weight: 700;
}

.bc-mail_bold{
  font-weight: 700;
}

.bc-mail_h1{
  margin: 0;
  width: 68.53vw;
  height: 50px;
  max-width:823px;
  background-color: #192174;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.bc-mail_title{
  padding:28px 82px;
  width: 68.53vw;
  max-width:823px;
  height: auto;/*13.33vw;*/
  max-height: 160px;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
}

.bc-mail_flm{
  padding:52px 38px;
  width: 68.53vw;
  height:auto;
  max-width:823px;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8;
}

@media(max-width:1199px) and (min-width:551px){
  .bc-mail_title{
    font-size: 1.3rem;
    padding:2.3vw 5.8vw;
  }
  .bc-mail_flm{
    padding:4.3vw 3.6vw;
  }
}


/***********************************************************************

boat cross css

SP
mail詳細ページ
css

************************************************************************/
@media(max-width:550px){

.bc-mail_ttl{
  margin:0;
  width: 79.8vw;
  height:37vw;
}

.bc-mail_ft_flx{
  margin:4vw 0 0 0;
  width: 74vw;
}

.bc-mail_ft_flx2{
  margin:2vw 0 4vw 0;
  width: 74vw;
}


.bc-mail_from{
  width: 46.8vw;
  height: 4.6vw;
}

.bc-mail_sendtime{
  width: 27vw;
  height: 4.6vw;
}

.bc-mail_from2{
  width: 46.8vw;
  height: 8.4vw;
}


.bc-mail_sendtime2{
  width: 27vw;
  height:8.4vw;

  font-size: 0.8rem;
}

.bc-mail_fromtxt{
  font-size: 0.9rem;
  font-weight: 700;
}

.bc-mail_bold{
  font-weight: 700;
}

.bc-mail_h1{
  margin: 0;
  width: 74vw;
  height: 6.4vw;
}

.bc-mail_title{
  padding:2vw 3.2vw;
  width: 74vw;
  height:auto;/* 17.6vw;*/
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.8;
}

.bc-mail_flm{
  padding:4.4vw 4vw;
  width: 74vw;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

}



/***********************************************************************

boat cross css

SP
contactページ
css

************************************************************************/
.bc-contact_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}

.bc-contact_h1{
  margin:40px 0 0 0;
  width: 68.53vw;
  height: 50px;
  max-width:823px;
  background-color: #192174;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.bc-contact_flm{
  padding:38px 38px;
  width: 68.53vw;
  height:42.5vw;
  max-width:823px;
  max-height: 510px;
  background-color: #fff;
  font-size: 1.2rem;

  line-height: 1.8;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-contact_textarea{
  padding:18px 24px;
  width: 100%;
  height:100%;
  border: #ccc 1px solid;
  border-radius: 5px;
}

.bc-contact_attentiontxt{
  margin: 20px 0 0 0;
  text-align: center;
  font-size: 0.9rem;
}

.bc-contact_sendbtn{
  margin: 40px 0 0 0;
  width: 276px;
  height: 107px;
}

.bc-contact_fintxt{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}
/***********************************************************************

boat cross css

sp
contactページ
css

************************************************************************/
@media(max-width:550px){

    .bc-contact_ttl{
      margin:0;
      width: 79.8vw;
      height:37vw;
    }
    
    .bc-contact_h1{
      font-size: 0.8rem;
      margin:6vw 0 0 0;
      width: 74vw;
      height: 6.4vw;
    }
    
    .bc-contact_flm{
      padding:3vw 4vw;
      width: 74vw;
      height:45.6vw;
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1.8;
    }
    
    .bc-contact_textarea{
      padding:2vw 2vw;
    
    }
    
    .bc-contact_attentiontxt{
      margin: 4vw 6vw 0 6vw;
      font-size: 0.8rem;
    }
    
    .bc-contact_sendbtn{
      margin: 4vw 0 0 0;
      width: 44vw;
      height: auto;
    }
    .bc-contact_fintxt{
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 1.3;
    }
  }

/***********************************************************************

boat cross css

PC
的中実績tページ
css

************************************************************************/
.bc-perform_ttl{
  margin:0;
  width: 44.08vw;
  height:19.1vw;
  max-width:529px;
  max-height:229px;
}

.bc-perform_flx{
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}


.bc-perform_item{
  margin: 10px 10px;
  padding:38px 34px;
  width:426px;
  height:461px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  background-image: url('../image/bc-sec4pfflm.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bc-pf_planimg{
  width:355px;
  height:175px;
}

.bc-pf_value{
  position: relative;
  width:354px;
  height:56px;
  padding:4px 20px;
  background-color:#232582;
  border-radius: 20px;
  font-size: 2.2rem;
  font-weight: 700;
  color:#FDED00;
}

.bc-pf_value_s{
  font-size: 1.2rem;
  font-weight: 500;
  color:#FDED00;
}

.bc-pf_mato{
  position: absolute;
  top:-8px;
  right: -2px;
  width:76px;
  height: 73px;
  background-image: url('../image/bc-sec4pfflm_mato.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}

.anime .bc-pf_mato{
  -webkit-animation-name: none;
  animation-name: none;
}

.action .bc-pf_mato{
  -webkit-animation-name: shake1;
  animation-name: shake1;
  animation-duration: 0.8s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0s;/*0.3s*/
  animation-timing-function:linear;
  /*animation-iteration-count:infinite;*/
}

.bc-pf_mato::before{
  content: "";
  position: absolute;
  top:-7px;/*0*/
  right: -13px;
  width: 49px;
  height: 44px;
  background-image: url('../image/bc-sec4pfflm_arr1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.anime .bc-pf_mato::before{
  -webkit-animation-name: none;
  animation-name: none;
}

.action .bc-pf_mato::before{
  -webkit-animation-name: move45deg;
  animation-name: move45deg;
  animation-duration: 0.8s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0s;/*0.3s*/
  animation-timing-function:linear;
  /*animation-iteration-count:infinite;*/
}

.bc-pf_mato::after{
  content: "";
  position: absolute;
  top:34px;
  right: 21px;
  width: 16px;
  height: 35px;
  background-image: url('../image/bc-sec4pfflm_arr2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}

.anime .bc-pf_mato::after{
  -webkit-animation-name: none;
  animation-name: none;
}

.action .bc-pf_mato::after{
  -webkit-animation-name: opacity100;
  animation-name: opacity100;
  animation-duration: 0.8s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0s;/*0.3s*/
  animation-timing-function:linear;
  /*animation-iteration-count:infinite;*/
}

.bc-pf_info{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-self: center;
}

.bc-pf_info1{
  width:202px;
  height: 114px;
  border: #C30018 solid 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bc-pf_info2{
  width:202px;
  height: 114px;
  border: #C30018 solid 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bc-pf_race{
  width: 100%;
  padding:8px 8px;
  border: #C30018 solid 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bc-pf_kaime{
  display: flex;
  align-items: center;
}

.bc-pf_racename{
  font-size:1rem;
  font-weight: 700;
}

.bc-pf_tri{
  width:28px;
  height:16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-pf_inforow{
  display: flex;
  flex-direction: column;
}

.bc-pf_infoth1{
  padding:3px 0;
  width: 128px;
  height: 28px;
  background-color: #C30018;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}

.bc-pf_infotd1{
  padding:3px 0;
  width: 128px;
  height: 28px;
  border: #C30018 solid 1px;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.bc-pf_pagelinkflx{
  margin: 60px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bc-pf_pagelink{
  margin: 0 14px;
  width: 57px;
  height: 57px;
  border: 1px #fff solid;
  background-color: transparent;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-size: 1.6rem;
  font-weight: 900;
}

.bc-pf_pagelink:hover{
  color: #000;
  background-color: #fff;
}


/*performance.html sp  css*************************************************************/
@media(max-width:550px){

  .bc-sec4_txt1{
    color:#fff;
    font-size: 1.2rem;
    line-height: 1.6;
    text-align: center;
    }
    
    .bc-sec4_txt2{
      color:#fff;
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 1.6;
      text-align: center;
    }

  .bc-performflx{
    margin: 4vw 0 0 0;
  }
  
  .bc-perform_item{
    margin:1.68vw 1.68vw;/*1.4vw 1.4vw; 10px 10px;0.758*/
    padding:6.7vw 6vw;/*5.6vw 5vw;38px 34px; =>28px  25px */
    width:77.5vw;/*64.6vw;426px;323px*/
    height:84vw;/*70vw;461px;350px*/
    background-image: url('../image/bc-sec4pfflm_sp.png');
  }
  
  .bc-pf_planimg{
    width:64.56vw;/*53.8vw;355px;*/
    height:31.83vw;/*26.53vw;175px;*/
  }
  
  .bc-pf_value{
    position: relative;
    width:64.3vw;/*53.6vw;*/
    height:12.22vw;/*10.188vw;/*8.49vw;*/
    padding:0.9vw 3.6vw;/*0.3vw 3.6vw  0.2vw 3vw;*/
    border-radius: 4vw;
    font-size: 1.9rem;
  }
  
  .bc-pf_value_s{
    font-size: 1.2rem;
  }
  
  .bc-pf_mato{
    position: absolute;
    top:-1.72vw;/*-1.44vw;/*-1.2vw;-8px;*/
    right:-0.36vw;/*-0,3vw; -2px;*/
    width:16.56vw;/*13.8vw;11.5vw;76px;*/
    height:15.84vw;/*13.2vw;/*11vw;/* 73px;*/
  }

  .bc-pf_mato2{
    top:1.92vw;/*1.6vw;/*-8px;*/
  }
  
  .bc-pf_mato::before{
    top:-1.44vw;/*-1.2vw;/*-1vw;7px;/*0*/
    right:-2.29vw;/* -1.9vw;-13px;*/
    width:10.65vw;/*8.88vw;7.4vw;49px;*/
    height:9.6vw;/*8vw;6.67vw;/44px;*/
  }
  
  .bc-pf_mato::after{
    content: "";
    position: absolute;
    top:7.2vw;/*6vw;5vw;34px;*/
    right:4.5vw;/*3.6vw;3vw; 21px;*/
    width:3.45vw;/*2.88vw;2.4vw; 16px;*/
    height:7.63vw;/*6.36vw;5.3vw;/* 35px;*/
  }
  
  .bc-pf_info1{
    width:40.32vw;/*33.6vw;202px;*/
    height:20vw;/*16.8vw; 114px;*/
  }
  
  .bc-pf_info2{
    width:40.32vw;/*33.6vw;202px;*/
    height:20vw;/*16.8vw; 114px;*/
  }
  
  .bc-pf_race{
    width: 100%;
    padding:0.8vw 0.4vw;/*0.72vw 0.36vw; 0.6vw 0.3vw; 1.2vw 0.3vw *8px 8px;*/
  }
  
  .bc-pf_racename{
    font-size: 0.9rem;
    font-weight: 700;
  }
  
  .bc-pf_tri{
    width:5vw;/*4.2vw; 5.6vw;/*28px;*/
    height:2.88vw;/*2.4vw; 3.2vw;/*16px;*/
  }
  

  .bc-pf_infoth1{
    padding:0.4vw 0;
    width:23.28vw;/*19.4vw; 128px;*/
    height:5vw; /*4.2vw; 28px;*/
    font-size: 0.7rem;
  }
  
  .bc-pf_infotd1{
    padding:0.4vw 0;
    width:23.28vw;/*19.4vw; 128px;*/
    height:5vw; /*4.2vw; 28px;*/
    font-size: 0.7rem;
  }

  .bc-pf_pagelinkflx{
    margin: 8vw 0 0 0;
  }

  .bc-pf_pagelink{
    margin: 0 3.3vw;
    width: 11.4vw;
    height: 11.4vw;
    font-size: 1.4rem;
    font-weight: 900;
  }


}


/***********************************************************************

boat cross css

PC
利用規約ページ
css

************************************************************************/
.rule{
  padding:40px 40px 40px 40px;
}

.rule h3 {
	color: #03A9F4;
	display: table;
	border-bottom: 2px #03A9F4 solid;
	margin: 1em 0;
	font-weight: 900;
}

.rule p {
  color: #fff;
}

ul li {
	margin: 1em 0;
  color: #fff;
}

ul li ul li {
	margin: 0.5em 0;
	position: relative;
	padding-left: 1em;
}

ul li ul li::before {
	content: "";
	position: absolute;
	width: 0.25em;
	height: 0.25em;
	background-color: #fff;
	top: 0.625em;
	left: 0.3em;
	border-radius: 100%;
}

ul.number {
	position: relative;
	padding-left: 1.5em;
}

ul.number span {
	position: absolute;
	top: auto;
	left: 0;
}

@media(max-width:550px){
  .rule{
    padding:6vw 3vw;
  }

}


/***********************************************************************

boat cross css

PC
プライバシーページ
css

************************************************************************/
.document_out{
  padding:40px 40px 40px 40px;
}

@media(max-width:550px){
  .document_out{
    padding:6vw 3vw;
  }

}


.document h1 {
	text-align: center;
	font-weight: 900;
	font-size: 1.4em;
	letter-spacing: 0.2em;
	padding-left: 0.2em;
	margin: 1em 0;
	color: #fff;
}

.document p {
	color: #fff;
}

.document section>div {
	padding: 0 1em;
}

.document dl {
	margin: 1em 0;
}

.document dt {
	color: #fff;
	margin-bottom: 0.5em;

}

.document dd {
	padding-left: 1.5em;
  color: #fff;
}

.document dd>ul {}

.document dd>ul li {
	margin: 0.5em 0;
	padding-left: 1em;
	position: relative;
}

.document dd>ul li::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 0.5em;
	height: 0.5em;
	background-color: #fff;
	left: 0;
	border-radius: 100%;
}

.document p {
	margin: 0.5em 0;
}

.outline_h1{
  font-size: 1.5rem;
}


@media(max-width:550px){
  .outline_h1{
    font-size: 1.1rem;
  }
}


/***********************************************************************

boat cross css

PC
How toページ
css

************************************************************************/



.bc-how_flm{
  margin: 40px auto;
  width:85vw;
  max-width:900px;
  height: auto;
  padding:10% 3%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

  background-repeat: no-repeat;
  background-position: center;
  background-size:100% 100%;
}

.bc-how_flm1{
  background-image: url('../image/bc-how_flm1.png');
}

.bc-how_flm2{
  background-image: url('../image/bc-how_flm2.png');
}

.bc-how_flm3{
  background-image: url('../image/bc-how_flm3.png');
}

.bc-how_no{
  width:66.66%;
  height:auto;
}

.bc-how_no1txt{
  width:74.66%;
  height:auto;
}

.bc-how_no2txt{
  width:70.88%;
  height:auto;
}

.bc-how_no3txt{
  width:70.88%;
  height:auto;
}


.bc-sec7_circleflx{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  flex-wrap:wrap-reverse;
}

.bc-sec7_circle{
  margin: 20px 20px;
  width:40vw;
  max-width:480px;
  height:33.75vw;
  max-height:405px;
  position: relative;
  z-index: 1;
}

.bc-sec7_circlebright{
  position: absolute;
  top:-29.2%;
  left:-20%;
  width:140.4vw;
  max-width:1685px;
  height:137.5vw;
  max-height:1650px;

}

.bc-how_ttl1{
  margin: 20px auto;
  width:85vw;
  max-width:1019px;
  height:auto;
}

@media(max-width:550px){
  .bc-how_flm{
    margin: 10vw auto;
    width:94vw;

    height: auto;
    padding:14% 8%;
  }

  .bc-how_flm1{
    background-image: url('../image/bc-how_flm1_sp.png');
  }
  
  .bc-how_flm2{
    background-image: url('../image/bc-how_flm2_sp.png');
  }
  
  .bc-how_flm3{
    background-image: url('../image/bc-how_flm3_sp.png');
  }
  

  .bc-how_no{
    width:100%;/*66.66%;*/
  }
  
  .bc-how_no1txt{
    width:100%;
    height:auto;
  }
  
  .bc-how_no2txt{
    width:100%;
    height:auto;
  }
  
  .bc-how_no3txt{
    width:100%;
    height:auto;
  }

  .bc-sec7_circle{
    margin: 2vw 0;/*20px 20px;*/
    width:45.24vw;/*43vw;/*47.88vw;/*53.2vw;*/
    height:35vw;/*33.3vw;/*37.08vw;/*41.2vw;*/
  }
  
  .bc-sec7_circlebright{
    position: absolute;
    top:-42.5%;/*-29.2%;*/
    left:-35.6vw;
    width:171.2vw;
    height:167.8vw;
  }
}























/********************************
bp-top
*********************************/

.bp-topbg{
  width: 100%;
  background-image: url('../image/bp-topbg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  padding:4% 0;
  display: flex;
  justify-content: center;
}

.bp-toplogo{
width: 45%;
max-width: 532px;
}


.bp-topmess{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.bp-topmess1{
width: 63%;
max-width: 757px;
}

.bp-topmess2{
  width: 69.8%;
  max-width: 838px;
  margin:0 0 0 -30%;
}


@media(max-width:550px){
  .bp-topbg{
    background-image: url('../image/bp-topbg_sp.jpg');
    padding:4% 0;
  }

  .bp-toplogo{
  width: 75vw;
  }

  .bp-topmess{
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .bp-topmess1{
  width: 96vw;
  }

  .bp-topmess2{
    width: 100vw;
    margin:-18vw 0 0 0;
  }
}



/********************************
bp-reg
*********************************/
.bp-regbg{
  width: 100%;
  background: url('../image/bp-regbgpart.png');
  background-size: 74px 43px;
  background-repeat: repeat;
  background-position: top left;
  /*  background-size: cover;*/

  padding:6% 0 16% 0;
  display: flex;
  justify-content: center;
}

.bp-regflm{
  width: 87%;
  max-width:1042px;
  background-image: url('../image/bp-reg_flmbg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  padding:6% min(4%,40px) 3% min(4%,40px);

  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.bp-regitem{
  margin: 0;
  width: 437px;
  height: 264px;
  /*padding:30px 0;*/
  background-image: url('../image/bp-reg_flmitem.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-regitem_txt1{
  width: 210px;
  height: 155px;
}
.bp-regitem_txt2{
  width: 268px;
  height: 220px;
}

.bp-reg_x{
  position:absolute;
  top:40%;
  left:calc(50% - 53px);
  width: 106px;
  height: 106px;
  z-index: 2;
}

.bp-reg_ttl{
  position:absolute;
  top:-14%;
  left: 10.1%;
  width: 79.75%;
  max-width: 957px;
  z-index: 2;
}


@media(max-width:550px){
  .bp-regbg{
    padding:14vw 0 34vw 0;
  }

  .bp-regflm{
    width: 92vw;
    background-image: url('../image/bp-reg_flmbg_sp.png');

    padding:12vw 7vw 7vw 7vw;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .bp-regitem{
    margin: 0 0 0 0;
    width: 76.4vw;
    height: 63.4vw;
    /*padding:30px 0;*/
    background-image: url('../image/bp-reg_flmitem_sp.png');
  }

  .bp-regitem:last-child{
    margin: 5vw 0 0 0;
  }

  .bp-regitem_txt1{
    width: 50vw;
    height: 35vw;
  }
  .bp-regitem_txt2{
    width: 63vw;
    height: 48vw;
  }

  .bp-reg_x{
    position:absolute;
    top:42.5%;
    left:calc(50% - 12vw);
    width: 24vw;
    height: 24vw;
  }

  .bp-reg_ttl{
    position:absolute;
    top:-8vw;
    left: 1vw;
    width: 90vw;
  }

}






























/********************************
bp-section3
*********************************/
.bp-sec3bg{
  width: 100%;
  background-image: url('../image/bp-sec3bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  margin:-10% 0 0 0;/*-100px 0 0 0*/
  padding:14% 0 18% 0;
  display: flex;
  justify-content: center;
}

.bp-sec3_ttl1{
width: 90%;
max-width: 1089px;
}

.bp-sec3flm{
  margin: 80px 0 0 0;
  width: 70%;
  max-width:801px;

  background-image: url('../image/bp-sec3_flmbg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  padding:8% min(4%,40px) 6% min(4%,40px);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.bp-sec3_ttl2{
  position:absolute;
  top:-6%;
  left: 6.25%;
  width: 87.5%;
  max-width: 700px;
  z-index: 2;
}

.bp-sec3_medal{
  position:absolute;
  top:-2%;
  left: -5%;
  width: 197px;
  height: 271px;
  z-index: 2;
}

.bp-sec3_1000{
  width: 85%;
  max-width: 681px;
}

.bp-sec3_line{
  margin: 30px 0 0 0;/**/
  width: 60%;
  max-width: 480px;
}

.bp-sec3_mail{
  margin: 30px 0 0 0;
  width: 60%;
  max-width: 480px;
}

.bp-sec3_input{
  margin: 30px 0 0 0;
  padding:8px 6px;
  width: 50%;
  max-width: 400px;
  text-align: center;

}

.bp-sec3_btn{
  margin: 30px 0 0 0;
  width: 24%;
  max-width: 185px;
}

.bp-sec3_attention{
  margin: 30px 0 0 0;
  width: 85%;
  max-width: 681px;
  padding:4% 8%;
  text-align: center;
  background-color: #fff;
  box-shadow: 7px 7px 15px 0px #777777;
border-radius: 0px;
}

.bp-sec3_attxt0{
  margin: 30px 0 0 0;
  font-size: 1rem;
  font-weight:400;
}
.bp-sec3_attxt1{
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.8;
}
.bp-sec3_attxt2{
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
}

.bp-sec3_yelline{
  background: linear-gradient(transparent 70%, #FFEE00 70%);
}


@media(max-width:550px){
  .bp-sec3bg{
    background-image: url('../image/bp-sec3bg_sp.png');

    margin: -28vw 0 0 0;
    padding:28vw 0 26vw 0;
  }

  .bp-sec3_ttl1{
  width: 90vw;
  }

  .bp-sec3flm{
    margin: 11vw 0 0 0;
    width: 90vw;
    background-image: url('../image/bp-sec3flmbg_sp.png');
    padding:11vw 5vw 6vw 5vw;
  }

  .bp-sec3_ttl2{
    top:-6vw;
    left: 1vw;
    width: 88vw;
  }

  .bp-sec3_medal{
    top:5vw;
    left: -4vw;
    width: 24vw;
    height: 33vw;
  }

  .bp-sec3_1000{
    width: 77vw;
  }

  .bp-sec3_line{
    margin: 6vw 0 0 0;/**/
    width: 74vw;
  }

  .bp-sec3_mail{
    margin: 6vw 0 0 0;
    width: 74vw;
  }

  .bp-sec3_input{
    margin: 4vw 0 0 0;
    padding:8px 6px;
    width: 63vw;
  }

  .bp-sec3_btn{
    margin: 4vw 0 0 0;
    width: 50vw;
  }

  .bp-sec3_attention{
    margin:4vw 0 0 0;
    width: 74vw;
    padding:4vw 6vw;
  }

  .bp-sec3_attxt0{
    margin: 4vw 0 0 0;
    font-size: 1rem;
  }
  .bp-sec3_attxt1{
    font-size: 1.4rem;
  }
  .bp-sec3_attxt2{
    font-size: 1.2rem;
  }
}

/********************************
bp-section4
*********************************/
.bp-sec4bg{
  width: 100%;

  background:linear-gradient(to top , #000 0%, #000 50%, rgba(0, 0, 0, 0) 70%,rgba(0, 0, 0, 0) 100%) , url('../image/bp-sec4bg2.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;

  margin: -18% 0 0 0;/*-185px*/
  padding:6% 0 10% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  position: relative;
}

.bp-sec4bg_boat{
  position: absolute;
  top:15%;
  left:2.5%;
  width: 95%;
}

.bp-sec4bg_sara{
  position: absolute;
  top:1%;
  left:10%;
  width: 80%;
}

.bp-sec4_ttl1{
  width: 90%;
  max-width: 1096px;
}

.bp-sec4flm{
  margin:20% 0 0 0;
  width: 90%;
  max-width:1072px;
  background-image: url('../image/bp-sec4_flm.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  padding:2% min(0%,5px) 6% min(0%,5px);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.bp-sec4_txt10{
  margin: 0;
  width: 77%;
  max-width: 825px;
}

.bp-sec4_flx3{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-sec4_flxitem{
  margin: 0;
  width: 326px;
  height: 173px;
}

.bp-sec4_txt1{
  margin: 30px 0 0 0;
  width: 77.4%;
  max-width: 831px;
}

.bp-sec4_txt2{
  margin: 30px 0 0 0;
  width: 76.35%;
  max-width: 820px;
}

.bp-sec4_txt3{
  margin: 30px 0 0 0;
  width: 90%;
  max-width: 977px;
}

@media(max-width:550px){
  .bp-sec4bg{

    margin: -17vw 0 0 0;
    padding:22vw 0 10vw 0;/*14% 0 18% 0*/

    background:linear-gradient(to top , #000 0%, #000 50%, rgba(0, 0, 0, 0) 70%,rgba(0, 0, 0, 0) 100%) , url('../image/bp-sec4bg2_sp.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size:contain;

  }

  .bp-sec4bg_boat{
    position: absolute;
    top:60vw;
    left:0;
    width: 100vw;
  }

  .bp-sec4bg_sara{
    position: absolute;
    top:1%;
    left:10%;
    width: 80%;
  }

  .bp-sec4_ttl1{
    width: 90%;
  }

  .bp-sec4flm{
    margin:6vw 0 0 0;
    width: 90vw;
    background-image: url('../image/bp-sec4_flm_sp.png');
    padding:3vw 4vw 6vw 4vw;
  }

  .bp-sec4_txt10{
    width: 82vw;
  }

  .bp-sec4_flxitem{
    margin: 4vw 0 0 0;
    width: 80vw;
    height: 43vw;
  }

  .bp-sec4_txt1{
    margin: 6vw 0 0 0;
    width: 82vw;
  }

  .bp-sec4_txt2{
    margin: 30px 0 0 0;
    width:82vw ;
  }

  .bp-sec4_txt3{
    margin: 6vw 0 0 0;
    width: 82vw;
  }
}

/********************************
bp-section5
*********************************/

.bp-sec45bg{
  width: 100%;
  background-color: #000;
}

.bp-sec45ttl{
  position: relative;
  z-index: 2;
  width: 100%;
  margin: -16% 0 -18% 0;/*-200px 0 -260px 0;*/
}



.bp-sec5bg{
  width: 100%;
  background-image: url('../image/bp-sec5bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  margin: -18% 0 0 0;/*-185px 0 0 0*/
  padding:36% 0 8% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  position: relative;
}

.bp-sec5bg_boat{
  position: absolute;
  top:15%;
  left:2.5%;
  width: 95%;
}

.bp-sec5_ttl1out{
  display: flex;
  justify-content: flex-start;
}

.bp-sec5_ttl1{
  margin: 0 0 0 30px;
  width: 68%;
  max-width: 813px;
}

.bp-sec5flm{
  margin:20px 0 0 0;
  width: 90%;
  max-width:1041px;
  background-image: url('../image/bp-sec5_flm.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  padding:6% min(0%,5px) 2% min(0%,5px);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.bp-sec5_flx3{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-sec5_flxitem{
  margin: 40px 3px 0 3px;
  width: 312px;
  height: 228px;
}

.bp-sec5_txt1{
  margin: 30px 0 0 0;
  width: 92%;
  max-width: 965px;
}

@media(max-width:550px){

  .bp-sec45bg{
    width: 100%;
    background-color: #000;
  }

  .bp-sec45ttl{
    position: relative;
    z-index: 2;
    width: 100%;
    margin: -16% 0 -18% 0;/*-200px 0 -260px 0;*/
  }

  .bp-sec5bg{
    width: 100%;
    background:linear-gradient(to top , #000 0%, #000208 50%, rgba(0, 0, 0, 0) 70%,rgba(0, 0, 0, 0) 100%) , url('../image/../image/bp-sec5bg_sp.jpg');
    background-position:top center;
    background-size:contain;

    margin: -20vw 0 0;/*-185px 0 0 0*/
    padding:60vw 0 10vw 0;/*14% 0 18% 0*/
  }

  .bp-sec5_ttl1out{
    justify-content: center;
  }

  .bp-sec5_ttl1{
    margin: 0 0 0 2vw;
    width: 100vw;
  }

  .bp-sec5flm{
    margin:4vw 0 0 0;
    width: 90vw;
    background-image: url('../image/bp-sec5_flm_sp.png');


    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    padding:26vw 0 12vw 0;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .bp-sec5_flx3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .bp-sec5_flxitem{
    margin: 2vw 0 0 0;
    width: 73.7vw;/*312px;*/
    height: 52.8vw;/*228px;*/
  }

  .bp-sec5_txt1{
    margin: 4vw 0 0 0;
    width: 81vw;
  }

}

/********************************
bp-section6
*********************************/
.bp-sec6bg{
  width: 100%;
  background-image: url('../image/bp-sec6bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  margin:0 0 0 0;
  padding:4% 0 4% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  position: relative;
}

.bp-sec6_ttl1{
  width: 52%;
  max-width: 624px;
}

.bp-sec6flm{
  margin:0 0 0 0;
  width: 100%;
  padding:0;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.bp-sec6_txt1{
  margin: 30px 0 0 0;
  width: 56%;
  max-width: 665px;
}

.bp-sec6_txt2{
  margin: 30px 0 0 0;
  width: 69%;
  max-width: 826px;
}

.bp-sec6_txt3{
  margin: 30px 0 0 0;
  width: 85%;
  max-width: 1022px;
}

.bp-sec6_txt4{
  margin: 30px 0 0 0;
  width: 53%;
  max-width: 634px;
}

.bp-sec6_txt5{
  margin:0 0 0 0;
  width: 64.2%;
  max-width: 771px;
}

.bp-sec6_txt6{
  margin: 30px 0 0 0;
  width: 83%;
  max-width: 986px;
}

@media(max-width:550px){

  .bp-sec6bg{
    width: 100%;
    background-image: url('../image/bp-sec6bg_sp.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    margin:0 0 0 0;
    padding:10vw 0 10vw 0;/*4% 0 4% 0*/
  }

  .bp-sec6_ttl1{
    width: 94vw;
  }

  .bp-sec6flm{
    margin:0 0 0 0;
    width: 100%;
    padding:0;
  }

  .bp-sec6_txt1{
    margin: 4vw 0 0 0;
    width: 90vw;

  }

  .bp-sec6_txt2{
    margin: 30px 0 0 0;
    width: 90vw;

  }

  .bp-sec6_txt3{
    margin: 4vw 0 0 0;
    width: 90vw;
  }

  .bp-sec6_txt4{
    margin: 4vw 0 0 0;
    width: 90vw;
  }

  .bp-sec6_txt5{
    margin:0 0 0 0;
    width:90vw;
  }

  .bp-sec6_txt6{
    margin: 4vw 0 0 0;
    width: 90vw;
  }

}

/********************************
bp-section7
*********************************/

.bp-sec7bg{
  width: 100%;
  background-image: url('../image/bp-sec7bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  margin: 0 0 0 0;
  padding:8% 0 18% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.bp-sec7ttl{
  width: 66%;
  max-width: 783px;
  margin:0;
}


.bp-sec78bg{
  width: 100%;
}

.bp-sec78ttl{
  position: relative;
  z-index: 2;
  width: 100%;
  margin: -20vw 0 -20vw 0;
}

@media(max-width:550px){
  .bp-sec7bg{
    width: 100%;
    background-image: url('../image/bp-sec7bg_sp.jpg');
    background-size: 100% 100%;

    margin: 0 0 0 0;
    padding:10vw 0 20vw 0;/*14% 0 18% 0*/

  }

  .bp-sec7ttl{
    width: 92vw;
    margin:0;
  }


  .bp-sec78bg{
    width: 100%;
    background-color: #000;
  }

  .bp-sec78ttl{
    position: relative;
    z-index: 2;
    width: 100%;
    margin: -20% 0 -20% 0;
  }
}

/********************************
bp-section8
*********************************/

.bp-sec8bg{
  width: 100%;

  /*
  background-color: #000;
  background-image: url('../image/bp-sec8bg.png');
  background-repeat: no-repeat;
  background-position:top center;
  background-size:contain;
*/

  background:linear-gradient(to top , #000 0%, #000 50%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%) , url('../image/bp-sec8bg1.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;


  margin: 0;
  padding:36% 0 8% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  position: relative;
}

.bp-sec8flm{
  margin:180px 0 0 0;
  width: 90%;
  max-width:1072px;

  background-image: url('../image/bp-sec8_flmbg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  padding:2% min(0%,5px) 36.5% min(0%,5px);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.bp-sec8_flx2{
  margin: 10% 0 0 0;/*60px 0 0 0*/
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.bp-sec8_flxitem{
  margin: 0;
  width:40%;
  max-width: 491px;
  /*height: 232px;*/
}

.bp-sec8_txt1{
  margin: 0;
  text-align: center;
  font-size: 2.1rem;
  font-weight: 900;
  color:#fff;
}

.bp-sec8_txt3{
  margin: 4% 0 0 0;/*60px 0 0 0*/
  max-width: 661px;
  width: 62%;
}

.bp-sec8_ttl3{
  margin: 8% 0 0 0;/*60px 0 0 0*/
  max-width: 898px;
  width: 84%;
}


@media(max-width:550px){
  .bp-sec8bg{
    background:linear-gradient(to top , #000 0%, #000 80%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%) , url('../image/bp-sec8bg1.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;
    padding:57vw 0 10vw 0;/*14% 0 18% 0*/
  }

  .bp-sec8flm{
    margin:1vw 0 0 0;
    width: 92vw;


    background-image: url('../image/bp-sec8_flmbg_sp.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    padding:8vw 0 60vw 0;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .bp-sec8_flx2{
    flex-wrap: wrap;
    margin: 4vw 0 0 0;
  }

  .bp-sec8_flxitem{
    margin: 4vw 0 0 0;
    width: 78vw;
    height: 38vw;
  }

  .bp-sec8_txt1{
    margin: 0;
    font-size: 2.1rem;
  }

  .bp-sec8_txt3{
    margin: 6vw 0 0 0;
    width: 80vw;
  }

  .bp-sec8_ttl3{
    margin: 20vw 0 0 0;
    width:80vw;
  }
}

/********************************
bp-section89
*********************************/


.bp-sec89bg{
  width: 100%;
  background-color: #000;
}

.bp-sec89ttl{
  position: relative;
  z-index: 2;
  width: 100%;
  margin: -26% 0 -24% 0;
}

@media(max-width:550px){
  .bp-sec89ttl{
    margin: -35vw 0 -30vw 0;
  }
}


/********************************
bp-section899
*********************************/

.bp-sec899bg{
  width: 100%;
  background-color: #222582;

  margin: 0 0 0 0;
  padding:20% 0 8% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.bp-sec899ttl{
  width: 84%;
  max-width: 998px;
  margin:0;
}

@media(max-width:550px){
  .bp-sec899bg{
    margin: 0 0 0 0;
    padding:20% 0 8% 0;/*14% 0 18% 0*/
  }

  .bp-sec899ttl{
    width: 90vw;
    margin:0;
  }

}

/********************************
bp-section9
*********************************/

.bp-sec9bg{
  width: 100%;

  background-color: #000;
  background-image: url('../image/bp-sec9bg1.png');
  background-repeat: no-repeat;
  background-position:center;
  background-size:cover;

  margin: 0;
  padding:3% 0 40% 0;/*14% 0 18% 0*/
  display: flex;
  justify-content: center;
  position: relative;
}

.bp-sec9ttl{
  width:77%;
  max-width:915px;
  margin: 0;
}

.bp-sec9boat{

  position: absolute;
  bottom:-40px;
  right: 0;
  width: 78%;
  max-width: 780px;
}

@media(max-width:550px){
  .bp-sec9bg{
    background-color: #000;
    background-image: url('../image/bp-sec9bg1.png');
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;

    margin: 0;
    padding:4vw 0 60vw 0;/*3% 0 40% 0*/
    display: flex;
    justify-content: center;
    position: relative;
  }

  .bp-sec9ttl{
    width:90vw;
    margin: 0;
  }

  .bp-sec9boat{
    position: absolute;
    bottom:-4vw;
    right: 0;
    width: 86vw;
  }

}

/********************************
bp-section10
*********************************/

.bp-sec10bg{
  width: 100%;
  padding:4% 0;
  background:repeating-linear-gradient(-45deg, #232323 0, #232323 5px, #000 5px, #000 10px);

  display: flex;
  justify-content: center;
}

.bp-sec10flm{
  width:90%;
  max-width: 1041px;
  background-color: #fff;
}

.bp-sec10flm_up{
  width: 100%;
  background-color: #222582;
  padding:20px 0;
  display: flex;
  justify-content: center;
}

.bp-sec10flm_upimg{
  width: 872px;
}

.bp-sec10flm_crcl{
  width: 90%;/*100%*/
  margin: 40px 0;
  padding:20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: 1px solid #ccc;
}

@media(max-width:1100px){
  .bp-sec10flm_crcl{
    justify-content: center;
  }
}

.bp-sec10flm_c1{
  width: 339px;
  height: 339px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-sec10flm_txt1{
  width:494px
}

.bp-sec10flm_txt2{
  width: 90%;
  padding:14px 0 0 0;
  background-color: #222582;
  display: flex;
  justify-content: center;
}
.bp-sec10flm_txt2img{
  width: 511px;
}


.bp-sec10_flx2{
  width: 100%;
  padding:20px 10px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-sec10_flxitem{
  margin: 0;
  width: 480px;
  height: 419px;
}

.bp-sec10flm_txt3{
  width: 100%;
  padding:20px 20px;
  display: flex;
  justify-content: center;
}

.bp-sec10flm_txt3img{
  max-width: 889px;
  width:889px;/* 86%;*/
}


.bp-sec10flm_udarr{
  width: 100%;
  margin: 0 0 -40px 0;
  padding:20px 20px;
  display: flex;
  justify-content: center;
}

.bp-sec10flm_udarrimg{
width:890px;/* 86%;*/
position:relative;
z-index: 2;
}

.bp-sec10flm_dw{
  width: 100%;
  background-color: #222582;
  padding:20px 0 0 0;
  display: flex;
  justify-content: center;
}

.bp-sec10flm_dwimg{
  width: 808px;
}

@media(max-width:550px){

  .bp-sec10flm{
    width:90vw;
  }

  .bp-sec10flm_up{
    width: 100%;
    padding:2vw 0;
  }

  .bp-sec10flm_upimg{
    width: 90%;
  }

  .bp-sec10flm_crcl{
    width: 90%;/*100%*/
    justify-content: center;
    flex-wrap: wrap;
    margin: 4vw 0;
    padding:4vw 4vw;
  }

  .bp-sec10flm_c1{
    width: 60vw;
    height: 60vw;
  }

  .bp-sec10flm_txt1{
    width:74vw;
  }

  .bp-sec10flm_txt2{
    width: 90%;
    padding:4vw 0 0 0;
  }
  .bp-sec10flm_txt2img{
    width: 74vw;
  }

  .bp-sec10_flx2{
    padding:2vw 0;
  }

  .bp-sec10_flxitem{
    margin: 0;
    width: 78vw;/*480px;*/
    height: 68vw;/*419px;*/
  }

  .bp-sec10flm_txt3{
    width: 100%;
    padding:2vw 0;
  }

  .bp-sec10flm_txt3img{
    width:82vw;/* 86%;*/
  }


  .bp-sec10flm_udarr{
    margin: 0 0 -6vw 0;
    padding:2vw 0;
  }

  .bp-sec10flm_udarrimg{
  width:82vw;/* 86%;*/
  }

  .bp-sec10flm_dw{
    padding:4vw 0 0 0;
  }

  .bp-sec10flm_dwimg{
    width: 84vw;
  }

}

/********************************
bp-section performance
*********************************/
.bp-secpfbg{
  width: 100%;
  background: url(../image/bp-regbgpart.png);
  background-size: 74px 43px;
  background-repeat: repeat;
  background-position: top left;
  /*  background-size: cover;*/

  padding:6% 0 66% 0;/*6% 0 54% 0*/
  display: flex;
  justify-content: center;
}

.bp-secpfttl{
  margin: 20px;
  width:72%;
  max-width:860px;
}

.bp-secpfflx{
display:flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.bp-secpfflm{
  margin:10px 10px;
  width:471px;
  height: 461px;
  padding:65px 30px 65px 30px;
  background: url(../image/bp-secpfflm.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.bp-secpfflm_date{
  position: absolute;
  top:4px;
  right: 46px;
  font-size: 1rem;
  font-weight: 700;
}

.bp-pfimg{
  width: 100%;
}

.bp-pfraceflx{
  margin: 10px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-pfkaimeflx{
  margin: 10px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-pfvalueflx{
  margin: 10px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-racename{
  width: 40%;
  display: flex;
  justify-content: space-between;
  border: 1px #fff solid;
}

.bp-racename1{
  width: 65%;
  padding:6px 6px;
  text-align: center;
  background-color: #000;
  color:#fff;
  font-size: 1rem;
  font-weight: 700;
}

.bp-racename2{
  width: 35%;
  padding:6px 6px;
  text-align: center;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 700;
}


.bp-pfnamearr{
  width:22px;
  height: 26px;
}

.bp-pfkaimeitem{
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-pfvalue{
  width: 58%;
  text-align: left;
  color:#F2EB5D;
  font-size: 1.8rem;
  font-weight: 900;
}

.bp-pftekichu{
  width: 40%;
  padding:6px 6px;
  background-color:#F2EB5D;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 900;
  border: 1px solid #fff;
}

@media(max-width:550px){
  .bp-secpfbg{
    padding:6% 0 70% 0;/*6% 0 66% 0*/
  }

  .bp-secpfttl{
    margin:2vw 0 2vw 0;
    width:96vw;
  }


  .bp-secpfflm{
    margin:2vw 0 2vw 0;
    width:88vw;/*471px;*/
    height:86.1vw;/* 461px;*/
    padding:11vw 5.6vw 11vw 5.6vw;/*65px 30px 65px 30px;*/
  }

  .bp-secpfflm_date{
    top:0.7vw;
    right: 8vw;
    font-size: 0.9rem;
  }

  .bp-pfraceflx{
    margin: 2vw 0 0 0;
  }

  .bp-pfkaimeflx{
    margin: 2vw 0 0 0;
  }

  .bp-pfvalueflx{
    margin: 2vw 0 0 0;
  }

  .bp-racename{
    width: 40%;
    display: flex;
    justify-content: space-between;
    border: 1px #fff solid;
  }

  .bp-racename1{
    width: 65%;
    padding:6px 6px;
    text-align: center;
    background-color: #000;
    color:#fff;
    font-size: 1rem;
    font-weight: 700;
  }

  .bp-racename2{
    width: 35%;
    padding:6px 6px;
    text-align: center;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 700;
  }


  .bp-pfnamearr{
    width:22px;
    height: 26px;
  }

  .bp-pfkaimeitem{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bp-pfvalue{
    width: 58%;
    text-align: left;
    color:#F2EB5D;
    font-size: 1.6rem;
    font-weight: 900;
  }

  .bp-pftekichu{
    width: 40%;
    padding:1vw 1vw;
    background-color:#F2EB5D;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 900;
    border: 1px solid #fff;
  }
}


/********************************
bp-section1011
*********************************/

.bp-sec1011bg{
  width: 100%;

}

.bp-sec1011ttl{
  position: relative;
  z-index: 3;
  width: 100%;
  margin: -66% 0 -18% 0;
}

@media(max-width:550px){

}


/********************************
bp-section11
*********************************/

.bp-sec11bg{
  width: 100%;
  padding:18% 0 14% 0;
  /*
  background:repeating-linear-gradient(-45deg, #232323 0, #232323 5px, #000 5px, #000 10px);*/
  background-image: url('../image/bp-sec11bg3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.bp-sec11flm{
  width:90%;
  max-width: 1041px;
  background-color: #fff;
}

.bp-sec11_txt1{
  margin: 0 0 0 0;
  width: 52%;
  max-width: 619px;
}

.bp-sec11_txt2{
  margin: 20px 0 0 0;
  width: 78%;
  max-width: 928px;
}

@media(max-width:550px){

  .bp-sec11bg{
    padding:18% 0 22% 0;
    background-image: url('../image/bp-sec11bg_sp.png');
  }

  .bp-sec11flm{
    width:90%;
  }

  .bp-sec11_txt1{
    margin: 0 0 0 0;
    width: 93vw;
  }

  .bp-sec11_txt2{
    margin: 4vw 0 0 0;
    width: 94vw;
  }

}

/********************************
bp-section11
*********************************/

.bp-sec12bg{
  width: 100%;
  margin: -14% 0 0 0;
  padding:16% 0 0 0;
  /*
  background:repeating-linear-gradient(-45deg, #232323 0, #232323 5px, #000 5px, #000 10px);*/
  background-image: url('../image/bp-sec12bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  display: flex;
  justify-content: center;
}

.bp-sec12flm{
  width:90%;
  max-width: 1041px;
  background-color: #fff;
}

.bp-sec12_txt1{
  margin: 20px 0 0 0;
  width: 80%;
  max-width: 966px;
}

.bp-sec12_txt2{
  margin: 20px 0 0 0;
  width: 49%;
  max-width: 588px;
}

.bp-sec12_txt3{
  margin: 20px 0 0 0;
  width: 59%;
  max-width: 705px;
}

.bp-sec12_txt4{
  margin: 20px 0 0 0;
  width: 98%;
  max-width:1196px;
}

.bp-sec12_boat{
  margin: 20px 0 0 0;
  width: 84%;
  max-width:998px;
}

@media(max-width:550px){
  .bp-sec12bg{
    margin: -14% 0 0 0;
    padding:16% 0 0 0;
    background-image: url('../image/bp-sec12bg.jpg');
  }

  .bp-sec12flm{
    width:90%;
  }

  .bp-sec12_txt1{
    margin: 4vw 0 0 0;
    width: 88vw;
  }

  .bp-sec12_txt2{
    margin: 4vw 0 0 0;
    width: 88vw;
  }

  .bp-sec12_txt3{
    margin: 4vw 0 0 0;
    width: 88vw;
  }

  .bp-sec12_txt4{
    margin: 4vw 0 0 0;
    width: 94vw;
  }

  .bp-sec12_boat{
    margin: 4vw 0 0 0;
    width: 100vw;
  }
}

/********************************
bp-section13
*********************************/
.bp-sec13bg{
  width: 100%;
  background-image: url('../image/bp-sec13bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;

  margin:0;
  padding:4% 0 8% 0;
  display: flex;
  justify-content: center;
}

@media(max-width:550px){
  .bp-sec13bg{
    background-image: url('../image/bp-sec13bg.jpg');
    margin:0;
    padding:4% 0 8% 0;
  }

}



/********************************
bp contact
*********************************/
.bp-commonbg{
  width: 100%;
  background: url(../image/bp-regbgpart.png);
  background-size: 74px 43px;
  background-repeat: repeat;
  background-position: top left;
  /*  background-size: cover;*/

  padding:4% 0 4% 0;/*6% 0 54% 0*/
  display: flex;
  justify-content: center;
}

.bp-ttlbg{
  margin: 20px 0;
  width:72%;
  max-width:860px;
  max-height: 150px;
  padding:4% 0;
  background: url(../image/bp-ttlbg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#FFEE00;
  font-size: 1.8rem;
  font-weight: 900;
  font-style: italic;
}

.commonflm {
  width: 70%;
  max-width:840px;
  padding:36px 20px;

  border:solid #80C6F7;
  border-width: 8px 8px 8px 8px;
  border-radius: 8px;
  border-image: linear-gradient(to right, #6767F1 0%, #80C6F7 100%);
  border-image-slice: 1;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.commonttl{
  width: 86%;
  background-color: #222582;
  padding:6px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.commonttl_txt{
  font-size: 1.4rem;
  color:#fff;
  font-weight: 700;
  text-shadow: 1px 2px 3px #404040;
  background:linear-gradient(transparent 70%, #FFFF00 0%);
}

@media(max-width:990px){
  .commonttl_txt{
    font-size: 1.1rem;
  }
}

.common_input{
  margin: 18px 0 0 0;
  width: 86%;
  padding:6px 8px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 3px;
  border: 1px solid #666;
}

.common_txtarea1{
  margin: 18px 0 0 0;
  width: 86%;
  padding:26px 14px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 3px;
  border: 1px solid #666;
}

.common_txtarea{
  margin: 18px 0 0 0;
  width: 94%;
  padding:26px 24px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 3px;
  border: 1px solid #666;
}

.comonnt_txtareaheight{
  height: 16rem;
}

.common_btn{
margin: 36px 0 0 0;
width: 40%;
max-width: 480px;
padding:8px 0;
display: flex;
justify-content: center;
align-items: center;
background-color:#FFEE00;
border: 1px solid #fff;
font-weight: 700;
font-size: 1.2rem;
color:#000;
}


@media(max-width:550px){

  .bp-ttlbg{
    margin:2vw 0 2vw 0;
    width:96vw;
    height: 16.66vw;
    font-size: 1.4rem;
  }

  .bp-ttlbg{
    margin: 4vw 0;
    width:90vw;/*72%;*/
    padding:6vw 0;
  }

  .commonflm {
    width: 94vw;
    padding:4vw 4vw;
    border-width: 4px 4px 8px 4px;
    border-radius: 4px;
  }

  .commonttl{
    width: 96%;
    background-color: #222582;
    padding:6px 0;
  }

  .commonttl_txt{
    font-size: 1rem;
  }

  .common_input{
    margin: 2vw 0 0 0;
    width: 96%;
    padding:6px 8px;
  }

  .common_txtarea1{
    margin: 2vw 0 0 0;
    width: 96%;
    padding:6px 8px;
  }

  .common_txtarea{
    margin: 2vw 0 0 0;
    width: 96%;
    padding:6px 8px;
  }

  .common_btn{
  margin: 4vw 0 0 0;
  width: 60%;
  padding:8px 0;
  font-weight: 700;
  font-size: 1.2rem;
  }

}


































/*****************************************************



boat-plaza  CSS


会員ページ



*****************************************************/

/*共通*/

.bp-max1200{
  width: 100vw;
  max-width: 1200px;
  /*background-color:rgba(255,255,255,0.7);*/
  display: flex;
  justify-content: space-between;
  }

  .bp-visible_890{
    display: none;
  }

@media(max-width:890px){
  .bp-max1200{
    width: 100vw;
    max-width: none;
    /*background-color:rgba(255,255,255,0.7);*/
    display: flex;
    justify-content: center;
    }

  .bp-visible_890{
    display: block;
  }
}

/******
サイド メニューバー
********/

.bp-side{
  display: block;
  position: relative;
  /*  position: absolute;
    top:150px;
    left: 0;*/
  padding:0;

  width: 33.33vw;
  max-width:400px;
  height:100%;/*calc(100% - 150px);100%;*/
  min-height: 1500px;
  /*background-color: rgba(255,255,255,0.9);*/
  background-color: rgba(0,0,90,0.6);
  /*overflow-y: scroll;*/
}


.bp-side_up{
  /*position: absolute;
  top:0;*/
  width: 100%;
  height: 24px;
  background-color: transparent;
  background-image:
  repeating-linear-gradient(-45deg,
  rgba(255,255,255,0.7) , rgba(255,255,255,0.7) 7px,
  transparent 0, transparent 14px);
}

.bp-side_dw{
  position: absolute;
  bottom:0;
  width: 100%;
  height: 24px;
  background-color: transparent;
  background-image:
  repeating-linear-gradient(-45deg,
  rgba(255,255,255,0.7) , rgba(255,255,255,0.7) 7px,
  transparent 0, transparent 14px);
}

.bp-side_fixed{
  position: fixed;
  top:200px;/*150px + 50px;*/
  left:0;
}

/**********************************
サイドバー　スクレイピング部分
***********************************/

.bp-scrap_ttl{
  margin: 30px 0 20px 0;
  width: 100%;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.bp-scrap_ichiran{
  position: absolute;
  top:-5px;
  right: 16px;
  width:60px;
  height: 30px;
  padding: 4px 0;
  background-color: #640D17;
  border-radius: 3px;
  color:#fff;
  font-size: 0.9rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
}


.bp-scrapflm{
  width:367px;
  height:190px ;
  border: #640D17 solid;
  border-width: 4px 0 0 0;
  overflow-y: scroll;
  padding:0 14px;
  background-color: #202020;
}

.bp-scrap_item{
  width:100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid #393939;
  border-width: 0 0 1px 0;
  padding: 10px 0;
  color: #fff;
  font-size: 0.8rem;
}

.bp-scrap_icon{
  width: 48px;/*53px;*/
  height: 48px;/*53px;*/
}

.bp-scrap_txtflm{
  width: 50%;
  max-width: 180px;
  height: 76px;

  font-size: 0.9rem;
  color: #fff;
  line-height: 1.2;
}

.bp-scrap_date{
  width: 100%;
  max-width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-scrap_txt1{
  width: 100%;
  max-width: 180px;
  height: 42px;
  overflow: hidden;
}

.bp-scrap_place{
  width: 64px;
  background-color: #686D73;
  padding: 2px 4px;
  display: flex;
  justify-content: center;
}

.bp-scrap_site{
  width: 79px;/*88px;*/
  height: 67px;/*75px;*/
}

/****************
サイドメニュー　アイコン
*****************/

.bp-sidemenuflx{
  margin: 14px 0 0 0;
  padding: 0 12px;
  width: 33.33vw;
  max-width:400px;
  display: flex;
  justify-content:space-between;/* center;*/
  align-items: center;
  flex-wrap: wrap;
}

.bp-sidemenu_item{
  margin: 5px 0;
  width:15.3vw;
  max-width: 184px;
}

@media(max-width:1199px){
  .bp-side{
    /*width:20vw;*/
  }
}

@media(max-width:890px){
  .bp-side{
    display: none;
    width:0;
    height:0;
    max-width: none;
    min-height: none;
  }
}

/*
@media(max-width:550px){
  .bp-side{
    display: none;
    width:0;
    height:0;
  }
}
*/

/**********
共通 背景
***********/
.bp-pagebg{
  position: relative;
    width: 100%;
    background-image: url('../image/bp-pagebg.jpg');/*url('../image/kc-topbg.jpg');*/
    background-repeat: repeat;/*no-repeat*/
    background-position:top left;/*center*/
    background-size:601px 816px;/*cover*/

    padding:150px 0 0 0;
    display: flex;
    justify-content: center;
}

@media(max-width:550px){
	.bp-pagebg{
	   padding:24vw 0 0 0;
	}
}



/***********
header
************/
.bp-head{
  width: 100%;
  background-color: #000056;

  position: fixed;
  top:0;
  z-index: 9 !important;
  padding:0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.bp-header{
  width: 1200px;
  padding:28px 40px 28px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-head_logo{
  width: 396px;
  height: 74px;
}

.bp-head_rside{
  height: 94px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bp-head_rside1{
  width: 530px;
  height: 41px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-head_rside2{
  width: 530px;
  height: 31px;/*41px*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-head_rside2_sp{
  margin:0;
  display: none;
}

.bp-head_clock{
  margin:0;
  width: 251px;
  height: 40px;
  padding:0 0 0 14px;
  background-image: url('../image/bp-head_clock.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 700;
  color:#fff;
}

.bp-head_headset{
  margin:0;
  width: 251px;
  height: 40px;
  padding:0 0 0 14px;
  background-image: url('../image/bp-head_headset.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 700;
  color:#fff;
}

.bp-head_id{
  margin:0;
  width: 251px;
  height: 31px;
  padding:0 10px 0 0;
  background-image: url('../image/bp-head_user.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1rem;
}

.bp-head_point{
  margin:0;
  width: 251px;
  height: 31px;
  padding:0 10px 0 0;
  background-image: url('../image/bp-head_point.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1rem;
}


.bp-head_hsetclock{
  margin: 0 5px;
  width: 251px;
  height: 41px;
  display: flex;
  justify-content:flex-end;/* flex-start;*/
  align-items: center;
  font-size: 1.2rem;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 3px 4px 7px rgba(0, 0, 0, 0.7);
}

.bp-head_iconimg{
  margin: 0 10px 0 0;
  width: 41px;
  height: 51px;
}

.bp-head_rsideflm{

}

@media(max-width:550px){

  .bp-head_logo{
    width: 41.6vw;
    height: auto;
  }

  .bp-header{
    padding:12px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .bp-head_rside{
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .bp-head_rside1{
    width: 0;
    height: 0;/*41px*/
    display: none;
  }

  .bp-head_rside2{
    width: 0;
    height: 0;/*41px*/
    display: none;
  }

  .bp-head_rside2_sp{
    margin: 2vw 0 0 0;
    width: 100vw;
    height: auto;/*41px*/
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .bp-head_id_sp{
    margin:0;
    width: 50vw;/*251px;*/
    height: 6vw;/*31px;*/
    padding:0 3vw 0 0;
    background-image: url('../image/bp-head_user.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.9rem;
  }

  .bp-head_point_sp{
    margin:0;
    width: 50vw;/*251px;*/
    height: 6vw;/*31px;*/
    padding:0 3vw 0 0;
    background-image: url('../image/bp-head_point.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.9rem;
  }

  .bp-head_clock{
    margin:0;
    width: 48vw;/*251px;*/
    height: 7.65vw;/*40px;*/
    padding:0 0 0 2.5vw;/*0 0 0 14px;*/
    font-size: 1rem;
  }

  .bp-head_headset{
    margin:0;
    width: 48vw;/*251px;*/
    height: 7.65vw;/*40px;*/
    padding:0 0 0 2.5vw;/*0 0 0 14px;*/
    font-size: 1rem;
  }

}


/*****************************************
boat plaza

footer
******************************************/

.bp-footer{
padding: 40px 0 20px 0;
background-color: #000056;
width: 100%;
}

.bp-foot_flx{
  margin:0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-foot_item{
  margin: -2px -29px 0 -29px;
  padding:0;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 229px;
  height: 37px;
  color:#fff;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bpfoot_item1{
  background-image: url('../image/bp-foot_item1.png');
}

.bpfoot_item2{
  background-image: url('../image/bp-foot_item2.png');
}

.bpfoot_item3{
  background-image: url('../image/bp-foot_item3.png');
}


.bp-footattention{
  width:80%;/*84%*/
  max-width:960px; /*1008px;960px*/
  /*border: 1px #fff solid;*/
  padding:12px 12px;
  margin: 20px 0 20px 0;
}

.bp-footattentiont_txt{
  margin: 0;
  color:#fff;
  font-size: 0.9rem;
  line-height: 1.8;
}


.bp-underfoot{
  width: 100%;
  padding:0 0 12px 0;
  background-color: #394124;
  display: flex;
  justify-content: center;
}

.bp-underfoot_logo{
  width:17%;
  max-width: 200px;
}

.bp-foottxt{
  width: 100%;
  padding:4px 4px;
  text-align: center;
  background-color: #000;
  color:#fff;
  font-size: 0.8rem;
  font-size: 300;
}

.bp-footup_padd{
  padding:20px 20px;
}

.bp-foot_telarea{
  width: 530px;
  height: 41px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-foot_logo{
  margin: 40px 0 0 0;
  width: 396px;
  height: 74px;
}

@media(max-width:550px){
  .bp-footattention{
    width:100vw;
    padding:2vw 2vw;/*12px 12px*/
    margin: 2vw 0 2vw 0;
  }

  .bp-underfoot{
    padding:12px 0 20px 0;
  }

  .bp-footattentiont_txt{
    margin:0 0 1vw 0;
    line-height: 1.7;
    font-size: 0.8rem;
  }

  .bp-footattentiont_txt:nth-last-child(){
    margin:0 0 0 0;
  }

  .bp-underfoot_logo{
    width:51vw;
  }

  .bp-foottxt{
    padding:4px 4px;
  }

  .bp-footup_padd{
    padding:4vw 0;
  }

  .bp-foot_telarea{
    width:96vw;/* 530px;*/
    height: auto;
  }


  .bp-footer{
    padding: 4vw 0 2vw 0;
    }

  .bp-foot_item{
    margin: -1px -4.8vw 0 0;
    padding:0;

    width: 38vw;/*229px;*/
    height: 10.6vw;/*37px;*/
    color:#fff;
    font-size: 0.8rem;
  }

  .bpfoot_item1{
    padding:0 4vw 0 0;
    background-image: url('../image/bp-foot_item1_sp.png');
  }

  .bpfoot_item2{
    margin: -1px -4.8vw 0 -4.8vw;
    width: 40vw;
    background-image: url('../image/bp-foot_item2_sp.png');
  }

  .bpfoot_item3{
    padding:0 0 0 4vw;
    margin: -1px 0 0 -4.8vw;
    background-image: url('../image/bp-foot_item3_sp.png');
  }

  .bp-foot_logo{
    margin: 4vw 0 0 0;
    width: 61vw;
    height: auto;
  }

}

/*****************************************

会員ページ

各ページ
共通

******************************************/

.bp-mainflm{
  padding:0 20px 0 60px;
  width: 66.67vw;
  max-width: 800px;
  /*background-color:rgba(255,255,255,0.7);*/
}

.bp-topflm{
  margin: 60px 0 0 0;
  width: 57.6vw;
  max-width: 691px;
}

.bp-ttlflm{
  position: relative;
  margin: 60px 0 0 0;
  width: 57.6vw;
  max-width: 691px;
}

.bp-ttl_pay{
  position: absolute;
  top:5px;
  right: 10px;
  color:#FFF000;
  font-size: 0.9rem;
}

.bp-mainin{
  margin: 20px 0 0 0;
  width: 98%;/*87*/
  max-width: 695px;
}

.bp-ttl0flm{
  position: relative;
  margin: 60px 0 0 0;
  width: 57.6vw;
  max-width: 691px;
  border:solid #999999;
  border-width: 0 0 1px 0;
}

.bp-ttl0flm p{
  text-align: left;
  font-size: 2.1rem;
  font-weight: 900;
  color:#fff;
  line-height: 1.1;
}


@media(max-width:890px){
  .bp-mainflm{
    padding:0;
    width:90vw;
    max-width: none;
    /*background-color:rgba(255,255,255,0.7);*/
  }

  .bp-topflm{
    margin: 5vw 0 0 0;
    width: 91vw;
    max-width: none;
  }

  .bp-ttlflm{
    margin: 9vw 0 0 0;
    width: 100%;
    max-width: none;
  }

  .bp-mainin{
    margin: 4vw 0 0 0;
    width: 100%;
    max-width:none;
  }

  .bp-ttl0flm{
    margin: 4vw 0 0 0;
    width: 100%;
    max-width: none;
  }

  .bp-ttl0flm p{
    text-align: center;
    font-size: 2.1rem;
  }

}

/***************************************************************

会員ページ


コース一覧
course.html

****************************************************************/

/*デイ　ナイター*/
.bp-plan_ttl{
  width: 308px;
  height: 68px;
}

/*プランなし*/
.bp-planbg_none{
  margin: 24px 0 0 0;
  padding:15px 16px 15px 16px;

  width:57.58vw;
  max-width:691px;
  height:29.58vw;
  max-height:355px;

  background-image: url('../image/bp-plan1bgtop.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  display: flex;
  justify-content:center;
  align-items: center;
  }

  .bp-planbg_none p{
    padding:20px 24px;
    font-weight: 700;
    background-color: #fff;
  }

  .bp-planbg{
    margin: 28px 0 0 0;
    padding:30px 32px 36px 32px;
    width:57.58vw;
    max-width:691px;
    height: 35.92vw;
    max-height:431px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .bp-planbg101{
    background-image: url('../image/bp-plan101bg.png');
  }
  .bp-planbg102{
    background-image: url('../image/bp-plan102bg.png');
  }
  .bp-planbg103{
    background-image: url('../image/bp-plan103bg.png');
  }
  .bp-planbg104{
    background-image: url('../image/bp-plan104bg.png');
  }

/*sp*********************************/
@media(max-width:550px){

  .bp-planbg_none{
    margin: 5.6vw 0 0 0;
    width: 90.2vw;
    height: 46.33vw;
    max-width:none;
    max-height:none;
    padding:4vw 4vw;
  }

  .bp-planbg{
    margin: 5.6vw 0 0 0;
    padding:3.6vw 3.8vw 5.2vw 3.8vw;
    width:90.2vw;
    max-width:none;
    height: 127.2vw;
    max-height:none;
  }

  .bp-planbg101{
    background-image: url('../image/bp-plan101bg_sp.png');
  }
  .bp-planbg102{
    background-image: url('../image/bp-plan102bg_sp.png');
  }
  .bp-planbg103{
    background-image: url('../image/bp-plan103bg_sp.png');
  }
  .bp-planbg104{
    background-image: url('../image/bp-plan104bg_sp.png');
  }

}

  .bp-planflx{
    width:52.5vw;
    max-width: 630px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }

  .bp-planimg{
    width: 25.75vw;
    height: 12.25vw;
    max-width: 309px;
    max-height: 147px;
  }

  /*sp*********************************/
  @media(max-width:550px){
    .bp-planflx{
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }
    .bp-planimg{
      width: 100%;
      height: auto;
      max-width: none;
      max-height: none;
    }
  }

  .bp-planflx_right{
    width: 25.83vw;/*326px*/
    height: 12.25vw;
    max-width: 310px;/*326px*/
    max-height: 147px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .bp-plan_value{
    margin: -8px -8px;
    padding:0 14px 0 8px;
    width: 27.16vw;
    height: 7.916vw;
    max-width: 326px;
    max-height: 95px;
    background-image: url('../image/bp-plan_value.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content:space-between;
    align-items: center;
  }

/*sp*********************************/
  @media(max-width:550px){
    .bp-planflx_right{
      width: 100%;/*326px*/
      height: auto;
      max-width: none;
      max-height: none;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }

    .bp-plan_value{
      margin:0;
      width:77.8vw;/*389 px 156px;*/
      height:18vw;/*90 24.09vw; 45.5px;*/
      background-image: url('../image/bp-plan_value_sp.png');
      padding:0 2.4vw 0 2vw;
    }

  }

  .bp-plan_value_txt1{
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    }

  .bp-plan_value_txt2{
      margin: 0 0 0 5px;
      font-size: 1.4rem;
      font-weight: 700;
      color: #FFF000;

      display: flex;
      justify-content: center;
      align-items: center;
  }

  .bp-plan_value_txt3{
      margin: 0 0 -6px 0;
      font-size: 1rem;
      font-weight: 700;
      color: #FFF000;
  }

  /*sp*********************************/
  @media(max-width:550px){
    .bp-plan_value_txt1{
      font-size: 1.4rem;
    }

    .bp-plan_value_txt2{
        margin: 0;
        font-size:1.8rem;
    }

     .bp-plan_value_txt3{
        margin: 0 0 -1vw 0;
        font-size: 1.4rem;
    }
  }

  .bp-plan_row1{
    width:25.83vw;
    max-width: 310px;/*326px*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .bp-plan_item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bp-plan_th1{
    width:12.5vw;
    max-width: 150px;
    height: 2.6vw;
    max-height: 31px;
    background-color: #1F2160;
    color:#fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bp-plan_td1{
    width:12.5vw;
    max-width: 150px;
    height: 2.6vw;
    max-height: 31px;
    background-color: #fff;
    color:#000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

/*sp*********************************/
  @media(max-width:550px){
    .bp-plan_row1{
      width:100%;/*326px*/
      max-width: none;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .bp-plan_th1{
      width:40.4vw;/* 72px;*/
      max-width: none;
      height: 5.8vw;/*14.5px;*/
      font-size: 1rem;
    }

    .bp-plan_td1{
      width:40.4vw;/* 72px;*/
      max-width: none;
      height: 5.8vw;/*14.5px;*/
      font-size: 0.9rem;/*1rem*/
    }

  }

  .bp-plan_row2{
    width:52.5vw;
    max-width: 630px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .bp-plan_th2{
    width:25.7vw;
    max-width: 308px;
    height: 2.6vw;
    max-height: 31px;
    background-color: #1F2160;
    color:#fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bp-plan_td2{
    width:25.7vw;
    max-width: 308px;
    height: 2.6vw;
    max-height: 31px;
    background-color: #fff;
    color:#000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 1rem;/*1rem*/
  }

  .bp-planbtn{
    width:180px;
    height: 46px;
    border-radius: 36px;
    background-image: linear-gradient(to right, #E2793B 0%, #DB3856 100%);

    color:#fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bp-planstar{
    width: 13vw;
    height: 2.4vw;
    max-width: 156px;
    max-height: 28px;
  }

/*sp*********************************/
  @media(max-width:550px){

    .bp-plan_row2{
      width:100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }

    .bp-plan_th2{
      width:40.4vw;/* 72px;*/
      height: 5.8vw;/*14.5px;*/
      font-size: 1rem;
    }

    .bp-plan_td2{
      width:40.4vw;/* 72px;*/
      height: 5.8vw;/*14.5px;*/
      font-size: 0.8rem;
    }

    .bp-planbtn{
      width:48vw;/*180px;*/
      height: 12.6vw;
      border-radius: 7.6vw;
      background-image: linear-gradient(to right, #E2793B 0%, #DB3856 100%);

      color:#fff;
      font-size: 1.2rem;
      font-weight: 700;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .bp-planstar{
      width: 24vw;
      height: auto;
    }
  }



/*********************************************************

会員ページ

トップページ  トップ部分
index.html

***********************************************************/


.bp-home_top{
  margin: 14px 0 0 0;
  width:57.58vw;/* 87.58vw;*/
  max-width:691px;/*1051px;*/
  height: 23.33vw;/*43.42vw;*/
  max-height:280px;/*521px;*/

  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.bp-home_topl{
  width: 38.25vw;/*58.334vw;*/
  max-width:459px;/* 701px;*/
  height: 23.333vw;/*43.42vw;*/
  max-height:280px;/* 521px;*/
}

.bp-home_topr{
  width: 17.75vw;/*28.16vw;*/
  max-width:213px;/* 338px;*/
  height: 23.333vw;/*43.42vw;*/
  max-height:280px;/* 521px;*/

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bp-home_toprup{
  width: 17.75vw;/*28.16vw;*/
  max-width:213px;/* 338px;*/
height:10.83vw ;
max-height: 130px;
}

.bp-home_toprdw{
  width: 17.75vw;/*28.16vw;*/
  max-width:213px;/* 338px;*/
height: 10.83vw;
max-height: 130px;
}

@media(max-width:550px){

  .bp-home_top{
    margin: 14px 0 13vw 0;
    width:100vw;
    max-width:none;
    height:auto;
    max-height:none;

    display: flex;
    justify-content:center;
    align-items:flex-start;
    flex-wrap: wrap;
  }

  .bp-home_topl{
    width: 100vw;
    height: 113.97vw;
    max-width:none;
    max-height: none;
  }

  .bp-home_topr{
    display: none;
    /*
    margin: 10vw 0 0 0;
    width: 88vw;
    height: 59.4vw;

    display: flex;
    flex-direction: row-reverse;
    justify-content:space-between;
    align-items: flex-start;
    */
  }

  .bp-home_toprup{
    width: 24.2vw;
    height: 59.4vw;
    }

    .bp-home_toprdw{
    width: 59.6vw;
    height: 59.4vw;
    }
}


/***************************************************************

会員ページ


コース詳細
courseone.html

****************************************************************/

.bp-planonebg{
  position: relative;
  margin: 28px 0 0 0;
  padding:30px 32px 36px 32px;
  width:57.58vw;
  max-width:691px;
  height: 55.08vw;
  max-height:661px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bp-planonebg101{
  background-image: url('../image/bp-planone101bg.png');
}
.bp-planonebg102{
  background-image: url('../image/bp-planone102bg.png');
}
.bp-planonebg103{
  background-image: url('../image/bp-planone103bg.png');
}
.bp-planonebg104{
  background-image: url('../image/bp-planone104bg.png');
}

.bp-planbtngun{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
}

.bp-planbtnwaku{
  margin: 12px 0;
width: 294px;
height: 46px;
padding:0 26px;
border-radius: 24px;
font-weight: 700;
color:#000;

display: flex;
justify-content: space-between;
align-items: center;
}

.bp-pbtn1{
  background-color: #F4ED5D;
}

.bp-pbtn2{
  background-color: #B42524;
  color:#fff;
}

.bp-pbtn3{
  background-color: #74AA71;
  color:#fff;
}

.bp-pbtn4{
  background-color: #9E9E9F;
  color:#fff;
}

/*sp*********************************/
@media(max-width:550px){
  .bp-planonebg{
    position: relative;
    margin: 5.6vw 0 0 0;
    padding:3.6vw 3.8vw 5.2vw 3.8vw;
    width:90.2vw;/**/
    max-width:none;
    height: 271.24vw;
    max-height:none;
  }

  .bp-planbtngun{
    display: flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
    margin: 4vw 0 0 0;
  }

  .bp-planbtnwaku{
  margin:5vw 0;/* 12px 0;*/
  width: 100%;/*294px;*/
  height:12.4vw;/* 46px;*/
  padding:0 26px;
  border-radius: 4.8vw;
  }

  .bp-planonebg101{
    background-image: url('../image/bp-planone101bg_sp.png');
  }
  .bp-planonebg102{
    background-image: url('../image/bp-planone102bg_sp.png');
  }
  .bp-planonebg103{
    background-image: url('../image/bp-planone103bg_sp.png');
  }
  .bp-planonebg104{
    background-image: url('../image/bp-planone104bg_sp.png');
  }

}


/***************************************************************

会員ページ


トップページだけのプラン部分
index.html

****************************************************************/
.bp-planbg_t{
  margin: 14px 0 0 0;
  padding:15px 16px 15px 16px;
  width:331px;
  height:170px;
  background-image: url('../image/bp-plan1bgtop.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bp-planbg101top{
  background-image: url('../image/bp-plan101bgtop.png');
}
.bp-planbg102top{
  background-image: url('../image/bp-plan102bgtop.png');
}
.bp-planbg103top{
  background-image: url('../image/bp-plan103bgtop.png');
}
.bp-planbg104top{
  background-image: url('../image/bp-plan104bgtop.png');
}

.bp-planimg_t{
  width: 148px;
  height: 70px;
}
.bp-plan_value_t{
  margin: -4px -4px;
  width:156px;
  height: 45.5px;
  padding:0 8px 0 2px;
  background-image: url('../image/bp-plan_value.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content:space-between;
  align-items: center;
}

.bp-plan_valuet_txt1{
font-size: 0.6rem;
font-weight: 600;
color: #fff;
}

.bp-plan_valuet_txt2{
  margin: 0 0 0 1px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFF000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-plan_valuet_txt3{
  margin: 0 0 -4px 0;
  font-size: 0.6rem;
  font-weight: 700;
  color: #FFF000;
}

.bp-planflx_t{
  width: 302px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.bp-planflx_right_t{
  width: 148.5px;/*326px*/
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bp-plan_row1_t{
  width: 148.5px;/*326px*/
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bp-plan_row2_t{
  width: 302px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bp-plan_th1_t{
  width: 72px;
  height: 14.5px;
  background-color: #1F2160;
  color:#fff;
  font-size: 0.6rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-plan_td1_t{
  width: 72px;
  height: 14.5px;
  background-color: #fff;
  color:#000;
  font-size: 0.6rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-plan_th2_t{
  width: 148.5px;
  height: 14.5px;
  background-color: #1F2160;
  color:#fff;
  font-size: 0.8rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-plan_td2_t{
  width:148.5px;
  height: 14.5px;
  background-color: #fff;
  color:#000;
  font-size: 0.8rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-planstar_t{
  width: 75px;
  height: 13.5px;
}

/*sp*********************************/
@media(max-width:550px){
  .bp-planbg_t{
    margin: 2.8vw 0 0 0;
    padding:3.6vw 3.8vw 5.2vw 3.8vw;/*15px 16px 15px 16px;*/
    width:90.2vw;
    height:106.2vw;
  }

  .bp-planbg101top{
    background-image: url('../image/bp-plan101bgtop_sp.png');
  }
  .bp-planbg102top{
    background-image: url('../image/bp-plan102bgtop_sp.png');
  }
  .bp-planbg103top{
    background-image: url('../image/bp-plan103bgtop_sp.png');
  }
  .bp-planbg104top{
    background-image: url('../image/bp-plan104bgtop_sp.png');
  }

  .bp-planimg_t{
    width:100%;/* 148px;*/
    height:auto;/* 70px;*/
  }

  .bp-plan_value_t{
    margin:0;
    width:82.6vw;/*156px;*/
    height:19.11vw;/*24.09vw; 45.5px;*/
    background-image: url('../image/bp-plan_value_sp.png');
    padding:0 2.4vw 0 2vw;
  }

  .bp-planflx_t{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bp-planflx_right_t{
    width: 100%;/*148.5px;326px*/
    height: auto;/*70px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .bp-plan_valuet_txt1{
    font-size: 1.4rem;
  }

   .bp-plan_valuet_txt2{
      margin: 0;
      font-size: 2.2rem;
  }

  .bp-plan_valuet_txt3{
      margin: 0 0 -1vw 0;
      font-size: 1.4rem;
  }

  .bp-plan_row1_t{
    width: 100%;/*148.5px;326px*/
  }

  .bp-plan_row2_t{
    width: 100%;/*302px;*/
  }

  .bp-plan_th1_t{
    width:40.4vw;/* 72px;*/
    height: 5.8vw;/*14.5px;*/
    font-size: 1rem;
  }

  .bp-plan_td1_t{
    width:40.4vw;/* 72px;*/
    height: 5.8vw;/*14.5px;*/
    font-size: 1rem;
  }

  .bp-plan_th2_t{
    width:40.4vw;/* 72px;*/
    height: 5.8vw;/*14.5px;*/
    font-size: 1rem;
  }

  .bp-plan_td2_t{
    width:40.4vw;/* 72px;*/
    height: 5.8vw;/*14.5px;*/
    font-size: 1rem;
  }

  .bp-planstar_t{
    width:24vw;
    height:auto;
  }

}


/***************************************************************

会員ページ


買い目
kaime.html

****************************************************************/
.bp-plan_kaimeflx{
  width:52.5vw;
  max-width: 630px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.bp-plan_kaimeflxnone{
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color:#fff;

}

@media(max-width:550px){
  .bp-plan_kaimeflxnone{
    width: 100%;
    height: 120vw;
    font-size: 1rem;
  }
}

.bp-plan_kaime{
  width:25.7vw;
  max-width: 308px;
  padding: 0 16px;
  color:#FFFFFD;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bp-kaime_ttl{
  margin: 0;
  width: 276px;
  height: 46px;
}

.bp-kaime_txt1{
  width: 100%;
  border: solid #fffffd;
  border-width: 0 0 1px 0;
  color: #fffffd;
  font-size: 1rem;
  font-weight: 700;
  display: inline;
}

.bp-kaime_txts{
  margin: 0 0 0 5px;
  font-size: 0.8rem;
  font-weight: 400;
}

.bp-kaimenumflx{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-kaimenum{
  display: flex;
  justify-content: center;
  padding:10px 16px;
}

@media(max-width:550px){

  .bp-kaime_ttl{
    margin: 4vw 0 0 0;
    width: 100%;
    height: auto;
  }

  .bp-plan_kaimeflx{
    width:100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .bp-plan_kaime{
    width:100%;
    max-width:none;
    padding: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bp-kaimenum{
    display: flex;
    justify-content: center;
    padding:3vw 8vw;
  }

}





.bp-planup_date{
  position: absolute;
  top:-23px;
  left: 24px;
  width:140px;
  height:24px;
  padding:2px 4px;
  font-size: 0.9rem;
  font-weight: 700;
  z-index: 1;
}

.bp-planup_date:before{
  position: absolute;
  content: "";
  top:-24px;
  left:-24px;
  border-top: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid #3F6EB4;
  border-left: 24px solid transparent;
  z-index: -1;
}

.bp-planup_date:after{
  position: absolute;
  content: "";
  top:-24px;
  right: -24px;
  border-top: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid #3F6EB4;
  border-left: 24px solid transparent;
  z-index: -1;
}

.bp-planup_date_color1{
background-color: #3F6EB4;
}
.bp-planup_date_color2{
  background-color: #D83556;
}
.bp-planup_date_color3{
  background-color: #4C9890;
}
.bp-planup_date_color4{
  background-color: #E7B53E;
}

.bp-planup_date1:before{
  border-bottom: 24px solid #3F6EB4;
}
.bp-planup_date1:after{
  border-bottom: 24px solid #3F6EB4;
}
.bp-planup_date2:before{
  border-bottom: 24px solid #D83556;
}
.bp-planup_date2:after{
  border-bottom: 24px solid #D83556;
}
.bp-planup_date3:before{
  border-bottom: 24px solid #4C9890;
}
.bp-planup_date3:after{
  border-bottom: 24px solid #4C9890;
}
.bp-planup_date4:before{
  border-bottom: 24px solid #E7B53E;
}
.bp-planup_date4:after{
  border-bottom: 24px solid #E7B53E;
}





/***********************************************************

会員ページ

実績
performance.html

************************************************************/
.bp-performflx{
  margin: 4px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-performbg{
  margin: 10px 20px;
  padding:32px 12px 20px 12px;
  width:200px;
  height: 269px;

  background-image: url('../image/bp-performbg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bp-perform_date{
  position: absolute;
  top:3px;
  left:22px;
  font-size: 0.7rem;
}

.bp-perform_img{
  width:176px;
  height: 84px;
}

.bp-perform_mato{
  position: absolute;
  top:-4px;
  right:-20px;
  width: 62px;
  height:59px;
}

.bp-per_race{
  width: 100%;
  padding:3px 3px;
  border: 1px solid #fff;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-per_racetxt{
  font-size: 0.7rem;
  font-weight: 600;
  color:#fff;
}

.bp-kaimeflx{
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-per_arrow{
  width: 31px;
  height: 18px;
}

.bp-per_teckichu1{
  padding:4px 0;
  width:56px;
  font-size: 0.8rem;
  font-weight: 700;
  background-color: #FFEE00;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-per_valueflx{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bp-per_valueflx2{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-per_teckichu2{
  width: 100%;
  padding:4px 0;
  font-size: 0.8rem;
  font-weight: 700;
  background-color: #FFEE00;
  border: 1px solid #fff;
  text-align: center;
}

.bp-per_value{
  font-size: 1rem;
  font-weight: 900;
  color: #FFEE00;
}

.bp-per_value2{
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.9;
  color: #FFEE00;
}

.bp-morebtn{
  margin: 46px 0 26px 0;
  width:161px;
  height: 42px;
  border: 1.5px solid #fff;
  background-image: linear-gradient(to right, #CF5DDB 0%, #4B64E0 100%);
  border-radius: 36px;
  font-size: 1.2rem;
  font-weight: 700;
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media(max-width:550px){
	.bp-performflx{
	  margin:1vw 0 0 0;
	}

	.bp-performbg{
	  margin:3.8vw 7.6vw;/* 10px 20px;*/
	  padding:12.1vw 4.5vw 7.6vw 4.5vw;/*32px 12px 20px 12px;*/
	  width:76vw;/*200px;*/
	  height:102.2vw;/* 269px;*/

	  background-image: url('../image/bp-performbg.png');
	}

	.bp-perform_date{
	  top:1.5vw;/*3px;*/
	  left:9.2vw;/*22px;*/
	  font-size: 0.9rem;
	  font-weight: 700;
	}

	.bp-perform_img{
	  width:66.88vw;/*176px;*/
	  height:31.92vw;/* 84px;*/
	}

	.bp-perform_mato{
	  top:-1.5vw;/*-4px;*/
	  right:-7.6vw;/*-20px;*/
	  width:23.56vw;/* 62px;*/
	  height:22.42vw;/*59px;*/
	}

	.bp-per_race{
	  width: 100%;
	  padding:1.5vw 1.5vw;/*3px 3px;*/
	  border: 1px solid #fff;

	}

	.bp-per_racetxt{
	  font-size:1.2rem;/*0.7rem;*/
	  font-weight: 700;
	  color:#fff;
	}

	.bp-kaimeflx{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.bp-per_arrow{
	  width:11.78vw;/* 31px;*/
	  height:6.84vw;/* 18px;*/
	}

	.bp-per_teckichu1{
	  padding:1.5vw 0;/*4px 0;*/
	  width:21.28vw;/*56px;*/
	  font-size: 1.3rem;
	}

	.bp-per_teckichu2{
	  width: 100%;
	  padding:1.5vw 0;/*4px 0;*/
	  font-size: 1.3rem;
	  font-weight: 700;
	}

	.bp-per_value{
	  font-size: 1.6rem;
	  font-weight: 900;
	}

	.bp-per_value2{
	  width: 100%;
	  font-size: 1.4rem;
	  font-weight: 900;
	  line-height: 1.9;
	}

	.bp-morebtn{
	  margin: 46px 0 26px 0;
	  width:161px;
	  height: 42px;
	  border: 1.5px solid #fff;
	  background-image: linear-gradient(to right, #CF5DDB 0%, #4B64E0 100%);
	  border-radius: 36px;
	  font-size: 1.2rem;
	  font-weight: 700;
	  color:#fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
}

/*****************************************************************

会員ページ

メール　メールボックス
mailbox mail

******************************************************************/

.bp-mailbox{
  margin: 14px 0 0 0;
  width: 57.6vw;
  max-width: 691px;
  /* 親要素
  padding:0 20px 0 60px;
  width: 66.67vw;
  max-width: 800px;
  */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bp-mailitem{
  margin: 10px 0 0 0;
  width: 100%;/*max-691px*/
  height: 182px;
  padding:14px 0;
  display:flex;
  justify-content: space-between;
  align-items: center;
  background-color:#202020;
  border: #C9C9CA solid 1px;
}

.bp-mailitem_iconflm{
  width:24%;
  height: 182px;

  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.bp-mailitem_icon{
  width: 91px;
  height: 96px;
}

.bp-mailitem_body{
  width:51.5%;
  height: 182px;
  padding:14px 0;
  text-overflow: ellipsis;
}

.bp-mailitem_date{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  color:#C9C9CA;
  font-size: 0.6rem;
  line-height: 2.4;
  border: #C9C9CA solid;
  border-width: 0 0 1px 0;
}

.bp-mailitem_dd{

}

.bp-mailitem_from{

}

.bp-mailitem_title{
  color:#C9C9CA;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.4;
  border: #C9C9CA solid;
  border-width: 0 0 1px 0;
}

.bp-mailitem_txt{
  width: 100%;
  height: 100%;
  color:#C9C9CA;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;

}

.bp-mailitem_btnflm_sp{
  display: none;
}

.bp-mailitem_btnflm{
  width:24%;
  height: 182px;

  display:flex;
  justify-content: center;
  align-items: center;
}

.bp-mailitem_btn1{
  width:118px;
  height: 32px;
  border-radius: 24px;
  color:#fff;
  font-weight: 700;
  background-image: linear-gradient(to right, #E37A3B 0%, #DD3856 100%);

  display:flex;
  justify-content: center;
  align-items: center;
}

.bp-mailitem_btn2{
  width:118px;
  height: 32px;
  border-radius: 24px;
  color:#fff;
  font-weight: 700;
  background-image: linear-gradient(to right, #C164D5 0%, #5363D8 100%);

  display:flex;
  justify-content: center;
  align-items: center;
}

@media(max-width:890px){
  .bp-mailbox{
    margin: 14px 0 0 0;
    width: 90vw;
    max-width: none;
  }

}


@media(max-width:550px){
  .bp-mailitem{
    margin: 10px 0 0 0;
    width: 100%;/*max-691px*/
    height: 50.4vw;
    padding:2.5vw 2.5vw;
    display:flex;
    justify-content: space-between;
    align-items: center;

  }

  .bp-mailitem_date{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.6rem;
    line-height: 1.4;
  }

  .bp-mailitem_iconflm{
    width:40%;
    height: 100%;

    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bp-mailitem_icon{
    width:16.38vw;
    height:17.28vw;
  }

  .bp-mailitem_body{
    width:60%;
    height: 100%;
    padding:0;
  }

  .bp-mailitem_btnflm{
    display: none;
  }

  .bp-mailitem_btnflm_sp{
    width:23.2vw;
    height: 16vw;

    display:flex;
    justify-content: flex-end;
    align-items: center;
  }

  .bp-mailitem_btn1_sp{
    margin:4vw 0 0 0;
    width:100%;
    height: 6.4vw;
    border-radius: 24px;
    color:#fff;
    font-weight: 700;
    background-image: linear-gradient(to right, #E37A3B 0%, #DD3856 100%);

    display:flex;
    justify-content: center;
    align-items: center;
  }

  .bp-mailitem_btn2_sp{
    margin:4vw 0 0 0;
    width:100%;
    height: 6.4vw;
    border-radius: 24px;
    color:#fff;
    font-weight: 700;
    background-image: linear-gradient(to right, #C164D5 0%, #5363D8 100%);

    display:flex;
    justify-content: center;
    align-items: center;
  }

}

.bp-mailbodyflm{
  margin: 10px 0 0 0;
  width: 100%;/*max-691px*/
  height: auto;
  padding:24px 24px;
  background-color:#202020;
  border: #C9C9CA solid 1px;
/*
  display:flex;
  justify-content: space-between;
  align-items: center;
  */
}

@media(max-width:550px){
  .bp-mailbodyflm{
    padding:4vw 3.2vw;
  }
}

/************************************************************

会員ページ

ポイント
point　poinntadd

*************************************************************/

.bp-pointflx{
  width: 100%;
  display: flex;
  justify-content:space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.bp-pointslflx_c{
  /*width:28.25vw;
  max-width:339px;
  height:26.33vw;
  max-height: 316px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
*/
}

.bp-pointsl_btn{
  margin: 24px 0 0 0;
  width: 115px;
  height: 31px;
}

.bp-pointslbg{
  margin: 0;
  width:28.17vw;
  height: 26.83vw;
  max-width:338px;
  max-height:322px;
  padding:18px 0 80px 0;

background-image: url('../image/bp-pointbg01.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}

.bp-point_img{
  width:234px;
  height: 163px;
}

.bp-pointtxt1{
 color:#FCF150;
 font-size: 1.2rem;
 font-weight: 700;
}

.bp-pointtxt2{
  color:#FCF150;
  font-size: 0.9rem;
}

.bp-btnflm{
  margin: 40px 0 0 0;
  width: 251px;
  height: 67px;

  font-size: 1.1rem;
  font-weight: 900;
  color:#fff;
  border-radius: 34px;

  background-image: linear-gradient(to right, #D47E49 0%, #CA4559 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.bp-pointadd_flx{
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.bp-pointadditem{
  margin: 5px 5px;
  padding: 52px 0 108px 0;
  width:221px;
  height:320px;
  background-image: url('../image/bp-pointbg1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.bp-pointadd_txt1{
color:#FFF000;
font-size: 1.2rem;
font-weight: 700;
}

.bp-pointadd_txt2{
  color:#fff;
  font-size: 1.2rem;
  font-weight: 700;
}

.bp-pointadditem p:nth-of-type(1){
  color:#FFF000;
font-size: 1.2rem;
font-weight: 700;
}

.bp-pointadditem p:nth-of-type(2){
  color:#fff;
  font-size: 1.2rem;
  font-weight: 700;
}

@media(max-width:890px) and (min-width:551px){
  .bp-pointslbg{
    width:44vw;
    height:41.91vw;
    max-width:none;/* 338px;*/
    max-height:none;/*  322px;*/
    padding:2.5vw 0 10vw 0;/*18px 0 80px 0;*/
  }

  .bp-point_img{
    width:30.8vw;/*234px;*/
    height:auto;/* 163px;*/
  }
}

@media(max-width:550px){
	.bp-pointflx{
	  display: flex;
	  justify-content:center;
	  align-items: center;
	  flex-wrap: wrap;
	}
  .bp-point_img{
    width:60vw;/*61.6vw;30.8vw;234px;*/
    height:auto;/* 163px;*/
  }
  .bp-pointslbg{
	  margin: 0 0 10vw 0;
    width:88vw;/*44vw;*/
    height:83.82vw;/*41.91vw;*/
    padding:5vw 0 43vw 0;/*2vw 0 19vw 0;*/
  }

  .bp-pointtxt1{
    color:#FCF150;
    font-size: 1.2rem;
    font-weight: 700;
   }

   .bp-pointtxt2{
     color:#FCF150;
     font-size: 1rem;
   }

}

/************************************************************

会員ページ

コンタクト
contact.html

*************************************************************/

.bp-contactbox{
  margin: 14px 0 0 0;
  width: 57.6vw;
  max-width: 691px;
  /* 親要素
  padding:0 20px 0 60px;
  width: 66.67vw;
  max-width: 800px;
  */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bp-contactflm{
  margin: 10px 0 0 0;
  width: 100%;/*max-691px*/
  height: auto;
  padding:24px 24px;
  background-color:#FFFFFF;
  border: #C9C9CA solid 1px;
/*
  display:flex;
  justify-content: space-between;
  align-items: center;
  */
}

.bp-contact_textarea{
  width: 100%;
  height: 20rem;
  padding:24px 24px;
  background-color: #EEEFEF;
  border: #C9C9C9 solid 1px;
  border-radius: 3px;
  color:#333;
}
.bp-contact_txtfin{
  font-size: 1rem;
}


@media(max-width:890px){
  .bp-contactbox{
    margin: 14px 0 0 0;
    width: 90vw;
    max-width: none;
  }

}

@media(max-width:550px){
  .bp-contactflm{
    padding:4vw 3.2vw;
  }
  .bp-contact_textarea{
    width: 100%;
    height: 20rem;
    padding:2vw 2vw;
  }
  .bp-contact_txtfin{
    font-size: 0.9rem;
  }
}

/************************************************************

会員ページ

特商法、利用規約、プライバシー

*************************************************************/

.bp-rule_textarea{
  width: 100%;
  padding:24px 24px;
  background-color: #EEEFEF;
  border: #C9C9C9 solid 1px;
  border-radius: 3px;
  color:#333;
}

.bp-rule_textarea p{
  font-size: 0.9rem;
  line-height: 1.8;
}

.outlineflm{

}

.outlineflx{
  width: 100%;
display: flex;
justify-content: space-between;
}

.outline_th{
  width:40%;
  font-weight: 700;
}

.outline_td{
  width:60%;
}



@media(max-width:550px){

  .bp-rule_textarea{
    width: 100%;
    padding:2vw 2vw;
  }

}