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

/*----------------------------------
all
----------------------------------*/
#str_container{
  padding-bottom: 0;
  background-color: #fff;
	margin-bottom:20px;
}
.sec_block_m{
  position: relative;
  margin:0 15px;
  padding:20px 0;
  background: #fff4e2;
}
.whiteBg{
  background-color: #fff !important;
}
.p_hol15{
  padding-left: 15px;
  padding-right: 15px;
}
.p_hol20{
  padding-left: 20px;
  padding-right: 20px;
}
h2{
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}
h2 span{
  font-size: 20px;
}
.icn50per{
  display: inline-block;
  width: 55px;
  height: auto;
  margin: -10px 0 0 0;
  padding: 0 10px 0 0;
  vertical-align: bottom;
}

.line_ttl{
  position: relative;
  background: #3695d7;
	margin: 0px 10px;
}
.line_ttl.whiteBg h2{
  color: #bf0029;
  text-align: center;
}
.line_ttl h2/*,
#lp_sec5 h2*/{
  font-weight: bold;
  position: relative;
	padding:10px;
	letter-spacing:2px;
}
@media screen and (max-width:354px){
  .line_ttl h2{
    font-size: 22px;
  }
}
@media screen and (max-width:342px){
  h2{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
  }
  h2 span{
    font-size: 18px;
  }
  .line_ttl h2{
    font-size: 20px;
  }
}

/*----------------------------------
lp_sec1
----------------------------------*/
#lp_sec1{
  background-color: #fff4e2;
  color: #fff;
}
#lp_sec1 .ttl_bgArea{
/*  background: #fff4e2 url("../images/bg_01.png") no-repeat top center;*/
  background: #fff4e2;
/*  background-size: 71% auto;*/
  text-align: center;
}
#lp_sec1 h2{
  margin: 22px 0 0;
}
/*#lp_sec1 .ttl_bgArea .koaraImg{
  margin: 22px 0 0;
}*/
#lp_sec1 p{
  margin: 15px 0 0;
/*  font-size: 16px;*/
  text-align: center;
  line-height: 1.5;
}
#lp_sec1 .redTxt{
  padding: 10px;
  background: #fff;
  color: #9a0021;
}

#lp_sec1 img{
	width:100% !important;
}

/*----------------------------------
lp_sec2
----------------------------------*/
#lp_sec2 .sec_block_m{
/*  background: #fff4e2 url("../images/bg_02.png") no-repeat left -35px top -28px;*/
  background: #fff4e2;
  background-size: 130px auto;
}
#lp_sec2 h2{
	text-align:center;
}

#lp_sec2 h2 img{
	width:70%;
}

.lp_detail{
  padding:0 15px;
}
.lp_detail > li{
	border:1px solid #fff;
	border-radius:15px;
  margin:20px auto;
	box-sizing:border-box;
  text-align: center;
	padding:10px;
	background-color:#fff;
}

/*.lp_detail > li img{
	min-width:100%;
}*/

.lp_detail > li:last-child{
  margin-bottom:0
}

#lp_sec2 .lp_itm_links{
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#lp_sec2 .lp_itm_links a{
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width:360px){
.lp_detail > li{
	width:320px;
}
}

/*----------------------------------
lp_sec3
----------------------------------*/
.txt_img_col2{
  display: table;
}
.txt_img_col2 li{
  display: table-cell;
/*  font-size: 14px;*/
  line-height: 1.8;
  vertical-align: top;
}
.txt_img_col2 li:not(.koaraImg){
  padding-top: 10px;
}
.txt_img_col2 li.koaraImg{
  width: 122px;
  padding-left: 20px;
}
@media screen and (max-width:360px){
  .txt_img_col2 li:not(.koaraImg){
    padding-top: 0;
  }
  .txt_img_col2 li.koaraImg{
    width: 70px;
    padding-left: 10px;
    padding-top: 10px;
  }
}

