@charset "UTF-8";
/**
*
* お知らせに使う
*
*/
/* ポイント天気1時間延長のPR
------------------------------------------------------*/
.osirase{
  display: block;
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  color: #e67d29;
  border-radius: 8px;
  background: #f6e4c9;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center !important;
}

@media screen and (max-width: 750px) {
  .osirase-inner {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    margin-bottom: -20px;
  }
}

@media screen and (min-width: 751px) {
   .osirase-inner {
    margin-bottom: 15px;
  }
  
  .osirase {  
    padding: 8px 0px 8px 0px;
    font-size: 16px;
    font-size: 1.6rem;
    }
}

/* .cmn-sttl3-koyo */
.sub-sttl3-koyo {
  color: #e67d29;
  line-height: 1;
  font-size: 30px;
  margin-bottom: 13px; 
  font-weight:bold;}

.cmn-sttl3-koyo {
  margin-bottom: 14px;
  color: #e67d29;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1; }
  .cmn-sttl3-koyo:after, .cmn-sttl3-koyo:before {
    display: inline-block;
    content: "/";
    font-size: 35px;
    font-size: 3.5rem; }
  .cmn-sttl3-koyo:before {
    margin-right: 15px;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .cmn-sttl3-koyo:after {
    margin-left: 15px; }


@media screen and (min-width: 751px) {
.sub-sttl3-koyo {
  color: #e67d29;
  line-height: 1;
  font-size: 2.0rem;
  margin-bottom: 10px; 
  font-weight:bold;}

  .cmn-sttl3-koyo {
    font-size: 23px;
    font-size: 2.3rem; }
    .cmn-sttl3-koyo:after, .cmn-sttl3-koyo:before {
      font-size: 23px;
      font-size: 2.3rem; }
}

/* 大雨特別警報発表中
------------------------------------------------------*/
.tokubetu-oame{
  display: block;
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 8px;
  background: #1F003D;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center !important;
}

/* 特別警報発表中
------------------------------------------------------*/
.tokubetu{
  display: block;
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  color: #ffffff;
  border-radius: 8px;
  background: #9561b2;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center !important;
}

@media screen and (max-width: 750px) {
  .tokubetu-inner {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    margin-bottom: -20px;
  }
}

@media screen and (min-width: 751px) {
   .tokubetu-inner {
    margin-bottom: 15px;
  }
  
  .tokubetu {  
    padding: 8px 0px 8px 0px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .tokubetu-oame {  
    padding: 8px 0px 8px 0px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* iコンシェルのお知らせ
------------------------------------------------------*/
.osirase02{
  display: block;
  margin-top:-20px;
  padding: 8px 0px 8px 10px;
  text-decoration: none;
  color: #585858;
  border-radius: 8px;
  background: #f6f1d9;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: left !important;
  line-height:35px;
}

@media screen and (min-width: 751px) {
   .osirase02-inner {
    margin-bottom: 15px;
  }
  
  .osirase02 {  
    padding: 8px 0px 8px 13px;
    margin-bottom:20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height:28px;
    }
}

/* .cmn-sttl3-koyo */
.sub-sttl3-koyo {
  color: #e67d29;
  line-height: 1;
  font-size: 30px;
  margin-bottom: 13px; 
  font-weight:bold;}

.cmn-sttl3-koyo {
  margin-bottom: 14px;
  color: #e67d29;
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1; }
  .cmn-sttl3-koyo:after, .cmn-sttl3-koyo:before {
    display: inline-block;
    content: "/";
    font-size: 35px;
    font-size: 3.5rem; }
  .cmn-sttl3-koyo:before {
    margin-right: 15px;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .cmn-sttl3-koyo:after {
    margin-left: 15px; }


@media screen and (min-width: 751px) {
.sub-sttl3-koyo {
  color: #e67d29;
  line-height: 1;
  font-size: 2.0rem;
  margin-bottom: 10px; 
  font-weight:bold;}

  .cmn-sttl3-koyo {
    font-size: 23px;
    font-size: 2.3rem; }
    .cmn-sttl3-koyo:after, .cmn-sttl3-koyo:before {
      font-size: 23px;
      font-size: 2.3rem; }
}


/* ページ上部のキャンペーンお知らせリンク
------------------------------------------------------*/
.btn-news {
  box-sizing: border-box;
}

.btn-news a {
  display: block;
  padding: 8px 90px 8px 20px;
  margin-bottom:30px;
  text-decoration: none;
  color: #015db2;
  border-radius: 8px;
  background: #d9f3ff;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}


@media screen and (min-width: 751px) {
  .btn-news a {
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom:30px;
  }
}

/* お知らせ_青
------------------------------------------------------*/
.osirase03{
  display: block;
   padding: 12px 20px 12px 20px;
   color: #015db2;
   border-radius: 8px;
   background: #d9f3ff;
   font-size: 24px;
   font-size: 2.4rem;
   font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
   font-style: normal;
   font-weight: 700;
    text-align: left !important;
}

@media screen and (min-width: 751px) { 
  .osirase03 {  
      font-size: 16px;
      font-size: 1.6rem;
    }
}