@charset "UTF-8";
/* ======================================== 旧リセットcss */
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, span {
  margin: auto;
  padding: 0;
}

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

form, p, ul, li, ol, dl, dt, dd {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul, span {
  list-style: none;
}

caption, th {
  text-align: left;
}

big, small {
  font-size: 100%;
  font-weight: normal;
}

select, input, textarea {
  font-size: 100%;
}

b, strong {
  font-weight: bold;
}

em {
  font-style: normal;
}


noscript a:link, noscript a:visited, noscript a:active {
  text-decoration: underline;
  color: #000;
  line-height: 100%;
  margin: auto;
  padding: 0;
}

img {
  vertical-align: text-bottom;
}

body {
  line-height: 1.2;
}

/* ======================================== placeholder */
.navigation ul, .sharebtn, .sharebtn ul {
  zoom: 1;
}
.navigation ul:after, .sharebtn:after, .sharebtn ul:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.mod_btnlink, .mod_btnlink div p, h2, .navigation ul li, .navigation ul li div, .top_info h3, .top_info .txt, .box-typhoon-info .cap-ttl, .box-typhoon-info .box-wrp dl dt, .box-typhoon-info .box-wrp dl dd, .box-common .cap-ttl, .box-common .box-wrp ul li, .box-common .box-wrp ul li a > div, .box-common .box-wrp ul li a > div p, .box-transportation .wt_more a, .top_bottan {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ======================================== common_style */
/* ======================================== #pagetop */
#pagetop {
  position: static !important;
  overflow: auto;
  width: auto;
  height: auto;
}

/* ======================================== module */
.mod_btnlink {
  position: relative;
  margin: 0 10px 15px;
  border-radius: 4px;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.mod_btnlink::after {
  content: '\0020';
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 9px;
  height: 14px;
  margin-top: -7px;
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_arrow01.png");
  -webkit-background-size: 9px 14px;
  -moz-background-size: 9px 14px;
  background-size: 9px 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.mod_btnlink div {
  display: table;
  width: 100%;
  height: 35px;
}
.mod_btnlink div p {
  display: table-cell;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}

.mod_btnlink div p span {
	color: #535353;
	font-size: 12px;
}

/* ======================================== header */
.wrp {
  overflow: hidden;
}

header {
  display: block;
  padding-bottom: 5px;
  border-bottom: 2px solid #016ffb;
  background-color: #fff;
}
header .low_docomo_logo {
  display: block;
  float: right;
  width: 80px;
  height: 30px;
  margin-top: -10px;
  margin-right: 10px;
  margin-bottom: 5px;
  border: none;
  box-shadow: none;
}
header .low_docomo_logo span a {
  display: block;
}
header .low_docomo_logo img {
  padding: 0;
  width: 80px;
  height: 30px;
}

/* page-ttl */
h2 {
  margin-top: 1px;
  padding: 10px;
  background-color: #4c77ae;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

/* ======================================== navigation */
.navigation ul {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dadada;
  background-color: #f1f4f9;
}
.navigation ul li {
  position: relative;
  float: left;
  width: 33.3%;
  height: 48px;
  border-right: 1px solid #dadada;
  text-align: center;
}
.navigation ul li::after {
  content: '\0020';
  position: absolute;
  top: 75%;
  left: 50%;
  display: block;
  width: 9px;
  height: 14px;
  margin-left: -5px;
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_arrow01.png");
  -webkit-background-size: 9px 14px;
  -moz-background-size: 9px 14px;
  background-size: 9px 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.navigation ul li a {
  display: table;
  width: 100%;
  height: 100%;
}
.navigation ul li div {
  display: table-cell;
  height: 100%;
  padding-bottom: 2px;
  font-size: 14px;
  vertical-align: middle;
}

.navigation ul li:nth-child(3n) {
  width: 33.4% !important;
  border-right: 0;
}

/* ======================================== #box_main */
#box-main .wrp_topinfo {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cdcdcd;
}

/* share btn */
.sharebtn {
  margin: 0 0 15px;
  padding: 0 2px 0 0;
}
.sharebtn ul {
  float: right;
}
.sharebtn ul li {
  float: right;
  height: 23px;
  padding-left: 2px;
}

#d2c_ad0 {
  margin-bottom: 10px;
}

/* top_info */
.top_info {
  position: relative;
  margin-top: -1px;
  min-height: 300px;
}
.top_info h3 {
  padding: 15px 10px;
  font-size: 17px;
  font-weight: bold;
}
.top_info h3:first-letter {
  color: #4c77ae;
}
.top_info .img {
  text-align: center;
}
.top_info .img img {
  width: 270px;
  margin: 0 auto 10px;
}
.top_info .txt {
  padding: 0 20px 20px;
  color: #535353;
  padding-bottom: 20px;
}

#jTruncSubstr {
  margin-bottom: 30px;
}
#jTruncSubstr .clearboth {
  text-align: right;
}
#jTruncSubstr .clearboth a {
  color: #4c77ae;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.box-typhoon-info {
  position: relative;
  margin: 0 10px;
}
.box-typhoon-info .cap-ttl {
  padding: 9px 8px 7px;
  background-color: #dbe4ef;
}
.box-typhoon-info .cap-ttl p {
  font-weight: bold;
}
.box-typhoon-info .cap-time {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #535353;
  font-size: 12px;
}
.box-typhoon-info .box-wrp {
  padding: 8px 0 3px;
  border: 1px solid #dadada;
  border-top: 0;
}
.box-typhoon-info .box-wrp dl {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}
.box-typhoon-info .box-wrp dl dt {
  display: table-cell;
  width: 50%;
  padding-right: 7px;
  color: #535353;
  font-size: 13px;
  text-align: right;
}
.box-typhoon-info .box-wrp dl dd {
  display: table-cell;
  width: 50%;
  padding-left: 7px;
}
#typhoon_detail > p {
  margin-top: 5px;
  text-align: right;
  padding-right: 10px;
  font-size: 12px;
  color: #535353;
}


