@charset "Shift_JIS";
body {
  margin: 0;
  padding: 0;
  color: #333;
  background: #fff;
}

h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
}

.right {
  text-align: right;
}

.middle {
  vertical-align: middle;
}

/* -------------- header */
/* breadcrumbs */
.navi b strong {
  font-weight: 400;
}

.navi td {
  padding: 2px 10px;
}

/* help_link */
#beginner {
  margin: 4px 0 4px 0;
}

/* definition_font_weight */
.bold {
  font-weight: bold;
}

/* definition_text_size_color */
.s11_30 {
  color: #303030;
  font-size: 70%;
  line-height: 1.1em;
}

.s11_66 {
  color: #666;
  font-size: 70%;
  line-height: 1.1em;
}

.s11_300 {
  color: #300;
  font-size: 70%;
}

.s10_66 {
  color: #666;
  font-size: 65%;
  line-height: 1.2em;
}

/* definition_text_size */
.s10 {
  font-size: 65%;
  line-height: 1.2em;
}

.s11 {
  font-size: 70%;
  line-height: 1.2em;
}

.s12 {
  font-size: 75%;
  line-height: 1.2em;
}

.s14 {
  font-size: 85%;
  line-height: 1.2em;
}

.s16 {
  font-size: 100%;
  line-height: 1.2em;
}

.s17 {
  font-size: 100%;
  line-height: 1.2em;
}

/* definition_text_color */
.fg000 {
  color: #000;
}

.fg390 {
  color: #390;
}

.fg666 {
  color: #666;
}

.fgC00 {
  color: #c00;
}

.fgF00 {
  color: #f00;
}

.fgF30 {
  color: #f30;
}

.fgFFF {
  color: #fff;
}

.fg909090 {
  color: #909090;
}

.fgEB3636 {
  color: #EB3636;
}

/* definition_background_color */
.bgC3D2A6 {
  background-color: #c3d2a6;
}

.bgD0ECB0 {
  background-color: #D0ECB0;
}

.bgEDF3E6 {
  background-color: #EDF3E6;
}

.bgF0F1E7 {
  background-color: #F0F1E7;
}

.bgFFE9E9 {
  background-color: #FFE9E9;
}

.bgEB3636 {
  background-color: #EB3636;
}

.bg75C223 {
  background-color: #75C223;
}

.bgE0EEC8 {
  background-color: #E0EEC8;
}

.bg390 {
  background-color: #390;
}

.bg4B1 {
  background-color: #4b1;
}

.bg777 {
  background-color: #777;
}

.bgCCC {
  background-color: #ccc;
}

.bgEEE {
  background-color: #eee;
}

.img-frm1 {
  border: solid 1px #999;
}

.list1-ttl {
  background-color: #44bb11;
  background-repeat: repeat-x;
}

.list1-ttl-td1 {
  padding: 5px 0;
  width: 300px;
  color: #fff;
  text-align: center;
}

.list1-ttl-td2 {
  padding: 5px 0;
  width: 115px;
  color: #fff;
  text-align: center;
}

.list1-ttl-td3 {
  padding: 5px 0;
  width: 100px;
  color: #fff;
  text-align: center;
}

.list1-ttl-td4 {
  padding: 5px 0;
  width: 55px;
  color: #fff;
  text-align: center;
}

.list1-item {
  border-bottom: solid 1px #44bb11;
}

.list1-item-td1 {
  padding: 10px 0;
  width: 300px;
}

.list1-item-td2 {
  padding: 10px 0;
  width: 115px;
  text-align: center;
}

.list1-item-td3 {
  padding: 10px 0;
  width: 100px;
  text-align: center;
}

.list1-item-td4 {
  padding: 10px 0;
  width: 55px;
  text-align: right;
}

.steplink {
  padding: 3px 5px 0 0;
  background: #f3f3f3;
}

.steplink-td1 {
  padding: 0 0 2px 10px;
  font-size: 65%;
  line-height: 1.2em;
}

.steplink-td1 strong, .steplink-td1 b {
  font-weight: normal;
}

.num1 {
  width: 20px;
  height: 20px;
  padding: 3px 0 0 2px;
  color: #fff;
  background-color: #44BB11;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.num2 {
  width: 17px;
  height: 17px;
  padding: 3px 0 0 2px;
  color: #fff;
  background-color: #44BB11;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.input0, .select0 {
  padding: 0 1px;
}

.input1 {
  width: 355px;
}

.input2 {
  width: 385px;
}

