@charset "UTF-8";
/**
*
* 天気予報ページ（詳細）
*
*/
/* ==========================================================================
page-contents
========================================================================== */
.page-contents .page-contents-hd {
  padding-bottom: 10px; }

.page-contents-umi .sct-contents {
  padding-bottom: 10px; }

.page-contents-kanko .sct-contents {
  padding-bottom: 10px; }

/* ==========================================================================
sct-other
========================================================================== */
.sct-other-sttl {
  margin-bottom: 20px; }

/* ==========================================================================
sct-nimbus
========================================================================== */
.sct-nimbus {
  margin-bottom: 50px;
  padding-top: 40px;
  display: block; }

.sct-nimbus:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.sct-nimbus .sct-nimbus-data {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 440px;
  margin-right: 30px;
  padding: 20px;
  background: #fff;
  border-radius: 10px; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-ttl {
  font-size: 35px;
  font-size: 3.5rem; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-img {
  width: 217px; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents {
  width: 165px;
  padding-top: 10px; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .sct-nimbus-time {
  margin-bottom: 15px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .btn-more {
  width: 100%;
  margin-bottom: 20px; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .btn-more a {
  display: block;
  padding: 10px 35px 10px 15px;
  font-size: 23px;
  font-size: 2.3rem; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .btn-more a:after {
  right: 20px; }

.sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .btn-more:last-child {
  margin-bottom: 0; }

.sct-nimbus .sct-nimbus-link {
  float: left;
  width: 240px; }

.sct-nimbus .sct-nimbus-link .btn-cmn {
  margin-bottom: 15px; }

.sct-nimbus .sct-nimbus-link .btn-cmn a {
  display: block;
  padding: 25px 0;
  font-size: 28px;
  font-size: 2.8rem; }

.sct-nimbus .sct-nimbus-link .btn-cmn:nth-child(2) {
  margin-bottom: 40px; }

@media screen and (min-width: 751px) {
  .sct-nimbus {
    margin-bottom: 40px;
    padding-top: 0; }
  .sct-nimbus .sct-nimbus-data {
    width: 410px;
    margin-right: 20px;
    padding: 20px; }
  .sct-nimbus .sct-nimbus-data .sct-nimbus-ttl {
    font-size: 24px;
    font-size: 2.4rem; }
  .sct-nimbus .sct-nimbus-data .sct-nimbus-map-img {
    width: 200px; }
  .sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents {
    width: 155px;
    padding-top: 5px; }
  .sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .sct-nimbus-time {
    font-size: 18px;
    font-size: 1.8rem; }
  .sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .btn-more {
    margin-bottom: 20px; }
  .sct-nimbus .sct-nimbus-data .sct-nimbus-map-contents .btn-more a {
    font-size: 16px;
    font-size: 1.6rem; }
  .sct-nimbus .sct-nimbus-link {
    float: left;
    width: 200px; }
  .sct-nimbus .sct-nimbus-link .btn-cmn {
    margin-bottom: 15px; }
  .sct-nimbus .sct-nimbus-link .btn-cmn a {
    display: block;
    padding: 20px 0;
    font-size: 21px;
    font-size: 2.1rem; }
  .sct-nimbus .sct-nimbus-link .btn-cmn:nth-child(2) {
    margin-bottom: 30px; }
  .sct-nimbus .sct-nimbus-link .btn-cmn2 {
    display: block; }
  .sct-nimbus .sct-nimbus-link .btn-cmn2 a {
    text-align: center; } }

/* ==========================================================================
tab
========================================================================== */
.wrap-tab-box {
  margin-bottom: 60px;
  padding-bottom: 40px;
  background: #fff; }

@media screen and (min-width: 751px) {
  .wrap-tab-box {
    background: none; } }

/* ==========================================================================
day
========================================================================== */
#day {
  margin-bottom: 50px;
  padding-top: 30px; }
#day .sun {
  color: #ff3c3c; }
#day .sat {
  color: #015db2; }
@media screen and (max-width: 750px) {
  #day .wrap-box-weather-data .box-weather-data:last-child {
    margin-bottom: 0; } }

@media screen and (min-width: 751px) {
  #day {
    margin-bottom: 50px;
    padding-top: 30px; }
  #day .wrap-box-weather-data {
    margin-bottom: 40px; }
  #day .wrap-box-weather-data .box-weather-data:last-child {
    margin-bottom: 20px; } }

/* ==========================================================================
hour
========================================================================== */
#hour {
  position: relative;
  padding-top: 260px; }

#hour .snav-day {
  position: absolute;
  z-index: 100;
  top: 30px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 710px;
  background: #ededed;
  border-radius: 10px;
  display: block; }

@media screen and (max-width: 750px) {
  #hour .snav-day {
    left: 20px; } }