/* box共通スタイル */
.box-common {
  overflow: hidden;
  margin: 0 10px 15px;
  border-radius: 4px 4px 0 0;
}
.box-common .cap-ttl {
  padding: 7px 10px 6px;
  background-color: #4c77ae;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.box-common .box-wrp {
  border-radius: 0 0 4px 4px;
  border: 1px solid #d3d3d3;
  border-top: 0;
}
.box-common .box-wrp ul li {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.box-common .box-wrp ul li::after {
  content: '\0020';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 9px;
  height: 14px;
  margin-top: -5px;
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_arrow01.png");
  -webkit-background-size: 9px 14px;
  -moz-background-size: 9px 14px;
  background-size: 9px 14px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.box-common .box-wrp ul li a {
  display: block;
}
.box-common .box-wrp ul li a > div {
  display: table;
  width: 100%;
  padding: 0 10px;
}
.box-common .box-wrp ul li a > div p {
  display: table-cell;
  padding-top: 2px;
  vertical-align: middle;
}
.report-link {
  margin: 17px 10px 0 10px;
}

/* 関連情報 */
.box-related-info .box-wrp ul li {
  float: left;
  width: 50%;
  height: 55px;
}
.box-related-info .box-wrp ul li a > div {
  height: 55px;
}
.box-related-info .box-wrp ul li a > div p {
  padding-top: 4px;
  padding-left: 31px;
  font-weight: bold;
}
.box-related-info .box-wrp ul li a > div p span {
  display: block;
  margin-top: 3px;
  color: #535353;
  font-size: 11px;
  font-weight: normal;
}

.box-related-info .box-wrp ul li:nth-child(2n+1) {
  border-right: 1px solid #e6e6e6;
}

.box-related-info .box-wrp ul li:nth-child(n+5) {
  clear: both;
  float: none;
  width: 100%;
  border-right: 0;
  border-bottom: 0;
}

.box-related-info .box-wrp ul li.long-cell {
  clear: both;
  float: none;
  width: 100%;
  border-right: 0;
  border-bottom: 0;
}

.box-related-info .box-wrp ul li:nth-child(1) {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn01.png");
  -webkit-background-size: 30px 29px;
  -moz-background-size: 30px 29px;
  background-size: 30px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 8px center;
}

.box-related-info .box-wrp ul li:nth-child(2) {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn02.png");
  -webkit-background-size: 30px 29px;
  -moz-background-size: 30px 29px;
  background-size: 30px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 8px center;
}

.box-related-info .box-wrp ul li:nth-child(3) {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn03.png");
  -webkit-background-size: 30px 29px;
  -moz-background-size: 30px 29px;
  background-size: 30px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 8px center;
}

.box-related-info .box-wrp ul li:nth-child(4) {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn05.png");
  -webkit-background-size: 30px 29px;
  -moz-background-size: 30px 29px;
  background-size: 30px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 8px center;
}

/* ニュース */
.box-news {
  margin-bottom: 12px;
  padding-bottom: 3px;
}
.box-news .box-wrp ul li {
  height: 45px;
}
.box-news .box-wrp ul li p {
  height: 45px;
}
.box-news .box-wrp ul li:nth-last-child(1) {
  border-bottom: 0;
}
.box-news .mod_btnlink {
  margin: 17px 0 0;
}

.photo {
  display: inline-block;
  width: 15px;
  height: 11px;
  margin-top: -6px;
  margin-left: 4px;
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn_photo.png");
  -webkit-background-size: 15px 11px;
  -moz-background-size: 15px 11px;
  background-size: 15px 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 0 center;
  vertical-align: middle;
}
.photo span {
  display: none;
}

.new {
  display: inline-block;
  width: 26px;
  height: 11px;
  margin-top: -6px;
  margin-left: 4px;
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn_new.png");
  -webkit-background-size: 26px 11px;
  -moz-background-size: 26px 11px;
  background-size: 26px 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 0 center;
  vertical-align: middle;
}
.new span {
  display: none;
}

/* 交通情報 */
.box-transportation .box-wrp ul li {
  height: 45px;
}
.box-transportation .box-wrp ul li p {
  height: 45px;
  padding-left: 0 !important;
}
.box-transportation .box-wrp ul li p span {
  display: block;
  margin-top: 3px;
  color: #535353;
  font-size: 12px;
  font-weight: normal;
}

.box-transportation .box-wrp ul.list-main li:nth-child(-n+3) {
  background-color: #f1f4f9;
  font-weight: bold;
}
.box-transportation .box-wrp ul.list-main li:nth-child(-n+3) a {
  padding-left: 45px;
}

.box-transportation .box-wrp ul.list-main li:nth-child(1) {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn06.png");
  -webkit-background-size: 28px 29px;
  -moz-background-size: 28px 29px;
  background-size: 28px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 9px center;
}

.box-transportation .box-wrp ul.list-main li:nth-child(2),
.box-transportation .box-wrp ul.list-main li:nth-child(3) {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn07.png");
  -webkit-background-size: 28px 29px;
  -moz-background-size: 28px 29px;
  background-size: 28px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 9px center;
}

.box-transportation .wt_more {
  display: table;
  position: relative;
  background-color: #f1f4f9;
  font-weight: bold;
}
.box-transportation .wt_more::after {
  content: '\0020';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.box-transportation .wt_more a {
  display: table-cell;
  width: 100%;
  height: 45px;
  padding-left: 56px;
  padding-top: 2px;
  vertical-align: middle;
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn08.png");
  -webkit-background-size: 28px 29px;
  -moz-background-size: 28px 29px;
  background-size: 28px 29px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-position: 9px center;
}

.box-transportation .wt_more a span {
  display: block;
  margin-top: 3px;
  color: #535353;
  font-size: 12px;
  font-weight: normal;
}

.box-transportation .wt_more.btn_d {
  border-radius: 0 0 4px 4px;
}
.box-transportation .wt_more.btn_d::after {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn_more.png");
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.box-transportation .wt_more.btn_u::after {
  background-image: url("//service.smt.docomo.ne.jp/portal/special/img/special_12_icn_revert.png");
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.box-transportation .box-wrp ul.list-sub {
  display: none;
  border-top: 1px solid #e6e6e6;
}

.box-transportation .box-wrp ul.list-sub li:nth-last-child(1) {
  border-bottom: 0;
}

/* for 1.6 */
body.ad1_6 ul.list-sub {
  display: block !important;
}
body.ad1_6 .box-transportation .wt_more::after {
  display: none;
}

/* お役立ち情報 */
.box-useful_info {
  margin-bottom: 20px;
}
.box-useful_info .box-wrp ul li {
  height: 45px;
}
.box-useful_info .box-wrp ul li p {
  height: 45px;
  font-weight: bold;
}
.box-useful_info .box-wrp ul li p span {
  display: block;
  margin-top: 2px;
  color: #535353;
  font-size: 12px;
  font-weight: normal;
}
.box-useful_info .box-wrp ul li:nth-child(2) {
	border-bottom: none;
}
.box-useful_info .box-wrp ul .sublink {
	height: 27px;
	padding-left: 10px;
	text-align: center;
}
.box-useful_info .box-wrp ul .sublink a {
	float: left;
	border: 1px solid #b5b5b5;
	border-radius: 4px;
}
.box-useful_info .box-wrp ul .sublink p {
	height: 18px;
	padding-top: 0;
}
.box-useful_info .box-wrp ul .sublink::after {
	display:none;
}
.box-useful_info .box-wrp ul li:nth-last-child(1) {
  border-bottom: 0;
}

.box-useful_info + .sharebtn {
  margin-bottom: 20px;
}