@charset "UTF-8";
.more li {
  display: none;
}

/**
 * 目次
 *
 * 01. Reset
 * 02. Base
 * 03. Layout
 * 04. Parts
 * 05. Responisive
 *
 */
/* ==========================================================================
   01. Reset
   ========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ==========================================================================
   02. Base
   ========================================================================== */
html {
  color: #585858;
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 160%;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  min-width: 1100px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  body {
    font-size: 320%;
    line-height: 1.75;
    min-width: 750px;
  }
}

/* link
   ========================================================================== */
a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #404040;
  text-decoration: underline;
}

a:link,
a:visited,
a:active,
a:hover {
  /* FireFox リンク選択時の点線を消す */
  overflow: hidden;
  outline: none;
}

/* image
   ========================================================================== */
img {
  line-height: 1.0;
  vertical-align: bottom;
}

table th img,
table td img {
  vertical-align: middle;
}

/* ClearFix
   ========================================================================== */
.clear {
  clear: both;
}

.clearfix,
.fbox,
.item-wrap,
.has-side {
  display: block;
}

.clearfix:after,
.fbox:after,
.item-wrap:after,
.has-side:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* float
   ========================================================================== */
.fr {
  float: right;
}

.fl {
  float: left;
}

ul.fbox li {
  float: left;
  display: inline;
}

/* margin
   ========================================================================== */
/* mb追加（2017/10/2） */
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

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

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

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

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

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

.pb0 {
  padding-bottom: 0 !important;
}

.pl10 {
  padding-left: 10px !important;}
}
/* form label
   ========================================================================== */
input,
textarea,
label {
  vertical-align: middle;
}

/* position
   ========================================================================== */
.text-r {
  text-align: right !important;
}

.text-c,
table.text-c th,
table.text-c td,
table.th-c th {
  text-align: center !important;
}

.text-l {
  text-align: left !important;
}


/* ==========================================================================
   03. Layout
   ========================================================================== */
/* wrapper
   ========================================================================== */
#main {
  position: relative;
  z-index: 2;
}

.page-contents {
  background: #9fe1ff;
  padding-bottom: 1px;
}

.page-contents.bg-bosai {
  background-color: #bde1f1;
}

.page-contents .page-contents-hd {
  background: #fff;
}

@media screen and (max-width: 750px) {
  .sct-contents {
    padding-top: 40px;
  }
  .page-contents-hd {
    position: relative;
  }
  .page-contents-hd:before {
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    background: #fff;
  }
}

@media screen and (min-width: 751px) {
  .pc-fbox {
    display: table;
    width: 960px;
    margin: 0 auto 60px;
  }
  .pc-fbox .pc-fl {
    display: table-cell;
    box-sizing: border-box;
    width: 630px;
    padding-right: 37px;
  }
  .pc-fbox .pc-fl > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .pc-fbox .pc-fr {
    display: table-cell;
    box-sizing: border-box;
    width: 257px;
    padding-left: 36px;
    vertical-align: top;
    border-left: 2px solid #8cd9ff;
  }
  .pc-fbox .pc-fr.pc-fr-bosai {
    border-left: 2px solid #b2d3e2;
  }
  .pc-fbox .cmn-inner {
    width: 100%;
  }
}

/* header
   ========================================================================== */
#head {
  padding-top: 33px;
  background: #439beb;
}

#head .area-information {
  display: none;
  padding-bottom: 10px;
}

#head .area-information .area-information-inner {
  position: relative;
  display: inline-block;
  padding: 0 20px;
}

#head .area-information .txt-information {
  margin-bottom: 20px;
}

#head .area-information .txt-information img {
  width: 625px;
}

#head .area-information .introduction-header-btn-close {
  position: relative;
  position: absolute;
  top: -13px;
  right: 20px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  background: #fff;
  transition: opacity 0.2s;
  border-radius: 100%;
}

#head .area-information .introduction-header-btn-close:after, #head .area-information .introduction-header-btn-close:before {
  position: absolute;
  top: 24px;
  left: 12px;
  display: block;
  width: 24px;
  height: 2px;
  content: "";
  background: #015db2;
}

#head .area-information .introduction-header-btn-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#head .area-information .introduction-header-btn-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#head .area-information .introduction-header-btn-close.hover, #head .area-information .introduction-header-btn-close.touch {
  opacity: 0.75;
}

#head .area-information .btn-more a {
  display: inline-block;
  padding: 20px 60px 20px 30px;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  background: #69afef;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  border-radius: 40px;
  font-size: 26px;
  font-size: 2.6rem;
}

#head .area-information .btn-more a span.otenkinavigator {
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
}

#head-nav-wrap {
  padding: 6px 0 40px;
  border-bottom: 1px solid #fff;
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_header.png") left top no-repeat;
  background-size: 100% auto;
}

#head-nav-wrap.normal #head-logo span {
　　display: none;
}

#head-logo {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 34px;
}

#head-logo img {
  width: 280px;
}

#head-logo .logo-icon {
  position: absolute;
  z-index: 1;
  top: -30px;
  right: -60px;
  display: block;
  width: 67px;
  height: 92px;
}

.disaster #head-logo .logo-icon {
  display: none;
}

.head-nav {
  position: relative;
  z-index: 2;
}

.head-nav ul {
  letter-spacing: -.40em;
}

.head-nav ul li {
  width: 112px;
  height: 112px;
  margin: 0 0 0 12px;
  padding-bottom: 4px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}

.head-nav ul li > * {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.head-nav ul li.hover, .head-nav ul li.touch {
  padding-top: 4px;
  padding-bottom: 0;
}

.head-nav ul li.hover > *, .head-nav ul li.touch > * {
  -ms-box-shadow: inset 0 -2px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -2px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -2px 0 2px rgba(195, 195, 195, 0.5);
}

.head-nav ul li.head-nav-login a {
  padding-top: 42px;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_login.png");
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: 18px auto;
}

.head-nav ul li.head-nav-search > * {
  padding-top: 43px;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_search.png");
  background-repeat: no-repeat;
  background-position: center 22px;
  background-size: 32px auto;
}

@media screen and (max-width: 750px) {
  .head-nav ul li.head-nav-search.sp {
    display: inline-block;
  }
}

@media screen and (min-width: 751px) {
  .head-nav ul li.head-nav-search.sp {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .head-nav ul li.head-nav-search.pc {
    display: none;
  }
}

@media screen and (min-width: 751px) {
  .head-nav ul li.head-nav-search.pc {
    display: inline-block;
  }
}

.head-nav ul li.head-nav-menu > * {
  position: relative;
  padding-top: 35px;
}

.head-nav ul li.head-nav-menu > * .head-menu-bar {
  position: absolute;
  top: 28px;
  left: 50%;
  width: 32px;
  height: 24px;
  margin: 0 0 0 -16px;
}

.head-nav ul li.head-nav-menu > * .head-menu-bar .bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #015db2;
  transition: all 0.2s ease;
}

.head-nav ul li.head-nav-menu > * .head-menu-bar .bar:nth-child(1) {
  top: 0;
}

.head-nav ul li.head-nav-menu > * .head-menu-bar .bar:nth-child(2) {
  top: 10px;
}

.head-nav ul li.head-nav-menu > * .head-menu-bar .bar:nth-child(3) {
  bottom: 0;
}

@media screen and (max-width: 750px) {
  #head-nav-wrap {
    position: relative;
  }
  #head-nav-wrap:before {
    position: absolute;
    bottom: -5px;
    left: -100%;
    display: block;
    width: 300%;
    height: 10px;
    content: "";
    background: #fff;
  }
}

@media screen and (min-width: 751px) {
  #head {
    position: relative;
    z-index: 1;
    padding-top: 0;
  }
  #head .area-information {
    height: 65px;
    padding-bottom: 0;
    padding-top: 20px;
  }
  #head .area-information .area-information-inner {
    padding: 0 20px;
  }
  #head .area-information .txt-information {
    margin-bottom: 10px;
    line-height: 1;
  }
  #head .area-information .txt-information img {
    width: 645px;
  }
  #head .area-information .introduction-header-btn-close {
    top: 0;
    right: 20px;
    width: 31px;
    height: 31px;
  }
  #head .area-information .introduction-header-btn-close:after, #head .area-information .introduction-header-btn-close:before {
    top: 15px;
    left: 8px;
    width: 15px;
    height: 2px;
  }
  #head .area-information .btn-more a {
    padding: 10px 45px 10px 30px;
    line-height: 1;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #head .area-information .btn-more a span.otenkinavigator{
    line-height: 1;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #head-nav-wrap {
    padding-top: 20px;
    padding-bottom: 35px;
    border-bottom: none;
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_header_pc01.png"), url("https://cdn1.n-kishou.co.jp/image/common/bg_header_pc02.png");
    background-position: center 5px, left 15px;
    background-repeat: no-repeat , repeat-x;
    background-size: auto;
  }
  #head-logo {
    margin-top: 20px;
  }
  #head-logo img {
    width: 180px;
  }
  #head-logo .logo-icon {
    top: -20px;
    right: -38px;
    width: 43px;
    height: 58px;
  }
  .head-nav ul li {
    width: 75px;
    height: 75px;
    margin: 0;
    padding-bottom: 4px;
    line-height: 1;
  }
  .head-nav ul li.head-nav-login a {
    padding-top: 43px;
    background-position: center 15px;
    background-size: 11px auto;
  }
  .head-nav ul li.head-nav-login img {
    width: 37px;
  }
  .head-nav ul li.head-nav-search {
    margin-left: 10px;
  }
  .head-nav ul li.head-nav-search > * {
    padding-top: 45px;
    background-position: center 15px;
    background-size: 21px auto;
  }
  .head-nav ul li.head-nav-search img {
    width: 40px;
    height: 20px;
  }
  .head-nav ul li.head-nav-menu {
    display: none;
  }
  .gnav {
    position: relative;
    clear: both;
    padding-top: 16px;
  }
  .gnav ul {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #e0e0e0;
  }
  .gnav ul li {
    width: 137px;
  }
  .gnav ul li a {
    display: block;
    text-decoration: none;
    background-size: 500px;
  }
  .gnav ul li span {
    display: block;
    padding: 15px 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .gnav ul li span.hover, .gnav ul li span.touch {
    padding: 17px 0 13px;
  }
  .gnav ul li:last-child {
    width: 138px;
  }
  .gnav:after {
    position: absolute;
    top: 50px;
    left: -100%;
    display: block;
    width: 300%;
    height: 400px;
    content: "";
    background: #9fe1ff;
  }
  .gnav.gnav-bosai:after {
    background-color: #bde1f1;
  }
}

/* navigation
========================================================================== */
/* ==========================================================================
.sp-nav
========================================================================== */
.body-inner .wrap-overlay {
  display: none;
}

.body-inner.overlay {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.body-inner.overlay .wrap-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

.sp-nav {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: -100%;
  display: none !important;
  overflow: auto;
  box-sizing: border-box;
  width: 84%;
  height: 100%;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  transition: right 0.3s;
  opacity: 0;
}

.sp-nav.show {
  right: 0;
}

.sp-nav .sp-nav-inner {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  background: #fff;
}

.sp-nav .sp-nav-ttl {
  padding: 20px 0;
  text-align: center;
  color: #fff;
  background: #0095db;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.sp-nav .sp-nav-sttl {
  padding: 20px 30px 20px 20px;
  color: #015db2;
  background: #e0eefa;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.sp-nav .sp-nav-sttl span {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 5px;
}

.sp-nav .sct-bookmark {
  padding: 40px 0 60px;
}

.sp-nav .sct-bookmark .btn-bookmark {
  margin: 0 auto 40px;
  width: 90%;
}

.sp-nav .sct-bookmark .btn-bookmark a {
  background-color: #00ad86;
  display: block;
  padding: 20px 0;
  font-size: 28px;
  font-size: 2.8rem;
}

.sp-nav .sct-bookmark .btn-bookmark a:before {
  width: 34px;
  height: 33px;
  content: "";
  background: url(https://cdn1.n-kishou.co.jp/image/common/icon_star.png) left top no-repeat;
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px 0 0;
}

.sp-nav .sct-bookmark .area-mybookmark {
  background: #00ad86;
  padding: 10px;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-ttl {
  padding: 5px 0 15px 75px;
  line-height: 1.4;
  color: #f3e609;
  background: #00ad86 url(https://cdn1.n-kishou.co.jp/image/common/icon_mybookmark2.png) 0 0 no-repeat;
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-ttl span {
  display: block;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  font-size: 2.2rem;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-ttl .btn-edit {
  position: absolute;
  top: 15px;
  right: 0;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-ttl .btn-edit a {
  color: #00ad86;
  background-color: #ccefe7;
  font-size: 23px;
  font-size: 2.3rem;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-ttl .btn-edit a:after {
  border-color: #00ad86;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-list {
  margin-bottom: 0;
  border-radius: 0;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-list li a {
  font-size: 32px;
  font-size: 3.2rem;
  color: #00ad86;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-list li a:after {
  border-color: #00ad86;
}

.sp-nav .sct-bookmark .area-mybookmark .area-mybookmark-list li a span {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 5px;
}

.sp-nav .sp-nav-list {
  margin-bottom: 0;
  border-radius: 0;
}

.sp-nav .sp-nav-list li a {
  font-size: 32px;
  font-size: 3.2rem;
}

.android .sp-nav .fade-over a {
  opacity: 1 !important;
}

.sp-nav-close {
  position: fixed;
  z-index: 9999;
  top: 50px;
  left: 20px;
  display: none;
  width: 70px;
  height: 70px;
}

.sp-nav-close .sp-nav-close-inner {
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  background: #fff;
  transition: opacity 0.2s;
  border-radius: 100%;
}

.sp-nav-close .sp-nav-close-inner:after, .sp-nav-close .sp-nav-close-inner:before {
  position: absolute;
  top: 34px;
  left: 17px;
  display: block;
  width: 34px;
  height: 3px;
  content: "";
  background: #015db2;
}

.sp-nav-close .sp-nav-close-inner:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp-nav-close .sp-nav-close-inner:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sp-nav-close.hover, .sp-nav-close.touch {
  opacity: 0.75;
}

/* ==========================================================================
.sp-side-nav
========================================================================== */
.sp-side-nav .sp-side-nav-ttl {
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background: #0095db;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  border-radius: 10px 10px 0 0;
}

.sp-side-nav .sp-side-nav-list {
  margin-bottom: 0;
  border-radius: 0 0 10px 10px;
}

.sp-side-nav .sp-side-nav-list li a {
  font-size: 15px;
  font-size: 1.5rem;
}

.sp-side-nav .sp-side-nav-list li a:after {
  right: 17px;
}

.sp-side-nav .sp-side-nav-list li.lower a {
  background-color: #f8f8f8;
}

/* side
   ========================================================================== */
/* footer
   ========================================================================== */
#foot {
  width: 100%;
}

#foot .foot-contents {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  background-color: #9fe1ff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .foot-contents.foot-contents-bosai {
  background-color: #bde1f1;
}

#foot .foot-contents .page-top {
  margin-top: 30px;
}

#foot .foot-contents .page-top a {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  text-decoration: none;
  color: #015db2;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
}

#foot .foot-contents .page-top a:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  content: "";
  border: 0;
  background: #015db2;
  border-radius: 50%;
}

#foot .foot-contents .page-top a:after {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 9px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  content: "";
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#foot .foot-contents .page-top .page-top {
  border-left: 1px solid #0095db;
  padding-left: 20px;
  margin-left: 20px;
  display: inline-block;
  line-height: 1.4;
}

#foot .foot-contents .page-top .cate-top a:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: -5px;
  left: 10px;
}

#foot .inner-foot {
  background-color: #50b625;
  padding-top: 20px;
  padding-bottom: 15px;
}

#foot .inner-foot.newyear {
  background-color: #015db2;
}

#foot .inner-foot.autumn {
  background-color: #eba630;
}

#foot .inner-foot.winter {
  background-color: #015db2;
}

#foot .inner-foot .cmn-inner.season-footer {
  position: relative;
}

#foot .inner-foot .cmn-inner.season-footer:before, #foot .inner-foot .cmn-inner.season-footer:after {
  position: absolute;
  z-index: 100;
  display: block;
  content: "";
}

#foot .inner-foot .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

/* normal.ver */
#foot .foot-contents.normal {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  /*background-color: #9fe1ff;*/
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/normal/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.normal .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/normal/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot.normal .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/normal/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

/* newyear.ver */
#foot .foot-contents.newyear {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/newyear/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.newyear .cmn-inner.season-footer:before, #foot .inner-foot.newyear .cmn-inner.season-footer:after {
　　display: none;
}

/* spring.ver */
#foot .foot-contents.spring {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/spring/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.spring .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/spring/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot.spring .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/spring/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

/* rainy.ver */
#foot .foot-contents.rainy {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  /*background-color: #9fe1ff;*/
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/rainy/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.rainy .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/rainy/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot.rainy .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/rainy/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

/* summer.ver */
#foot .foot-contents.summer {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  /*background-color: #9fe1ff;*/
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/summer/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.summer .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/summer/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot.summer .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/summer/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

/* autumn.ver */
#foot .foot-contents.autumn {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  /*background-color: #9fe1ff;*/
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/autumn/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.autumn .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/autumn/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot.autumn .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/autumn/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

/* winter.ver */
#foot .foot-contents.winter {
  padding-bottom: 60px;
  border-top: 1px solid #9fe1ff;
  /*background-color: #9fe1ff;*/
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/winter/bg_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

#foot .inner-foot.winter .cmn-inner.season-footer:before {
  top: -53px;
  left: 10px;
  width: 117px;
  height: 45px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/winter/img_footer01.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot.winter .cmn-inner.season-footer:after {
  top: -86px;
  right: 5px;
  width: 145px;
  height: 103px;
  background: url("https://cdn1.n-kishou.co.jp/image/common/season/winter/img_footer02.png") left top no-repeat;
  background-size: 100%;
}

#foot .inner-foot .fbox .foot-copy {
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
}

#foot .inner-foot .fbox .foot-utility {
  font-size: 28px;
  font-size: 2.8rem;
}

#foot .inner-foot .fbox .foot-utility a {
  text-decoration: underline;
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
}

#foot .inner-foot .fbox .foot-utility a:hover {
  text-decoration: none;
}