#hour .snav-day:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

@media screen and (min-width: 751px) {
  #hour .snav-day {
    width: 960px; } }

#hour .snav-day li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66%;
  border-right: 2px solid #cdcdcd;
  border-bottom: 2px solid #cdcdcd;
  overflow: hidden; }

#hour .snav-day li:nth-child(1) {
  border-radius: 10px 0 0 0; }

#hour .snav-day li:nth-child(6) {
  border-radius: 0 10px 0 0; }

#hour .snav-day li:nth-child(7) {
  border-radius: 0 0 0 10px; }

#hour .snav-day li:nth-child(12) {
  border-radius: 0 0 10px 0; }

#hour .snav-day li:nth-child(6n) {
  border-right: none; }

#hour .snav-day li:nth-child(n + 7) {
  border-bottom: none; }

#hour .snav-day li a {
  display: block;
  padding: 17px 0;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #6d6d6d;
  background: #ededed;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700; }

#hour .snav-day li a span {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700; }

#hour .snav-day li a span.sun {
  color: #ff3c3c; }

#hour .snav-day li a span.sat {
  color: #015db2; }

#hour .snav-day li.active {
  border-right: none !important; }

#hour .snav-day li.active a {
  color: #fff;
  background: #0095db; }

#hour .snav-day li.active a span {
  color: #fff !important; }

#hour .snav-day.fixed {
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

#hour .snav-day.fixed.slidein {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

#hour .snav-day.fixed.slideout {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

#hour .sct-day {
  margin-top: -200px;
  padding-top: 200px; }

#hour .sttl-day {
  margin-bottom: 20px;
  padding: 10px 15px;
  color: #015db2;
  background: #c2ddf6;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  border-radius: 10px; }

#hour .sttl-day span {
  font-size: 28px;
  font-size: 2.8rem; }

#hour.nonav {
  padding-top: 50px; }

#hour.nonav .sct-day {
  margin-top: 0;
  padding-top: 0; }

@media screen and (min-width: 751px) {
  #hour {
    padding-top: 160px; }
  #hour .snav-day {
    top: 30px;
    width: 644px; }
  #hour .snav-day li a {
    padding: 12px 0;
    font-size: 16px;
    font-size: 1.6rem; }
  #hour .snav-day li a span {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    margin-left: 2px; }
  #hour .sct-day {
    margin-top: -110px;
    padding-top: 110px; }
  #hour .sttl-day {
    margin-bottom: 20px;
    padding: 10px 15px;
    font-size: 20px;
    font-size: 2rem; }
  #hour .sttl-day span {
    font-size: 16px;
    font-size: 1.6rem; }
  #hour.nonav {
    padding-top: 30px; }
  #hour.nonav .sct-day {
    margin-top: 0;
    padding-top: 0; } }

/* ==========================================================================
area-comment
========================================================================== */
.area-comment {
  overflow: hidden;
  width: 94%;
  margin: 0 auto;
  border-radius: 10px; }

.area-comment .area-comment-sttl {
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #0095db;
  font-size: 32px;
  font-size: 3.2rem; }

.area-comment .area-comment-sttl span {
  font-size: 28px;
  font-size: 2.8rem; }

