@charset "utf-8";


/* clearfix
---------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1px;
}

.clearfix {
  display: block;
}

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

.bokin2 p{
margin-bottom:0 !important;
}

.selectlist-a dl.bokin2{
margin-top:0 !important;
}

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

.selectlist-a dt.trigger2{
padding:10px 10px 5px 10px !important;
}
.selectlist-a dt.trigger.once2 {
background: #ffaf79 !important;
background: -moz-linear-gradient(top,  #ffaf79 0%, #ff8e1d 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf79), color-stop(100%,#ff8e1d)) !important;
background: -webkit-linear-gradient(top,  #ffaf79 0%,#ff8e1d 100%) !important;
background: -o-linear-gradient(top,  #ffaf79 0%,#ff8e1d 100%) !important;
background: -ms-linear-gradient(top,  #ffaf79 0%,#ff8e1d 100%) !important;
background: linear-gradient(to bottom,  #ffaf79 0%,#ff8e1d 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf79', endColorstr='#ff8e1d',GradientType=0 ) !important;
position:relative;
}
.selectlist-a dt.trigger.monthly2 {
background: #9bd464 !important;
background: -moz-linear-gradient(top,  #9bd464 0%, #5eb705 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bd464), color-stop(100%,#5eb705)) !important;
background: -webkit-linear-gradient(top,  #9bd464 0%,#5eb705 100%) !important;
background: -o-linear-gradient(top,  #9bd464 0%,#5eb705 100%) !important;
background: -ms-linear-gradient(top,  #9bd464 0%,#5eb705 100%) !important;
background: linear-gradient(to bottom,  #9bd464 0%,#5eb705 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bd464', endColorstr='#5eb705',GradientType=0 ) !important;
position:relative;
border-bottom:none;
margin-bottom:10px;
}

.selectlist-a dt.trigger.once2 span,
.selectlist-a dt.trigger.monthly2 span {
position:absolute;
right:5%;
top:30% !important;
}

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

.trigger .recommend01{
	font-size:12px;
	color:#0096ff;
	padding:5px 10px 4px 10px;
	margin-top:2px;
	line-height:16px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	width:228px;
}
.open-close2{
	margin-top:0px;
}
.open-close3{
	margin-top:-7px;
}
.recommend_month01{
	background-color:#e3fccb;
	color:#56a406;
	padding:5px 0 4px 10px;
	margin:0 10px 0 10px;
}

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

.mainvisual_slide01{
margin-bottom:25px;
}
.ico_trigger01{
width:19px;
float:left;
padding:0 7px 0 0;
}
.bokin_title01{
background: #ff8e1e !important;
}
.bokin_title02{
background: #5fb706 !important;
}
.bokin_title01 img,
.bokin_title02 img{
/*width:100%;
max-width:640px;
min-width:320px;*/
vertical-align:bottom;
}
.mb20{
margin-bottom:20px;
}


/* 2021/10/20追記 */
.tit_block {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4% 0 0;
  color: rgb(255, 255, 255);
  text-align: center;
}
  .tit_block.tit_block_blue {
    background-color: rgb(0, 153, 255);
  }
  .tit_block.tit_block_green {
    background-color: rgb(95, 183, 6);
  }
  .tit_block.tit_block_orange {
    background-color: rgb(255, 142, 29);
  }
.tit_block:before, .tit_block:after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}
  .tit_block.tit_block_blue:before, .tit_block.tit_block_blue:after {
    background-color: rgb(0, 153, 255);
  }
  .tit_block.tit_block_green:before, .tit_block.tit_block_green:after {
    background-color: rgb(95, 183, 6);
  }
  .tit_block.tit_block_orange:before, .tit_block.tit_block_orange:after {
    background-color: rgb(255, 142, 29);
  }
.tit_block:before {
    left: -99%;
}
.tit_block:after {
    right: -99%;
}
.tit_block_icon {
    width: calc(100% - 120px);
    padding:0 0 4% 0;
    font-size: 18px !important;
}
/*
  .tit_block .tit_block_icon:before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    margin-top: -4px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .tit_block.tit_onetime .tit_block_icon:before {
    background: url(../img/bof-bokin_area_icon_onetime.png) left center no-repeat;
    background-size: 100% auto;
  }
  .tit_block.tit_kinkyu .tit_block_icon:before {
    background: url(../img/bof-bokin_area_icon_kinkyu.png) left center no-repeat;
    background-size: 100% auto;
  }
  .tit_block.tit_area .tit_block_icon:before {
    background: url(../img/bof-bokin_area_icon_area.png) left center no-repeat;
    background-size: 100% auto;
  }
  .tit_block.tit_gift .tit_block_icon:before {
    background: url(../img/bof-bokin_area_icon_gift.png) left center no-repeat;
    background-size: 100% auto;
  }
  .tit_block.tit_monthly .tit_block_icon:before {
    background: url(../img/bof-bokin_area_icon_monthly.png) left center no-repeat;
    background-size: 100% auto;
  }
*/
.bokin2 p.tit_block_des {
  width: 120px;
  margin-bottom:4% !important;
  text-align: center;
}
.tit_block_des span {
  display: inline-block;
  border-radius: 100vh;
  background-color: #fff;
  padding:4px 2px 4px 4px;
  font-size: 14px;
  text-align: center;
}
.tit_block_blue .tit_block_des {
  color: #09f;
}
.tit_block_green .tit_block_des {
  color: rgb(95, 183, 6);
}
.tit_block_orange .tit_block_des {
  color: rgb(255, 142, 29);
}

/* gift_block */
.gift_block {}
.gift_block .gift_block_inner {
  display: flex;
  justify-content: space-between;
  margin-top: 4%;
}
.gift_block .gift_block_inner .gift_block_img {
  width: 30%;
}
  .gift_block .gift_block_inner .gift_block_img img {
    width: 100%;
    height: auto;
  }
.gift_block .gift_block_inner .gift_block_txt {
  width: 68%;
  padding-bottom: 4%;
  font-size:16px;
}


/* btn_bokin */
.btn_bokin {
  margin: 10px 0;
}
.btn_bokin img, .btn_bokin input {
  width: 100%;
  height: auto;
}


/* ddGuidance */
.ddGuidance {
  margin: 10px;
  font-size: 13.5px;
  padding: 15px;
  border: 1px solid #ccc;
}
.ddGuidance p {
  color: #0099FF;
  padding-bottom: 5px;
  font-weight: bold;
}

/* itemttl */
.itemttl {font-size: 16px !important;}

/* #Form1 select */
form#Form1 select {font-size: 16px !important;}