@media screen and (min-width: 751px) {
  #foot .foot-contents {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  #foot .foot-contents .page-top {
    margin-top: 30px;
  }
  #foot .foot-contents .page-top a {
    padding-left: 30px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #foot .foot-contents .page-top a:before {
    width: 25px;
    height: 25px;
    margin-top: -13px;
  }
  #foot .foot-contents .page-top a:after {
    left: 8px;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-width: 2px;
  }
  /* normal.ver */
  #foot .foot-contents.normal {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/normal/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  /* newyear.ver */
  #foot .foot-contents.newyear {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/newyear/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  /* spring.ver */
  #foot .foot-contents.spring {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/spring/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  /* rainy.ver */
  #foot .foot-contents.rainy {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/rainy/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  /* summer.ver */
  #foot .foot-contents.summer {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/summer/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  /* autumn.ver */
  #foot .foot-contents.autumn {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/autumn/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  /* winter.ver */
  #foot .foot-contents.winter {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/season/winter/bg_footer_pc.png");
    background-position: center bottom;
    background-size: inherit;
  }
  #foot .inner-foot {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  #foot .inner-foot .cmn-inner.season-footer:before {
    top: -53px;
    left: -30px;
    width: 117px;
    height: 46px;
  }
  #foot .inner-foot .cmn-inner.season-footer:after {
    top: -88px;
    right: -30px;
    width: 144px;
    height: 132px;
  }
  #foot .inner-foot .fbox .foot-copy {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #foot .inner-foot .fbox .foot-utility {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #foot .inner-foot .fbox .foot-utility a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
   04. Parts
   ========================================================================== */
/* ボックス
========================================================================== */
.cmn-inner {
  margin: 0 auto;
  width: 960px;
}

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

/* inner-boxにmargin-bottom追加(2017/8/28) */
.inner-box {
  box-sizing: border-box;
  padding: 40px 30px;
  margin-bottom: 50px;
  background: #fff;
  border-radius: 10px;
}

.inner-box.inner-box-list {
  padding-bottom: 10px;
}

@media screen and (min-width: 751px) {
  .bg-bosai {
    background-color: #bde1f1 !important;
  }
}

@media screen and (min-width: 751px) {
  .page-contents .page-contents-hd {
    background: #9fe1ff;
  }
  .inner-box {
    padding: 30px;
  }
  .inner-box.inner-box-list {
    padding-bottom: 20px;
  }
}

/* ==========================================================================
sct-other-contents
========================================================================== */
.sct-other-contents {
  margin-top: 50px;
}