.area-comment .area-comment-contents {
  padding: 35px 35px 40px;
  background: #f3f3f3; }

.area-comment .area-comment-contents .area-comment-txt {
  margin-bottom: 25px;
  line-height: 1.375;
  color: #015db2;
  background-image: url("");
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700; }

.area-comment .area-comment-contents .btn-more {
  display: block; }

@media screen and (min-width: 751px) {
  .area-comment .area-comment-sttl {
    padding: 10px 0;
    font-size: 20px;
    font-size: 2rem; }
  .area-comment .area-comment-sttl span {
    font-size: 16px;
    font-size: 1.6rem; }
  .area-comment .area-comment-contents {
    padding: 35px 35px 20px; }
  .area-comment .area-comment-contents .area-comment-txt {
    margin-bottom: 25px;
    font-size: 16px;
    font-size: 1.6rem; }
  .area-comment .area-comment-contents .btn-more {
    text-align: center; }
  .area-comment .area-comment-contents .btn-more a {
    display: inline-block; } }

/* ==========================================================================
        sct-other
        ========================================================================== */
.btn-live {
  margin-bottom: 40px; }

.other-info-list li .icon-pro {
  background: none;
  position: relative; }

.other-info-list li .icon-pro:before {
  position: absolute;
  top: 50%;
  right: 50px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -16px;
  padding: 5px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  font-size: 22px;
  font-size: 2.2rem; }
  
.other-info-list li.wind {
  position: relative;
  width: 100%; }

.other-info-list li.wind .icon-pro {
  display: block;
  padding-top: 26px;
  padding-bottom: 20px; }

.other-info-list li.wind .icon-pro:before {
  position: absolute;
  right: 405px;
  content: "PRO";
  font-size: 22px;
  font-size: 2.2rem; }

.other-info-list li.wind .select-wrap {
  position: absolute;
  top: 20px;
  right: 20px; }

.other-info-list li.wind .select-wrap .select-inner select {
  height: 60px; }

.other-info-list li .icon-new {
  background: none;
  position: relative; }

.other-info-list li .icon-new:before {
  position: absolute;
  top: 50%;
  right: 50px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -16px;
  padding: 5px 10px;
  content: "NEW";
  line-height: 1;
  color: #fff;
  background: #ed4350;
  font-size: 22px;
  font-size: 2.2rem; }

@media screen and (max-width: 750px) {
  .other-info-list li.wind:last-child {
    border-bottom: none;
    border-right: none; } }

@media screen and (min-width: 751px) {
  .other-info-list li {
    border-bottom: 2px solid #efefef !important; }
  .other-info-list li .icon-pro:before {
    top: 50%;
    right: 50px;
    height: 26px;
    margin-top: -13px;
    padding: 5px 10px;
    font-size: 16px;
    font-size: 1.6rem; }
  .other-info-list li.wind {
    width: 66.6%; }
  .other-info-list li.wind .icon-pro {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px; }
  .other-info-list li.wind .icon-pro:before {
    right: 305px;
    height: 26px;
    font-size: 16px;
    font-size: 1.6rem; }
  .other-info-list li.wind .select-wrap {
    position: absolute;
    top: 8px;
    right: 20px; }
  .other-info-list li.wind .select-wrap .select-inner select {
    height: 45px; } 

  .other-info-list li {
    border-bottom: 2px solid #efefef !important; }
  .other-info-list li .icon-new:before {
    top: 50%;
    right: 50px;
    height: 26px;
    margin-top: -13px;
    padding: 5px 10px;
    font-size: 16px;
    font-size: 1.6rem; }

  .other-info-list li .icon-new-tide:before {
    top: 50%;
    right: 50px;
    height: 26px;
    margin-top: -13px;
    padding: 5px 10px;
    font-size: 16px;
    font-size: 1.6rem; }

    }

/* ==========================================================================
無料会員
========================================================================== */
#free #hour {
  padding-top: 40px; }

#free #hour .sct-day {
  margin-top: 0;
  padding-top: 0; }

#free #hour .btn-free {
  text-align: center;
  margin-bottom: 60px;
  margin-top: -80px;
  position: relative;
  z-index: 2; }

