@charset "utf-8";
div.check_box{background-color:#fffde2; padding: 20px;}

ul.check_title {
  font-size: 18px;
  font-weight: bold;
  list-style-type: none;
}
ul.check_title li {
  padding-left: 25px;
  line-height: 1.8;
  background: url(/world/shared/info/travelalerts/201227/img_sites/icon_check.png) left 0px top 6px no-repeat;
  background-size: 15px auto;
}
ul.check_title li+li {
  margin-top: 5px;
}
ul.check_title li a,
ul.underline li a{
  text-decoration: underline;
}

ul.check_list {
  list-style-type: none;
  margin: 0 10px 0 50px;
}
ul.check_list li {
  position: relative;
  line-height: 1.8;
}
ul.check_list li:after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 11px;
  height: 6px;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
}

@media all and (max-width:739px){
.box-scloll{width:100%;padding: 6px;background: #F5F5F5;}
.box-scloll-inr{width:100%;padding-bottom: 4px;overflow-x:auto;}
.box-scloll img {width: auto;max-width: 700px;}
::-webkit-scrollbar{
  height: 6px;
}
::-webkit-scrollbar-track{
  background: #F5F5F5;
  border: none;
  border-radius: 10px 0px 0px 10px;
  box-shadow: none; 
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}   
}

.figure__float-wrap {position: relative;z-index: 1;}
.figure {position: relative;min-width: 800px;margin: 0 auto;padding: 20px 0;text-align: center;font-weight: 600;background: #fff;}
.figure__top {position: relative;margin: 0 auto;width: 100%;margin-bottom: -18px;z-index: 2;}
.figure__top._lage {margin-bottom: -10px;} 
.figure__top._flex {display: flex;justify-content: space-between;width: 72.63%;}
.figure__top._flex .inner {position: relative;width: 42.1%;}

.figure__top__title {display: flex;justify-content: center;align-items: center;width: 72.63%;min-height: 26px;margin: 0 auto;padding: 3px 0; background: #cc0001;font-size: 1.4rem;line-height: 1.3;color: #fff;border-radius: 50px;}
.figure__top__title._lage {height: 46px;}
.figure__top__title._gr {background: #767676;}
.figure__top._flex .figure__top__title {width: 100%;}
.figure__top._flex .figure__top__title._long {width: 130%;margin-left: -15%;}
.figure-lead {width: 100%;}
.figure-lead._gr {color: #767676;}
.figure-lead-wrap._flex {display: flex;justify-content: center;}
.figure-lead-wrap._flex .figure-lead {width: 100%;flex-basis: 41.5%;}
.figure__top__lead {position: relative;}
.figure__top._flex .figure__top__lead {width: 140%;left: -20%;font-size: 1.4rem;}
.figure__bottom__lead {position: absolute;left: 0;top: 87%;z-index: 2;}
.figure-city {font-size: 1.4rem;}
.figure__center {position: absolute;top: 75%;left: 0;right: 0;margin: 0 auto;}
.figure__left {position: absolute;top: 75%;left: -5.7%;width: 27.2%;}
.figure__right {position: absolute;top: 75%;right: -5.7%;width: 27.2%;}
.figure__left_text,
.figure__right_text,
.figure__center_text {position: absolute;top: -180%;left: 0;right: 0;margin: 0 auto;font-size: 1.4rem;}

@media all and (max-width:739px){
.box-scloll{width:100%;padding: 6px;background: #F5F5F5;}
.box-scloll-inr{width:100%;padding-bottom: 4px;padding-left: 20px;overflow-x:auto;overflow-y: hidden;background: #fff;}
.box-scloll img {width: auto;max-width: 700px;}
::-webkit-scrollbar{
  height: 6px;
}
::-webkit-scrollbar-track{
  background: #F5F5F5;
  border: none;
  border-radius: 10px 0px 0px 10px;
  box-shadow: none; 
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}   

.box-scloll{width:100%;overflow-x:auto;}
.box-scloll img {width: auto;max-width: 800px;}
}
@media all and (min-width:740px){
.figure {width: 950px;}
.figure__top {margin-bottom: -22px;}
/* .figure__top__title {font-size: 1.6rem;} */
.figure__top__title._lage {height: 46px;}
.figure__top._flex .figure__top__lead,
.figure__top__title,
.figure__left_text,
.figure__right_text,
.figure__center_text,
.figure-city {font-size: 1.6rem;}
}

.travelalerts_bg_column .col{border: 1px solid #999;}
.travelalerts_bg_column .stepBlock{padding:10px 10px 0;}
.travelalerts_bg_column .textlinkbox{padding:10px 10px 25px 10px;}
@media screen and (max-width:768px){
.travelalerts_bg_column .stepBlock{padding:10px 20px 0;}
.travelalerts_bg_column .textlinkbox{padding:10px 20px 25px 20px;}
.travelalerts_bg_column .ttlLv1 .heading{position: absolute;top: 1.2rem;left: 9rem;}
}
.travelalerts_bg_column .ttlLv1{margin-bottom:0px;}
.travelalerts_bg_grey{background-color:#fafafa;margin:30px 0 10px;padding: 0 10px 30px;}