.input3 {
  width: 475px;
}

.textarea1 {
  width: 623px;
  height: 112px;
}

.textarea2 {
  width: 475px;
  height: 112px;
}

.textarea3 {
  width: 530px;
  height: 112px;
}

.error-msg .num1 {
  background-color: #f30;
}

.error-msg .bgD0ECB0 {
  background-color: #FEDCDC;
}

.pagetop {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
}

.list2 div {
  margin-top: 2px;
}

.mini_760 strong {
  font-weight: 400;
}

.mini_760 {
  width: 760px;
  color: #999;
  font-size: 65%;
  text-align: right;
  font-weight: 400;
}

.mini_btm {
  margin-top: 15px;
  width: 760px;
  color: #999;
  font-size: 65%;
  text-align: right;
  font-weight: 400;
}

.foot-textbox01 {
  margin: 9px 0 0 0;
  padding: 0;
}

.foot-textbox01 .textbox {
  padding: 0 27px 0 0;
}

/*
EEFooter type02 */
.fooetrtype02 {
  margin: 7px 0 12px 0;
  padding: 0;
}

/* definition_common_element */
.alnR {
  text-align: right;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/* definition_form_table */
.inputelem {
  margin: 15px 0 0 0;
  padding: 0;
  width: 760px;
}

.inputelem p {
  margin: 0;
  padding: 0;
  font-size: 75%;
  line-height: 1.2em;
}

.inputelem p.s10 {
  margin: 5px 0;
  font-size: 65%;
  line-height: 1.2em;
}

.inputelem tr {
  vertical-align: top;
}

.inputelem th {
  margin: 0;
  padding: 10px 13px 10px 19px;
  border-left: 4px solid #7DD357;
  background: #EDF3E6;
  text-align: left;
}

.inputelem td.data01 {
  margin: 0;
  padding: 10px 15px;
  width: 430px;
  background: #F5F5F5;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.inputelem td.data02 {
  margin: 0;
  padding: 10px;
  width: 150px;
  background: #EDEDED;
  text-align: center;
}

.inputelem textarea {
  font-size: 75%;
  line-height: 1.2em;
}

/* definition_form_table_error */
.inputelem th.err {
  margin: 0;
  padding: 13px 15px 13px 19px;
  border-left: 4px solid #F98888;
  background: #FFE9E9;
  text-align: left;
  width: 20%;
}

/* definition_photo_thumnail_link */
.photolink a:link {
  display: block;
  padding: 1px;
  border: 2px solid #F0F1E7;
}

.photolink a:visited {
  display: block;
  padding: 1px;
  border: 2px solid #F0F1E7;
}

.photolink a:hover {
  display: block;
  padding: 1px;
  border: 2px solid #f60;
}

.photolink a:active {
  display: block;
  padding: 1px;
  border: 2px solid #f60;
}

.photolink_cur {
  display: block;
  padding: 1px;
  border: 2px solid #f60;
}

/* definition_link_type */
.linktype01 a:link {
  text-decoration: none !important;
}

.linktype01 a:visited {
  text-decoration: none !important;
}

.linktype01 a:hover {
  color: #ff7d00;
  text-decoration: none !important;
}

.linktype01 a:active {
  color: #ff7d00;
  text-decoration: none !important;
}

.linktype02 a:link {
  color: #333;
  text-decoration: none !important;
}

.linktype02 a:visited {
  color: #333;
  text-decoration: none !important;
}

.linktype02 a:hover {
  color: #ff7d00;
  text-decoration: underline !important;
}

.linktype02 a:active {
  color: #ff7d00;
  text-decoration: underline !important;
}

.linktype03 a:link {
  color: #390;
  text-decoration: none !important;
}

.linktype03 a:visited {
  color: #390;
  text-decoration: none !important;
}

.linktype03 a:hover {
  color: #ff7d00;
  text-decoration: underline !important;
}

.linktype03 a:active {
  color: #ff7d00;
  text-decoration: underline !important;
}

.linktype04 a:link {
  color: #909090;
  text-decoration: none !important;
}

.linktype04 a:visited {
  color: #909090;
  text-decoration: none !important;
}

.linktype04 a:hover {
  color: #ff7d00;
  text-decoration: underline !important;
}

.linktype04 a:active {
  color: #ff7d00;
  text-decoration: underline !important;
}

/* definition_input_checkbox/radio */
.vam {
  vertical-align: middle;
  margin-right: 5px;
}

/* definition_toppage -------------------------------------------------------- */
/* map */
.map {
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
}

/* serch */
.serchtop {
  margin: 10px 0 0 0;
  padding: 0;
  width: 353px;
  border: 1px solid #DEDE99;
  background: #fff;
}

.serchtopbox {
  padding: 0;
  border: 1px solid #fff;
  background: #FDFDDB;
}

.serchtopbox p.ttl {
  margin: 0;
  padding: 8px 10px;
  background: url(../image/bg_serchtop.gif) repeat-x top;
}

.serchtopbox p {
  margin: 0 10px 10px 10px;
}

/* keywordtop */
.keywordtop {
  padding: 5px 0;
  width: 181px;
  border: 1px solid #C5E3B8;
  background: #fff;
  font-family: "MS UI Gothic";
}

.keywordtop .keylink {
  margin: 5px 0;
  padding: 0 10px;
  line-height: 1.5em;
}

.keywordtop .ttl {
  text-align: center;
}

.keywordtop .fs10 {
  font-size: 65%;
  line-height: 1.2em;
}

.keywordtop .fs11 {
  font-size: 70%;
  line-height: 1.2em;
}

.keywordtop .fs12 {
  font-size: 75%;
  line-height: 1.2em;
}

.keywordtop .fs14 {
  font-size: 85%;
  line-height: 1.2em;
}

.keywordtop .fs16 {
  font-size: 100%;
  line-height: 1.2em;
}

.keywordtop .fs17 {
  font-size: 100%;
  line-height: 1.2em;
}

/* keyword_RightContets */
.keywordR {
  margin: 10px 0;
  font-family: "MS UI Gothic";
}

.keywordR .keylink {
  margin: 0;
  padding: 10px;
  line-height: 1.5em;
  border-left: 1px solid #C5E3B8;
  border-right: 1px solid #C5E3B8;
  border-bottom: 1px solid #C5E3B8;
}

.keywordR .fs10 {
  font-size: 65%;
  line-height: 1.2em;
}

.keywordR .fs11 {
  font-size: 70%;
  line-height: 1.2em;
}

.keywordR .fs12 {
  font-size: 75%;
  line-height: 1.2em;
}

.keywordR .fs14 {
  font-size: 85%;
  line-height: 1.2em;
}

.keywordR .fs16 {
  font-size: 100%;
  line-height: 1.2em;
}

.keywordR .fs17 {
  font-size: 100%;
  line-height: 1.2em;
}

/* ranking */
.ranking {
  margin: 20px 0 0 0;
  padding: 0;
}

.ranking .ttl {
  margin: 0;
  padding: 0;
  background: url(../image/bg_top_ttl.gif) no-repeat right top;
}

.ranking .ranktxt {
  margin: 13px 5px 0 0;
  font-size: 65%;
  line-height: 1.2em;
}

.rankcont {
  margin: 20px 5px;
  padding: 0;
  width: 560px;
}

.rankcont .num {
  margin: 0;
  padding: 3px 5px;
  background: #EDF3E6;
}

.rankcont .detail {
  margin: 0;
  padding: 10px;
}

.ranking {
  margin: 20px 0 0 0;
  padding: 0;
}

/* photo_album */
.phtalm .subttl {
  padding: 3px 5px;
  background: #EDF3E6;
}

.phtalm .detail {
  margin: 0;
  padding: 0 10px 5px 10px;
}

/* serchtopright */
.serchtopright {
  margin: 10px 0 0 0;
  padding: 0;
  width: 178px;
  border: 1px solid #DEDE99;
  background: #fff;
}

/* reporter */
.reporter {
  margin: 10px 0 0 0;
}

.reporter td {
  padding: 10px 5px;
  background: url(../image/bg_dot.gif) repeat-x bottom;
}

/* definition_larege_area_page -------------------------------------------------------- */
/* guide_list */
.gulist {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.deblkcont {
  margin: 20px 0 0 0;
  padding: 0;
  border: 1px solid #ccc;
}

.deblkcont .ttl {
  margin: 0;
  padding: 5px 10px;
  background: #EDF3E6;
  width: 150px;
}

/* paging */
.paging {
  margin: 10px 0 0 0;
  padding: 5px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: right;
  width: 100%;
}

.pagingtype {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  text-align: right;
}

/* area */
.area {
  margin: 40px 0;
  padding: 10px;
  background: #eee;
}

.area .prefe {
  margin: 15px 0 0 0;
  padding: 15px 0 5px 0;
  border-top: 1px solid #ccc;
}

.area .txt {
  margin: 5px;
  line-height: 1.6em;
}

/* spot_eria */
#spot_eria {
  margin: 0px;
  padding: 0px;
}

#spot_eria tr {
  margin: 0px;
  padding: 0px;
}

