*, *::before, *::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
color:#9fe0de;background:url(/ajisai/img/bg.png) 0 0 repeat; background-size: 320px 300px;-webkit-background-size: 320px 300px;-moz-background-size: 320px 300px;-ms-background-size: 320px 300px;-o-background-size: 320px 300px;line-height: 1.4; color: #556e79 !important;
}
header .low_docomo_logo {
    margin-top: 0px;
}
#header-label.ajisai {
    background: #42a2b6!important;
}
div.list-nav ul.gray li, div.list-nav-unit ul.gray {
    background: #FFF;
}
#top_link {
    background-color: #FFF;
    margin-bottom: 30px;
}


.row { width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
.caption_wrap { width: 100%; background: url("/ajisai/img/bg_azisai.png") no-repeat 50% 0; background-size: 380px 150px; }
@media screen and (min-width: 600px) {
  .row {width: 580px; margin-left: auto; margin-right: auto; }
  .caption_wrap {width: 580px; margin-left: auto; margin-right: auto; }
}

.photo-title { position: relative; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left: auto; margin-right: auto; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 62px; width: 216px; background-position: 0 -937px; background-size: 320px auto; top: 10px; left: -30px; }

.caption { color: #556e79; font-size:14px; position: relative; margin-left: auto; margin-right: auto; left: -5px; padding: 22px 30px; }
@media screen and (min-width: 600px) {
  .caption {text-align: center; }
}

.pic { position: relative; width: 270px; padding: 0px; margin: -5px auto 10px; -webkit-transform: rotate(2deg); transform: rotate(2deg); box-shadow: 0px 1.3px 2px rgba(0, 0, 0, 0.3); z-index: 10; }
.pic img { width: 270px; border: #fff 5px solid; }
.pic.sample { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.pic.sample::after { content: "SAMPLE"; color: #bc5186; font-size: 40px; position: absolute; top: 50%; width: 100%; text-align: center; margin-top: -.5em; line-height: 1; font-weight: bold; }
.pic-name { position: relative; color: #fff; font-size: 14px; background: #66bacb; padding: 15px 10px 5px; margin: -18px auto 0; width: 248px; left: -5px; }
@media screen and (min-width: 600px) {
  .pic {width: 450px; }
  .pic img { width: 450px; border: #fff 8px solid; }
  .pic-name { width: 400px;}
}

.button-report, .button-report2, .button-trivia { position: relative; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 10px; }
.button-report::before, .button-report2::before, .button-trivia::before { content: ""; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 24px; width: 42px; background-position: 0 -1117px; background-size: 320px auto; position: absolute; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.button-report { background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 67px; width: 277px; background-position: 0 -803px; background-size: 320px auto; }

.button-report2 { background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 67px; width: 277px; background-position: 0 -870px; background-size: 320px auto; }

.button-trivia { background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 65px; width: 275px; background-position: 0 -999px; background-size: 320px auto; }
.button-trivia::before { left: 20px; }

@-webkit-keyframes point-finger { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); }
  20% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  30% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); }
  40% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes point-finger { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  10% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); }
  20% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  30% { -webkit-transform: translate(5px, 5px); transform: translate(5px, 5px); }
  40% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

[class^="hd-"] { text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left: auto; margin-right: auto; }

.hd-spot { margin-top: 10px; margin-bottom: -25px; background-image: url('http://weathernews.jp/s/ajisai/img/h2_01.png'); background-repeat: no-repeat; display: block; height: 84.5px; width: 320px; background-position: 0 0; background-size: 320px auto; }

.hd-know { position: relative; margin-top: -50px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 77px; width: 320px; background-position: 0 -349px; background-size: 320px auto; }
.hd-know::before { content: ""; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 53px; width: 49px; background-position: 0 -1064px; background-size: 320px auto; position: absolute; left: 45px; top: 0; }

.hd-trivia1 { background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 89px; width: 320px; background-position: 0 -171px; background-size: 320px auto; }

.hd-trivia2 { background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 89px; width: 320px; background-position: 0 -260px; background-size: 320px auto; }

.hd-trivia3 { background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 86px; width: 320px; background-position: 0 -85px; background-size: 320px auto; }

@-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); transform: rotate(0deg) scaleY(0.6); }
  5% { -webkit-transform: rotate(-3deg) scaleY(1.05); transform: rotate(-3deg) scaleY(1.05); }
  10% { -webkit-transform: rotate(3deg) scaleY(1); transform: rotate(3deg) scaleY(1); }
  15% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
  20% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
  25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  30% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); transform: rotate(0deg) scaleY(0.6); }
  5% { -webkit-transform: rotate(-3deg) scaleY(1.05); transform: rotate(-3deg) scaleY(1.05); }
  10% { -webkit-transform: rotate(3deg) scaleY(1); transform: rotate(3deg) scaleY(1); }
  15% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
  20% { -webkit-transform: rotate(2deg); transform: rotate(2deg); }
  25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  30% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.search-area { position: relative; background: url("https://weathernews.jp/s/ajisai/img/bg_area.png") no-repeat; width: 320px; height: 350px; background-size: 320px 350px; margin-left: auto; margin-right: auto; }