/*----------------------------------
lp_sec4
----------------------------------*/
#lp_sec4 .iv_list dt{
  display: inline-block;
  position: relative;
  margin: 0 0 -15px -5px;
  padding: 8px 12px;
  background: #BF1B00;
  color: #fff;
  font-weight: bold;
}
#lp_sec4 .iv_list dd{
  padding: 20px 12px 12px;
  border: solid 2px #F5BBAE;
  background:#fff;
	box-shadow:2px 2px 5px -2px rgba(0,0,0,.8);
	margin:auto 10px;
}
#lp_sec4 [class^="iv_icn_"] {
  display: table;
  width: 100%;
  line-height: 1.4;
}
#lp_sec4 [class^="iv_icn_"] > span{
  display: table-cell;
  border-bottom:solid 2px #7d1000;
  vertical-align: middle;
}
#lp_sec4 [class^="iv_icn_"]:before{
  display: table-cell;
  width: 62px;
  padding-right: 16px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 45px auto;
  content: "";
}
#lp_sec4 .iv_icn_m:before{
  background-image: url("../images/icn_iv_m.png");
	/*background-size:97px 120px;
	width:25%;*/
}
#lp_sec4 .iv_icn_w:before{
  background-image: url("../images/icn_iv_w.png");
	/*background-size:97px 120px;
	width:25%;*/
}



#lp_sec4 .iv_comment{
  margin-top: 16px;
  padding: 16px 12px;
  background-color: #FFF4E1;
  color: #222;
}

/*----------------------------------
lp_sec5
----------------------------------*/
/*#lp_sec5 h2{
  top: 0;
  margin:0 22px;
  padding:8px 0 8px 20px;
  border-left:solid 12px #9a0022;
  color: #9a0022;
}*/
#lp_sec5 .notes_list{
  font-size: 14px;
  line-height: 1.4;
}
#lp_sec5 .notes_list li{
  display: table;
}
#lp_sec5 .notes_list li:nth-child(n + 2){
  padding-top: 10px;
}
#lp_sec5 .notes_list li:before{
  display: table-cell;
  padding-right: 2px;
  vertical-align: top;
  content:"◇";
}
@media screen and (max-width:354px){
  #lp_sec5 h2{
    font-size: 22px;
    padding:6px 0 6px 14px;
  }
}
@media screen and (max-width:342px){
  #lp_sec5 h2 {
    font-size: 20px;
    padding:4px 0 4px 10px;
  }
}

/*----------------------------------
lp_telArea
----------------------------------*/
#lp_telArea{
  position: relative;
}
#lp_telArea > div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
/*  padding:15px;
  box-sizing: border-box;
  background: #000;
	border-radius:10px;*/
}
#lp_telArea.js-telFix > div{
  position: fixed;
  top: inherit;
  bottom: 0;
}
#lp_telArea .call_button{
  margin: 0;
  background:#fe8800;
	border:5px solid #000;
	border-radius:10px;
	position:relative;
}
#lp_telArea .call_button a{
  display: block;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#lp_telArea .call_button a span{
  font-size: 28px;
}
#lp_telArea .call_button a span:before{
  display: inline-block;
  width: 23px;
  height: 22px;
  margin-right: 6px;
  background: url("../images/icn_tel_01.png") no-repeat center center;
  background-size: contain;
  color: #fff;
  vertical-align: middle;
  content: "";
}

#lp_telArea .btn{
	position:absolute;
	top:18px;
	right:20px;
}

/*----------------------------------
lp_footer
----------------------------------*/
#lp_footer{
  color: #fff;
  font-size: 14px;
  text-align: center;
}
#lp_footer p{
  margin: 0;
}
#lp_footer a{
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}

.mb0{
	margin-bottom:0 !important;
}

.pt0{
	padding-top:0 !important;
}

.ml0{
	margin-left:0 !important;
}

.mr0{
	margin-right:0 !important;
}

.contents-area {
  background: none;
  text-align: left;
  padding: 0;
  font-size: 16px;
}

#res-header {
  position: relative;
}
#res-header .btn_img {
  position: absolute;
  top: 33px;
  right: 30px;
}
#res-header .btn_img > a:hover {
  color: #FFF;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3;
}

@media screen and (min-width:769px){
  .spContent {
    display: none!important;
  }
}
@media screen and (max-width:768px){
  .pcContent {
    display: none!important;
  }
  #res-header .btn_img {
    position: absolute;
    top:25%;
    right: 3%;
    width: 35%;
  }
  #res-header .btn_img img {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width:640px){
  #res-header .btn_img {
    position: absolute;
    top:27%;
    right: 3%;
    
  }
}