#free #hour .btn-free02 {
  margin-bottom: 60px;
  margin-top: -80px;
  position: relative;
  z-index: 2; }

@media screen and (min-width: 751px) {
  #free #hour .btn-free {
    margin-bottom: 40px;
    margin-top: -100px; }
  #free #hour .btn-free02 {
    margin-bottom: 40px;
    margin-top: -100px; } }

.wrap-tbl-kamn th{
font-size: 2.8rem;
}
@media screen and (min-width: 751px) {
  .wrap-tbl-kamn th{
  font-size: 2.0rem;
  }
}

/* btn-cam02（ページ上部お知らせ）
------------------------------------------------------*/
.btn-cam02 {
	box-sizing: border-box;
}

.btn-cam02 a {
	display: block;
	margin: 0px 0px 30px 0px;
	padding: 8px 88px 8px 25px;
	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-cam02 a {
		margin: -20px 0px 40px 0px;
		padding: 8px 90px 8px 25px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* YAMAHACKバナー
------------------------------------------------------*/
.btn-yhack {
  position: relative;
  border: 10px solid #f3c536;
  border-radius: 10px;
}

.btn-yhack a:after {
  right: 30px;
}

.btn-yhack:before {
    position: absolute;
    top: -54px;
    right: 0;
    display: block;
    width: 86px;
    height: 54px;
    content: "";
    background: url(https://cdn1.n-kishou.co.jp/image/common/img_request03.png) left top no-repeat;
    background-size: 100% auto;
}


/* YAMAHACKバナーの矢印
----------------------*/

.icon-arrow-yhack:after {
  position: absolute;
  content: "";
  border: 0;
  border-top: solid 4px #015db2;
  border-right: solid 4px #015db2;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px 1px 1px 100%;
}


.icon-arrow-yhack.arrow-white:after {
  top: 50%;
  right: 30px;
  width: 12px;
  height: 12px;
  margin-top: -8px;
  border-top: solid 4px #015db2;
  border-right: solid 4px #015db2;
}


.icon-arrow-yhack:after {
  top: 50%;
  right: 30px;
  width: 18px;
  height: 18px;
  margin-top: -12px;
  border-width: 6px;
}

@media screen and (min-width: 751px) {
  .icon-arrow-yhack:after {
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-width: 2px;
  }
}

/* google広告から来た人に表示するバナー
------------------------------------------------------*/
.btn-g {
  position: relative;
  border: 10px solid #bacc00;
  border-radius: 10px;
}

.btn-g a:after {
  right: 30px;
}

.btn-g:before {
    position: absolute;
    top: -62px;
    right: 0;
    display: block;
    width: 86px;
    height: 54px;
    content: "";
    background: url(https://cdn1.n-kishou.co.jp/image/misc/head_chara01.png) left top no-repeat;
    background-size: 100% auto;
}

.btn-g-tide {
  position: relative;
  border: 10px solid #67e6ff;
  border-radius: 10px;
}

.btn-g-tide a:after {
  right: 30px;
}

.btn-g-tide:before {
    position: absolute;
    top: -62px;
    right: 0;
    display: block;
    width: 86px;
    height: 54px;
    content: "";
    background: url(https://cdn1.n-kishou.co.jp/image/misc/head_chara01.png) left top no-repeat;
    background-size: 100% auto;
}

/* PRバナーの白枠
------------------------------------------------------*/
.btn-open{
	background: #fff;
	border-radius: 10px;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	margin: 10px auto;
	width: 95%;
	text-align: center;
}

/* ここに注目：大雨危険度レベル・線状降水帯対応
------------------------------------------------------*/
.info-box-area #attention-section li:last-child a {
	border-bottom: 2px dotted #e0e0e0;
	border-radius: 0px;
}



/* その他の情報テーブル（2021.11.18追加）
------------------------------------------------------*/
ul.price-flex{
  width: 100%;
  color:#015DB2;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700; 
}

ul.price-flex a{
  color:#015DB2;
  text-decoration:none;
}
ul.price-flex ul{
  display: flex;
}
ul.price-flex ul.ul01{
  border-bottom: 0;
}
ul.price-flex ul li{
  flex-grow: 1;
  width: 25%;
  box-sizing: border-box;
  border-bottom: 2px solid #efefef;
  border-right: 2px solid #efefef;
  text-align: center;
  padding: 10px;
}
ul.price-flex ul li:last-child{
  border-right: none;
}
ul.price-flex ul.ul01 li{
  background-color: #ffffff;
}
ul.price-flex ul.ul01 li.li01{
  background-color: #ffffff;
  border-radius:10px 0px 0px 0px;
}

ul.price-flex ul.ul01 li.li03{
  background-color: #ffffff;
  border-radius:0px 10px 0px 0px;
}

  ul.price-flex ul{
    flex-wrap:wrap;
  }
  ul.price-flex ul .li04{
  border-radius:0px 0px 10px 10px;
  }
  
  ul.price-flex ul .li01,
  ul.price-flex ul .li02,
  ul.price-flex ul .li03,
  ul.price-flex ul .li04{
    text-align: left;
    padding:15px;
  }

  ul.price-flex ul .li01 .icon-arrow-s:after,
  ul.price-flex ul .li02 .icon-arrow-s:after,
  ul.price-flex ul .li03 .icon-arrow-s:after{
  box-sizing: border-box;
  top: 60%;
  left:275px;
  width: 11px;
  height: 11px;
  margin-top: -8px;
  border-width: 2px; 	
  }

ul.price-flex .select-wrap{
	margin-right:225px;
}

.other-info-list li .icon-pro-tide {
  background: none;
  position: relative; }


.other-info-list .li01 .icon-pro-tide:before,
.other-info-list .li02 .icon-pro-tide:before{
  position: absolute;
  top: 50%;
  left: 210px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -14px;
  padding: 6px 10px 0px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  width:58px;
  height:28px;
  font-size: 17px;
  font-size: 1.7rem; }

.other-info-list .li03 .icon-pro-tide:before{
    position: absolute;
  top: 50%;
  left: 210px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -14px;
  padding: 6px 10px 0px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  width:58px;
  height:28px;
  font-size: 17px;
  font-size: 1.7rem;
}

.other-info-list .li04 .icon-pro-tide:before{
  position: absolute;
  top: 55%;
  left: 355px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -14px;
  padding: 6px 10px 0px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  width:58px;
  height:28px;
  font-size: 17px;
  font-size: 1.7rem; }

.other-info-list li .icon-new-tide {
  background: none;
  position: relative; }

.other-info-list .li01 .icon-new-tide:before {
  position: absolute;
  top: 56%;
  left: 140px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -16px;
  padding: 6px 10px;
  content: "NEW";
  line-height: 1;
  color: #fff;
  background: #ed4350;
  width:63px;
  height:28px;
  font-size: 17px;
  font-size: 1.7rem; }

.li01 a,
.li02 a,
.li03 a,
.li04 a{
  display: block
}

@media screen and (max-width: 750px) {/*スマホの表示調整*/
  ul.price-flex ul .li01,
  ul.price-flex ul .li02,
  ul.price-flex ul .li03,
  ul.price-flex ul .li04{
    text-align: left;
    padding:20px;
  }
  
  ul.price-flex ul .li04,
  ul.price-flex ul .li01{
    width: 100%;
  }

  ul.price-flex{
  width: 100%;
  color:#015DB2;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size:28px;
}

ul.price-flex ul.ul01 li.li01{
  background-color: #ffffff;
  border-radius:10px 10px 0px 0px;
}

ul.price-flex ul.ul01 li.li03{
  background-color: #ffffff;
  border-radius:0px 0px 0px 0px;
}
 ul.price-flex ul .li01 .icon-arrow-s:after {
  box-sizing: border-box;
  top: 60%;
  left:645px;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border-width: 3px;
}

  ul.price-flex ul .li02 .icon-arrow-s:after,
  ul.price-flex ul .li03 .icon-arrow-s:after{
  box-sizing: border-box;
  top: 60%;
  left:290px;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border-width: 3px; 	
  }


.other-info-list li .icon-pro-tide {
  background: none;
  position: relative; }

.other-info-list .li01 .icon-pro-tide:before {
  position: absolute;
  top: 55%;
  left: 480px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -16px;
  padding: 6px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  font-size: 22px;
  font-size: 2.2rem;
  width:70px;
  height:32px;}

.other-info-list .li02 .icon-pro-tide:before, 
.other-info-list .li03 .icon-pro-tide:before{
  position: absolute;
  top: 55%;
  left: 215px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -16px;
  padding: 6px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  font-size: 22px;
  font-size: 2.2rem;
  width:70px;
  height:32px; }

.other-info-list .li04 .icon-pro-tide:before{
  position: absolute;
  top: 55%;
  left: 217px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin-top: -16px;
  padding: 6px 10px;
  content: "PRO";
  line-height: 1;
  color: #fff;
  background: #f69c00;
  font-size: 22px;
  font-size: 2.2rem; 
  width:70px;
  height:32px;}

.other-info-list li .icon-new-tide {
  background: none;
  position: relative; }

.other-info-list .li01 .icon-new-tide:before {
  position: absolute;
  top: 57%;
  left: 565px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  padding: 6px 8px;
  content: "NEW";
  line-height: 1;
  color: #fff;
  background: #ed4350;
  font-size: 22px;
  font-size: 2.2rem;
  width:70px;
  height:32px; }

  ul.price-flex .select-wrap{
	margin-right:0px;
  }


}

/* ==========================================================================
吹き出し
========================================================================== */
.balloon-tided{
  position: relative;
  padding: 0px 20px 0px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #015db2;
  font-size: 32px;
  text-align:left;
  background: #9FE1FF;
  border-radius: 10px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height:40px;
}

.balloon-tided:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 25%;
  margin-left: -41px;
  border: 40px solid transparent;
  border-top: 30px solid #9FE1FF;
}

.balloon-tided:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 69%;
  width: 0px;
  height: 0px;
  margin: auto;
  border: 40px solid transparent;
  border-top: 30px solid #9FE1FF;
}

p.balloon-txt{
  position: relative;
  top:-20px;
  padding-left:150px;

}

.balloon .bl-text-s{
	  font-size: 26px;
}

p.balloon-new{
   width:120px;
   position: relative;
   top:40px;
   left:10px;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
}

@media screen and (min-width: 751px) {
	.balloon-tided{
	  max-width: 80%;
	  font-size: 20px;
	  padding: 8px 8px;
	  line-height:26px;
	  margin-left:100px;
	}

	p.balloon-txt{
      position: relative;
      top:-15px;
      padding-left:150px;
    }

    p.balloon-new{
       width:80px;
       position: relative;
       top:13px;
       left:30px;
    }

    .br::before {
	display:none;
    }
}

/* ==========================================================================
吹き出し02（balloon-tided02）
========================================================================== */
.balloon-tided02{
  position: relative;
  padding: 0px 20px 0px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #015db2;
  font-size: 32px;
  text-align:left;
  background: #9FE1FF;
  border-radius: 10px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height:40px;
}

.balloon-tided02:before {
  content: "";
  position: absolute;
  top: -130px;
  left: 67%;
  border: 100px solid transparent;
  border-bottom:80px solid #9FE1FF;
}

.br02::before {
	content: "\A" ;
	white-space: pre ;
}
@media screen and (min-width: 751px) {
  	.balloon-tided02{
	  font-size: 20px;
	  padding: 0px 0px;
	  line-height:26px;
	}

	 .balloon-tided02 .balloon-new{
	  left:70px;
	  top:25px;
	}

    .balloon-tided02 .balloon-txt{
	  left:50px;
	}
}