.search-area li { list-style-type: none; }
.search-area li a { text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; }
.search-area .tohoku a { top: 8px; left: 17px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 65px; width: 128px; background-position: 0 -553px; background-size: 320px auto; }
.search-area .kanto a { top: 14px; right: 14px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 60px; width: 130px; background-position: 0 -743px; background-size: 320px auto; }
.search-area .chubu a { top: 103px; left: 20px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 65px; width: 125px; background-position: 0 -678px; background-size: 320px auto; }
.search-area .kinki a { top: 107px; right: 14px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 60px; width: 130px; background-position: 0 -618px; background-size: 320px auto; }
.search-area .chugoku a { left: 20px; bottom: 86px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 67px; width: 125px; background-position: 0 -426px; background-size: 320px auto; }
.search-area .kyushu a { right: 14px; bottom: 84px; background-image: url('https://weathernews.jp/s/ajisai/img/sprite-s723551d1c5.png'); background-repeat: no-repeat; display: block; height: 60px; width: 130px; background-position: 0 -493px; background-size: 320px auto; }

.sub_title, .sub_title2 { width: 100%; min-height: 30px; padding: 4px 0; background-color:#fff; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #4fbdd4; border-top-style: solid; border-top-width: 2px; border-top-color: #4fbdd4;}
.sub_title p, .sub_title2 p { line-height: 1.4em; color: #3a95a8; padding-left: 10px; font-weight: bold; font-size: 16px;}

.sub_title2 { margin-top: 18px; }
#pref_list .sub_title2 {margin-top: 30px;}

.spot_title { padding: 20px 0px 10px 20px; margin: 0px auto; font-weight: bold; }

.spot_time .spot_title, .spot_time .answer, .spot_stock .spot_title, .spot_stock .answer { width: auto !important; }

.spot_time { float: left; width: 170px; }

.spot_stock { float: right; width: 100px; }

.more a { color: #695050; text-align: center; padding: 10px; display: block; border: 1px solid #fff; border-radius: 5px; background: rgba(255, 255, 255, 0.8); }

.report-photo { position: relative; margin-bottom: 15px;}
.report-photo:after { content: ""; display: block; clear: both; }
.report-photo img { width: 130px; border: 5px solid #fff; float: left; }
.report-photo figcaption { width: 140px; margin-left: 140px; border: 1px solid #fff; border-radius: 5px; background: rgba(255, 255, 255, 0.8); text-align: left; padding: 5px; }
.report-photo .more a { text-align: left; position: absolute; bottom: 0; width: 140px; padding: 5px 10px; }
.report-photo .more a::before { border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(95, 185, 182, 0); border-left-color: #5fb9b6; border-width: 6px; top: 50%; right: 0px; margin-top: -6px; }

.answer { background-color: rgba(102, 186, 203, 0.8); border-radius: 4px; margin-left: 20px; margin-right: 20px; border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.7); color: #fff; line-height: 20px; }
.answer p { text-align: left; margin: 0px 20px; padding: 10px 0px; }
.answer dt { padding: 10px 0px 0px 0px; margin: 0px 20px; }
.answer dd { padding: 5px 0px 10px 0px; margin: 0px 20px 0px 34px; }

.area { width: 280px; padding: 10px 0px 0px 0px; margin: 0px auto; color: #fff; font-weight: bold;  }
#pref_list .area {padding-top: 0; }
.area a { color: #556e79; display: block; }
.area a.list_txt {margin-top: 10px; }
.area li { position: relative; background: rgba(255, 255, 255, 0.8); margin-top: 10px; height: 38px; background-size: 280px 38px; list-style: none; text-align: center; padding: 0px 20px 0px 20px; border-radius: 4px; border-style: solid; border-width: 1px; border-color: white; display: -webkit-box; display: box; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; margin-top: 0; }
.area li::before { border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(95, 185, 182, 0); border-left-color: #5fb9b6; border-width: 6px; top: 50%; right: 0px; margin-top: -6px; }
@media screen and (min-width: 600px) { .area {width: 580px; } }

.apply { color: #ff0000; width: 260px; padding: 10px 10px; margin: 0px auto; background-color: rgba(255, 255, 255, 0.7); border-radius: 4px; border-style: solid; border-width: 1px; border-color: rgba(255, 0, 0, 0.9); line-height: 20px; }

.kara { height: 15px; }

.list-nav .green { width: 280px; padding: 0px; margin: 20px auto; }

#content-header, #content-header2 { width: 100%; height: 40px; background-color: #42a2b6; border-bottom: 1px solid #fff; }
#content-header p, #content-header2 p { line-height: 2.6; }

#content-header p:first-child { position: absolute; left: 7px; width: 80px; height: 40px; background: url(../img/mykarite-yai.png) left center no-repeat; background-size: 80px 25px; text-indent: -9999px; }
#content-header p:last-child { color: #fff; text-align: right; margin: 0 auto; font-size: 16px; margin-right: 15px; }

#content-header2 p:first-child { position: absolute; left: 7px; width: 80px; height: 40px; background: left center no-repeat; background-size: 80px 25px; text-indent: -9999px; }
#content-header2 p:last-child { color: #fff; text-align: center; margin: 0 auto; font-size: 16px; margin-right: 0px; }

div.ajisai-content-label {clear:both; position: relative; background: #4fbdd4; }
div.ajisai-content-label p {background: url(/ajisai/img/label_icon.png) 7px center no-repeat; background-size:15px 13px;-webkit-background-size:15px 13px;-moz-background-size:15px 13px;-ms-background-size:15px 13px;-o-background-size:15px 13px; padding:0 0 0 25px;color:#fff;font-size:16px;line-height:30px;font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3"; text-align:left; }

.col-2 {margin-bottom: 15px; }
.col-2 .pic {width: 100%; margin: 0 auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); border: none; box-shadow: none; line-height: 1em; text-align: center; }
.col-2 .pic img {width: 90%;  }
.col-2 .pic small {color: #556e79; font-weight: bold; display: block; text-align: center; margin: .5em 0 1em; }

.rowTenki {display: table; table-layout: fixed; border: 1px solid #556e79; background: #fff; }
.rowTenki li {display: table-cell; color: #556e79; font-size: 12px; font-weight: bold; line-height: 1em; padding: 5px 10px; }
.rowTenki li:not(:last-child) {border-right: 1px solid #556e79; }
.rowTenki .on {color: #ffffff; background: #556e79; }

div[class*='rowTenki__'] {display: none; }
div[class*='rowTenki__'].on {display: block; }
div[class*='rowTenki__'] .weatherFor li {font-size: 12px; }
div[class*='rowTenki__'] .weatherFor .weatherFor__day li, div[class*='rowTenki__'] .weatherFor .weatherFor__high li {font-size: 12px; }
div[class*='rowTenki__'] .weatherFor .weatherFor__day li span, div[class*='rowTenki__'] .weatherFor .weatherFor__high li span {font-size: 10px; }

.weatherFor {background: #fff; border-top: 1px solid #72c2ce; border-right: 1px solid #72c2ce; border-bottom: 1px solid #72c2ce; }
.weatherFor ul {display: table; table-layout: fixed; width: 100%; }
.weatherFor ul li {display: table-cell; text-align: center; vertical-align: middle; }
.weatherFor li {font-size: 14px; font-weight: bold; text-align: center; line-height: 16px; vertical-align: middle; }
.weatherFor li:first-of-type {display: none; color: #815542; font-weight: normal; width: 120px; background: #f2e8de; box-sizing: border-box; }
.weatherFor li img {width: 100%; margin-bottom: -1px; }
.weatherFor li.high:not(:first-of-type), .weatherFor .holiday {color: #ce3232; }
.weatherFor li.low:not(:first-of-type) {color: #63a6c6; }
.weatherFor .weatherFor__day li:empty {border-left: none; }
.weatherFor .weatherFor__tenki li:not(:first-of-type) {line-height: 0; }
.weatherFor ul:not(:last-of-type) {border-bottom: 1px solid #72c2ce; }
.weatherFor li {border-left: 1px solid #72c2ce; }
.weatherFor .weatherFor__time > *, .weatherFor .weatherFor__day > *, .weatherFor .weatherFor__high > *, .weatherFor .weatherFor__low > * {padding-top: 6px; padding-bottom: 6px; }
.sat {color: #0056ff !important; }
.cnt-bg-wht div.first>p.cm-title.ajisai {
    color: #3a95a8;
    border-bottom: solid 1px #3a95a8;
    background: url(/ajisai/img/label_icon.png) 0 2px no-repeat;
    background-size: 15px 13px;
    -webkit-background-size: 15px 13px;
    -moz-background-size: 15px 13px;
    -ms-background-size: 15px 13px;
    -o-background-size: 15px 13px;
}

p.no_data_txt {color: #556e79; padding-top: 10px; width: 100%; text-align: center;}
#report_list{
    width: 300px;
    text-align: center;
    margin: 0 auto;
}

#nav-container ul.nav-row1 li:nth-child(odd) {border-right: solid 1px #d0d0d0; }
#nav-container ul.nav-row1 li {width: 50%; float: left; box-sizing: border-box; }
.cnt-bg-wht .cm-body {margin-bottom: 1em; }