p {
  margin-top: 0;
}
.contents-area.imgWrap {
  margin: 0;
}
.contents-area.imgWrap p.img {
  margin-top: 20px;
}
@media screen and (max-width:768px){
  .contents-area.imgWrap p.img {
    margin-top: 0;
  }
}

.flowTtl {
  font-size: 24px;
  color: #e75042;
  font-weight: bold;
}
.flowWrap {
  margin-top: 30px;
}

.flowItem {
  margin-top: 10px;
}
.flowItem:first-child {
  margin-top: 0;
}
.flowItem > dt {
  display: inline-block;
  width: 90px;
  vertical-align: middle;
  text-align: center;
  padding-right: 25px;
}
.flowItem > dd {
  display: inline-block;
  width: 839px;
  vertical-align: middle;
}
.flowItem.layout01 > dd {
  border-bottom: 2px solid #e75042;
}
.flowSubttl {
  font-size: 20px;
  font-weight: bold;
  color: #e75042;
  margin-top: 0!important;
}
.flowTxt {
  line-height: 1.4;
  margin-top: 5px;
}
.flowTxt > p {
  margin-top: 7px!important;
}
#lp_sec1.flowWrap {
  background: none;
  color: #222;
}
#lp_sec1.flowWrap img {
  width: auto!important;
}
#lp_sec1.flowWrap p {
  text-align: left;
  line-height: 1.4;
}
@media screen and (min-width:769px){
  .flowInner {
    margin-top: 30px;
  }
  #lp_sec1.flowWrap p {
    text-align: left;
    line-height: 1.4;
  }
}
@media screen and (max-width:768px){
  .flowWrap {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #e75042;
  }
  #lp_sec1.flowWrap .flowTtl {
    font-size: 21px;
    margin-top: 0;
  }
  #lp_sec1.flowWrap p {
    margin-top: 0;
  }
  .flowInner {
    margin-top: 25px;
  }
  .flowItem {
    width: 100%;
  }
  .flowItem > dt {
    width: 18%;
    padding-right: 3%;
    box-sizing: border-box;
  }
  .flowItem > dd {
    width: 80%;
  }
  .flowTxt {
    font-size: 12px;
  }
  .flowItem {
    margin-top: 5px;
  }
}
.cautionWrap {
  margin-top: 30px;
}
.cautionInner {
  background: #e6e6e6;
  padding: 25px 30px;
  box-sizing: border-box;
}
.cautionTtl {
  font-size: 16px;
  font-weight: bold;
}
.cautionList {
  margin-top: 10px;
  font-size: 14px;
}
.cautionList > li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  margin-top: 5px;
}
.cautionList > li:before {
  content: "・";
  display: inline-block;
  padding-left: 1em;
  font-weight: bold;
  color: #e75042;
}
@media screen and (max-width:768px){
  .cautionInner {
    padding: 15px 12px;
  }
  .cautionList > li {
    font-size: 12px;
  }
}

.txtLink {
  font-size: 14px;
  text-align: right;
  margin-top: 15px;
}
.txtLink > a {
  text-decoration: underline;
  font-size: 14px;
}
.txtLink > a:hover {
  text-decoration: none;
}
.txtLink > a:before {
  content: "";
  background: url(/hotprice/tell_info/images/arrw_r.png) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  margin-right: 10px;
}

