@charset "utf-8";
body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1.5;
}
#hisApp {
  width: 100%;
  background-color: #f6f3ec;
  /*overflow: hidden;*/
}
/* #breadcrumb
-------------------------------------------------------- */
#breadcrumb {
  width: 960px;
  margin: 0 auto;
}
#breadcrumb #body {
  width: 950px;
  margin: 0 auto;
  padding: 8px 0 4px;
}
#breadcrumb a {
  color: #003F98;
}
#breadcrumb a:hover {
  text-decoration: none;
}
#socialBox {
  position: absolute;
  top: 6px;
  right: 0;
}
.breadcrumb__item, .breadcrumb__item a {
  font-size: 11.2px;
}
/* #main
-------------------------------------------------------- */
#main {
  line-height: 1.4;
  font-size: 12px;
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
.inner {
  width: 960px;
  margin: 0 auto;
}
.ttl {
  text-align: center;
  padding: 35px 0 30px;
}
/*----- ナビエリア -----*/
#navArea {
  border-top: 2px solid #213645;
  margin-top: 5px;
}
.navlist {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.navlist li {
  width: 190px;
  margin-top: 5px;
  order: 5;
  position: relative;
}
.navlist .is-top, .navlist li:not([class]):first-child {
  order: 1;
}
.navlist .is-dom {
  order: 2;
}
.navlist .is-int {
  order: 3;
}
.navlist li::after {
  content: "";
  width: 1px;
  height: 30px;
  display: block;
  border-right: 1px dotted #000000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.navlist li a {
  display: block;
  padding: 7px 0;
}
.navlist li.is-top a, .navlist li:not([class]):first-child a {
  padding: 0;
}
.navlist li a:hover, .navlist li a.current {
  background-color: #f7f0f4;
  opacity: 1.0;
}
.navlist li:first-child a:hover {
  background-color: #fff;
}
/*----- メインビジュアル -----*/
#mainImg {
  width: 100%;
  height: 400px;
  position: relative;
}
#mainImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
/*----- スライドバナー -----*/
#sbnrArea {
  margin: 18px auto 0;
}
.sbnrList li {
  margin-right: 17px;
}
.sbnrList a:hover {
  opacity: 0.7;
}
/*----- アンカーリンク -----*/
#ancArea {
  background-color: #f6f3ec;
  margin-top: 100px;
}
.ancList {
  display: flex;
  justify-content: space-between;
}
.ancList li {
  margin-top: -50px;
}
/*----- 地図エリア -----*/
#mapArea {
  background-color: #f6f3ec;
  padding: 20px 0;
}
/*news*/
#newsBox {
  width: 930px;
  background-color: #fff;
  display: table;
  margin: 0 auto;
  padding: 15px;
}
#newsBox .ttl, #newsBox .newsList {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
#newsBox .ttl {
  width: 150px;
  background-color: #1c98b4;
  color: #fff;
  text-align: center;
  padding: 0;
}
#newsBox .newsList li {
  text-indent: -12.3em;
  padding: 6px 0 6px 12.8em;
  border-bottom: 1px dotted #737373;
}
body.dom #newsBox .newsList li {
  text-indent: -7em;
  padding: 6px 0 6px 7.5em;
  border-bottom: 1px dotted #737373;
}
#newsBox .newsList li:last-child {
  border-bottom: none;
}
#newsBox .newsList a {
  line-height: 1.8;
  color: #333;
  text-decoration: none;
}
#newsBox .newsList a:hover {
  opacity: 0.7;
}
/*map*/
#mapBox {
  width: 937px;
  background: url("../img/index_worldmap.png") no-repeat 0 160px;
  margin: 0 auto;
}
#mapBox .ttl {
  text-align: center;
  padding: 35px 0 80px;
}
.mapLink {
  position: relative;
  height: 420px;
}
.mapLink li {
  position: absolute;
}
.mapLink li a {
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  border: 2px solid #356b41;
  border-radius: 20px;
  display: inline-block;
  padding: 8px 20px 8px 15px;
  text-decoration: none;
  color: #333;
  position: relative;
}
.mapLink li a.line2 {
  border-radius: 28px;
  padding: 8px 20px 8px 35px;
}
.mapLink li a::before {
  content: "";
  display: inline-block;
  background-color: #376a41;
  border-radius: 15px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.mapLink li a.line2:before {
  position: absolute;
  top: 18px;
  left: 13px;
}
.mapLink li a::after {
  content: "";
  position: absolute;
  top: 52%;
  left: 21px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translate(-50%, 0);
}
.mapLink li a.line2:after {
  top: 24px;
  left: 19px;
}
.mapLink li a:hover:before {
  background-color: #fff;
}
.mapLink li a:hover:after {
  border-top: 2px solid #376a41;
  border-right: 2px solid #376a41;
}
.mapLink li a:hover {
  background-color: #376a41;
  color: #fff !important;
}
.mapLink li.EUR {
  top: 0px;
  left: 100px;
}
.mapLink li.ASI {
  top: 80px;
  left: 250px;
}
.mapLink li.MED {
  top: 140px;
  left: 100px;
}
.mapLink li.ARA {
  top: 210px;
  left: 180px;
}
.mapLink li.JPN {
  top: 110px;
  left: 420px;
}
.mapLink li.HWI {
  top: 160px;
  left: 510px;
}
.mapLink li.OCE {
  top: 290px;
  left: 400px;
}
.mapLink li.USA {
  top: 50px;
  left: 640px;
}
.mapLink li.SAM {
  top: 180px;
  left: 770px;
}
.mapLink li.ATA {
  top: 360px;
  left: 580px;
}
.mapLink li.ARC {
  top: -50px;
  left: 466px;
}
.btnArea {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 40px;
}
.btnArea p {
  margin: 0 20px;
}
/*----- おすすめクルーズツアーエリア -----*/
#tourArea {
  text-align: center;
}
#tourArea .inner {
  width: 920px;
}
#tourArea .tour_kaigai h4, #tourArea .tour_kokunai h4 {
  margin-bottom: 30px;
  font-size: 1.8em;
  color: #1B3C55;
}
#tourArea .tour_kaigai, #tourArea .tour_kokunai {
  margin-bottom: 60px;
}
.tourList {
  margin-bottom: 20px;
  display: flex;
}
.tourList li {
  width: 300px;
  border: 1px solid #e4e4e4;
  float: left;
  box-sizing: border-box;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.07);
  margin-right: 10px;
  background-color: #fff;
}
.tourList:after {
  content: "";
  display: block;
  clear: both;
}
.tourList li .lead {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}
.tour_kaigai .tourList li .lead {
  background-color: #7baad6;
}
.tour_kokunai .tourList li .lead {
  background-color: #ff9887;
}
.tourList li span {
  display: block;
}
.tourList li a {
  text-decoration: none;
  color: #333;
  display: block;
  height: 100%;
}
.tourList li a:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
}
.tourList li .img {
  height: 160px;
  overflow: hidden;
  position: relative;
}
.tourList li .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 160px;
  object-fit: cover;

}
.tourList li .text {
  font-size: 14px;
  padding: 10px 8px;
  text-align: left;
}
.tourList li .price {
  font-size: 16px;
  color: #d20546;
  font-weight: bold;
  padding: 0 0 10px
}
/*-------アクセスエリア-------*/
#access {
  text-align: center;
  margin-bottom: 100px;
}.
/*----- クルーズの魅力エリア -----*/
#pointArea {
  background-color: #f6f3ec;
}
#pointArea .ttl {
  text-align: center;
}
.pointList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 10px;
}
.pointList li {
  width: 470px;
  background-color: #fff;
  margin-bottom: 15px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.caption_img {
  padding-bottom: 40px;
  text-align: right;
}
.tour_title {
  display: flex;
}
.tour_title .point {
  font-size: 24px;
  color: #fff;
  background: url("../img/index_only_ttl_bg.png") no-repeat 0 0;
  width: 44px;
  height: 54px;
  margin: -5px 0 0 20px;
  padding: 20px 0 0 14px;
}
.tour_title h4 {
  width: 310px;
  font-size: 14px;
  font-weight: bold;
  color: #213645;
  margin: 15px 10px 0 0;
}
.tour_title h4 span {
  font-size: 12px;
}
.tour_title .label {
  margin-top: 15px;
}
.tour_title .label p {
  margin-bottom: 3px;
}
.pointList .img {
  margin: 0 10px 15px 20px;
}
.pointList .text {
  display: inline-block;
  width: 300px;
  margin-bottom: 12px;
}
.pointList .text a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #434343;
  border-radius: 3px;
  padding: 3px 10px;
}
.pointList .text a:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-bottom: 1px solid #070707;
  border-right: 1px solid #070707;
  transform: rotate(-45deg);
  margin-right: 10px;
  vertical-align: middle;
}
.pointList .text a:hover {
  opacity: 0.7;
}
/*----- リンク -----*/
.linkArea {
  padding: 60px 0;
}
.linkList {
  display: flex;
  justify-content: space-between;
}
/*----- バナー -----*/
.bnrBox {
  background-color: #e1d2ba;
  padding: 25px 0;
}
.bnrList {
  display: flex;
  justify-content: space-around;
}
.bnrList a:hover {
  opacity: 0.7;
}
/* #footerApp
-------------------------------------- */
body:not(.dom) #footerApp {
  background-color: #f6f3ec;
}
/*----- お問い合わせ -----*/
#contactArea {
  background-color: #f6f3ec;
  text-align: center;
  padding: 30px 0;
}
/*----- その他発着地 -----*/
#area_nav {
  background-color: #213645;
  padding: 5px;
}
#area_nav .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
#area_nav h3:not([class]) {
  width: 263px;
  background: url("../img/footer_navi_ttl_bg.png") no-repeat 0 50%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 15px 0;
}
.terminal {
  display: flex;
  font-size: 15px;
}
.terminal li a {
  color: #fff !important;
  text-decoration: none;
  border-right: 1px solid #fff;
  padding: 0 15px;
  margin: 0 5px;
}
.terminal li:last-child a {
  border-right: none;
}
.terminal li a:hover {
  opacity: 0.7;
}
/** bxslider
----------------------------------------------------------*/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 40px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  max-width: 960px !important;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  height: auto !important;
  /*z-index: 1;*/
}
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -20px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #dadada;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #9ad9e8;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper div {
  position: static;
}
.bx-wrapper .bx-prev {
  left: -35px;
  background: url('../img/index_carousel_buttonL.png') no-repeat 0 0;
  background-position: 0 0;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: -35px;
  background: url('../img/index_carousel_buttonR.png') no-repeat 0 0;
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: 0 0;
}
@media screen and (max-width:1050px) {
  .bx-wrapper .bx-next {
    right: 0;
  }
  .bx-wrapper .bx-prev {
    left: 0;
  }
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  outline: 0;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  z-index: 9999;
  transform: translate(0, -50%)
}
.bx-wrapper .bx-controls-direction a.disabled {
  /*display: none;*/
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
#page-top {
  right: 10px;
  bottom: 10px;
}
#page-top a, #page-top a:hover {
  background: none;
}
#page-top a:hover {
  opacity: 0.8;
}
/* hatsuyume2021
---------------------------------------------------*/
.hatsuyume2021 {
  background-image: url(/tyo/cruise/img/bg_hatsuyume2021.jpg);
  background-position: center 53px, 0 0;
  background-repeat: no-repeat, repeat;
  overflow: hidden;
}
.hatsuyume_bnr {
  width: 1114px;
  height: 75px;
  margin: 25px auto 0;
}
.hatsuyume_bnr img {
  display: inline-block;
}
.hatsuyume_bnr:before {
  content: '';
  display: inline-block;
  background: url(/tyo/cruise/img/hatsu2020_bfr.png) no-repeat 0 0;
  width: 146px;
  height: 44px;
  margin: 8px 33px 0 0;
}
.hatsuyume_bnr:after {
  content: '';
  display: inline-block;
  background: url(/tyo/cruise/img/hatsu2020_aft.png) no-repeat 0 0;
  width: 126px;
  height: 37px;
  margin: 2px 0 0 27px;
}
/* hatsuyume2020_2nd
---------------------------------------------------*/
.hatsuyume2020_2nd {
  background-image: url(/tyo/cruise/img/bg_hatsuyume2020_2nd_03.png), url(/tyo/cruise/img/bg_hatsuyume2020_2nd_02.png), url(/tyo/cruise/img/bg_hatsuyume2020_2nd_01.png);
  background-position: center 190px, center -28px, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  overflow: hidden;
}
.hatsuyume2020_2nd .hatsuyume_bnr:before, .hatsuyume2020_2nd .hatsuyume_bnr:after {
  background: none;
}
/* news page
---------------------------------------------------*/
.innerbox {
  width: 96%;
  max-width: 992px;
  margin: auto;
  padding: 30px 0;
}
.section__container {
  padding: 24px 0;
}
.main-title {
  font-size: 26px;
  margin-bottom: 30px;
  text-align: center;
  color: #004097;
}
.update {
  text-align: right
}
.readbox {
  margin: 0 auto;
}
.readbox .anclink {
  padding: 30px 0 0 0;
}
.info_list {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.info_list tr {
  border-bottom: 1px #ccc solid;
}
.info_list th {
  background: #edfafb;
  line-height: 1.3;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  padding: 10px;
}
.info_list td {
  padding: 5px 10px 0;
}
.info_list .company {
  width: 22%;
  border-right: 1px solid #ccc;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
}
.info_list .protocol, .info_list .schedule {
  width: 30%;
  border-right: 1px solid #ccc;
}
.info_list td.item {
  text-align: left;
}
.info_list td.item a {
  display: block;
}
.info_list td p {
  padding-bottom: 15px;
}
.info_list td a:link {
  text-decoration: underline;
  padding-right: 0;
  padding-left: 1em;
  background: no-repeat left center;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2210%22%20viewBox%3D%220%200%208%2010%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3114%22%20data-name%3D%22%E3%83%91%E3%82%B9%203114%22%20d%3D%22M5%2C0l5%2C8H0Z%22%20transform%3D%22translate(8)%20rotate(90)%22%20fill%3D%22%23299db9%22%2F%3E%20%3C%2Fsvg%3E')
}
.anclink a:link {
  text-decoration: underline;
  padding-right: 0;
  padding-left: 1em;
  background: no-repeat left center;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3107%22%20data-name%3D%22%E3%83%91%E3%82%B9%203107%22%20d%3D%22M5%2C0l5%2C8H0Z%22%20transform%3D%22translate(10%208)%20rotate(180)%22%20fill%3D%22%23299db9%22%2F%3E%3C%2Fsvg%3E')
}
.info_list td a[target="_blank"], #news_list li a:link {
  padding-right: 1.4em;
  padding-left: 0;
  background: no-repeat right center;
  background-image: url(https://www.his-j.com/cmn/icon/icon_launch.svg);
  background-size: 1.2em;
}
.info_list td a:hover, #news_list li a:hover {
  text-decoration: none;
}
#news_list h3 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #333;
  padding: 0 10px 10px 0;
  margin: 0 0 20px 0;
  text-indent: -0.5em;
}
#news_list li {
  margin-bottom: 10px;
}
#news_list li a {
  padding-left: 5px;
}