#spot_eria td {
  padding: 5px 5px 5px 10px;
  margin: 0px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999999;
  background-color: #FFFFFF;
  width: 50%;
}

.spoteriadottop {
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #999999;
  border-top-style: dotted;
}

.spoteriatdmarigin01 {
  padding-left: 10px;
}

/* kessaishori */
#oshirase {
  font-weight: bold;
  margin: 15px;
  border: #CCCCCC 2px solid;
  padding: 10px;
}

#oshirase span {
  color: #FF0000;
}

p.ti_or {
  font-size: 14px;
  font-weight: bold;
  background: #ffb772;
  padding: 5px;
}

.border_or {
  border: #ffb772 solid 1px;
  padding: 10px;
}

.border_gr {
  border: #CCCCCC 1px solid;
}

p.ti_gr {
  font-size: 12px;
  font-weight: bold;
  background: #CCCCCC;
  padding: 5px;
  text-align: left;
}

p.f12 {
  font-size: 12px;
}

.mgt10 {
  margin-top: 10px;
}

.mgt15 {
  margin-top: 15px;
}

.mgb10 {
  margin-bottom: 10px;
}

/* listTab */
.listTab {
  width: 580px;
  margin-top: 15px;
  padding: 0 10px;
  background: url(/jalan/doc/howto/image/tabBg.png) no-repeat 0 -38px;
  position: relative;
  z-index: 100;
}