@media(min-width: 769px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
.bnrWrap {
  margin-top: 30px;
}
.bnrInner {
  display: table;
  width: 100%;
  background: url(/hotprice/tell_info/images/bg01_pc.jpg) repeat-y;
  background-size: contain;
  padding: 0 30px;
  box-sizing: border-box;
  min-height: 68px;
  height: 68px;
}
.logoWrap {
  display: table-cell;
  vertical-align: middle;
  width: 315px;
  box-sizing: border-box;
}
.telWrap {
  display: table-cell;
  vertical-align: middle;
  width: 585px;
  box-sizing: border-box;
}
.logoWrap > .logoImg,
.logoWrap > .logoTtl{
  display: inline-block;
  vertical-align: middle;
}
.logoWrap > .logoImg {
  width: 74px;
}
.logoWrap > .logoTtl {
  width: 235px;
  box-sizing: border-box;
  padding: 0 10px;
  color: #fff;
  font-size: 11px;
}
.telTtl {
  background: #fff;
  padding: 3px 5px;
  box-sizing: border-box;
  width: 100px;
  font-size: 11px;
  color: #e75042;
  display: inline-block;
  vertical-align: middle;
}
.telNumber {
  display: inline-block;
  vertical-align: middle;
  width: 280px;
  padding-left: 10px;
  box-sizing: border-box;
}
.telNumber:before {
  content: "";
  background: url(/hotprice/tell_info/images/tel_icon.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.telNumber > a {
  color: #fff001;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  vertical-align: middle;
}
.telHours {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 194px;
  font-size: 13px;
}

.voiceWrap {
  margin-top: 40px;
}
.voiceTtl {
  font-size: 24px;
  color: #e75042;
  font-weight: bold;
}


#lp_sec4.voiceWrap .iv_list dt {
  background: #e75042;
}
@media(min-width: 769px){
  #lp_sec4.voiceWrap .iv_list dt {
    background: #e75042;
    margin: 20px 0 -23px -5px;
    padding: 12px 20px;
  }
  #lp_sec4.voiceWrap .iv_list dt:first-child {
    margin-top: 0;
  }
  #lp_sec4.voiceWrap .iv_list dd {
    padding: 33px 20px;
    box-sizing: border-box;
    display: table;
    width: 100%;
  }
  #lp_sec4.voiceWrap .sec_block_m {
    padding: 25px 0 5px;
  }
  #lp_sec4.voiceWrap [class^="iv_icn_"]:before {
    width: 90px;
  }
  #lp_sec4.voiceWrap [class^="iv_icn_"] {
    display: inline-block;
    vertical-align: middle;
    width: 374px;
    line-height: 1.6;
  }
  #lp_sec4.voiceWrap [class^="iv_icn_"] > span {
    display: table-cell;
    border-bottom: none;
    vertical-align: middle;
  }
  #lp_sec4.voiceWrap [class^="iv_icn_"]:before {
    background-size: contain;
  }
  #lp_sec4 .iv_comment {
    margin-top: 0;
    padding: 16px 12px;
    background-color: #FFF4E1;
    color: #222;
    display: inline-block;
    vertical-align: middle;
    width: 515px;
  }
}
@media(max-width: 768px){
  #lp_sec4.voiceWrap .iv_list dt {
    background: #e75042;
    margin-top: 20px;
  }
  #lp_sec5.cautionWrap {
    margin-bottom: 20px;
  }
  #lp_telArea.telnavWrap > div {
    padding: 0 10px 10px;
    box-sizing: border-box;
  }
  #lp_telArea.telnavWrap.js-telFix > div {
    padding-bottom: 0;
  }
  #lp_telArea.telnavWrap .call_button {
    background: url(/hotprice/tell_info/images/bg_tel_sp.jpg);
    border: none;
    border-radius: 45px;
  }
  #lp_telArea.telnavWrap .call_button a span {
    padding-right: 22px;
  }
  #lp_telArea.telnavWrap .call_button a span:before {
    width: 32px;
    height: 42px;
    vertical-align: bottom;
    margin-right: 14px;
  }
  #lp_telArea.telnavWrap .call_button a span {
    font-size: 32px;
  }
  #lp_telArea.telnavWrap .btn {
    position: absolute;
    top: 16px;
    right: 40px;
  }
  .voiceTtl {
    font-size: 21px;
  }
  #lp_sec4.voiceWrap .sec_block_m {
    padding: 0 0 5px;
  }
}

#lp_telArea .call_button {
    margin: 0;
    background: #fe8800;
    border: 5px solid #000;
    border-radius: 10px;
    position: relative;
}


@media(min-width: 769px){
  #lp_telArea {
    display: none!important;
  }
}

@media(max-width: 428px){
  #lp_telArea.telnavWrap .btn {
    position: absolute;
    top: 10px;
    right: 40px;
  }
  #lp_telArea.telnavWrap .call_button a span:before {
    width: 22px;
    height: 32px;
    vertical-align: bottom;
    margin-right: 14px;
  }
  #lp_telArea .call_button a {
    display: block;
    padding: 10px 10px 7px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  #lp_telArea.telnavWrap .call_button a span {
    font-size: 24px;
  }
}
@media(max-width: 358px){
  #lp_telArea.telnavWrap .btn {
    position: absolute;
    top: 10px;
    right: 20px;
  }
}