/* .itemNav
---------------------------------------------------*/
.itemNav {
	width:960px;
	margin:30px auto 20px;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.item_course:hover {
	opacity:0.75;
	filter: alpha(opacity=75);/* ie lt 8 */
	-ms-filter: "alpha(opacity=75)";  /* ie 8 */
}
.item_course {
	width:470px;
	border-top:1px dotted #999;
	margin-bottom:15px;
	margin-right:0 !important;
	float:none;
	clear:both;
}
.item_course:nth-child(odd) {
	margin-right:20px !important;
}
.item_course:nth-child(-n+2) {
	border-top:none;
}
.item_course.princess_saver {
	position: relative;
}
.item_course.princess_saver:before {
	content: '';
	background: url(/tyo/cruise/img/princess_saver_ico.png) no-repeat 0 0;
	width: 108px;
	height: 50px;
	position: absolute;
	display: block;
	top: 12px;
	right: 4px;
}
.item_course a{
	display:block;
	text-decoration:none !important;
	color:#000 !important;
	padding-top:15px;
}
.item_course span {
	display:block;
}
.item_course .title {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	width: 355px;
}

.item_course .title span{
	display: block;
	font-size:14px;
}
.item_course .box {
	overflow:hidden;
}
.item_course .img {
	width:190px;
	border:1px solid #ddd;
	float:left;
}
.item_course .img img {
	width:100%;
}
.item_course .txt {
	width:268px;
	float:right;
	padding-top: 1px;
}
.item_course .ArrDep {
	display:inline-block;
	font-size:14px;
	line-height:1;
	color:#fff;
	background:#002C66;
	padding:3px 5px;
	margin-bottom:10px;
}
.item_course .IconEvent {
	display:inline-block;
	font-size:14px;
	line-height:1;
	color:#fff;
	background:#b20000;
	padding:3px 5px;
	margin-bottom:10px;
}
.item_course .day {
	font-size:14px;
	margin-bottom:15px;
}
.item_course .price {
	width:100%;
	font-size:16px;
	color:#b90d0d;
	font-weight:bold;
}
.item_course .icon {
	position: relative;
	top: -30px;
}
.item_course .icon img {
	width: 100px;
	padding-right: 10px;
	float: right;
}

.dp{
    font-size: 1.5em;
    border: 1px solid ;
    width: 450px;
    padding: 10px;
    margin: auto;
    display: block;
    margin-top: -20px;
	background-color: #fff;
}
.dp a{
    color: inherit;
}

.banner{
	width:100%;
	margin-top: 40px;
}
.banner img{
	width:33%;
}
/*-------------------------

　スライダー

---------------------------*/
.top-slider{
	position:relative;
	line-height: 0;
	height: 330px;
}

.top-slider-logo{
	position: relative;
	max-width: 960px;
	height: 330px;
	margin: 0 auto;
}

.top-slider-logo .logo{
	position:absolute;
	bottom: 10px;
	right: 15px;
	max-width: 350px;
	z-index: 2000;
}

/*-------------------------

　最新のお知らせ

---------------------------*/
.info{
	overflow: hidden;
}
.news{
	margin: 25px auto;	
}

.news-inner{
	display: flex;
	/*background-color: #fff;*/
	padding: 25px;
	margin-bottom: 25px;
}

.news-title{
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	width: 230px;
	flex: 0 0 auto;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	background-color: #ab9d6c;
	margin-right: 15px;
	position:relative;
}

.news-title-name{
	position: absolute;
	top:50%;
	left:50%;
	width: 100%;
	transform: translate(-50%,-50%);
}

.news-title-name span{
	font-size:1rem;
	display: block;
	/*text-transform: uppercase;*/
	font-style: italic;
}

.news-list{
	flex: 1 1 auto;
}

.news-list-item>a{
	font-size: 14px;
}
.news-list-item{
	border-bottom: 1px #666666 dotted;
	padding-top: 5px;
	padding-bottom: 5px;
}

.news-list-item:first-of-type{
	padding-top: 0;
}

.news-list a{
		color:inherit;
	}

.news-icon{
	display: inline-block;
	font-size: 1.1rem;
	padding: 2px 15px;
	color: #fff;
	margin: 0 10px;
	min-width: 90px;
    text-align: center;
}

.news-icon.icon-news{
	background-color:#FF9900;	
}

.news-icon.icon-info{
	background-color: #A7A6A6;	
}

.news-icon.icon-event{
	background-color: #2D69A9;
	
}

.news-icon.icon-push{
	background-color: #FF6699;
}
.news-icon.icon-push-in{
	background-color: #1c98b4;
}
.news-bnr{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news-bnr-img{
	width:49%;
	text-shadow: 2px 1px 10px rgba(0,0,0,0.3);
}
.area-nav{
  background: #1B3C55;
}
.area-list{
  width: 992px;
  margin: auto;
  display: flex;
  justify-content: space-between
}
.area-list li{
  width: calc(100% / 4);
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #FFF;
  padding: 10px 5px;
}
.area-list li:first-child{
  border-left: 1px solid #FFF;
}
.area-list li a{
  display: block;
  font-size: 15px;
  color: #FFF!important;
  text-align: center;
  line-height: 1.2;
  padding-bottom: 15px;
  position: relative;
  text-decoration:none;
}
.area-list li a::after{
  content: "";
  background: url("../img/arrow.png") no-repeat;
  background-size: contain;
  width: 16px;
  height: 11px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto
}

.area-list .link:hover {
 background-color:#d7b077;
  transition: 0.3s;
}

.area-list .link a::after{

  background: url("../img/arrow02.png") no-repeat;
  background-size: contain;
  width: 10px;
  height: 16px;
  left: 100%;
}
.area-list .link a {
  padding-bottom:0;
  padding-right:10px;
}
.access{
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	margin-bottom:40px;
	
}
.accessbox {
    display: flex;
    justify-content: space-between;
}

.accessbox>div {
    width: 900px;
}
.access_terminal{
	margin:20px auto;
}
.access_point{
	font-size: 1.3em;	
}
.sp{
	display:none;
}
.pc{
	display:block;
}