.listTab:after {
  content: "";
  display: block;
  clear: both;
}

.listTab li {
  width: 145px;
  height: 32px;
  float: left;
  text-indent: -9999px;
  position: relative;
  z-index: 500;
  background: url(/jalan/doc/howto/image/tabBg.png) no-repeat -10px -38px;
}

.listTab li a {
  display: block;
  width: 145px;
  height: 32px;
}

.listTab li.current {
  height: 35px;
  margin-top: -3px;
}

.listTab li.listTab-yad {
  background-position: -10px -38px;
}

.listTab li.listTab-jal {
  background-position: -155px 38px;
}

.listTab li.listTab-ana {
  background-position: -300px -38px;
}

.listTab li.listTab-activity {
  background-position: -445px -38px;
}

/* active */
.listTab li.listTab-yad.current {
  background-position: -10px 0;
}

.listTab li.listTab-jal.current {
  background-position: -155px 0;
}

.listTab li.listTab-ana.current {
  background-position: -300px 0;
}

.listTab li.listTab-activity.current {
  background-position: -445px 0;
}

.styleguide-scope.cancellationFee {
  padding: 20px 16px;
}

.styleguide-scope b {
  font-weight: bold;
}

.styleguide-scope .c-table {
  margin-top: 2px;
}

.styleguide-scope .c-table th {
  padding: 8px;
  text-align: left;
}

.styleguide-scope .c-table td {
  padding: 8px;
  text-align: right;
}

.styleguide-scope .reservation-example {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 8px;
  padding-bottom: 40px;
}

.styleguide-scope .reservation-example::after {
  position: absolute;
  bottom: -12px;
  left: 52%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  display: block;
  border-style: solid;
  border-width: 40px 120px 0 120px;
  border-color: #ccc transparent transparent transparent;
}

.styleguide-scope .reservationInfoTable {
  width: 360px;
}

.styleguide-scope .reservationInfoTable td {
  width: 24%;
}

.styleguide-scope .cancellationPolicyTable {
  width: 100%;
}

.styleguide-scope .cancellationFeeTable {
  width: 100%;
}

.styleguide-scope .cancellationFeeTable td {
  width: 16%;
}

.styleguide-scope .cancellationFee__total {
  margin-top: 12px;
  text-align: right;
}

.styleguide-scope .cancellationFee__total dt,
.styleguide-scope .cancellationFee__total dd {
  display: inline-block;
}

.styleguide-scope .cancellationFee__total dt::before {
  content: '';
  display: inline-block;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #ccc;
  margin-right: 2px;
  vertical-align: 0;
}

.styleguide-scope .cancellationFee__total dd {
  font-weight: bold;
  margin-left: 8px;
}

.styleguide-scope .cancellationFee__total dd span {
  font-size: 16px;
}