@media screen and (min-width: 751px) {
  .sct-other-contents {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}

/* ==========================================================================
area-remarks
========================================================================== */
.area-remarks.img-remarks {
  text-align: center;
  border-radius: 10px;
  background: #efefef;
  padding: 20px 0;
}

.area-remarks.img-remarks .area-remarks-ttl {
  margin-bottom: 10px;
}

.area-remarks.list-remarks {
  border-radius: 10px;
  background: #efefef;
  padding: 20px 30px;
}

.area-remarks.list-remarks .area-remarks-ttl {
  margin: 0 0 0 10px;
  width: 80px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.357;
  font-size: 28px;
  font-size: 2.8rem;
}

.area-remarks.list-remarks .area-remarks-list {
  font-size: 28px;
  font-size: 2.8rem;
}

.area-remarks.list-remarks .area-remarks-list li {
  line-height: 1.357;
  padding-left: 200px;
  position: relative;
  margin-bottom: 20px;
}

.area-remarks.list-remarks .area-remarks-list li .level {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.area-remarks.list-remarks .area-remarks-list li .level.level1 {
  color: #74849B;
}

.area-remarks.list-remarks .area-remarks-list li .level.level2 {
  color: #ffcc66;
}

.area-remarks.list-remarks .area-remarks-list li .level.level3 {
  color: #FEA401;
}

.area-remarks.list-remarks .area-remarks-list li .level.level4 {
  color: #ff0000;
}

.area-remarks.list-remarks .area-remarks-list li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 751px) {
  .area-remarks.list-remarks {
    border-radius: 10px;
    background: #efefef;
    padding: 20px 30px;
  }
  .area-remarks.list-remarks .area-remarks-list {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .area-remarks.list-remarks .area-remarks-list li {
    padding-left: 140px;
    margin-bottom: 10px;
  }
}

.area-remarks.icon-remarks {
  border-radius: 10px;
  background: #efefef;
  padding: 20px 30px;
}

.area-remarks.icon-remarks .area-remarks-ttl {
  margin: 0 0 0 10px;
  width: 80px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.357;
  font-size: 28px;
  font-size: 2.8rem;
}

.area-remarks.icon-remarks .area-remarks-list {
  font-size: 28px;
  font-size: 2.8rem;
}

.area-remarks.icon-remarks .area-remarks-list li {
  line-height: 1.357;
  padding-left: 40px;
  padding-top: 5px;
  position: relative;
  margin-bottom: 20px;
}

.area-remarks.icon-remarks .area-remarks-list li .level {
  position: absolute;
  left: 0;
  top: 11px;
  width: 25px;
  height: 25px;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.area-remarks.icon-remarks .area-remarks-list li .level.level1 {
  background: #F00;
}

.area-remarks.icon-remarks .area-remarks-list li .level.level2 {
  background: #FEFE00;
}

.area-remarks.icon-remarks .area-remarks-list li .level.level3 {
  background: #965fb5;
}

.area-remarks.icon-remarks .area-remarks-list li:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 751px) {
  .area-remarks.icon-remarks .area-remarks-list {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .area-remarks.icon-remarks .area-remarks-list li {
    padding-top: 0;
    padding-left: 21px;
    margin-bottom: 10px;
  }
  .area-remarks.icon-remarks .area-remarks-list li .level {
    width: 14px;
    height: 14px;
    top: 3px;
  }
}

.mypage-inner-accordion {
  border-top: 2px solid #e0e0e0;
  background: #f3f3f3;
  padding: 30px;
}

.mypage-inner-accordion .cmn-sttl4 span {
  /* .mypage-inner-accordion .span { */
  font-size: 22px;
  font-size: 2.2rem;
}

.mypage-inner-accordion .cmn-btn-list {
  margin-bottom: 0;
}

.mypage-inner-accordion .txt {
  background-color: #f3f3f3;
}

.mypage-inner-accordion .btn-cmn {
  margin-top: 30px;
}

.mypage-inner-accordion .btn-cmn a {
  padding: 20px 0;
  width: 100%;
}

.mypage-inner-accordion .btn-cmn-wrap {
  margin-top: 30px;
}

.mypage-inner-accordion .wrap-tbl td {
  line-height: 1.4;
  padding: 18px 20px;
  text-align: left;
}

.mypage-inner-box .fl {
  width: 38%;
}

.mypage-inner-box .fl img {
  width: 100%;
  height: auto;
  border: 2px solid #e0e0e0;
  box-sizing: border-box;
}

.mypage-inner-box .fl.wid25 {
  width: 25%;
  box-sizing: border-box;
}

.mypage-inner-box .fl.wid25 img {
  padding: 10px;
  background-color: #fff;
}

.mypage-inner-box .fr {
  width: 57%;
  line-height: 1.4;
}

.mypage-inner-box .fr .btn-cmn {
  width: 100%;
}

.mypage-inner-box .fr .btn-cmn a {
  width: 100%;
}

.mypage-inner-box .fr.wid70 {
  width: 70%;
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (min-width: 751px) {
  .mypage-inner-accordion .cmn-sttl4 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mypage-inner-box .fr.wid70 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mypage-inner-box .fr.wid70 .wrap-tbl .tbl-head-multi td,
  .mypage-inner-box .fr.wid70 .wrap-tbl .tbl-head-multi th {
    padding: 13px 20px;
  }
}

/* ==========================================================================
box-weather-data
========================================================================== */
.box-weather-data {
  margin-bottom: 40px;
  display: block;
}

.box-weather-data:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.box-weather-data .box-weather-data-l {
  float: left;
  width: 170px;
  text-align: center;
}

.box-weather-data .box-weather-data-l .box-weather-data-ttl {
  margin-bottom: 37px;
  line-height: 1.4;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
}

.box-weather-data .box-weather-data-l .box-weather-data-ttl strong {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
}

.box-weather-data .box-weather-data-l .box-weather-data-ttl span {
  font-size: 24px;
  font-size: 2.4rem;
}

.box-weather-data .box-weather-data-l .box-weather-data-img {
  margin-bottom: 10px;
}

.box-weather-data .box-weather-data-l .box-weather-data-img img {
  width: 153px;
}

.box-weather-data .box-weather-data-l .box-weather-data-txt {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
}

.box-weather-data .box-weather-data-r {
  float: right;
  width: 450px;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature {
  margin-bottom: 20px;
  display: block;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature {
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  width: 215px;
  text-align: center;
  border: 2px solid #ed4350;
  border-radius: 10px;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-ttl {
  color: #fff;
  background-color: #ed4350;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data01 {
  color: #ed4350;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  font-size: 3.4rem;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data01 span {
  font-size: 24px;
  font-size: 2.4rem;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data02 {
  color: #ed4350;
  background-color: #fde6e8;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data02 span {
  font-size: 20px;
  font-size: 2rem;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature:nth-child(1) {
  margin-right: 20px;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature:nth-child(2) {
  border: 2px solid #1477d0;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature:nth-child(2) .box-temperature-ttl {
  background-color: #1477d0;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature:nth-child(2) .box-temperature-data01 {
  color: #1477d0;
}

.box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature:nth-child(2) .box-temperature-data02 {
  color: #1477d0;
  background-color: #d6e4f6;
}

/* 何度か連続で表示する際の線の位置を変更(2017/9/1) */
.box-weather-data:not(:first-child) {
  padding-top: 40px;
  padding-bottom: 30px;
  border-top: 2px solid #e0e0e0;
}

@media screen and (min-width: 751px) {
  .box-weather-data {
    margin-bottom: 40px;
  }
  .box-weather-data .box-weather-data-l {
    width: 130px;
  }
  .box-weather-data .box-weather-data-l .box-weather-data-ttl {
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .box-weather-data .box-weather-data-l .box-weather-data-ttl strong {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .box-weather-data .box-weather-data-l .box-weather-data-ttl span {
    font-size: 20px;
    font-size: 2rem;
  }
  .box-weather-data .box-weather-data-l .box-weather-data-img {
    margin-bottom: 10px;
  }
  .box-weather-data .box-weather-data-l .box-weather-data-img img {
    width: 75px;
  }
  .box-weather-data .box-weather-data-l .box-weather-data-txt {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .box-weather-data .box-weather-data-r {
    width: 400px;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature {
    margin-bottom: 20px;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature {
    width: 190px;
    border: 2px solid #ed4350;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data01 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data01 span {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data02 {
    font-size: 20px;
    font-size: 2rem;
  }
  .box-weather-data .box-weather-data-r .wrap-box-temperature .box-temperature .box-temperature-data02 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
info-box-area
========================================================================== */
/* 警報ttl-red・特別警報ttl-vioバージョン追加（2017/9/8）*/
/* ttl-blバージョン追加（2018/7/4）*/
.info-box-area {
  margin-bottom: 20px;
}

.info-box-area .info-ttl {
  color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 7px 25px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
}

.info-box-area .info-ttl.ttl-pk {
  background-color: #f15f85;
}

.info-box-area .info-ttl.ttl-bl {
  background-color: #0095db;
}

.info-box-area .info-ttl.ttl-or {
  background-color: #f5b222;
}

.info-box-area .info-ttl.ttl-red {
  background-color: #ed4350;
}

.info-box-area .info-ttl.ttl-vio {
  background-color: #965fb5;
}

.info-box-area .info-ttl.ttl-black-oame {
  background-color: #1f003d;
}

.info-box-area .info-list li a {
  display: block;
  padding: 30px 50px 30px 20px;
  background: #fff;
  line-height: 1.406;
  color: #585858;
  overflow: hidden;
  text-decoration: none;
  border-bottom: 2px dotted #e0e0e0;
}

.info-box-area .info-list li a span {
  font-size: 32px;
  font-size: 3.2rem;
  display: block;
}

.info-box-area .info-list li a:after {
  right: 20px;
}

.info-box-area .info-list li a.icon-arrow:after {
  border-color: #c3c3c3;
}

.info-box-area .info-list li:last-child a {
  border-bottom: none;
  border-radius: 0 0 10px 10px;
}

.info-box-area .info-list.list-or li a {
  color: #f90;
}

@media screen and (min-width: 751px) {
  .info-box-area {
    margin-bottom: 20px;
  }
  .info-box-area .info-ttl {
    padding: 7px 25px;
  }
  .info-box-area .info-list li a {
    padding: 15px 50px 15px 20px;
  }
  .info-box-area .info-list li a span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .info-box-area .info-list.list-pk li a span,
  .info-box-area .info-list.list-bl li a span {
    background-size: 45px;
    padding: 5px 0 0 0px;
  }
  .info-box-area .info-list.list-pk li a span.niji-icon,
  .info-box-area .info-list.list-bl li a span.niji-icon {
    background-size: 40px;
    padding: 5px 0 0 0px;
  }
}

/* ==========================================================================
box-rank
========================================================================== */
.box-rank {
  border-top: 2px solid #e0e0e0;
  padding: 30px;
}

.box-rank .fl {
  width: 160px;
  text-align: center;
}

.box-rank .fl .other-rank {
  display: block;
  background-color: #00ad86;
  color: #fff;
  line-height: 1.6;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.box-rank .fl .everyone-point {
  color: #585858;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.box-rank .fl .everyone-point span {
  font-size: 24px;
  font-size: 2.4rem;
}

.box-rank .fr {
  width: 375px;
}

.box-rank .fr .everyone-list li {
  display: block;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 5px;
}

.box-rank .fr .everyone-list li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.box-rank .fr .everyone-list li a {
  color: #585858;
  text-decoration: underline;
}

.box-rank .fr .everyone-list li a:hover {
  text-decoration: none;
}

.box-rank .fr .txt-people {
  font-size: 20px;
  font-size: 2rem;
}

.box-rank:first-child {
  border-top: none;
}

@media screen and (min-width: 751px) {
  .box-rank .fl {
    width: 100px;
    text-align: center;
  }
  .box-rank .fl .everyone-point span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .box-rank .fr .txt-people {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
info-box
========================================================================== */
.wrap-info-box {
  margin-bottom: 120px;
}

.info-box {
  margin-bottom: 55px;
}

.info-box .info-ttl {
  background: #ed4350;
  color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 7px 25px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
}

.info-box .info-ttl .icon-alert {
  display: inline-block;
  margin: -5px 15px 0 0;
  vertical-align: top;
}

.info-box .info-ttl .cap-area {
  position: absolute;
  right: 25px;
  top: 10px;
  font-size: 28px;
  font-size: 2.8rem;
}

.info-box .info-list li a {
  display: block;
  padding: 30px 50px 30px 20px;
  background: #fceced;
  line-height: 1.406;
  color: #585858;
  overflow: hidden;
  text-decoration: none;
  border-bottom: 2px dotted #ed4350;
}

.info-box .info-list li a span {
  font-size: 28px;
  font-size: 2.8rem;
  display: block;
}

.info-box .info-list li a img {
  float: right;
  margin-left: 30px;
}

.info-box .info-list li a:after {
  right: 20px;
  border-color: #ed4350;
}

.info-box .info-list li:last-child a {
  border-bottom: none;
  border-radius: 0 0 10px 10px;
}

.info-box .info-list.bosai-list li a {
  background: #d9f3ff;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
}

@media screen and (min-width: 751px) {
  .wrap-info-box {
    margin-bottom: 80px;
  }
  .info-box {
    margin-bottom: 40px;
  }
  .info-box .info-ttl {
    padding: 7px 25px;
  }
  .info-box .info-ttl .icon-alert {
    margin: -2px 10px 0 0;
  }
  .info-box .info-ttl .icon-alert img {
    width: 30px;
  }
  .info-box .info-ttl .cap-area {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .info-box .info-list li a {
    padding: 15px 50px 15px 20px;
  }
  .info-box .info-list li a span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .info-box .info-list li a img {
    margin-left: 30px;
    width: 80px;
  }
  .info-box .info-list.bosai-list li a {
    background: #d9f3ff;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
  }
}

/* ボタン
========================================================================== */
*,
a,
input,
span {
  -webkit-tap-highlight-color: transparent;
}

.fade-over a {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  transition: opacity 0.3s;
  -webkit-font-smoothing: antialiased;
}

.fade-over a.hover, .fade-over a.touch {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  -ms-opacity: 0.75;
  -o-opacity: 0.75;
  opacity: 0.75;
}

/* ==========================================================================
btn-cmn
========================================================================== */
/* ボタンのpaddingを変更(2017/8/25) */
.btn-cmn a,
.btn-cmn input, .btn-cmn span.inactive {
  display: inline-block;
  padding: 20px 50px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: #015db2;
}

.btn-cmn input {
  border: none;
  font-size: 28px;
  font-size: 2.8rem;
  width: 100%;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
}

.btn-cmn span.slash {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
}

.btn-cmn span.slash:after, .btn-cmn span.slash:before {
  display: inline-block;
  content: "/";
  font-size: 28px;
  font-size: 2.8rem;
}

.btn-cmn span.slash:before {
  margin-right: 10px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.btn-cmn span.slash:after {
  margin-left: 10px;
}

.btn-cmn span.inactive {
  background: #BFBFBF;
  color: #A6A2A2;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
}

.btn-cmn span.inactive.hover, .btn-cmn span.inactive.touch {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
}

@media screen and (min-width: 751px) {
  .btn-cmn span.slash {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .btn-cmn span.slash:after, .btn-cmn span.slash:before {
    font-size: 20px;
    font-size: 2rem;
  }
  .btn-cmn strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}

/* btn-cmn2
------------------------------------------------------*/
.btn-cmn2 {
  display: inline-block;
}

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

.btn-cmn2.btn-cmn2-bosai a {
  background-color: #e7f1fb;
}

.btn-cmn2.btn-cmn2-manabi a {
  background-color: #e7f1fb;
}

@media screen and (min-width: 751px) {
  .btn-cmn2 a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .btn-cmn2.btn-cmn2-bosai a {
    padding: 2px 45px 2px 25px;
  }
}

/* btn-shadow
------------------------------------------------------*/
/* menu一覧用のcss追加（2017/10/2）*/
.btn-shadow,
.btn-shadow-menu {
  padding-bottom: 4px !important;
  /* shadow01
-------------------------------*/
  /* shadow02
-------------------------------*/
  /* shadow03
-------------------------------*/
  /* shadow04
-------------------------------*/
  /* shadow05
-------------------------------*/
  /* shadow06
-------------------------------*/
  /* shadow07
-------------------------------*/

}

.btn-shadow > *,
.btn-shadow-menu > * {
  display: block;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow > *.btn-shadow-img,
.btn-shadow-menu > *.btn-shadow-img {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn-shadow > *.btn-shadow-img a,
.btn-shadow-menu > *.btn-shadow-img a {
  position: relative;
  display: block;
}

.btn-shadow > *.btn-shadow-img a:before,
.btn-shadow-menu > *.btn-shadow-img a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 10px;
  -ms-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow > *.hover, .btn-shadow > *.touch,
.btn-shadow-menu > *.hover, .btn-shadow-menu > *.touch {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow > *.hover.btn-shadow-img a:before, .btn-shadow > *.touch.btn-shadow-img a:before,
.btn-shadow-menu > *.hover.btn-shadow-img a:before, .btn-shadow-menu > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow.shadow01 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(180, 230, 254, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(180, 230, 254, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(180, 230, 254, 0.5);
}

.btn-shadow.shadow01 > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px rgba(180, 230, 254, 0.5);
  -o-box-shadow: inset 0 -4px 0 2px rgba(180, 230, 254, 0.5);
  box-shadow: inset 0 -4px 0 2px rgba(180, 230, 254, 0.5);
}

.btn-shadow.shadow01.hover > *, .btn-shadow.shadow01.touch > * {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(180, 230, 254, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(180, 230, 254, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(180, 230, 254, 0.5);
}

.btn-shadow.shadow01.hover > *.btn-shadow-img a:before, .btn-shadow.shadow01.touch > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(180, 230, 254, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(180, 230, 254, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(180, 230, 254, 0.5);
}

.btn-shadow.shadow02 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(255, 186, 23, 0.8);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(255, 186, 23, 0.8);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(255, 186, 23, 0.8);
}

.btn-shadow.shadow02 > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px rgba(255, 186, 23, 0.8);
  -o-box-shadow: inset 0 -4px 0 2px rgba(255, 186, 23, 0.8);
  box-shadow: inset 0 -4px 0 2px rgba(255, 186, 23, 0.8);
}

.btn-shadow.shadow02 > *.hover, .btn-shadow.shadow02 > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(255, 186, 23, 0.8);
  -o-box-shadow: inset 0 -1px 0 2px rgba(255, 186, 23, 0.8);
  box-shadow: inset 0 -1px 0 2px rgba(255, 186, 23, 0.8);
}

.btn-shadow.shadow02 > *.hover.btn-shadow-img a:before, .btn-shadow.shadow02 > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(255, 186, 23, 0.8);
  -o-box-shadow: inset 0 -1px 0 2px rgba(255, 186, 23, 0.8);
  box-shadow: inset 0 -1px 0 2px rgba(255, 186, 23, 0.8);
}

.btn-shadow.shadow03 > *,
.btn-shadow-menu.shadow03 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
}

.btn-shadow.shadow03 > *.hover, .btn-shadow.shadow03 > *.touch,
.btn-shadow-menu.shadow03 > *.hover, .btn-shadow-menu.shadow03 > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
}

.btn-shadow.shadow04 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.3);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.3);
}

.btn-shadow.shadow04 > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px rgba(130, 130, 130, 0.3);
  -o-box-shadow: inset 0 -4px 0 2px rgba(130, 130, 130, 0.3);
  box-shadow: inset 0 -4px 0 2px rgba(130, 130, 130, 0.3);
}

.btn-shadow.shadow04 > *.hover, .btn-shadow.shadow04 > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(130, 130, 130, 0.3);
  -o-box-shadow: inset 0 -1px 0 2px rgba(130, 130, 130, 0.3);
  box-shadow: inset 0 -1px 0 2px rgba(130, 130, 130, 0.3);
}

.btn-shadow.shadow04 > *.hover.btn-shadow-img a:before, .btn-shadow.shadow04 > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(130, 130, 130, 0.3);
  -o-box-shadow: inset 0 -1px 0 2px rgba(130, 130, 130, 0.3);
  box-shadow: inset 0 -1px 0 2px rgba(130, 130, 130, 0.3);
}

.btn-shadow.shadow05 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px #e2a400;
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px #e2a400;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px #e2a400;
}

.btn-shadow.shadow05 > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px #e2a400;
  -o-box-shadow: inset 0 -4px 0 2px #e2a400;
  box-shadow: inset 0 -4px 0 2px #e2a400;
}

.btn-shadow.shadow05 > *.hover, .btn-shadow.shadow05 > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px #e2a400;
  -o-box-shadow: inset 0 -1px 0 2px #e2a400;
  box-shadow: inset 0 -1px 0 2px #e2a400;
}

.btn-shadow.shadow05 > *.hover.btn-shadow-img a:before, .btn-shadow.shadow05 > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px #e2a400;
  -o-box-shadow: inset 0 -1px 0 2px #e2a400;
  box-shadow: inset 0 -1px 0 2px #e2a400;
}

.btn-shadow.shadow06 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px #009f7b;
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px #009f7b;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px #009f7b;
}

.btn-shadow.shadow06 > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px #009f7b;
  -o-box-shadow: inset 0 -4px 0 2px #009f7b;
  box-shadow: inset 0 -4px 0 2px #009f7b;
}

.btn-shadow.shadow06 > *.hover, .btn-shadow.shadow06 > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px #009f7b;
  -o-box-shadow: inset 0 -1px 0 2px #009f7b;
  box-shadow: inset 0 -1px 0 2px #009f7b;
}

.btn-shadow.shadow06 > *.hover.btn-shadow-img a:before, .btn-shadow.shadow06 > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px #009f7b;
  -o-box-shadow: inset 0 -1px 0 2px #009f7b;
  box-shadow: inset 0 -1px 0 2px #009f7b;
}

.btn-shadow.shadow07 > * {
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(8, 41, 132, 0.6);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(8, 41, 132, 0.6);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(8, 41, 132, 0.6);
}

.btn-shadow.shadow07 > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px rgba(8, 41, 132, 0.6);
  -o-box-shadow: inset 0 -4px 0 2px rgba(8, 41, 132, 0.6);
  box-shadow: inset 0 -4px 0 2px rgba(8, 41, 132, 0.6);
}

.btn-shadow.shadow07 > *.hover, .btn-shadow.shadow07 > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(8, 41, 132, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(8, 41, 132, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(8, 41, 132, 0.6);
}

.btn-shadow.shadow07 > *.hover.btn-shadow-img a:before, .btn-shadow.shadow07 > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(8, 41, 132, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(8, 41, 132, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(8, 41, 132, 0.6);
}


/* list-btn-wrap
------------------------------------------------------*/
.list-btn-wrap {
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.list-btn-wrap li a {
  padding-top: 8px;
  padding-bottom: 12px;
  background-size: 100% auto;
}

.list-btn-wrap li a.hover, .list-btn-wrap li a.touch {
  padding-top: 12px;
  padding-bottom: 8px;
  background: none !important;
}

.list-btn-wrap li:nth-last-child(1) a {
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn.png") right bottom no-repeat;
  background-size: 620px auto;
}

@media screen and (min-width: 751px) {
  .list-btn-wrap li:nth-last-child(1) a {
    background-size: 620px auto;
  }
}

.list-btn-wrap li:nth-last-child(2) a {
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn.png") center bottom no-repeat;
  background-size: 620px auto;
}

@media screen and (min-width: 751px) {
  .list-btn-wrap li:nth-last-child(2) a {
    background-size: 620px auto;
  }
}

.list-btn-wrap li:nth-last-child(3) a {
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn.png") left bottom no-repeat;
  background-size: 620px auto;
}

@media screen and (min-width: 751px) {
  .list-btn-wrap li:nth-last-child(3) a {
    background-size: 620px auto;
  }
}

.list-btn-wrap li:nth-last-child(4) a {
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn.png") right top no-repeat;
  background-size: 620px auto;
}

@media screen and (min-width: 751px) {
  .list-btn-wrap li:nth-last-child(4) a {
    background-size: 620px auto;
  }
}

.list-btn-wrap li:nth-last-child(5) a {
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn.png") center top no-repeat;
  background-size: 620px auto;
}

@media screen and (min-width: 751px) {
  .list-btn-wrap li:nth-last-child(5) a {
    background-size: 620px auto;
  }
}

.list-btn-wrap li:nth-last-child(6) a {
  background: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn.png") left top no-repeat;
  background-size: 620px auto;
}

@media screen and (min-width: 751px) {
  .list-btn-wrap li:nth-last-child(6) a {
    background-size: 620px auto;
  }
}

@media screen and (min-width: 751px) {
  .btn-shadow {
    border-radius: 10px;
  }
  .btn-shadow:before {
    border-radius: 10px;
  }
}

/* ==========================================================================
btn-twitter
========================================================================== */
.btn-twitter {
  text-align: center;
}

.btn-twitter a {
  position: relative;
  padding: 20px 20px 20px 65px;
  font-size: 24px;
  font-size: 2.4rem;
}

.btn-twitter a:before {
  position: absolute;
  top: 50%;
  left: 22px;
  display: block;
  width: 35px;
  height: 35px;
  margin-top: -15px;
  content: "";
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_twitter.png") left top no-repeat;
  background-size: 100%;
}

@media screen and (min-width: 751px) {
  .btn-twitter a {
    padding: 15px 20px 15px 55px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .btn-twitter a:before {
    left: 18px;
    width: 28px;
    height: 28px;
    margin-top: -11px;
  }
}

/* ==========================================================================
btn-mypoint
========================================================================== */
.btn-mypoint {
  position: relative;
  border: 10px solid #9bdffd;
  border-radius: 10px;
}

.btn-mypoint a {
  display: block;
  overflow: hidden;
  padding: 25px 60px 20px 120px;
  line-height: 1.4;
  text-decoration: none;
  color: #015db2;
  background-color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/img_mypoint.png");
  background-repeat: no-repeat;
  background-position: 30px 13px;
  background-size: 82px auto;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

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

@media screen and (min-width: 751px) {
  .btn-mypoint {
    border-color: #62ceff;
  }
  .btn-mypoint a {
    padding: 25px 60px 20px 130px;
    color: #015db2;
    background-position: 40px 16px;
    background-size: 62px auto;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .btn-mypoint a:after {
    right: 30px;
  }
}

/* ==========================================================================
btn-radar (2018/5/2追加)
========================================================================== */
.btn-radar {
  position: relative;
  border: 10px solid #015db2;
  border-radius: 10px;
}

.btn-radar a {
  display: block;
  overflow: hidden;
  padding: 25px 60px 24px 120px;
  line-height: 1.4;
  text-decoration: none;
  color: #015db2;
  background-color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/img_radar.png");
  background-repeat: no-repeat;
  background-position: 20px 30px;
  background-size: 82px auto;
  font-size: 32px;
  font-size: 3.0rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

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

@media screen and (min-width: 751px) {
  .btn-radar {
    border-color: #015db2;
  }
  .btn-radar a {
    padding: 25px 60px 20px 130px;
    color: #015db2;
    background-position: 32px 23px;
    background-size: 70px auto;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .btn-radar a:after {
    right: 30px;
  }
}

/* ==========================================================================
btn-sgd (シニアガイド)
========================================================================== */
.btn-sgd {
  position: relative;
  border: 10px solid #84c324;
  border-radius: 10px;
}

.btn-sgd a {
  display: block;
  overflow: hidden;
  padding: 10px 0px 13px 125px;
  line-height: 1.4;
  text-decoration: none;
  color: #015db2;
  background-color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/info/kc_guide/beginner_icon.png"),url("https://cdn1.n-kishou.co.jp/image/info/kc_guide/tena_b.png");
  background-repeat: no-repeat;
  background-position: 40px 18px,600px 24px;
  background-size: 44px auto,90px auto;
  font-size: 32px;
  font-size: 3.0rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
}

.btn-sgd a:after {
  right: 200px;
  top:60px;
}

.btn-sgd .sgd-ts{
  font-size:21px;
}
.btn-sgd .sgd-tl{
  font-size:30px;
}

/*影*/
.btn-shadow.shadow-snr > * {
  -ms-box-shadow: 0 2px 3px 0 #0050229c 0 2px;
  -o-box-shadow: 0 2px 3px 0 #0050229c, inset 0 -4px 0 2px;
  box-shadow: 2px 4px 5px 1.5px #2a6e47b8, inset 0 -4px 0 2px;
}

.btn-shadow.shadow-snr > *.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -4px 0 2px #0050229c;
  -o-box-shadow: inset 0 -4px 0 2px #0050229c;
  box-shadow: inset 0px -7px 0px 2px #7db53d91;
}

.btn-shadow.shadow-snr > *.hover, .btn-shadow.shadow-snr > *.touch {
  -ms-box-shadow: inset 0 -1px 0 2px #4db5799c;
  -o-box-shadow: inset 0 -1px 0 2px #4db5799c;
  box-shadow: inset 0 -1px 0 2px #4db5799c;
}

.btn-shadow.shadow-snr > *.hover.btn-shadow-img a:before, .btn-shadow.shadow-snr > *.touch.btn-shadow-img a:before {
  -ms-box-shadow: inset 0 -1px 0 2px #4db5799c;
  -o-box-shadow: inset 0 -1px 0 2px #4db5799c;
  box-shadow: inset 0 -1px 0 2px #4db5799c;
}


@media screen and (min-width: 751px) {
  .btn-sgd {
    border-color: #84c324;
  }
  .btn-sgd a {
    padding: 12px 50px 10px 130px;
    color: #015db2;
    background-position: 50px 15px,500px 14px;
    background-size: 35px auto,80px auto;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 26px;
  }
  .btn-sgd a:after {
    right: 180px;
    top:51px;
  }

  .btn-sgd .sgd-ts{
  font-size:17px;
  }
  .btn-sgd .sgd-tl{
    font-size:22px;
  }

}

/* ==========================================================================
btn-sgd (シニアガイド防災てなびんなし)
========================================================================== */
.btn-sgd-bosai {
  position: relative;
  border: 10px solid #84c324;
  border-radius: 10px;
}

.btn-sgd-bosai a {
  display: block;
  overflow: hidden;
  padding: 27px 0px 24px 90px;
  line-height: 1.4;
  text-decoration: none;
  color: #015db2;
  background-color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/info/kc_guide/beginner_icon.png");
  background-repeat: no-repeat;
  background-position: 25px 18px;
  background-size: 40px auto;
  font-size: 32px;
  font-size: 3.0rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
}

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

.btn-sgd-bosai .sgd-ts{
  font-size:23px;
}
.btn-sgd-bosai .sgd-tl{
  font-size:30px;
}


@media screen and (min-width: 751px) {
  .btn-sgd-bosai {
    border-color: #84c324;
  }
  .btn-sgd-bosai a {
    padding: 22px 10px 20px 70px;
    color: #015db2;
    background-position: 18px 17px;
    background-size: 32px auto;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .btn-sgd-bosai a:after {
    right: 30px;
  }

  .btn-sgd-bosai .sgd-ts{
  font-size:17px;
  }
  .btn-sgd-bosai .sgd-tl{
    font-size:22px;
  }

}
/* ==========================================================================
btn-bosai
========================================================================== */
.btn-bosai {
  position: relative;
  border: 10px solid #62ceff;
  border-radius: 10px;
}

.btn-bosai a {
  display: block;
  overflow: hidden;
  padding: 25px 60px 20px 85px;
  line-height: 1.4;
  text-decoration: none;
  color: #015db2;
  background-color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/svg/img_bosai.svg");
  background-repeat: no-repeat;
  background-position: center left 4px;
  background-size: 82px auto;
  font-size: 30px;
  font-size: 3rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

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

@media screen and (min-width: 751px) {
  .btn-bosai {
    border-color: #62ceff;
  }
  .btn-bosai a {
    padding: 25px 60px 20px 70px;
    color: #015db2;
    background-position: center left 6px;
    background-size: 62px auto;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .btn-bosai a:after {
    right: 30px;
  }
}

/* ==========================================================================
btn-nav-list
========================================================================== */
.btn-nav-list {
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn-nav-list li {
  box-sizing: border-box;
  border-right: 2px solid #dcdcdc;
}

.btn-nav-list li a {
  text-align: center;
  color: #6d6d6d;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 681px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.btn-nav-list li a.hover, .btn-nav-list li a.touch {
  background-color: #fff;
  background-image: none !important;
}

.btn-nav-list li.active {
  border-color: #0080bc;
}

.btn-nav-list li.active a {
  color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_active.png");
  background-position: bottom;
}

.btn-nav-list li.active a.hover, .btn-nav-list li.active a.touch {
  background-color: #0095db;
  background-image: none !important;
}

.btn-nav-list li:first-child a {
  border-radius: 10px 0 0 10px;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav.png");
  background-position: left bottom;
}

.btn-nav-list li:first-child a.hover, .btn-nav-list li:first-child a.touch {
  background-color: #fff;
  background-image: none !important;
}

.btn-nav-list li:first-child.active a {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_active.png");
  background-position: left bottom;
}

.btn-nav-list li:first-child.active a.hover, .btn-nav-list li:first-child.active a.touch {
  background-color: #0095db;
  background-image: none !important;
}

.btn-nav-list li:last-child {
  border-right: none;
}

.btn-nav-list li:last-child a {
  border-radius: 0 10px 10px 0;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav.png");
  background-position: right bottom;
}

.btn-nav-list li:last-child a.hover, .btn-nav-list li:last-child a.touch {
  background-color: #fff;
  background-image: none !important;
}

.btn-nav-list li:last-child.active a {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_active.png");
  background-position: right bottom;
}

.btn-nav-list li:last-child.active a.hover, .btn-nav-list li:last-child.active a.touch {
  background-color: #0095db;
  background-image: none !important;
}

.btn-doc {
  margin: 30px 0 20px;
}

/* ==========================================================================
sns
========================================================================== */
.sns {
  margin-top: 30px;
}

.sns a:hover {
  text-decoration: none;
}

.fb {
  display: inline-block;
  margin-right: 2%;
  width: 32%;
}

.fb a {
  display: block;
  background-color: #3b5998;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-size: 2.6rem;
  padding: 8px 0;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.fb a:active, .fb a:hover {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  color: #fff;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

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

.tw {
  display: inline-block;
  margin-right: 2%;
  width: 32%;
}

.tw a {
  display: block;
  background-color: #1da1f2;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 65, 171, 0.6);
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 8px 0;
}

.tw a:active, .tw a:hover {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  color: #fff;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

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

.line {
  display: inline-block;
  width: 32%;
}

.line a {
  display: block;
  background-color: #00b900;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 129, 0, 0.6);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 129, 0, 0.6);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(0, 129, 0, 0.6);
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 8px 0;
}

.line a:active, .line a:hover {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(0, 129, 0, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(0, 129, 0, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(0, 129, 0, 0.6);
  color: #fff;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

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

/* ==========================================================================
.btn-member
========================================================================== */
.btn-member a {
  background: #FECE42;
  color: #015db2;
  padding: 10px 80px 15px;
  line-height: 1.4;
}

.btn-member a span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
}

.btn-member a span:after, .btn-member a span:before {
  display: inline-block;
  content: "/";
  font-size: 28px;
  font-size: 2.8rem;
}

.btn-member a span:before {
  margin-right: 10px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.btn-member a span:after {
  margin-left: 10px;
}

.btn-member a strong {
  display: inline-block;
  font-size: 45px;
  font-size: 4.5rem;
  -webkit-text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
  -moz-text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
  -ms-text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
  -o-text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
  text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

@media screen and (min-width: 751px) {
  .btn-member a {
    padding: 10px 60px 15px;
  }
  .btn-member a span {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .btn-member a span:after, .btn-member a span:before {
    font-size: 20px;
    font-size: 2rem;
  }
  .btn-member a strong {
    font-size: 34px;
    font-size: 3.4rem;
  }
}

@media screen and (min-width: 751px) {
  .btn-free {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
  }
  .btn-free img {
    width: 100%;
    height: auto;
  }
}

.btn-cmn-wrap .btn-cmn {
  margin-top: 0;
  margin-right: 2%;
  float: left;
  margin-top: 0;
  width: 49%;
  margin-bottom: 8px;
}

.btn-cmn-wrap .btn-cmn:nth-child(even) {
  margin-right: 0;
}

.btn-cmn-wrap .btn-cmn a, .btn-cmn-wrap .btn-cmn input {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}

@media screen and (min-width: 751px) {
  .btn-cmn-wrap .btn-cmn a, .btn-cmn-wrap .btn-cmn input {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
.career-btn-wrap
========================================================================== */
/* キャリアボタンは横3列、クレジットは横2列に並ぶよう調整（2017/9/12）*/
/* 決済方法選択ボタン追加（2017/9/21）*/
.career-btn-wrap p.btn-cmn {
  float: left;
  width: 32%;
  margin-right: 2%;
}

.career-btn-wrap p.btn-cmn a {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 15px;
}

.career-btn-wrap p.btn-cmn a span {
  margin-top: 5px;
  display: block;
}

.career-btn-wrap p.btn-cmn a span.log-text{
  letter-spacing:0.3px;
  line-height:20px;
}


.career-btn-wrap p.btn-cmn a span.txt-s {
  font-size: 16px;
  font-size: 1.6rem;
}

.career-btn-wrap p.btn-cmn:last-child {
  margin-right: 0;
}

.career-btn-wrap p.btn-cmn.career a {
  background-color: #f3f2f2;
  color: #585858;
}

.career-btn-wrap p.btn-cmn.career.hover a, .career-btn-wrap p.btn-cmn.career.touch a {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
  -o-box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
  box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
}

.credit-btn-wrap p.btn-cmn {
  float: left;
  width: 49%;
  margin-right: 2%;
}

.credit-btn-wrap p.btn-cmn a {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px 25px;
}

.credit-btn-wrap p.btn-cmn a span {
  margin-top: 5px;
  display: block;
}

.credit-btn-wrap p.btn-cmn:last-child {
  margin-right: 0;
}

.credit-btn-wrap p.btn-cmn.credit a {
  background-color: #f3f2f2;
  color: #585858;
}

.credit-btn-wrap p.btn-cmn.credit.hover a, .credit-btn-wrap p.btn-cmn.credit.touch a {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
  -o-box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
  box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
}

.cash-btn-wrap p.btn-cmn {
  padding: 20px 110px;
}

.cash-btn-wrap p.btn-cmn a {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px 18px 10px;
}

.cash-btn-wrap p.btn-cmn.cash a {
  background-color: #f3f2f2;
  color: #585858;
}

.cash-btn-wrap p.btn-cmn.cash.hover a, .cash-btn-wrap p.btn-cmn.cash.touch a {
  -ms-box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
  -o-box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
  box-shadow: inset 0 -1px 0 2px rgba(101, 101, 101, 0.3);
}

@media screen and (max-width: 750px) {
  .career-btn-wrap p.btn-cmn {
    float: left;
    width: 32%;
    height: 190px;
    margin-right: 2%;
    margin-bottom: 40px;
  }
  .career-btn-wrap p.btn-cmn a {
    box-sizing: border-box;
    padding: 30px 20px;
  }
  .career-btn-wrap p.btn-cmn a span {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 0;
    margin-left: 5px;
    display: inline-block;
  }
  .career-btn-wrap p.btn-cmn a span.txt-s {
    font-size: 22px;
    font-size: 2.2rem;
  }


  .career-btn-wrap p.btn-cmn a span.log-text{
    padding-top:5px;
    letter-spacing:0.5px;
    line-height:26px;
  }


  .career-btn-wrap p.btn-cmn a span.career {
    margin-bottom: 15px;
  }
  .credit-btn-wrap p.btn-cmn {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .credit-btn-wrap p.btn-cmn a {
    box-sizing: border-box;
    padding: 40px 20px;
  }
  .credit-btn-wrap p.btn-cmn a span {
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 0;
    margin-left: 5px;
    display: inline-block;
  }
  .cash-btn-wrap p.btn-cmn a {
    padding: 20px 10px;
  }
  .cash-btn-wrap p.btn-cmn a span {
    font-size: 25px;
    font-size: 2.5rem;
    margin-top: 3px;
    margin-left: 5px;
    display: inline-block;
  }

  .cash-btn-wrap p.btn-cmn a span.sb_ymobile{
    font-size: 23px;
    font-size: 2.0rem;
    margin-top: 3px;
    margin-left: 5px;
    display: inline-block;
  }
}

/* フォーム
   ========================================================================== */
/* ==========================================================================
   select-wrap
   ========================================================================== */
.select-wrap {
  width: 360px;
}

.select-wrap .select-inner {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 10px;
}

.select-wrap .select-inner:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 75px;
  height: 100%;
  content: "";
  border-left: 4px solid #ccc;
  background: #ededed;
  border-radius: 0 10px 10px 0;
}

.select-wrap .select-inner:after {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 27px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto 0;
  content: "";
  border-width: 15px 10px 0 10px;
  border-style: solid;
  border-color: #585858 transparent transparent transparent;
}

.select-wrap .select-inner select {
  position: relative;
  z-index: 3;
  width: 360px;
  height: 80px;
  padding: 0 10px;
  color: #585858;
  border: 2px solid #e2e2e2;
  background: none;
  border-radius: 10px;
  -ms-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.select-wrap .select-inner select:focus {
  outline: none;
}

.select-wrap .select-inner select::-ms-expand {
  display: none;
}

.select-wrap-col .select-wrap {
  width: auto;
  margin-bottom: 15px;
}

.select-wrap-col .select-wrap .select-inner select {
  width: 100%;
  padding-right: 80px;
}

@media screen and (min-width: 751px) {
  .select-wrap {
    width: 260px !important;
  }
  .select-wrap .select-inner:before {
    width: 60px;
    height: 100%;
  }
  .select-wrap .select-inner:after {
    right: 22px;
    border-width: 15px 10px 0 10px;
  }
  .select-wrap .select-inner select {
    position: relative;
    width: 260px;
    height: 52px;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .select-wrap .select-inner select::-ms-expand {
    display: none;
  }
  .select-wrap-col .select-wrap {
    width: auto !important;
  }
  .select-wrap-col .select-wrap .select-inner select {
    width: auto !important;
  }
}

/* ==========================================================================
   page-control
   ========================================================================== */
.page-control .btn-next,
.page-control .btn-prev {
  width: 25%;
}

.page-control .btn-next > *,
.page-control .btn-prev > * {
  padding: 15px 20px;
  display: inline-block;
  background: #015db2;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
}

.page-control .btn-next > span,
.page-control .btn-prev > span {
  background: #BFBFBF;
  color: #A6A2A2;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
}

.page-control .btn-next > span.hover, .page-control .btn-next > span.touch,
.page-control .btn-prev > span.hover,
.page-control .btn-prev > span.touch {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(130, 130, 130, 0.5);
}

.page-control .btn-next > span:before, .page-control .btn-next > span:after,
.page-control .btn-prev > span:before,
.page-control .btn-prev > span:after {
  border-color: #A6A2A2;
}

.page-control .btn-prev > *:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  content: "";
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page-control .btn-next {
  text-align: right;
}

.page-control .btn-next > *:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  content: "";
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.page-control .page-select {
  width: 50%;
  text-align: center;
}

.page-control .page-select .select-wrap {
  display: inline-block;
  width: 160px;
}

.page-control .page-select .select-wrap .select-inner {
  width: 100%;
}

.page-control .page-select .select-wrap .select-inner select {
  width: 100%;
}

.page-control .page-select span {
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (min-width: 751px) {
  .page-control .btn-prev > *:before {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-width: 3px;
  }
  .page-control .btn-next > *:after {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    border-width: 3px;
  }
  .page-control .page-select {
    width: 50%;
    text-align: center;
  }
  .page-control .page-select .select-wrap {
    display: inline-block;
    width: 130px !important;
  }
  .page-control .page-select span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
   input-search
   ========================================================================== */
.input-search {
  position: relative;
  margin-bottom: 20px;
}

.input-search .txt-search {
  height: 92px;
}

.input-search .txt-search input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 92px;
  margin: 0;
  padding: 30px 140px 20px 20px;
  color: #585858;
  border: none;
  -ms-box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  border-radius: 10px;
}

.input-search .txt-search input::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.input-search .txt-search input:-ms-input-placeholder {
  color: #b5b5b5;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.input-search .txt-search input::-moz-placeholder {
  color: #b5b5b5;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.input-search .btn-search {
  position: absolute;
  top: 0;
  right: 0;
}

.input-search .btn-search input {
  display: block;
  box-sizing: border-box;
  width: 125px;
  height: 92px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #015db2;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_search_w.png");
  background-repeat: no-repeat;
  background-position: 45px 27px;
  background-size: 38px;
  -ms-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  -o-box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  box-shadow: inset 0 -1px 0 2px rgba(0, 65, 171, 0.6);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0 10px 10px 0;
}

.input-search .btn-search input.hover, .input-search .btn-search input:active {
  background-position: 45px 29px;
  -ms-box-shadow: inset 0 2px 0 -1px rgba(0, 65, 171, 0.6);
  -o-box-shadow: inset 0 2px 0 -1px rgba(0, 65, 171, 0.6);
  box-shadow: inset 0 2px 0 -1px rgba(0, 65, 171, 0.6);
}

@media screen and (max-width: 750px) {
  .input-search .txt-search input {
    border: solid 1px #a9a9a9;
  }
}

@media screen and (min-width: 751px) {
  .input-search .txt-search {
    height: 52px;
  }
  .input-search .txt-search input {
    height: 52px;
    padding: 15px 120px 15px 20px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .input-search .txt-search input::-webkit-input-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .input-search .txt-search input:-ms-input-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .input-search .txt-search input::-moz-placeholder {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .input-search .btn-search input {
    width: 95px;
    height: 52px;
    background-position: 38px 17px;
    background-size: 20px;
  }
  .input-search .btn-search input.hover, .input-search .btn-search input:active {
    background-position: 38px 19px;
  }
}

/* ==========================================================================
   radio-search
   ========================================================================== */
.radio-search label[for^="type"] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-right: 20px;
  padding-left: 35px;
  cursor: pointer;
  font-size: 32px;
  font-size: 3.2rem;
}

.radio-search label[for^="type"]:before {
  position: absolute;
  z-index: 1;
  top: 13px;
  left: 2px;
  width: 24px;
  height: 24px;
  content: "";
  border: 2px solid #585858;
  border-radius: 50%;
  background: #fff;
}

.radio-search label[for^="type"]:checked {
  opacity: 0;
}

.radio-search label[for^="type"]:focus {
  opacity: 0;
}

.radio-search input[type="radio"] {
  display: none;
}

.radio-search input[type="radio"]:checked + label:after {
  position: absolute;
  z-index: 2;
  top: 19px;
  left: 8px;
  width: 16px;
  height: 16px;
  content: "";
  border-radius: 100%;
  background-color: #015db2;
}

.radio-search input[type="radio"]:checked + label:before {
  border-color: #015db2;
}

@media screen and (min-width: 751px) {
  .radio-search label[for^="type"] {
    margin-right: 15px;
    padding-left: 27px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .radio-search label[for^="type"]:before {
    top: 2px;
    width: 18px;
    height: 18px;
    border: 2px solid #585858;
  }
  .radio-search input[type="radio"]:checked + label:after {
    top: 8px;
    left: 8px;
    width: 10px;
    height: 10px;
  }
}

/* ==========================================================================
form-list
   ========================================================================== */
@media screen and (max-width: 750px) {
  .form-list li input[type="checkbox"] {
    -webkit-transform: scale(3);
    transform: scale(3);
    margin-left: 15px;
    margin-right: 25px;
  }
}

/* ラジオボタンの大きさ調整（2017/8/30）*/
@media screen and (max-width: 750px) {
  .form-list li input[type="radio"] {
    -webkit-transform: scale(3);
    transform: scale(3);
    margin-left: 15px;
    margin-right: 25px;
  }
}

/* ==========================================================================
label
   ========================================================================== */
.mypage-mode-box-wrap {
  background-color: #f3f3f3;
  padding: 20px 30px 25px;
}

.mypage-mode-box {
  width: 45%;
  float: left;
  margin-right: 4.5%;
  padding-right: 4.5%;
  border-right: 1px solid #e0e0e0;
}

.mypage-mode-box:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.mypage-mode-input {
  margin-left: 50%;
}

.mypage-mode-label {
  width: 100%;
}

.mypage-mode-label img {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: auto;
}

.mypage-mode-label .mypage-mode-area .mypage-mode-ttl {
  margin-top: 3px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  display: block;
}

.mypage-mode-label .mypage-mode-area .mypage-mode-txt {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.4;
  display: block;
}

@media screen and (max-width: 750px) {
  .mypage-mode-input {
    -webkit-transform: scale(3);
    transform: scale(3);
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 751px) {
  .mypage-mode-input {
    margin-left: 47%;
  }
  .mypage-mode-label img {
    width: 60%;
    margin: 5px auto;
  }
  .mypage-mode-label .mypage-mode-area .mypage-mode-ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mypage-mode-label .mypage-mode-area .mypage-mode-txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ==========================================================================
   cmn-textarea
   ========================================================================== */
/* テキストフォームの上下paddingを変更(2017/8/30) */
.cmn-textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 10px 10px;
  color: #585858;
  border: 2px solid #e2e2e2;
  background: none;
  border-radius: 10px;
  -ms-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.cmn-textarea:focus {
  outline: none;
}

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

/* ==========================================================================
   form内 btn-cmn
   ========================================================================== */
form .btn-cmn input {
  display: inline-block;
  width: auto;
  line-height: 1;
  font-size: 32px;
  font-size: 3.2rem;
}

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

/* グラフ
   ========================================================================== */
/* アイコン
   ========================================================================== */
/* 矢印
------------------------------------------------------*/
.icon-arrow,
.icon-arrow-l,
.icon-arrow-s,
.icon-arrow-s-menu {
  /* ←メニュー一覧用 */
  position: relative;
  padding-right: 60px;
}

.icon-arrow:after,
.icon-arrow-l:after,
.icon-arrow-s:after,
.icon-arrow-s-menu: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.arrow-white:after,
.icon-arrow-l.arrow-white:after,
.icon-arrow-s.arrow-white:after,
.icon-arrow-s-menu.arrow-white:after {
  border-color: #fff;
}

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

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

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

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

.icon-arrow-s:after {
  box-sizing: border-box;
  top: 50%;
  right: 30px;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border-width: 3px;
}

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

.icon-arrow-s-menu:after {
  box-sizing: border-box;
  top: 50%;
  right: 30px;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border-width: 3px;
}

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

.icon-arrow-circle {
  position: relative;
  padding-right: 60px;
}

.icon-arrow-circle:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 18px;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  content: "";
  border: 0;
  background: #015db2;
  border-radius: 50%;
}

.icon-arrow-circle:after {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 30px;
  width: 10px;
  height: 10px;
  margin-top: -9px;
  content: "";
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

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

.icon-bosai {
  display: inline-block;
  box-sizing: border-box;
  width: 31%;
  margin-right: 3%;
  margin-bottom: 5px;
  margin-left: 2%;
  padding: 9px 0;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.icon-bosai.icon-bosai01 {
  background-color: #f4b01f;
}

.icon-bosai.icon-bosai02 {
  background-color: #ed4350;
}

.icon-bosai.icon-bosai03 {
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_back_bousai03.png") #ed4350 repeat;
  -webkit-text-shadow: -2px -2px 0 #ed4350, 2px -2px 0 #ed4350, 2px 2px 0 #ed4350, -2px 2px 0 #ed4350, 0 0 15px #ed4350, 0 0 15px #ed4350;
  -moz-text-shadow: -2px -2px 0 #ed4350, 2px -2px 0 #ed4350, 2px 2px 0 #ed4350, -2px 2px 0 #ed4350, 0 0 15px #ed4350, 0 0 15px #ed4350;
  -ms-text-shadow: -2px -2px 0 #ed4350, 2px -2px 0 #ed4350, 2px 2px 0 #ed4350, -2px 2px 0 #ed4350, 0 0 15px #ed4350, 0 0 15px #ed4350;
  -o-text-shadow: -2px -2px 0 #ed4350, 2px -2px 0 #ed4350, 2px 2px 0 #ed4350, -2px 2px 0 #ed4350, 0 0 15px #ed4350, 0 0 15px #ed4350;
  text-shadow: -2px -2px 0 #ed4350, 2px -2px 0 #ed4350, 2px 2px 0 #ed4350, -2px 2px 0 #ed4350, 0 0 15px #ed4350, 0 0 15px #ed4350;
}

.icon-bosai.icon-bosai04 {
  background-color: #965fb5;
}

.icon-bosai.icon-bosai05 {
  margin-bottom: 10px;
  background-color: #1f003d;
}

@media screen and (min-width: 751px) {
  .icon-bosai {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.li-icon-sq {
  position: relative;
}

.li-icon-sq .icon-sq-bosai {
  height: 36px;
  width: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 33px;
  right: 75px;
}

.li-icon-sq .icon-sq-bosai.icon-sq-bosai01 {
  background-color: #f4b01f;
}

.li-icon-sq .icon-sq-bosai.icon-sq-bosai02 {
  background-color: #ed4350;
}

.li-icon-sq .icon-sq-bosai.icon-sq-bosai03 {
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_back_bousai03.png") #ed4350 repeat;
}

.li-icon-sq .icon-sq-bosai.icon-sq-bosai04 {
  background-color: #965fb5;
}

.li-icon-sq .icon-sq-bosai.icon-sq-bosai05 {
  background-color: #1f003d;
}

@media screen and (min-width: 751px) {
  .li-icon-sq .icon-sq-bosai {
    height: 25px;
    width: 25px;
    top: 17px;
    right: 47px;
  }
}

.ann-wrap p {
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 0 15px;
  margin-right: 0.1%;
  display: inline-block;
  line-height: inherit;
}

.ann-wrap p.bg-bosai01 {
  background-color: #f4b01f;
}

.ann-wrap p.bg-bosai02 {
  background-color: #ed4350;
}

.ann-wrap p.bg-bosai03 {
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_back_bousai03.png") #ed4350 repeat;
}

.ann-wrap p.bg-bosai04 {
  background-color: #965fb5;
}

.ann-wrap p.bg-bosai05 {
  background-color: #1f003d;
}

@media screen and (min-width: 751px) {
  .ann-wrap p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}

.icon-sta {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  background-color: #0095db;
  padding: 5px 10px;
  margin-right: 5px;
}

.icon-pro {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  background-color: #f69c00;
  padding: 5px 10px;
}

.cmn-sttl4 span.icon-sta, .cmn-sttl4 span.icon-pro {
  font-size: 22px;
  font-size: 2.2rem;
}

@media screen and (min-width: 751px) {
  .icon-sta {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .icon-pro {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .cmn-sttl4 span.icon-sta, .cmn-sttl4 span.icon-pro {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* 画像
   ========================================================================== */
@media screen and (max-width: 750px) {
  .img-area {
    width: 550px;
    margin: 30px auto 40px;
  }
  .img-area img {
    width: 100%;
    height: auto;
  }
}

/* リスト
========================================================================== */
/* ==========================================================================
.cmn-btn-list
========================================================================== */
.cmn-btn-list {
  overflow: hidden;
  margin-bottom: 50px;
  background-color: #fff;
  border-radius: 10px;
}

.cmn-btn-list li {
  box-sizing: border-box;
  border-bottom: 2px solid #efefef;
}

.cmn-btn-list li > a,
.cmn-btn-list li > span {
  display: block;
  padding: 26px 40px 20px 20px;
  text-decoration: none;
  color: #015db2;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
}

/* メニュー一覧用 */
.cmn-btn-list-menu {
  overflow: hidden;
  margin-bottom: 50px;
  background-color: #fff;
  border-radius: 10px;
}

.cmn-btn-list-menu li {
  box-sizing: border-box;
  border-bottom: 2px solid #efefef;
}

.cmn-btn-list-menu li > a,
.cmn-btn-list-menu li > span {
  display: block;
  padding: 26px 40px 20px 20px;
  text-decoration: none;
  color: #015db2;
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
}

.cmn-btn-list-menu li:last-child {
  border-bottom: none;
}

.cmn-btn-list.col2 {
  display: block;
}

.cmn-btn-list.col2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cmn-btn-list.col2 li {
  float: left;
  box-sizing: border-box;
  width: 50%;
  border-right: 2px solid #efefef;
}

@media screen and (min-width: 751px) {
  .cmn-btn-list li > a,
  .cmn-btn-list li > span {
    padding: 15px 30px 15px 20px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .cmn-btn-list li > a:after,
  .cmn-btn-list li > span:after {
    right: 20px;
  }
  .cmn-btn-list.col2 {
    display: block;
  }
  .cmn-btn-list.col2:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .cmn-btn-list.col2 li {
    float: left;
    box-sizing: border-box;
    width: 33.3%;
  }
  .cmn-btn-list.col2 li:nth-child(3n) {
    border-right: none;
  }
  .cmn-btn-list.col2 li.brn {
    border-right: none;
  }
  .cmn-btn-list.col2 li.br {
    border-right: 2px solid #efefef;
  }
  .cmn-btn-list.pc-col2 {
    display: block;
  }
  .cmn-btn-list.pc-col2:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .cmn-btn-list.pc-col2 li {
    width: 50%;
    float: left;
    border-right: 2px solid #efefef;
  }
  .cmn-btn-list.pc-col3 li {
    border-right: 2px solid #efefef;
    float: left;
    box-sizing: border-box;
    width: 33.3%;
  }
  .cmn-btn-list.pc-col3 li:nth-child(3n + 3) {
    border-right: none;
  }
}

.cmn-btn-list.cmn-btn-list-boder {
  border: 2px solid #efefef;
  margin-bottom: 20px;
}

.cmn-btn-list.cmn-btn-list-boder.col2 li {
  border-bottom: 2px solid #efefef;
}

.cmn-btn-list.cmn-btn-list-boder.col2 li:last-child {
  border-bottom: none;
}

.cmn-btn-list.cmn-btn-list-boder.col2 .long-col {
  width: 100%;
  position: relative;
  border-right: none;
}

/* ==========================================================================
.cmn-sttl4.link-list-ttl
========================================================================== */
.cmn-sttl4.link-list-ttl {
  margin-bottom: 0;
}

/*
.link-list {
  margin-bottom: 50px;
  margin-bottom: 40px;
  &:last-child {
    margin-bottom: 0;
  }
  li {
    border-bottom: 2px dotted #30aee9;
	line-height: 1.4;
    a {
      display: block;
      padding: 30px 60px 30px 20px;
      text-decoration: none;
      color: $color-blue;
      @include sans-serif-b;
      @include fontsize(32);
    }
    &:last-child {
      border-bottom: none;
      a {
        padding-bottom: 0;
      }
    }
    &.pickup {
      a {
        position: relative;
        padding: 40px 50px 40px 210px;
        .news-list-img {
          position: absolute;
          top: 50%;
          left: 10px;
          margin-top: -54px;
          img {
            width: 170px;
          }
        }
        strong {
          display: block;
          line-height: 1.4;
          //android4 右余白対策
          background-image: url("");
          @include fontsize(32);
        }
        span.news-list-cap {
          display: block;
          font-weight: normal;
          line-height: 1.4;
          color: $color-base;
          //android4 右余白対策
          background-image: url("");
          @include sans-serif-l;
          @include fontsize(28);
        }
      }
    }
  }
}
 */
.link-list {
  margin-bottom: 50px;
}

.link-list:last-child {
  margin-bottom: 0;
}

.link-list.col2 {
  display: block;
}

.link-list.col2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.link-list.col2 li {
  width: 48%;
  float: left;
  margin-right: 4%;
}

.link-list.col2 li:last-child {
  border-bottom: 2px dotted #30aee9;
}

.link-list.col2 li:nth-child(even) {
  margin-right: 0;
}

.link-list.col2 li.last:nth-last-child(1), .link-list.col2 li.last:nth-last-child(2) {
  border-bottom: none;
}

.link-list li {
  line-height: 1.4;
  border-bottom: 2px dotted #30aee9;
}

.link-list li a {
  display: block;
  padding: 30px 60px 30px 20px;
  text-decoration: none;
  color: #015db2;
}

.link-list li:last-child {
  border-bottom: none;
}

.link-list li.pickup a {
  position: relative;
  padding: 40px 50px 40px 210px;
}

.link-list li.pickup a .news-list-img {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -54px;
}

.link-list li.pickup a .news-list-img img {
  width: 170px;
}

.link-list li.pickup a strong {
  display: block;
  line-height: 1.4;
  background-image: url("");
  font-size: 32px;
  font-size: 3.2rem;
}

.link-list li.pickup a span.news-list-cap {
  display: block;
  font-weight: normal;
  line-height: 1.4;
  color: #585858;
  background-image: url("");
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (min-width: 751px) {
  .link-list {
    margin-bottom: 30px;
  }
  .link-list li a {
    padding: 12px 40px 12px 12px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .link-list li a:after {
    right: 18px;
  }
  .link-list li.pickup a {
    position: relative;
    padding: 18px 50px 18px 145px;
  }
  .link-list li.pickup a .news-list-img {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -40px;
  }
  .link-list li.pickup a .news-list-img img {
    width: 120px;
  }
  .link-list li.pickup a strong {
    font-size: 21px;
    font-size: 2.1rem;
  }
  .link-list li.pickup a span.news-list-cap {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

/* リスト表示　spanタグが効くように.num-listのspan設定を.numberに変更(2017/9/1) */
.num-list li {
  position: relative;
  padding: 10px 20px 10px 60px;
  list-style: none;
  border-bottom: none;
}

.num-list li:nth-child(odd) {
  background-color: #e9e9e9;
}

.num-list .number {
  color: #015db2;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 0;
  padding-right: 5px;
  position: absolute;
  left: 20px;
  top: 10px;
  background: none;
  display: inline;
}

@media screen and (min-width: 751px) {
  .num-list li {
    padding: 7px 20px 7px 40px;
  }
}

/* その他パーツ
========================================================================== */
/* ==========================================================================
tab
========================================================================== */
.tab-box {
  display: none;
}

#tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#tab li {
  width: 50%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#tab li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.4;
}

#tab li a span {
  display: block;
}

#tab.day-hour li:nth-child(1) a:before {
  display: inline-block;
  width: 38px;
  height: 41px;
  margin: 0 10px -5px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_carender_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.day-hour li:nth-child(1).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_carender_w.png");
}

#tab.day-hour li:nth-child(2) a:before {
  display: inline-block;
  width: 37px;
  height: 35px;
  margin: 0 10px -5px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_timer_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.day-hour li:nth-child(2).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_timer_w.png");
}

#tab.type li {
  width: 33.3%;
}

#tab.type li:nth-child(1) a:before {
  display: inline-block;
  width: 39px;
  height: 45px;
  margin: 0 14px -5px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_rain_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.type li:nth-child(1).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_rain_w.png");
}

#tab.type li:nth-child(2) a:before {
  display: inline-block;
  width: 28px;
  height: 45px;
  margin: 0 14px -5px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_thunder_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.type li:nth-child(2).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_thunder_w.png");
}

#tab.type li:nth-child(3) {
  width: 33.4%;
}

#tab.type li:nth-child(3) a:before {
  display: inline-block;
  width: 38px;
  height: 45px;
  margin: 0 14px -5px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_tornado_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.type li:nth-child(3).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_tornado_w.png");
}

#tab.map-list li a span {
  font-size: 30px;
  font-size: 3rem;
}

#tab.map-list li:nth-child(1) a:before {
  display: inline-block;
  width: 43px;
  height: 45px;
  margin: 0 10px -7px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_map_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.map-list li:nth-child(1).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_map_w.png");
}

#tab.map-list li:nth-child(2) a:before {
  display: inline-block;
  width: 34px;
  height: 32px;
  margin: 0 10px -2px 0;
  content: "";
  line-height: 1;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_list_g.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
}

#tab.map-list li:nth-child(2).active a:before {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/icon_list_w.png");
}

@media screen and (max-width: 750px) {
  #wrap-tab {
    border-bottom: 14px solid #0095db;
  }
  #wrap-tab {
    position: relative;
  }
  #wrap-tab:before {
    position: absolute;
    bottom: -1px;
    left: -100%;
    display: block;
    width: 300%;
    height: 2px;
    content: "";
    background: #0095db;
  }
  .wrap-tab-box {
    background-color: #fff;
  }
  #tab {
    overflow: hidden;
  }
  #tab li {
    overflow: hidden;
    text-align: center;
  }
  #tab li a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 28px 15px;
    text-decoration: none;
    color: #6d6d6d;
    border-right: 2px solid #e0e0e0;
    background-color: #ededed;
    font-size: 38px;
    font-size: 3.8rem;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
  #tab li a span {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #tab li:first-child {
    -ms-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px 0 0 0;
  }
  #tab li:first-child a {
    -ms-box-shadow: inset 4px 1px 0px -1px #cacaca;
    -o-box-shadow: inset 4px 1px 0px -1px #cacaca;
    box-shadow: inset 4px 1px 0px -1px #cacaca;
  }
  #tab li:first-child.active a {
    -ms-box-shadow: inset 4px 1px 0px -1px #0080bc;
    -o-box-shadow: inset 4px 1px 0px -1px #0080bc;
    box-shadow: inset 4px 1px 0px -1px #0080bc;
  }
  #tab li:last-child {
    -ms-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0 10px 0 0;
  }
  #tab li:last-child a {
    border-right: none;
    -ms-box-shadow: inset -4px 1px 0px -1px #cacaca;
    -o-box-shadow: inset -4px 1px 0px -1px #cacaca;
    box-shadow: inset -4px 1px 0px -1px #cacaca;
  }
  #tab li:last-child.active a {
    -ms-box-shadow: inset -4px 1px 0px -1px #0080bc;
    -o-box-shadow: inset -4px 1px 0px -1px #0080bc;
    box-shadow: inset -4px 1px 0px -1px #0080bc;
  }
  #tab li.active a {
    color: #fff;
    border-right: 2px solid #0080bc;
    background-color: #0095db;
  }
}

@media screen and (min-width: 751px) {
  #tab {
    border-radius: 10px;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  }
  #tab li {
    box-sizing: border-box;
    border-right: 2px solid #dcdcdc;
  }
  #tab li a {
    display: block;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none;
    color: #6d6d6d;
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 450px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
  #tab li a span {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #tab li a.hover, #tab li a.touch {
    padding: 21px 10px 19px;
    background-color: #fff;
    background-image: none !important;
  }
  #tab li.active {
    border-color: #0080bc;
  }
  #tab li.active a {
    color: #fff;
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_active.png");
    background-position: bottom;
  }
  #tab li.active a.hover, #tab li.active a.touch {
    background-color: #0095db;
    background-image: none !important;
  }
  #tab li:first-child a {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav.png");
    background-position: left bottom;
    border-radius: 10px 0 0 10px;
  }
  #tab li:first-child a.hover, #tab li:first-child a.touch {
    background-color: #fff;
    background-image: none !important;
  }
  #tab li:first-child.active a {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_active.png");
    background-position: left bottom;
  }
  #tab li:first-child.active a.hover, #tab li:first-child.active a.touch {
    background-color: #0095db;
    background-image: none !important;
  }
  #tab li:last-child {
    border-right: none;
  }
  #tab li:last-child a {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav.png");
    background-position: right bottom;
    border-radius: 0 10px 10px 0;
  }
  #tab li:last-child a.hover, #tab li:last-child a.touch {
    background-color: #fff;
    background-image: none !important;
  }
  #tab li:last-child.active a {
    background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_active.png");
    background-position: right bottom;
  }
  #tab li:last-child.active a.hover, #tab li:last-child.active a.touch {
    background-color: #0095db;
    background-image: none !important;
  }
  #tab.day-hour li:nth-child(1) a:before {
    width: 24px;
    height: 26px;
    margin: 0 8px -3px 0;
  }
  #tab.day-hour li:nth-child(2) a:before {
    width: 25px;
    height: 23px;
    margin: 0 8px -3px 0;
  }
  #tab.type li:nth-child(1) a:before {
    width: 26px;
    height: 30px;
    margin: 0 8px -3px 0;
  }
  #tab.type li:nth-child(2) a:before {
    width: 20px;
    height: 32px;
    margin: 0 8px -5px 0;
  }
  #tab.type li:nth-child(3) a:before {
    width: 23px;
    height: 30px;
    margin: 0 8px -6px 0;
  }
  #tab.map-list li a span {
    font-size: 20px;
    font-size: 2rem;
  }
  #tab.map-list li:nth-child(1) a:before {
    width: 28px;
    height: 30px;
    margin: 0 10px -5px 0;
  }
  #tab.map-list li:nth-child(2) a:before {
    width: 24px;
    height: 32px;
    margin: 0 10px -11px 0;
  }
}

