/*-----------------初期---------------------*/
@charset "utf-8";
/* CSS Document */



/* 新しい共通のFV */


/*****************************
新しいMV 
*******************************/



.fv_area {
  background: url(/area_template/img/common/common_fv_areatop_pc.jpg) no-repeat right top / contain;
  width: 100%;
  height: 310px;
  position: relative;
  margin: 30px 0 60px;
  padding-top: 40px;
	}

.fv_area .fv_textbox {
  margin-left: 0px;
  width: 50%;
  flex-direction: column;
  display: flex;
  display: -webkit-flex; /* safari */
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  -webkit-box-pack: center;
}
.fv_area .fv_textbox h1 {
	position: relative;
    background: linear-gradient(90deg, #cb0062 24%, #fa688d);
    font-size: 25px;
    padding: 5px 15px;
    border-radius: 10px;
    color: #ffffff;
    font-weight: normal;
    width: auto;
    text-align: center;
    margin: 0px 20px;
    letter-spacing: 2px;
}

.fv_area .fv_textbox h1 span{
	font-size: 1.4em;
	font-weight: 700;
}

.fv_area .fv_textbox h2 {
  	font-size: 27px;
  	letter-spacing: 3px;
  	text-align: center;
	margin-top: 10px;
}

.fv_area .fv_textbox h2 span.dots {
  padding-top: 10px;
  background-position: 0px -5px;
  background-repeat: repeat-x;
  background-size: 0.9em 0.9em;
  background-image: radial-gradient(circle at center, #333 20%, transparent 20%);
}


/*スマホの場合*/
@media screen and (max-width: 767px) {
.fv_area .fv_textbox h2 span.dots {
  padding-top: 10px;
  background-position: 16px -5px;
  background-repeat: repeat-x;
  background-size: 0.9em 0.9em;
	}
}



.fv_area .fv_textbox h2 span.bigtext {
  font-size: 135%;
}
.fv_area .fv_textbox h2 span.bigtext span {
  font-size: 70%;
}
.marker_yellow_hoso.bigtext{background: linear-gradient(transparent 60%, #ffe566 60%) !important;}
.fv_area .fv_textbox .pricebox {
  width: 47%;
  margin: 0px auto 0 10%;
  font-weight: bold;
}
.fv_area .fv_textbox .pricebox .pricebox_flex {
  width: 100%;
  display: flex;
  display: -webkit-flex; /* safari */
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  justify-content: center;
  align-items: center;
  -webkit-box-pack: center;
}
.fv_area .fv_textbox .pricebox .pricebox_flex p.tatetext {
  font-size: 16px;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.fv_area .fv_textbox .pricebox .pricebox_flex p.price_text {
  color: #cb0062;
  font-size: 40px;
}
.fv_area .fv_textbox .pricebox .pricebox_flex p.price_text_other {
  font-size: 14px;
  line-height: 1.2;
}
.fv_area .fv_textbox .pricebox .pricebox_flex p.price_text_other span {
  font-size: 140%;
}
.fv_area .fv_textbox .pricebox p.price_text_small {
  text-align: right;
  margin-top: -10px;
	font-size: 14px;
}
.fv_area .fv_textbox .pricebox p.price_text_small span {
  font-size: 140%;
}
.fv_area img.pc.g_voicemark {
  width: 14%;
  top: 0%;
  right: 2%;
  position: absolute;
}

.fv_copy{
	font-size: 22px;
	letter-spacing: 1px;
}

@media screen and (min-width:769px), print {
.fv_cap{
	position: relative;
	top: 90px;
	left: 10px;
	}
}

@media screen and (max-width: 767px) {
  .fv_area {
    background: url(/area_template/img/common/common_fv_areatop_sp.jpg) no-repeat right bottom / cover;
    width: 100%;
    height: 100vw;
    padding: 0;
    margin: 1em 0 -10px 0;
  }
  .fv_area .fv_textbox {
    width: 100%;
	margin-left: 0px;  
  }
  .fv_area .fv_textbox h1 {
	  width: auto;
      font-size: 5.33vw;
      margin: 10px auto 5px auto;
      padding: 5px 10px;
      font-weight: normal;
  }
	
  .fv_area .fv_textbox h2 {
    font-size: 4.8vw;
	  letter-spacing: 1.5px;
  }
	
.fv_area .fv_textbox h2 span.bigtext {
  font-size: 152%;
	}
	
  .fv_area .fv_textbox .pricebox {
        font-weight: bold;
        width: 50%;
        position: absolute;
        bottom: 29%;
        right: 4%;
  }
  .fv_area .fv_textbox .pricebox .pricebox_flex p.tatetext{
	  font-size: 3vw;
	  margin-bottom: 5px;	  
  }
	
 .fv_area .fv_textbox .pricebox .pricebox_flex p.price_text_other {
	  font-size: 2.5vw;
	  margin-bottom: 5px;	  
  }	
	
	
  .fv_area .fv_textbox .pricebox p.price_text_small {
	  font-size: 3vw;
	  margin-top: -10px;
      margin-right: 10px;
  }
  .fv_area .fv_textbox .pricebox .pricebox_flex p.price_text {
    font-size: 7vw;
  }
  .fv_area img.sp.g_voicemark {
    /*width: 45%;
    position: absolute;
    bottom: 33%;
    left: 18%;*/
    width: 60%;
    margin: 0.5em auto 0 auto;	  
  }
	
.fv_copy{
	font-size: 4.27vw;
	}
.fv_cap {
    font-size: 3.2vw;
	text-align: center;
    margin-left: 50px
	}	
}




/* スマホ380px以上の機種*/
@media (min-width: 381px) and (max-width: 430px) {
	.fv_area {
        height: 100vw!important;
    }
}



/* スマホ340px以下の機種*/

@media screen and (max-width: 340px){
	.fv_area {
        height: 105vw!important;
    }
}



#search_top {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

#content{
	margin-top: 0px;
}
	
	
.marker_yellow_hoso {
    font-weight: normal!important;
}

/* 左右余白 */
@media screen and (max-width: 769px){
  .top-inner{
  padding: 0 10px;
}
}