/* ==========================================================================
accordion
========================================================================== */
.accordion-list li a,
.accordion-list li span {
  font-size: 32px;
  font-size: 3.2rem;
}

.accordion-list li .no-link {
  color: #a2a2a2;
}

.accordion-list li > .lv2 {
  padding-left: 30px;
  border-top: 2px solid #e0e0e0;
  background: #f3f3f3;
}

.accordion-list li > .lv2 li {
  border-top: 2px solid #e0e0e0;
  border-bottom: none;
}

.accordion-list li > .lv2 li > a,
.accordion-list li > .lv2 li > span {
  background: #f3f3f3;
}

.accordion-list li > .lv2 li:nth-child(1) {
  border-top: none;
}

.accordion-list li:nth-child(1) {
  border-top: none;
}

.btn-accordion > span {
  cursor: pointer;
}

/* アコーディオン角の調整(2017/10/20追加) */
.accordion-list li:last-child > .lv2 li:last-child > a,
.accordion-list li:last-child > .lv2 li:last-child > span {
  border-radius: 0 0 10px 0;
}

@media screen and (min-width: 751px) {
  .accordion-list li a,
  .accordion-list li span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
image
========================================================================== */
.img-area {
  width: 90%;
  margin: 30px auto;
}

@media screen and (min-width: 751px) {
  margin: 20px auto;
}

/* ==========================================================================
border (2017/9/6追加)
========================================================================== */
.line-all {
  border: 1px solid #dcdcdc;
}

/* ==========================================================================
枠内の掲載位置指定
========================================================================== */
.va-top {
  vertical-align: top;
}

.va-middle {
  vertical-align: middle;
}

.va-bottom {
  vertical-align: bottom;
}

/* ==========================================================================
text
========================================================================== */
.txt-s {
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (min-width: 751px) {
  .txt-s {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.txt-l {
  font-size: 36px;
  font-size: 3.6rem;
}

@media screen and (min-width: 751px) {
  .txt-l {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.red {
  color: #ed4350;
}

.blue {
  color: #1477d0;
}

.blue01 {
  color: #015db2;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.purple {
  color: #965fb5;
}

.black-oame {
  color: #1f003d;
}

.orange {
  color: #f90;
}

.white {
  color: #fff;
}

.gray {
  color: #999;
}

.textlink {
  text-decoration: underline;
  color: #015db2;
}

.textlink:hover {
  text-decoration: none;
  color: #015db2;
}

@media screen and (max-width: 750px) {
  .mypage-name {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.luster-txt {
  margin-bottom: 30px;
  background-image: url("");
}

.luster-txt strong {
  color: #015db2;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.intro-txtarea {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 30px;
}

.txt-bold {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

/* ==========================================================================
movie-control
========================================================================== */
.movie-control {
  text-align: center;
}

.movie-control > ul {
  margin-top: 30px;
  margin-bottom: 20px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.movie-control > ul li {
  box-sizing: border-box;
  width: 42%;
  border-right: 1px solid #207bcf;
  border-left: 1px solid #003c73;
}

.movie-control > ul li > div > span > * {
  display: block;
  padding: 60px 0 25px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #015db2;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn2.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 681px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.movie-control > ul li > div > span > a.hover, .movie-control > ul li > div > span > a.touch {
  padding: 62px 0 23px;
  background-image: none !important;
}

.movie-control > ul li > div > span > div {
  color: #a6a2a2;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_inactive.png");
}

.movie-control > ul li:first-child {
  width: 29%;
  border-left: none;
}

.movie-control > ul li:first-child > div > span > * {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn2.png");
  background-position: left bottom;
  border-radius: 10px 0 0 10px;
}

.movie-control > ul li:first-child > div > span > div {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_inactive.png");
}

.movie-control > ul li:last-child {
  width: 29%;
  border-right: none;
  border-right: none;
}

.movie-control > ul li:last-child > div > span > * {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_btn2.png");
  background-position: right bottom;
  border-radius: 0 10px 10px 0;
}

.movie-control > ul li:last-child > div > span > div {
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/bg_nav_inactive.png");
}

.movie-control > ul li.movie-control-play > div > span > * {
  position: relative;
}

.movie-control > ul li.movie-control-play > div > span > *:before {
  position: absolute;
  top: 25px;
  left: 50%;
  display: block;
  width: 26px;
  height: 28px;
  margin-left: -13px;
  content: "";
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_play.png") left top no-repeat;
}

.movie-control > ul li.movie-control-play > div > span > a.hover:before, .movie-control > ul li.movie-control-play > div > span > a.touch:before {
  top: 27px;
}

.movie-control > ul li.movie-control-prev > div > span > * {
  position: relative;
}

.movie-control > ul li.movie-control-prev > div > span > *:before {
  position: absolute;
  top: 28px;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: -13px;
  content: "";
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.movie-control > ul li.movie-control-prev > div > span > a.hover:before, .movie-control > ul li.movie-control-prev > div > span > a.touch:before {
  top: 30px;
}

.movie-control > ul li.movie-control-prev > div > span > div:before {
  border-color: #a6a2a2;
}

.movie-control > ul li.movie-control-next > div > span > * {
  position: relative;
}

.movie-control > ul li.movie-control-next > div > span > *:before {
  position: absolute;
  top: 28px;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: -13px;
  content: "";
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.movie-control > ul li.movie-control-next > div > span > a.hover:before, .movie-control > ul li.movie-control-next > div > span > a.touch:before {
  top: 30px;
}

.movie-control > ul li.movie-control-next > div > span > div:before {
  border-color: #a6a2a2;
}

.movie-control .movie-control-stop > * {
  position: relative;
  padding: 45px 10px 20px;
  text-decoration: none;
  color: #6d6d6d;
  background: #ededed;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.movie-control .movie-control-stop > *:before {
  position: absolute;
  top: 20px;
  left: 50%;
  display: block;
  width: 14px;
  height: 24px;
  margin-left: -3px;
  content: "";
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_stop.png") left top no-repeat;
}

.movie-control .movie-control-stop a {
  color: #6d6d6d;
}

@media screen and (min-width: 751px) {
  .movie-control {
    text-align: center;
  }
  .movie-control > ul li > div > span > * {
    padding: 40px 0 15px;
    background-size: 450px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .movie-control > ul li > div > span > a.hover, .movie-control > ul li > div > span > a.touch {
    padding: 42px 0 13px;
  }
  .movie-control > ul li.movie-control-play > div > span > *:before {
    top: 15px;
    width: 20px;
    height: 22px;
    margin-left: -10px;
    background-size: 100%;
  }
  .movie-control > ul li.movie-control-play > div > span > a.hover:before, .movie-control > ul li.movie-control-play > div > span > a.touch:before {
    top: 17px;
  }
  .movie-control > ul li.movie-control-prev > div > span > *:before {
    top: 17px;
    width: 12px;
    height: 12px;
    margin-left: -13px;
    border-width: 3px;
  }
  .movie-control > ul li.movie-control-prev > div > span > a.hover:before, .movie-control > ul li.movie-control-prev > div > span > a.touch:before {
    top: 19px;
  }
  .movie-control > ul li.movie-control-next > div > span > * {
    position: relative;
  }
  .movie-control > ul li.movie-control-next > div > span > *:before {
    top: 17px;
    width: 12px;
    height: 12px;
    margin-left: -13px;
    border-width: 3px;
  }
  .movie-control > ul li.movie-control-next > div > span > a.hover:before, .movie-control > ul li.movie-control-next > div > span > a.touch:before {
    top: 19px;
  }
  .movie-control .movie-control-stop > * {
    position: relative;
    padding: 40px 10px 15px;
    text-decoration: none;
    color: #6d6d6d;
    background: #ededed;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
  .movie-control .movie-control-stop > *:before {
    top: 20px;
    width: 10px;
    height: 20px;
    margin-left: -3px;
    background-size: 100%;
  }
}

/* ==========================================================================
search-box
========================================================================== */
@media screen and (max-width: 750px) {
  .search-box {
    position: absolute;
    z-index: 9999;
    top: 145px;
    display: none;
  }
  .search-box .search-box-sct-search {
    padding: 30px 30px 25px;
    background: #fff;
    border-radius: 10px;
  }
  .search-box .search-box-sct-search .main-ttl {
    margin-top: 8px;
  }
  .search-box .search-box-sct-search .input-search {
    margin-bottom: 30px;
  }
  .search-box .search-box-sct-search .form {
    line-height: 1;
  }
  .search-box .search-box-sct-search .search-genre {
    margin: 3px 25px 20px 0;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
  .search-box .search-box-sct-search .area-hinto {
    border-radius: 10px;
    background: #CFF0FF;
    padding: 15px 20px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #015db2;
    font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
    font-style: normal;
    font-weight: 700;
  }
}

@media screen and (min-width: 751px) {
  .search-box {
    display: none !important;
  }
}

/* ==========================================================================
//android4 右余白対策
========================================================================== */
.pdg-none {
  background-image: url("");
}

/* ==========================================================================
//登録画面パーツ
========================================================================== */
.step-box-wrap .icon {
  background-color: #9fe1ff;
  padding: 10px 30px;
  border-radius: 10px 10px 0 0;
  display: inline-block;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #015db2;
  font-size: 24px;
  font-size: 2.4rem;
}

.step-box-wrap .step-box dl {
  background-color: #9fe1ff;
  border-radius: 0 10px 10px 10px;
  margin-top: -1px;
  padding: 15px 30px 30px;
  line-height: 1.4;
}

.step-box-wrap .step-box dl dt {
  font-size: 35px;
  font-size: 3.5rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #015db2;
  margin-bottom: 10px;
}

.step-box-wrap .step-box dl dd {
  font-size: 28px;
  font-size: 2.8rem;
}

.step-box-wrap .step-box dl dd.bold {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 10px;
}

.step-box-wrap .step-box:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid solid none;
  border-color: #9fe1ff transparent transparent;
  border-width: 33px 55px 0;
}

.step-box-wrap .step-box:last-child:after {
  display: none;
}

@media screen and (min-width: 751px) {
  .step-box-wrap .icon {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 30px 2px;
  }
  .step-box-wrap .step-box dl dt {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 5px;
  }
  .step-box-wrap .step-box dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .step-box-wrap .step-box dl dd.bold {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
  .step-box-wrap .step-box:after {
    border-width: 23px 45px 0;
  }
}

@media screen and (min-width: 751px) {
  .img-course {
    width: 70%;
    margin: 0 auto;
  }
}

/* ==========================================================================
    map
    ========================================================================== */
@media screen and (max-width: 750px) {
  .inner-box > div[align="center"] > #map > #gmap .gmnoprint div[draggable="false"] {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  .inner-box > div[align="center"] > #map > #gmap .gm-style-iw {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* テーブル
   ========================================================================== */
/* ==========================================================================
   基本設定
   ========================================================================== */
.wrap-tbl {
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

.wrap-tbl .tbl-head-multi {
  background: #fff;
  width: 100%;
  text-align: center;
}

.wrap-tbl .tbl-head-multi tr td,
.wrap-tbl .tbl-head-multi tr th {
  box-sizing: border-box;
}

.wrap-tbl .tbl-head-multi tr th {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #efefef;
  line-height: 1.3;
  box-sizing: border-box;
  padding: 18px 0;
}

.wrap-tbl .tbl-head-multi tr th.wid01 {
  width: 20%;
  padding: 18px;
  box-sizing: border-box;
}

.wrap-tbl .tbl-head-multi tr th.wid02 {
  width: 12%;
  padding: 18px 1px;
  box-sizing: border-box;
}

.wrap-tbl .tbl-head-multi tr th.wid03 {
  width: 44%;
  padding: 18px 1px;
  box-sizing: border-box;
}

.wrap-tbl .tbl-head-multi tr th.wid04 {
  width: 11%;
  padding: 18px 0;
  box-sizing: border-box;
}

.wrap-tbl .tbl-head-multi tr th.wid40 {
  width: 40%;
  padding: 18px 20px;
  box-sizing: border-box;
  text-align: left;
}

.wrap-tbl .tbl-head-multi tr th.wid50 {
  width: 50%;
  padding: 18px 20px;
  box-sizing: border-box;
  text-align: left;
}

.wrap-tbl .tbl-head-multi tr th span {
  font-size: 22px;
  font-size: 2.2rem;
}

.wrap-tbl .tbl-head-multi tr th.bg-blue {
  background-color: #c5edff;
}

.wrap-tbl .tbl-head-multi tr td {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.wrap-tbl .tbl-head-multi tr td:last-child {
  border-right: none;
}

.wrap-tbl .tbl-head-multi tr td.bg-yellow {
  background-color: #f4b01f;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
}

.wrap-tbl .tbl-head-multi tr td.bg-red {
  background-color: #ed4350;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
}

.wrap-tbl .tbl-head-multi thead th:last-child {
  border-right: none;
}

.wrap-tbl .tbl-head-multi tbody tr:last-child th {
  border-bottom: none;
}

.wrap-tbl .tbl-head-multi tbody tr:last-child td {
  border-bottom: none;
}

.wrap-tbl .tbl-head-side {
  background: #fff;
  width: 100%;
  text-align: center;
}

.wrap-tbl .tbl-head-side tbody tr td,
.wrap-tbl .tbl-head-side tbody tr th {
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
}

.wrap-tbl .tbl-head-side tbody tr th {
  background-color: #efefef;
}

.wrap-tbl .tbl-head-side tbody tr:last-child td,
.wrap-tbl .tbl-head-side tbody tr:last-child th {
  border-bottom: none;
}

.wrap-tbl .tbl-head-top {
  background: #fff;
  width: 100%;
  text-align: center;
}

.wrap-tbl .tbl-head-top tbody tr td,
.wrap-tbl .tbl-head-top tbody tr th {
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.wrap-tbl .tbl-head-top tbody tr td:last-child,
.wrap-tbl .tbl-head-top tbody tr th:last-child {
  border-right: none;
}

.wrap-tbl .tbl-head-top tbody tr th {
  background-color: #efefef;
}

.wrap-tbl .tbl-head-top tbody tr:last-child td,
.wrap-tbl .tbl-head-top tbody tr:last-child th {
  border-bottom: none;
}

@media screen and (min-width: 751px) {
  .wrap-tbl .tbl-head-multi tr th.wid02 {
    width: 12%;
    padding: 12px 5px;
    box-sizing: border-box;
  }
  .wrap-tbl .tbl-head-multi tr th.wid03 {
    width: 44%;
    padding: 12px 5px;
    box-sizing: border-box;
  }
  .wrap-tbl .tbl-head-multi tr th.wid04 {
    width: 11%;
    padding: 12px 5px;
    box-sizing: border-box;
  }
  .wrap-tbl .tbl-head-multi tr th span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl .tbl-head-multi tr td.bg-yellow {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wrap-tbl .tbl-head-multi tr td.bg-red {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
その他のtable
========================================================================== */
/* テーブル内のフォントサイズをthと同じように28px、2.8remに変更 */
@media screen and (max-width: 750px) {
  .wrap-tbl .tbl-head-other tr th {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .wrap-tbl .tbl-head-other tr td {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

/* ==========================================================================
1日ごと予報
========================================================================== */
.wrap-tbl-day-data {
  margin-bottom: 40px;
}

.wrap-tbl-day-data .tbl-day-data {
  background: #fff;
}

.wrap-tbl-day-data .tbl-day-data td,
.wrap-tbl-day-data .tbl-day-data th {
  box-sizing: border-box;
  padding: 19px 0;
}

.wrap-tbl-day-data .tbl-day-data th {
  font-size: 30px;
  font-size: 3rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-day-data .tbl-day-data th span {
  font-size: 24px;
  font-size: 2.4rem;
}

.wrap-tbl-day-data .tbl-day-data th:first-child {
  width: 25%;
}

/* 10日間天気の表のフォントサイズ調整（2017/9/1）*/
.wrap-tbl-day-data .tbl-day-data td {
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-day-data .tbl-day-data td .icon-weather {
  margin-right: 10px;
}

.wrap-tbl-day-data .tbl-day-data td .icon-weather img {
  width: 95px;
}

.wrap-tbl-day-data .tbl-day-data td .high {
  color: #ed4350;
  font-size: 38px;
  font-size: 3.8rem;
}

.wrap-tbl-day-data .tbl-day-data td .low {
  color: #1477d0;
  font-size: 32px;
  font-size: 3.2rem;
}

@media screen and (min-width: 751px) {
  .wrap-tbl-day-data .tbl-day-data th {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 0;
  }
  .wrap-tbl-day-data .tbl-day-data th span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-day-data .tbl-day-data td {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 0;
  }
  .wrap-tbl-day-data .tbl-day-data td .icon-weather img {
    width: 40px;
  }
  .wrap-tbl-day-data .tbl-day-data td .high {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wrap-tbl-day-data .tbl-day-data td .low {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/* ==========================================================================
1時間ごと予報
========================================================================== */
.wrap-tbl-time-data {
  margin-bottom: 50px;
}

.wrap-tbl-time-data .tbl-time-data {
  background: #fff;
}

.wrap-tbl-time-data .tbl-time-data td,
.wrap-tbl-time-data .tbl-time-data th {
  vertical-align: middle;
  padding: 14px 0;
  line-height: 1;
  border-right: none !important;
}

.wrap-tbl-time-data .tbl-time-data thead th {
  font-size: 30px;
  font-size: 3rem;
}

.wrap-tbl-time-data .tbl-time-data tbody th {
  width: 14%;
  font-size: 30px;
  font-size: 3rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-time-data .tbl-time-data tbody td {
  width: 21.5%;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-time-data .tbl-time-data tbody td .rain {
  color: #015db2;
}

.wrap-tbl-time-data .tbl-time-data tbody td:last-child {
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
}

.wrap-tbl-time-data .tbl-time-data tbody td:last-child .icon-height {
  position: absolute;
  display: block;
  line-height: 1;
  left: 8%;
}

@media screen and (min-width: 751px) {
  .wrap-tbl-time-data .tbl-time-data thead th {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 9px 0;
  }
  .wrap-tbl-time-data .tbl-time-data tbody th {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 4px 0;
  }
  .wrap-tbl-time-data .tbl-time-data tbody td {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 4px 0;
  }
  .wrap-tbl-time-data .tbl-time-data tbody td img {
    width: 40px;
  }
  .wrap-tbl-time-data .tbl-time-data tbody td:last-child .icon-height {
    left: 25%;
  }
  .wrap-tbl-time-data .tbl-time-data tbody td:last-child .icon-height img {
    width: 15px;
  }
}

/* ==========================================================================
降水確率
========================================================================== */
.tbl-rainy-data {
  background: #fff;
}

.tbl-rainy-data tr td,
.tbl-rainy-data tr th {
  padding: 10px 0;
  font-size: 22px;
  font-size: 2.2rem;
}

.tbl-rainy-data tr th {
  width: 21%;
}

.tbl-rainy-data tr th:first-child {
  width: 16%;
}

.tbl-rainy-data tr td {
  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) {
  .tbl-rainy-data tr td,
  .tbl-rainy-data tr th {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .tbl-rainy-data tr td {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
検索アイコン
========================================================================== */
.tbl-search-icon {
  background: #fff;
}

.tbl-search-icon tr td,
.tbl-search-icon tr th {
  width: 20%;
  padding: 10px 0;
  font-size: 22px;
  font-size: 2.2rem;
}

.tbl-search-icon tr td {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.tbl-search-icon tr td img {
  width: 50px;
}

@media screen and (min-width: 751px) {
  .tbl-search-icon tr td,
  .tbl-search-icon tr th {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .tbl-search-icon tr td {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
健康・生活
========================================================================== */
/* 体感のレベル名を変更(2017/8/30) */
/* 花粉のレベルを追加(2017/10/3) */
.wrap-tbl-health {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  margin-bottom: 20px;
}

.wrap-tbl-health .tbl-head-multi {
  border-top: 1px solid #e0e0e0;
}

.wrap-tbl-health:last-child {
  margin-bottom: 0;
}

.wrap-tbl-health .wid20 {
  width: 20%;
}

.wrap-tbl-health .wid40 {
  width: 40%;
}

.wrap-tbl-health .wid50 {
  width: 50%;
}

.wrap-tbl-health .tbl-head-wash {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  table-layout: fixed;
}

.wrap-tbl-health .tbl-head-wear {
  width: 100%;
  table-layout: fixed;
}

.wrap-tbl-health .tbl-head-nettyu .healthicon-wrap {
  border-right: none;
}

.wrap-tbl-health .tbl-head-nettyu p {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-health .tbl-head-nettyu .heat-rank01 {
  color: #de4755;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-nettyu .heat-rank02 {
  color: #f28c1e;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-nettyu .heat-rank03 {
  color: #c29409;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-nettyu .heat-rank04 {
  color: #86ba22;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-nettyu .heat-rank05 {
  color: #579bd9;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap {
  border: 1px solid #c9c9c9;
  margin-top: 5px;
  margin-bottom: 3px;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen-data {
  background-color: #ffc50b;
  height: 30px;
  display: block;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen001 {
  width: 1%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen002 {
  width: 2%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen003 {
  width: 3%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen004 {
  width: 4%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen005 {
  width: 5%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen006 {
  width: 6%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen007 {
  width: 7%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen008 {
  width: 8%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen009 {
  width: 9%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen010 {
  width: 10%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen011 {
  width: 11%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen012 {
  width: 12%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen013 {
  width: 13%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen014 {
  width: 14%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen015 {
  width: 15%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen016 {
  width: 16%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen017 {
  width: 17%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen018 {
  width: 18%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen019 {
  width: 19%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen020 {
  width: 20%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen021 {
  width: 21%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen022 {
  width: 22%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen023 {
  width: 23%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen024 {
  width: 24%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen025 {
  width: 25%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen026 {
  width: 26%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen027 {
  width: 27%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen028 {
  width: 28%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen029 {
  width: 29%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen030 {
  width: 30%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen031 {
  width: 31%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen032 {
  width: 32%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen033 {
  width: 33%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen034 {
  width: 34%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen035 {
  width: 35%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen036 {
  width: 36%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen037 {
  width: 37%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen038 {
  width: 38%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen039 {
  width: 39%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen040 {
  width: 40%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen041 {
  width: 41%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen042 {
  width: 42%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen043 {
  width: 43%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen044 {
  width: 44%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen045 {
  width: 45%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen046 {
  width: 46%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen047 {
  width: 47%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen048 {
  width: 48%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen049 {
  width: 49%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen050 {
  width: 50%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen051 {
  width: 51%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen052 {
  width: 52%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen053 {
  width: 53%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen054 {
  width: 54%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen055 {
  width: 55%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen056 {
  width: 56%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen057 {
  width: 57%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen058 {
  width: 58%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen059 {
  width: 59%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen060 {
  width: 60%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen061 {
  width: 61%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen062 {
  width: 62%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen063 {
  width: 63%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen064 {
  width: 64%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen065 {
  width: 65%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen066 {
  width: 66%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen067 {
  width: 67%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen068 {
  width: 68%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen069 {
  width: 69%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen070 {
  width: 70%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen071 {
  width: 71%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen072 {
  width: 72%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen073 {
  width: 73%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen074 {
  width: 74%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen075 {
  width: 75%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen076 {
  width: 76%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen077 {
  width: 77%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen078 {
  width: 78%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen079 {
  width: 79%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen080 {
  width: 80%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen081 {
  width: 81%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen082 {
  width: 82%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen083 {
  width: 83%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen084 {
  width: 84%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen085 {
  width: 85%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen086 {
  width: 86%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen087 {
  width: 87%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen088 {
  width: 88%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen089 {
  width: 89%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen090 {
  width: 90%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen091 {
  width: 91%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen092 {
  width: 92%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen093 {
  width: 93%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen094 {
  width: 94%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen095 {
  width: 95%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen096 {
  width: 96%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen097 {
  width: 97%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen098 {
  width: 98%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen099 {
  width: 99%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen100 {
  width: 100%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-wrap .indent {
  position: absolute;
  left: -999em;
  display: block;
}

.wrap-tbl-health .tbl-head-nettyu .graph-area2 {
  width: 10%;
}

.wrap-tbl-health .tbl-head-nettyu .graph-area2 span {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-health .cmn-sttl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  position: relative;
}

.wrap-tbl-health .cmn-sttl .btn-cmn2 {
  position: absolute;
  top: 10px;
  right: 15px;
}

.wrap-tbl-health th {
  width: 20%;
  vertical-align: middle;
}

.wrap-tbl-health td {
  text-align: left;
  padding: 20px;
  line-height: 1.2;
}

.wrap-tbl-health .healthicon-wrap .txt {
  margin-top: 15px;
}

.wrap-tbl-health .healthicon-wrap .icon {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 5px 0 5px 60px;
  display: inline-block;
}

/* お肌（健康・生活予報） */
.wrap-tbl-health .healthicon-wrap .icon.skin-level01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_skin01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.skin-level02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_skin02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.skin-level03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_skin03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.skin-level04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_skin04.svg) no-repeat center left;
  background-size: contain;
}

/* 紫外線（健康・生活予報） */
.wrap-tbl-health .healthicon-wrap .icon.uv-level01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_uv01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.uv-level02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_uv02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.uv-level03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_uv03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.uv-level04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_uv04.svg) no-repeat center left;
  background-size: contain;
}

/* 寝心地（健康・生活予報） */
.wrap-tbl-health .healthicon-wrap .icon.sleep-level01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_sleep01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.sleep-level02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_sleep02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.sleep-level03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_sleep03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.sleep-level04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_sleep04.svg) no-repeat center left;
  background-size: contain;
}

/* 体感（健康・生活予報） */
.wrap-tbl-health .healthicon-wrap .icon.heats-level01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_heat01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.heats-level02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_heat02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.heats-level03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_heat03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.heats-level04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_heat04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.heats-level05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_heat05.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.heats-level06 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_health_heat06.svg) no-repeat center left;
  background-size: contain;
}

/* ↓お天気ライブ用の体感レベルを作成(2017/10/2)↓ */
.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel05.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv06 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel06.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.feel-lv07 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_feel07.svg) no-repeat center left;
  background-size: contain;
}

/* ↓お天気ライブ用の花粉レベルを作成(2017/10/3)↓ */
.wrap-tbl-health .healthicon-wrap .icon.live.pollen-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_kafun01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.pollen-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_kafun02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.pollen-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_kafun03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.pollen-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_kafun04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.live.pollen-lv05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_kafun05.svg) no-repeat center left;
  background-size: contain;
}

/* ↑ここまで↑ */
.wrap-tbl-health .healthicon-wrap .icon.icon-pm.pollen-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_pm01.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-pm.pollen-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_pm02.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-pm.pollen-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_pm03.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-pm.pollen-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_pm04.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kafun.pollen-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kafun01.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kafun.pollen-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kafun02.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kafun.pollen-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kafun03.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kafun.pollen-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kafun04.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kafun.pollen-lv05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kafun05.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kafun.pollen-lv06 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kafun06.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kosa.pollen-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kosa01.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kosa.pollen-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kosa02.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kosa.pollen-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kosa03.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kosa.pollen-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kosa04.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-kosa.pollen-lv05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/health/icon_health_kosa05.png) no-repeat center right;
  background-size: contain;
}

.wrap-tbl-health .healthicon-wrap .icon.icon-pm, .wrap-tbl-health .healthicon-wrap .icon.icon-kafun, .wrap-tbl-health .healthicon-wrap .icon.icon-kosa {
  padding: 5px 0 5px 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .washicon-wrap {
  position: relative;
}

.wrap-tbl-health .washicon-wrap .timezone {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  display: block;
}

.wrap-tbl-health .washicon-wrap .icon-wrap {
  text-align: center;
  display: block;
  margin-bottom: 15px;
}

.wrap-tbl-health .washicon-wrap .icon {
  text-align: center;
  width: 86px;
  height: 86px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.wrap-tbl-health .washicon-wrap .icon.wash-level01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wash_level01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .washicon-wrap .icon.wash-level02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wash_level02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .washicon-wrap .icon.wash-level03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wash_level03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .washicon-wrap .icon.wash-level04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wash_level04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .washicon-wrap .hare {
  width: 79px;
  height: 62px;
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/00.png) no-repeat top center;
  background-size: contain;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.wrap-tbl-health .washicon-wrap .kumori {
  width: 79px;
  height: 62px;
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/11.png) no-repeat top center;
  background-size: contain;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.wrap-tbl-health .washicon-wrap .rain {
  width: 79px;
  height: 62px;
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/24.png) no-repeat top center;
  background-size: contain;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.wrap-tbl-health .washicon-wrap .snow {
  width: 79px;
  height: 62px;
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/32.png) no-repeat top center;
  background-size: contain;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}

.wrap-tbl-health .washicon-wrap .txt {
  text-align: center;
}

.wrap-tbl-health .wear-wrap {
  padding: 20px 5px;
}

.wrap-tbl-health .wear-wrap .timezone {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  display: block;
}

.wrap-tbl-health .wear-wrap .icon {
  text-align: center;
  width: 65px;
  height: 65px;
  display: block;
  margin: 10px auto 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv08 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level08.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv07 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level07.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv06 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level06.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level05.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .icon.clothes-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-health .wear-wrap .temp {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  display: block;
  text-align: center;
}

.wrap-tbl-health .wear-wrap .txt02 {
  display: block;
  text-align: center;
}

.wrap-tbl-health .txt {
  display: block;
}

@media screen and (max-width: 750px) {
  .wrap-tbl-health th {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .wrap-tbl-health .wear-wrap .temp {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 0.9;
    margin-bottom: 15px;
  }
  .wrap-tbl-health .wear-wrap .temp .font-s {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wrap-tbl-health .wear-wrap .txt02 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .txt {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 751px) {
  .wrap-tbl-health td {
    padding: 8px 20px;
  }
  .wrap-tbl-health .tbl-head-multi tr th {
    padding: 8px 0;
  }
  .wrap-tbl-health .tbl-head-multi tr th span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-nettyu .heat-rank01 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-nettyu .heat-rank02 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-nettyu .heat-rank03 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-nettyu .heat-rank04 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-nettyu .heat-rank05 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-nettyu .graph-wrap {
    margin-top: 3px;
  }
  .wrap-tbl-health .tbl-head-nettyu .graph-wrap .pollen-data {
    height: 20px;
  }
  .wrap-tbl-health .cmn-sttl .btn-cmn2 {
    top: 10px;
  }
  .wrap-tbl-health .cmn-sttl .btn-cmn2 a {
    padding: 4px 60px 4px 30px;
  }
  .wrap-tbl-health .healthicon-wrap .txt {
    margin-top: 5px;
  }
  .wrap-tbl-health .healthicon-wrap .icon {
    padding: 5px 0 5px 38px;
  }
  .wrap-tbl-health .healthicon-wrap .icon.icon-pm, .wrap-tbl-health .healthicon-wrap .icon.icon-kafun, .wrap-tbl-health .healthicon-wrap .icon.icon-kosa {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wrap-tbl-health .washicon-wrap .icon {
    width: 69px;
    height: 69px;
  }
  .wrap-tbl-health .washicon-wrap .hare {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .washicon-wrap .kumori {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .washicon-wrap .rain {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .washicon-wrap .snow {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .wear-wrap {
    padding: 10px 5px;
  }
  .wrap-tbl-health .wear-wrap .icon {
    width: 55px;
    height: 55px;
  }
  .wrap-tbl-health .wear-wrap .temp {
    margin-bottom: 5px;
  }
  .wrap-tbl-health .wear-wrap .temp .font-s {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ==========================================================================
お天気ライブ
========================================================================== */
/* レベル名を変更(2017/8/30) */
.live-box-wrap {
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.live-box {
  margin-bottom: 20px;
}

.live-box .live-img {
  width: 26%;
}

.live-box .live-img img {
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

.live-box .live-user {
  width: 70%;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}

.live-box .live-user dt {
  margin-bottom: 8px;
}

.live-box .live-user dd span {
  font-size: 22px;
  font-size: 2.2rem;
}

.btn-live {
  line-height: 1;
}

.btn-live .num {
  font-size: 28px;
  font-size: 2.8rem;
  vertical-align: top;
  margin-left: 10px;
  display: inline-block;
  padding-top: 5px;
}

.wrap-tbl-live {
  border: 2px solid #e0e0e0;
  border-top: 2px;
  border-radius: 10px;
}

.wrap-tbl-live .healthicon-wrap .txt {
  margin-top: 15px;
}

.wrap-tbl-live .healthicon-wrap .icon {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 5px 0 5px 60px;
  display: inline-block;
}

.wrap-tbl-live .healthicon-wrap .icon.hare {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/00.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.kumori {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/11.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.ame {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/24.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.raiu {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/31.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.yuki {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/32.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.mizore {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/40.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.hyou {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/41.png) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.wind-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_wind01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.wind-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_wind02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.wind-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_wind03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.wind-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_wind04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.thunder-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_thunder01.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.thunder-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_thunder02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.thunder-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/icon_live_thunder03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv08 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level08.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv07 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level07.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv06 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level06.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv05 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level05.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv04 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level04.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv03 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level03.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv02 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level02.svg) no-repeat center left;
  background-size: contain;
}

.wrap-tbl-live .healthicon-wrap .icon.clothes-lv01 {
  background: url(https://cdn1.n-kishou.co.jp/image/common/svg/wear_level01.svg) no-repeat center left;
  background-size: contain;
}

@media screen and (min-width: 751px) {
  .live-box .live-user dt {
    margin-bottom: 15px;
  }
  .live-box .live-user dd {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 5px;
  }
  .live-box .live-user dd span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .live-box .live-user dd.txt-s {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .btn-live .num {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* ==========================================================================
ポイント天気  アイコン&色
========================================================================== */
/* 雪とひょうの名前変更（2017/9/13）*/
.weather-status {
  /*水色*/
  /*青*/
  /*黄*/
  /*赤*/
  /*弱*/
  /*中*/
  /*強*/
  /*暴*/
  /* 北（の風） */
  /* 北北東 */
  /* 北東 */
  /* 東北東 */
  /* 東 */
  /* 東南東 */
  /* 南東 */
  /* 南南東 */
  /* 南 */
  /* 南南西 */
  /* 南西 */
  /* 西南西 */
  /* 西 */
  /* 西北西 */
  /* 北西 */
  /* 北北西 */
}

.weather-status .icon-sprites {
  display: block;
  width: 70px;
  height: 54px;
  margin: 0 auto;
}

@media screen and (min-width: 751px) {
  .weather-status .icon-sprites {
    width: 45px;
    height: 35px;
  }
}


.weather-status .icon-sprites.hare {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/00.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.kumori {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/11.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.rain {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/24.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.raiu {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/31.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.snow {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/32.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.raisetsu {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/59.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.kiri {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/17.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.mizore {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/40.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .icon-sprites.hyou {
  background: url(https://cdn1.n-kishou.co.jp/image/icon_weather/41.png) left top no-repeat;
  background-size: 100% auto;
}

.weather-status .sora01 {
  color: #0297F4;
}

.weather-status .sora02 {
  color: #3b4bbf;
}

.weather-status .sora03 {
  color: #F5B222;
}

.weather-status .sora04 {
  color: #DA2F3F;
}

.weather-status .wind-rank01 {
  color: #0297F4;
}

.weather-status .wind-rank02 {
  color: #2137da;
}

.weather-status .wind-rank03 {
  color: #F5B222;
}

.weather-status .wind-rank04 {
  color: #DA2F3F;
}

.weather-status .compass-ssw {
  -webkit-transform: rotateZ(22.5deg);
  transform: rotateZ(22.5deg);
}

.weather-status .compass-sw {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.weather-status .compass-wsw {
  -webkit-transform: rotateZ(67.5deg);
  transform: rotateZ(67.5deg);
}

.weather-status .compass-w {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.weather-status .compass-wnw {
  -webkit-transform: rotateZ(112.5deg);
  transform: rotateZ(112.5deg);
}

.weather-status .compass-nw {
  -webkit-transform: rotateZ(135deg);
  transform: rotateZ(135deg);
}

.weather-status .compass-nnw {
  -webkit-transform: rotateZ(157.5deg);
  transform: rotateZ(157.5deg);
}

.weather-status .compass-n {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.weather-status .compass-nne {
  -webkit-transform: rotateZ(202.5deg);
  transform: rotateZ(202.5deg);
}

.weather-status .compass-ne {
  -webkit-transform: rotateZ(225deg);
  transform: rotateZ(225deg);
}

.weather-status .compass-ene {
  -webkit-transform: rotateZ(247.5deg);
  transform: rotateZ(247.5deg);
}

.weather-status .compass-e {
  -webkit-transform: rotateZ(270deg);
  transform: rotateZ(270deg);
}

.weather-status .compass-ese {
  -webkit-transform: rotateZ(292.5deg);
  transform: rotateZ(292.5deg);
}

.weather-status .compass-se {
  -webkit-transform: rotateZ(315deg);
  transform: rotateZ(315deg);
}

.weather-status .compass-sse {
  -webkit-transform: rotateZ(337.5deg);
  transform: rotateZ(337.5deg);
}

/* 気温のクラス追加（2017/9/25） */
.weather-status .temperature-h {
  color: #DA2F3F;
}

/*高温*/
.weather-status .temperature-l {
  color: #0297F4;
}

/*低温*/
/* ==========================================================================
登録案内 会員別
========================================================================== */
/* フォントサイズなど変更（2017/9/12）*/
.wrap-tbl-spec .tbl-head-multi {
  width: 100%;
  table-layout: fixed;
}

.wrap-tbl-spec .tbl-head-multi tr th {
  padding: 10px;
  vertical-align: middle;
}

.wrap-tbl-spec .tbl-head-multi tr th.spec {
  width: 30%;
  box-sizing: border-box;
}

.wrap-tbl-spec .tbl-head-multi tr th.bg-pro {
  background-color: #f69c00;
  color: #fff;
}

.wrap-tbl-spec .tbl-head-multi tr th.bg-sta {
  background-color: #0095db;
  color: #fff;
}

.wrap-tbl-spec .tbl-head-multi tr td {
  line-height: 1.4;
  padding: 10px 5px;
  vertical-align: middle;
}

.wrap-tbl-spec .tbl-head-multi tr td.bg-pro {
  background-color: #fdebcc;
  color: #f69c00;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-spec .tbl-head-multi tr td.bg-sta {
  background-color: #cceaf8;
  color: #0095db;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-spec .tbl-head-multi tr td span.block {
  display: block;
}

@media screen and (max-width: 750px) {
  .wrap-tbl-spec .tbl-head-multi {
    font-size: 30px;
    font-size: 3.0rem;
  }
  .wrap-tbl-spec .tbl-head-multi tr th {
    padding: 10px 3px;
    font-size: 25px;
    font-size: 2.5rem;
  }
  .wrap-tbl-spec .tbl-head-multi tr td {
    padding: 10px 3px;
  }
  .wrap-tbl-spec .tbl-head-multi tr td .txt-s {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

/* ==========================================================================
無料会員用に途中で消えるcss
========================================================================== */
.wrap-gradient-free {
  position: relative;
}

.wrap-gradient-free:before {
  /*beforeでグラデーションを表示*/
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 240px;
  z-index: 1;
  /*グラデーションで隠す範囲*/
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 45%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#fff', endColorstr='#fff',GradientType=0 );
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 45%, #fff 100%);
}

.wrap-gradient-free-umi {
  position: relative;
}

.wrap-gradient-free-umi:before {
  /*beforeでグラデーションを表示*/
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
  width: 100%;
  height: 240px;
  z-index: 1;
  /*グラデーションで隠す範囲*/
  background: -ms-linear-gradient(top, rgba(40, 124, 201, 0) 0%, rgba(40, 124, 201, 0.8) 20%, rgba(40, 124, 201, 0.9) 45%, #287cc9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287CC9', endColorstr='#287CC9', GradientType=0);
  background: linear-gradient(top, rgba(40, 124, 201, 0) 0%, rgba(40, 124, 201, 0.8) 20%, rgba(0, 118, 202, 0.9) 45%, #287cc9 100%);
}

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

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

/*jikeid_worldで追加*/
.btn-gradient-free03 {
  margin-bottom: 60px;
  margin-top: -110px;
  position: relative;
  z-index: 2;
}

  .btn-gradient-free04 {
  margin-bottom: 60px;
  margin-top: -40px;
  position: relative;
  z-index: 2;
  }

@media screen and (min-width: 751px) {
  .wrap-gradient-free:before {
    height: 140px;
    /*グラデーションで隠す範囲*/
    background: -ms-linear-gradient(top, rgba(159, 225, 255, 0) 0%, rgba(159, 225, 255, 0.9) 20%, rgba(159, 225, 255, 0.9) 45%, #9FE1FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=  '#9FE1FF', endColorstr='#9FE1FF',GradientType=0 );
    background: linear-gradient(top, rgba(159, 225, 255, 0) 0%, rgba(159, 225, 255, 0.9) 20%, rgba(159, 225, 255, 0.9) 45%, #9FE1FF 100%);
  }
  .wrap-gradient-free-umi:before {
    height: 140px;
  }
  .btn-gradient-free {
    margin-bottom: 40px;
    margin-top: -100px;
  }
  .btn-gradient-free02 {
    margin-bottom: 40px;
    margin-top: -100px;
  }

  .btn-gradient-free03 {
  margin-bottom: 60px;
  margin-top: -110px;
  position: relative;
  z-index: 2;
  }

  .btn-gradient-free04 {
  margin-bottom: 60px;
  margin-top: -60px;
  position: relative;
  z-index: 2;
  }
}

/* タイトル
========================================================================== */
/* ==========================================================================
main-ttl
========================================================================== */
.wrap-main-ttl {
  padding-bottom: 30px;
}

.wrap-main-ttl .main-ttl {
  line-height: 1.4;
  background-image: url();
  -webkit-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #85c7db, 0px 0px 15px #85c7db;
  -moz-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #85c7db, 0px 0px 15px #85c7db;
  -ms-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #85c7db, 0px 0px 15px #85c7db;
  -o-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #85c7db, 0px 0px 15px #85c7db;
  text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #85c7db, 0px 0px 15px #85c7db;
  color: #015db2;
  font-size: 35px;
  font-size: 3.5rem;
}

.wrap-main-ttl .main-ttl span {
  font-size: 25px;
  font-size: 2.5rem;
}

/* サービス比較表のフォントサイズ変更（2017/9/12）*/
@media screen and (min-width: 751px) {
  .wrap-main-ttl .main-ttl {
    line-height: 1.2;
    font-size: 32px;
    font-size: 3.2rem;
    -webkit-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
    -moz-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
    -ms-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
    -o-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
    text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  }
  .wrap-main-ttl .btn-cmn2 a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 30px;
  }
  .wrap-main-ttl .btn-cmn2 a:after {
    margin-left: 5px;
    position: static;
    display: inline-block;
  }
}

/* ==========================================================================
cmn-sttl
========================================================================== */
.cmn-sttl {
  margin-bottom: 35px;
  padding: 10px;
  color: #fff;
  background: #0095db;
  border-radius: 10px;
  font-size: 32px;
  font-size: 3.2rem;
}

@media screen and (min-width: 751px) {
  .cmn-sttl {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem;
  }
}

/* ==========================================================================
cmn-sttl2
========================================================================== */
.cmn-sttl2 {
  margin-bottom: 30px;
  padding-left: 10px;
  line-height: 1.4;
  color: #015db2;
  border-left: 7px solid #015db2;
  font-size: 35px;
  font-size: 3.5rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

@media screen and (min-width: 751px) {
  .cmn-sttl2 {
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}

/* ==========================================================================
cmn-sttl3
========================================================================== */
.cmn-sttl3 {
  margin-bottom: 14px;
  color: #015db2;
  font-size: 32px;
  font-size: 3.2rem;
  -webkit-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -moz-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -ms-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -o-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}

.cmn-sttl3:after, .cmn-sttl3:before {
  display: inline-block;
  content: "/";
  font-size: 34px;
  font-size: 3.4rem;
}

.cmn-sttl3:before {
  margin-right: 15px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.cmn-sttl3:after {
  margin-left: 15px;
}

@media screen and (min-width: 751px) {
  .cmn-sttl3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
  .cmn-sttl3:after, .cmn-sttl3:before {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cmn-sttl3:before {
    margin-right: 10px;
  }
  .cmn-sttl3:after {
    margin-left: 10px;
  }
}

/* ==========================================================================
cmn-sttl4
========================================================================== */
/* MY防災センターなどでテキストとリンクとタイトルの位置を調整（2017/9/15）*/
.cmn-sttl4 {
  margin-top: 50px;
  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;
}

.cmn-sttl4 span {
  font-size: 28px;
  font-size: 2.8rem;
}

.cmn-sttl4:first-child {
  margin-top: 0;
}

.cmn-sttl4.ttl-bosai {
  background-color: #c2ddf6;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/svg/img_bosai.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 55px auto;
  padding-left: 75px;
}

.cmn-sttl4.ttl-bosai span {
  font-size: inherit;
}

.cmn-sttl4.ttl-bosai span.time {
  font-size: 26px;
  font-size: 2.6rem;
}

.cmn-sttl4.ttl-bosai-des01 {
  background-color: #f6f1d9;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/svg/img_bosai01.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 55px auto;
  padding-left: 75px;
  color: #585858;
}

/* 防災タイトルの下で<p>タグ使用したときだけテキストの位置調整（2017/9/15）*/
.cmn-sttl4.ttl-bosai-des01 + p {
  margin-top: 20px;
  margin-left: 20px !important;
}

.cmn-sttl4.ttl-bosai-des02 {
  background-color: #f7e1e2;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/svg/img_bosai02.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 55px auto;
  padding-left: 75px;
  color: #585858;
}

.cmn-sttl4.ttl-bosai-des02 + p {
  margin-top: 20px;
  margin-left: 20px !important;
}

.cmn-sttl4.ttl-bosai-des03 {
  background-color: #e7e0eb;
  background-image: url("https://cdn1.n-kishou.co.jp/image/common/svg/img_bosai03.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 55px auto;
  padding-left: 75px;
  color: #585858;
}

.cmn-sttl4.ttl-bosai-des03 + p {
  margin-top: 20px;
  margin-left: 20px !important;
}

.cmn-sttl4.ttl-manabi {
  background-color: #c2ddf6;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 55px auto;
}

.cmn-sttl4.ttl-manabi span {
  font-size: inherit;
}

.cmn-sttl4.ttl-bosai02 {
  background-color: #e7e7e7;
}

.cmn-sttl4.ttl-bosai02 + p {
  margin-top: 20px;
  margin-left: 20px !important;
}

.cmn-sttl4.ttl-green {
  color: #00ad86;
  background-color: #b1e6da;
}

@media screen and (min-width: 751px) {
  .cmn-sttl4 {
    padding: 5px 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .cmn-sttl4 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .cmn-sttl4.ttl-bosai {
    background-size: 45px;
    padding-left: 65px;
    position: relative;
  }
  .cmn-sttl4.ttl-bosai span.time {
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* PC版の左余白調整（2017/9/15）*/
  .cmn-sttl4.ttl-bosai-des01 + p {
    margin-left: 15px !important;
  }
  .cmn-sttl4.ttl-bosai-des02 + p {
    margin-left: 15px !important;
  }
  .cmn-sttl4.ttl-bosai-des03 + p {
    margin-left: 15px !important;
  }
  .cmn-sttl4.ttl-bosai02 + p {
    margin-left: 15px !important;
  }
  .cmn-sttl4.ttl-manabi {
    position: relative;
  }
}

/* ==========================================================================
cmn-sttl5
========================================================================== */
.cmn-sttl5 {
  margin-bottom: 15px;
  color: #015db2;
  line-height: 1.4;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.cmn-sttl5.ttl-green {
  color: #00ad86;
}

@media screen and (min-width: 751px) {
  .cmn-sttl5 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* ==========================================================================
cmn-sttl6
========================================================================== */
.cmn-sttl6 {
  margin-bottom: 15px;
  color: #015db2;
  line-height: 1.4;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  background: url("https://cdn1.n-kishou.co.jp/image/common/icon_ttl06.png");
  background-position: left top 5px;
  background-repeat: no-repeat;
  background-size: 35px;
  min-height: 40px;
  padding-left: 45px;
}

@media screen and (min-width: 751px) {
  .cmn-sttl6 {
    font-size: 18px;
    font-size: 1.8rem;
    background-position: left top;
    background-size: 25px;
    min-height: 25px;
    padding-left: 35px;
  }
}

/* ==========================================================================
subttl-bosai01
========================================================================== */
.subttl-bosai {
  position: relative;
  padding-left: 33px;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.subttl-bosai:before {
  content: "";
  height: 23px;
  width: 23px;
  left: 0;
  position: absolute;
  top: 15px;
}

.subttl-bosai.subttl-bosai01:before {
  background: #f4b01f;
}

.subttl-bosai.subttl-bosai02:before {
  background: #ed4350;
}

.subttl-bosai.subttl-bosai03:before {
  background: #965fb5;
}

.subttl-bosai.subttl-bosai04:before {
  background: #1f003d;
}

@media screen and (min-width: 751px) {
  .subttl-bosai {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .subttl-bosai:before {
    top: 4px;
  }
}

/* Webフォント
   ========================================================================== */
/* ==========================================================================
   05. Responisive
   ========================================================================== */
/* レスポンシブ関連
   ========================================================================== */
/* image */
img {
  vertical-align: bottom;
  line-height: 1.0;
  max-width: 100%;
  height: auto;
}

/* display */
.block {
  display: block;
}

.sp-item {
  display: none !important;
}

.pc-block {
  display: block;
}

@media screen and (max-width: 750px) {
  .sp-item {
    display: block !important;
  }
  .pc-item {
    display: none !important;
  }
  .pc-block {
    display: inline;
  }
  .sp-block {
    display: block;
  }
  .sp-pdg {
    padding-left: 15px !important;
    padding-right: 15px !important;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp-pdg-large {
    padding-left: 20px !important;
    padding-right: 20px !important;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* ==========================================================================
タイトル付近のキャラ配置（2017/9/22）
========================================================================== */
#sttl-head {
  position: relative;
}

.head-tenavin {
  position: absolute;
  right: 0;
  top: -94px;
}

/* ==========================================================================
メニュー一覧NEWアイコン（2018/5/17）
========================================================================== */

img.newicon {
  width: 100px;
}

img.newicon02 {
  width: 100px;
  padding-bottom: 8px;
}

img.newicon_top {
  width: 70px;
  padding-bottom: 8px;
}


@media screen and (min-width: 751px) {
 img.newicon {
   width: 50px;
 }

 img.newicon_top {
  width: 50px;
  padding-bottom: 6px;
}
}

/* ==========================================================================
auキャンペーンボタン
========================================================================== */
.btn-shadow-cam{
  text-align: center;
  padding-bottom: 4px !important;
  padding:0px 20px 0px 20px;
}

.btn-shadow-cam > * {
  display: block;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow-cam > *.btn-shadow-img{
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn-shadow-cam > *.btn-shadow-img a {
  position: relative;
  display: block;
}

.btn-shadow-cam > *.btn-shadow-img a:before{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 10px;
  -ms-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow-cam > *.hover, .btn-shadow-cam > *.touch{
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow-cam > *.hover.btn-shadow-img a:before, .btn-shadow-cam > *.touch.btn-shadow-img a:before{
  -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
}

@media screen and (min-width: 751px) {
  .btn-shadow-cam {
  padding-bottom: 4px !important;
  padding:0px  265px 0px 265px;
}

.btn-shadow-cam > * {
  display: block;
  border-radius: 10px;
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3), inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow-cam > *.btn-shadow-img{
  -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn-shadow-cam > *.btn-shadow-img a {
  position: relative;
  display: block;
}

.btn-shadow-cam > *.btn-shadow-img a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 10px;
  -ms-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -4px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow-cam > *.hover, .btn-shadow-cam > *.touch {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
}

.btn-shadow-cam > *.hover.btn-shadow-img a:before, .btn-shadow-cam > *.touch.btn-shadow-img a:before{
  -ms-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  -o-box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
  box-shadow: inset 0 -1px 0 2px rgba(195, 195, 195, 0.5);
}
}

/* ==========================================================================
登録ページのクレジットカードのボタン
========================================================================== */
@media screen and (max-width: 750px) {
  .credit-touroku-button{
    margin-top:-13px;
    background-color: rgba(255, 255, 255, 0);
    width:650px;
  }
}

@media screen and (min-width: 751px) {
  .credit-touroku-button{
    margin-top:-13px;
    background-color: rgba(255, 255, 255, 0);
  }
}


/* touroku_am.htmlのオレンジ文字の矢印
------------------------------------------------------*/
.icon-arrow-amzn {
  /* ←メニュー一覧用 */
  position: relative;
  padding-right: 60px;

}

.icon-arrow-amzn: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-amzn.arrow-white:after {
  border-color: #fff;
}

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

.icon-arrow-amzn:hover {
  text-decoration: none;
}
@media screen and (min-width: 751px) {
  .icon-arrow-amzn{
    white-space: nowrap;
    margin-right:-300px;
  }
  .icon-arrow-amzn:after {
    box-sizing: border-box;
    white-space: nowrap;
    width: 10px;
    height: 10px;
    margin-right:20px;
    border-width: 2px;
    margin-top:-10px;
  }
}

 /* ヘッダーのシニアガイドリンク
------------------------------------------------------*/
span.beginner_icon_set:before{
	content:"";
	display:inline-block;
	width:1.15em;
	height:1.15em;
	vertical-align:middle;
	background:url(https://cdn1.n-kishou.co.jp/image/info/kc_guide/header_beginner_icon.png) no-repeat;
	background-size:contain;
}

/* ==========================================================================
btn-guide-leisure (guide_leisure.htmlへのリンク)
========================================================================== */
.btn-guide-leisure {
  position: relative;
  border: 10px solid #84c324;
  border-radius: 10px;
}

.btn-guide-leisure a {
  display: block;
  overflow: hidden;
  padding: 10px 0px 13px 125px;
  line-height: 1.4;
  text-decoration: none;
  color: #015db2;
  background-color: #fff;
  background-image: url("https://cdn1.n-kishou.co.jp/image/info/guide/attention_icon.png"),url("https://cdn1.n-kishou.co.jp/image/info/guide/leisure_icon.png");
  background-repeat: no-repeat;
  background-position: 20px 27px,550px 14px;
  background-size: 80px auto,140px auto;
  font-size: 32px;
  font-size: 3.0rem;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 33px;
}

.btn-guide-leisure a:after {
  right: 200px;
  top:60px;
}

.btn-guide-leisure .sgd-ts{
  font-size:21px;
}
.btn-guide-leisure .sgd-tl{
  font-size:30px;
}


@media screen and (min-width: 751px) {
  .btn-guide-leisure {
    border-color: #84c324;
  }
  .btn-guide-leisure a {
    padding: 12px 50px 10px 130px;
    color: #015db2;
    background-position: 50px 15px,500px 14px;
    background-size: 35px auto,80px auto;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 26px;
  }
  .btn-guide-leisure a:after {
    right: 180px;
  }

  .btn-guide-leisure .sgd-ts{
  font-size:17px;
  }
  .btn-guide-leisure .sgd-tl{
    font-size:22px;
  }

  .btn-guide-leisure a {
  background-image: url("https://cdn1.n-kishou.co.jp/image/info/guide/attention_icon.png"),url("https://cdn1.n-kishou.co.jp/image/info/guide/leisure_icon.png");
  background-repeat: no-repeat;
  background-position: 30px 22px,495px 8px;
  background-size: 65px auto,130px auto;
}

}