@charset "UTF-8";

/*
Theme Name: Heart Land Ferry
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, input, select, textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  word-break: break-all;
}

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

html {
  overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

*:focus {
  outline: none;
}

.both {
  clear: both;
}

table {
  width: 100%;
}

a, a:hover {
  border: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

a img:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/* 全体設定
------------------------------ */
body {
  background-color: #fff;
}

/* 変数 */
/* mixin */
/* clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* フォント
------------------------------ */
@font-face {
  font-family: 'webfont';
  src: url("/wp/wp-content/themes/heartlandferry/fonts/07logotypegothic-condense.otf") format("truetype"), url("/wp/wp-content/themes/heartlandferry/fonts/07logotypegothic-condense.woff") format("woff"), url("/wp/wp-content/themes/heartlandferry/fonts/07logotypegothic-condense.svg#07logotypegothic-condenseRg") format("svg");
  font-weight: normal;
}
body, input, select, button {
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: Avenir , "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}

a {
  color: #f0027f;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* ヘッダ */
.header .logo:hover {
  text-decoration: none;
}
.header .tools a {
  color: #000;
}
.header .tools .tel {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
.header .tools .lang {
  font-size: 15px;
  font-size: 0.9375rem;
}
.header .tools .lang span {
  font-size: 10px;
  font-size: 0.625rem;
}
.header .top-nav li a {
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
}
.header .top-nav li.active a {
  color: #e4007f;
}

/* グローバルナビゲーション */
.navigation ul li a {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.navigation ul li a:hover {
  text-decoration: none;
}
.navigation ul li.nav-small > a {
  font-size: 14px;
  font-size: 0.875rem;
}
.navigation ul li .sub-menu li a {
  color: #003663;
}

/* コンテンツ */
.quick-menu ul li a {
  color: #e4007f;
}
.quick-menu ul li a span {
  font-weight: bold;
}
.quick-menu ul li a:hover {
  text-decoration: none;
}

.block .title-area .title span {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
}
.block .title-area .title i {
  font-size: 16px;
  font-size: 1rem;
}
.block .basic-title .title span {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1;
}
.block .basic-title .title i {
  font-size: 16px;
  font-size: 1rem;
}
.block .basic-sub-title {
  color: #f0027f;
  font-size: 24px;
  font-size: 1.5rem;
}
.block .basic-sub-title i {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
}

.banner-area a {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}

/* タブ（ベーシックデザイン） */
.basic-tab li a {
  color: #000;
}
.basic-tab li.active a {
  color: #fff;
}

/* テーブル（ベーシックデザイン） */
.basic-table td strong,
.basic-table td span {
  color: #f0027f;
  font-weight: bold;
}

.basic-table td.caution {
  font-size: 14px;
  font-weight: bold;
}

/* ツールチップ */
#room-tip h5 {
  color: #003663;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

/* フッター */
.footer {
  font-size: 14px;
  font-size: 0.875rem;
}
.footer ul li a {
  color: #003663;
  font-weight: bold;
}
.footer copyright {
  color: #003663;
}

/* トップページ */
body.page-index .block1 .inner .content-area .tab a {
  color: #003663;
  font-weight: bold;
}
body.page-index .block1 .inner .content-area .tab-content li a .tag {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
body.page-index .block1 .inner .content-area .tab-content li a .date {
  color: #003663;
  font-size: 16px;
  font-size: 1rem;
}
body.page-index .block2 .inner .title-area {
  color: #114562;
}
body.page-index .block2 .inner .content-area .tab li a span {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
body.page-index .block2 .inner .content-area .tab li a i {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-index .block2 .inner .content-area .tab li.tab-1 a span {
  color: #668002;
}
body.page-index .block2 .inner .content-area .tab li.tab-2 a span {
  color: #346690;
}
body.page-index .block5 .inner .title-area {
  color: #662908;
}
.section-unko-block {
    margin: 10px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.section-title-unko {
  color: #ffffff;/*文字色*/
  border: solid 2px #003663;/*線色*/
  background-color:#003663;
  padding: 1px 15px 1px 15px;
  margin: 0.5em;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 30px;
}
.section-title-status {
  color: #003663;
  border: solid 3px #003663;
  background-color: #ffffff;
  padding: 1px 15px 1px 15px;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: bold;
  margin: 0.5em;
}

/* 離島ページ */
body.page-island .block1 .inner .sub-title {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
body.page-island .block2 .inner .content-area .text {
  color: #fff;
}
body.page-island .block2 .inner .content-area .text .sub-title {
  font-size: 24px;
  font-size: 1.5rem;
}
body.page-island .block4 .inner .content-area .links h3, body.page-island .block4 .inner .content-area .links h4 {
  color: #003663;
  font-weight: bold;
}
body.page-island .block4 .inner .content-area .links h3 span, body.page-island .block4 .inner .content-area .links h4 span {
  font-size: 16px;
  font-size: 1rem;
}
body.page-island .block4 .inner .content-area .links a {
  color: #fff;
  font-weight: bold;
}
body.page-island .block6 .area h3 {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1;
}
body.page-island .block6 .area ul li .image .icon {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
body.page-island .block6 .area ul li .image .icon span {
  font-size: 30px;
  font-size: 1.875rem;
}
body.page-island .block6 .area ul li .text {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-island .block6 .area ul li .text h4 {
  font-size: 24px;
  font-size: 1.5rem;
}
body.page-island .block6 .area ul li .text h4 i {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-island .block6 .area.area1 ul li .text h4 {
  color: #db6121;
}
body.page-island .block6 .area.area2 ul li .text h4 {
  color: #2392ce;
}
body.page-island .block6 .area.area3 ul li .text h4 {
  color: #d68311;
}
body.page-island .block6 .area.area4 ul li .text h4 {
  color: #2c8b15;
}
body.page-island .block6 .area.area5 ul li .text h4 {
  color: #79288e;
}

/* 運行状況ページ */
body.page-status #mCont .head h3.bkgHead {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
}
body.page-status #mCont .Content .joukyou strong {
  color: #003663;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
body.page-status #mCont .Content .wrap h4 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
body.page-status #mCont .Content .wrap table td {
  font-size: 16px;
  font-size: 1rem;
}

/* 時刻表ページ */
body.page-timetable .block1 .inner .content-area .tab li a {
  font-weight: bold;
}
body.page-timetable .block1 .inner .content-area .tab-content span {
  color: #f0027f;
}

/* 運賃表ページ */
body.page-faretable .block1 .tab-pages li a {
  color: #000;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
/* 運賃表ページ バナー 2019/03/13追加*/
body.page-faretable .block .inner .content-area .btn-area {
	text-align: center;
	margin-top: 30px;
}
body.page-faretable .block1 .inner .content-area .btn-area img {
    border: 2px solid #003663;
}

/* フェリーの紹介 */
body.page-introduce .block-cover .inner .content-area .tab-area li a {
  color: #000;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px #aaa;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a i {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-introduce .block-cover .inner .content-area .block .ferry-name span {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
}
body.page-introduce .block-cover .inner .content-area .block .ferry-name i {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
body.page-introduce .block-cover .inner .content-area .block .ferry-name a {
  color: #000;
}
body.page-introduce .block-cover .inner .content-area .block h4 {
  color: #fff;
  font-weight: bold;
}
body.page-introduce .block-cover .inner .content-area .block .lower-part .ship-inboard li h5 {
  font-weight: bold;
  text-align: center;
}
body.page-introduce .block5 .inner .content-area .stage-1 li.text,
body.page-introduce .block5 .inner .content-area .stage-2 li.text,
body.page-introduce .block5 .inner .content-area .stage-3 li.text {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
}
body.page-introduce .block5 .inner .content-area .stage-1 li.image,
body.page-introduce .block5 .inner .content-area .stage-2 li.image,
body.page-introduce .block5 .inner .content-area .stage-3 li.image {
  line-height: 0;
}
body.page-introduce .block6 .link a {
  color: #000;
}
body.page-introduce h5 {
  height: 2.0rem;
  vertical-align:top;
}
body.page-introduce .view-img {
	vertical-align:bottom;
}
body.page-introduce div.view-info { 
   font-size:1.0rem;
   text-align:center;
   width:40%;
   padding:0.5rem;
   margin:0 auto;
   /* border: 1.5px solid #f0027f; */
}
body.page-introduce .view-img-info{ 
   vertical-align:middle;
   padding-right:0.5rem;
}

/* 乗り場案内 */
body.page-landing .block1 .inner .content-area h3.basic-sub-title {
  font-size: 20px;
  font-size: 1.25rem;
}

/* 乗船手順 */
body.page-procedure .block1 .inner .content-area h2 i {
  color: #003663;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
}
body.page-procedure .block1 .inner .content-area h3.basic-sub-title {
  color: #003663;
  font-weight: bold;
}

/* フォトギャラリーページ */
body.page-photogallery .block1 .inner .content-area .desc-text {
  color: #003663;
  font-size: 20px;
  font-size: 1.25rem;
}
body.page-photogallery .block1 .inner .content-area .topbar h2 {
  color: #fff;
  font-size: 22px;
  font-size: 1.375rem;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-info .tp-tit {
  color: #000;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-info p {
  font-size: 16px;
  font-size: 1rem;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-title span {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-title span:nth-child(2) {
  font-weight: bold;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate1 .tp-title span:nth-child(2) {
  color: #ee9fb5;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate2 .tp-title span:nth-child(2) {
  color: #b87fb5;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate3 .tp-title span:nth-child(2) {
  color: #00a6b1;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate4 .tp-title span:nth-child(2) {
  color: #1761a2;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate5 .tp-title span:nth-child(2) {
  color: #53bd41;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate6 .tp-title span:nth-child(2) {
  color: #ef8843;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate7 .tp-title span:nth-child(2) {
  color: #e96291;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate8 .tp-title span:nth-child(2) {
  color: #27b5f0;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap .cap-inner .tit {
  color: #000;
}

/* 地域のイベント情報 */
body.page-event .block1 .inner ul li a {
  color: #000;
}
body.page-event .block1 .inner ul li a:hover {
  text-decoration: none;
}
body.page-event .block1 .inner ul li h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
body.page-event .block1 .inner ul li .desc {
  font-size: 16px;
  font-size: 1rem;
}

/* 新着情報ページ */
body.page-news .block-news .inner .main .wp-pagenavi {
  color: #fff;
}
body.page-news .block-news .inner .main .wp-pagenavi a {
  color: #fff;
}
body.page-news .block-news .inner .main ul li .date {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-news .block-news .inner .main ul li .cate {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-news .block-news .inner .main ul li h2 {
  font-size: 20px;
  font-size: 1.25rem;
}
body.page-news .block-news .inner .main ul li h2 a {
  color: #003663;
}
body.page-news .block-news .inner .main ul li h2 a:visited {
  color: #f0027f;
}
body.page-news .block-news .inner .main .entry .date {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-news .block-news .inner .main .entry .cate {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-news .block-news .inner .main .entry h2 {
  color: #003663;
  font-size: 26px;
  font-size: 1.625rem;
}
body.page-news .block-news .inner .main .single-page-navi span a {
  color: #fff;
}
body.page-news .block-news .inner .side h2 {
  color: #003663;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
body.page-news .block-news .inner .side ul.sub-nav li {
  color: #003663;
}
body.page-news .block-news .inner .side ul.sub-nav li a {
  color: #003663;
}
body.page-news .block-news .inner .side ul.sub-nav li.all a {
  color: #fff;
}
body.page-news .block-news .inner .side ul.sub-nav.sub-nav-archive > li > a {
  color: #fff;
}

/* よくあるご質問ページ */
body.page-faq .block2 .inner .menu-area li a {
  color: #003663;
}
body.page-faq .block2 .inner .menu-area li.active a {
  color: #fff;
}
body.page-faq .block2 .inner .content-area .faq-area .sub-title {
  color: #fff;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .q {
  font-size: 18px;
  font-size: 1.125rem;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .q i {
  color: #fff;
  font-weight: bold;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a {
  font-size: 18px;
  font-size: 1.125rem;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a i {
  color: #003663;
  font-weight: bold;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div strong {
  color: #c00;
  font-weight: bold;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table td span {
  font-size: 30px;
  font-size: 1.875rem;
}

/* 外国語ページ */
body.page-english .block-parent,
body.page-chinese .block-parent,
body.page-korean .block-parent {
  font-family: Arial, sans-serif;
}
body.page-english .block-parent .title-area span,
body.page-chinese .block-parent .title-area span,
body.page-korean .block-parent .title-area span {
  font-size: 30px;
  font-size: 1.875rem;
}
body.page-english .block-parent .tabs-1,
body.page-chinese .block-parent .tabs-1,
body.page-korean .block-parent .tabs-1 {
  font-size: 22px;
  font-size: 1.375rem;
}
body.page-english .block-parent .tabs-1 li a,
body.page-chinese .block-parent .tabs-1 li a,
body.page-korean .block-parent .tabs-1 li a {
  color: #000;
  font-weight: bold;
}
body.page-english .block-parent .tabs-2 li a,
body.page-english .block-parent .tab-anchor li a,
body.page-chinese .block-parent .tabs-2 li a,
body.page-chinese .block-parent .tab-anchor li a,
body.page-korean .block-parent .tabs-2 li a,
body.page-korean .block-parent .tab-anchor li a {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
body.page-english .block-parent .tabs-2 li a strong,
body.page-english .block-parent .tab-anchor li a strong,
body.page-chinese .block-parent .tabs-2 li a strong,
body.page-chinese .block-parent .tab-anchor li a strong,
body.page-korean .block-parent .tabs-2 li a strong,
body.page-korean .block-parent .tab-anchor li a strong {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
body.page-english .block-parent .tab li a,
body.page-chinese .block-parent .tab li a,
body.page-korean .block-parent .tab li a {
  color: #000;
}
body.page-english .block-parent .tab li.active a,
body.page-chinese .block-parent .tab li.active a,
body.page-korean .block-parent .tab li.active a {
  color: #fff;
}
body.page-english .block-parent .block1 table th,
body.page-english .block-parent .block1 table thead td,
body.page-english .block-parent .block1 table td.thead,
body.page-english .block-parent .block2 table th,
body.page-english .block-parent .block2 table thead td,
body.page-english .block-parent .block2 table td.thead,
body.page-english .block-parent .block3 table th,
body.page-english .block-parent .block3 table thead td,
body.page-english .block-parent .block3 table td.thead,
body.page-chinese .block-parent .block1 table th,
body.page-chinese .block-parent .block1 table thead td,
body.page-chinese .block-parent .block1 table td.thead,
body.page-chinese .block-parent .block2 table th,
body.page-chinese .block-parent .block2 table thead td,
body.page-chinese .block-parent .block2 table td.thead,
body.page-chinese .block-parent .block3 table th,
body.page-chinese .block-parent .block3 table thead td,
body.page-chinese .block-parent .block3 table td.thead,
body.page-korean .block-parent .block1 table th,
body.page-korean .block-parent .block1 table thead td,
body.page-korean .block-parent .block1 table td.thead,
body.page-korean .block-parent .block2 table th,
body.page-korean .block-parent .block2 table thead td,
body.page-korean .block-parent .block2 table td.thead,
body.page-korean .block-parent .block3 table th,
body.page-korean .block-parent .block3 table thead td,
body.page-korean .block-parent .block3 table td.thead {
  font-weight: bold;
}

/* 会社案内ページ */
body.page-company .block-parent .tab li a {
  color: #000;
}
body.page-company .block-parent .tab li a:hover {
  color: #fff;
}
body.page-company .block-parent .tab li.active a {
  color: #fff;
}
body.page-company .block-parent .tab-content-1 .block1 .inner table th,
body.page-company .block-parent .tab-content-1 .block2 .inner table th,
body.page-company .block-parent .tab-content-1 .block3 .inner table th {
  font-size: 16px;
  font-size: 1rem;
}
body.page-company .block-parent .tab-content-1 .block1 .inner table th span,
body.page-company .block-parent .tab-content-1 .block2 .inner table th span,
body.page-company .block-parent .tab-content-1 .block3 .inner table th span {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-company .block-parent .tab-content-1 .block1 .inner table td,
body.page-company .block-parent .tab-content-1 .block2 .inner table td,
body.page-company .block-parent .tab-content-1 .block3 .inner table td {
  font-size: 16px;
  font-size: 1rem;
}
body.page-company .block-parent .tab-content-1 .block1 .inner table td span,
body.page-company .block-parent .tab-content-1 .block2 .inner table td span,
body.page-company .block-parent .tab-content-1 .block3 .inner table td span {
  font-size: 14px;
  font-size: 0.875rem;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table1 th {
  color: #fff;
}
body.page-company .block-parent .tab-content-1 .block3 .inner .tab li a {
  color: #f0027f;
}
body.page-company .block-parent .tab-content-1 .block3 .inner .tab li.active a {
  color: #003663;
  font-weight: bold;
}
body.page-company .block-parent .tab-content-2 h3 {
  color: #fff;
}
body.page-company .block-parent .tab-content-2 h3 strong {
  font-size: 24px;
  font-size: 1.5rem;
}

/* 採用ページ */
body.page-recruit .block1 .inner .content-area h2 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
body.page-recruit .block1 .inner .content-area .recruittable table td span {
  color: #52a6d3;
}

/* 過ごし方ページ */
body.page-spend .visual .main-visual .title-area h1 {
  font-size: 30px;
  font-size: 1.875rem;
}
body.page-spend .block-desc .inner .label {
  font-size: 20px;
  font-size: 1.25rem;
}
body.page-spend .block-desc .inner h2 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
}
body.page-spend .block-spend .text-area .text-inner-area .label {
  font-size: 20px;
  font-size: 1.25rem;
}
body.page-spend .block-spend .text-area .text-inner-area h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
body.page-spend .block-spot h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
body.page-spend .block-spot .inner ul li p {
  font-size: 14px;
  font-size: 0.875rem;
}

/* おすすめルート */
body.page-route .block1 .inner .content-area .pop-title span {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
body.page-route .block1 .inner .content-area .outline p {
  font-size: 20px;
  font-size: 1.25rem;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner .check-comment h3 {
  color: #554812;
  font-weight: bold;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner .check-comment p {
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-accout .caution {
  color: #a51515;
}
body.page-route .block1 .inner .content-area .route-area .route-car .terminal {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
body.page-route .block1 .inner .content-area .route-area .route-ferry .route-inner .island .goal {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

/* オリジナルグッズ */
body.page-goods .block1 .inner .basic-title i {
  color: #f0027f;
  font-size: 20px;
  font-size: 1.25rem;
}

/* 404ページ */
body.page-notfound .block-404 .inner h1 {
  color: #fff;
  font-size: 60px;
  font-size: 3.75rem;
}
body.page-notfound .block-404 .inner h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
body.page-notfound .block-404 .inner a {
  color: #fff;
}

/* レイアウト
------------------------------ */
body {
  min-width: 1280px;
}

/* ヘッダー */
.header {
  position: fixed;
  top: 0;
  z-index: 9999;
  background-color: #fff;
  width: 100%;
}
.header .inner {
  position: relative;
  width: 1180px;
  height: 70px;
  margin: 0 auto;
}
.header .inner .logo {
  display: inline-block;
  margin-top: 15px;
}
.header .inner .tools {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 99;
}
.header .inner .tools .tel {
  display: inline-block;
  margin-right: 10px;
}
.header .inner .tools .tel img {
  margin-right: 10px;
}
.header .inner .tools .lang {
  display: inline-block;
  vertical-align: top;
}
.header .inner .tools .lang a.pulldown {
  display: block;
  background-color: #fbd9ec;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0;
  border-radius: 0 0 4px 4px;
  padding: 3px 15px;
}
.header .inner .tools .lang a.pulldown span {
  margin-left: 5px;
}
.header .inner .tools .lang ul {
  display: none;
  background-color: #fff;
  border: 1px solid #e5ebef;
  margin-top: 2px;
}
.header .inner .tools .lang ul li {
  border-top: 1px dotted #ccc;
}
.header .inner .tools .lang ul li:first-child {
  border: 0;
}
.header .inner .tools .lang ul li a {
  display: block;
  padding: 6px 10px;
}
.header .inner .tools .lang ul li a:hover {
  background-color: #fbd9ec;
}
.header .inner .top-nav {
  position: absolute;
  top: 25px;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 90;
  letter-spacing: -0.4em;
}
.header .inner .top-nav li {
  display: inline-block;
  text-align: center;
  letter-spacing: normal;
  padding: 5px 0 5px 20px;
  margin-left: 2px;
}
.header .inner .top-nav li a {
  display: block;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/icon-arrow.png) no-repeat left center;
  padding: 2px 0 2px 12px;
}
.header .inner .top-nav ul.account{
	margin-left:20px;
}
.header .inner .top-nav li.official a {
  background: none;
}
.header .inner .top-nav li.official a img {
  vertical-align: middle;
  margin-bottom:20px;	
}
.header .inner .top-nav li.official {
  padding-left: 0;
}
.header .inner .top-nav li.recruit a{	
 font-size:110%;
 font-weight:bold;
 margin-left:7px;
 color: #f0027f;	
}

/* グローバルナビゲーション */
.navigation {
  position: fixed;
  z-index: 9998;
  top: 70px;
  width: 100%;
}
.navigation ul {
  background-color: #003663;
  width: 1280px;
  margin: 0 auto;
}
.navigation ul li {
  float: left;
  position: relative;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/vline.png) no-repeat left center;
  width: 160px;
  padding-left: 5px;
}
.navigation ul li:first-child {
  background: none;
  width: 160px;
  padding-left: 0;
}
.navigation ul li a {
  display: block;
  text-align: center;
  padding: 14px 0;
}
.navigation ul li a:hover, .navigation ul li a.active {
  background-color: #809bb1;
}
.navigation ul li.nav-small > a {
  padding: 5px 0 4px;
}
.navigation ul li .sub-menu {
  display: none;
  position: absolute;
  top: 53px;
  right: auto;
  bottom: auto;
  left: 4px;
  z-index: 9997;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  width: 155px;
}
.navigation ul li .sub-menu li {
  width: 100%;
  border-top: 1px dotted #ccc;
  padding: 0;
}
.navigation ul li .sub-menu li:first-child {
  border: 0;
}

/* コンテンツ */
.content {
  overflow: hidden;
  min-width: 1180px;
  padding-top: 120px;
}

.sp-only {
  display: none;
}

/* フッター */
.footer {
  text-align: center;
  border-top: 1px solid #003663;
  padding: 20px 0 60px;
}
.footer ul li {
  display: inline-block;
  margin: 0 10px;
}
.footer .copyright {
  padding-top: 15px;
}

.pagetop {
  display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9998;
}

/*フッター公式アカウント*/
.official_btm {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	margin: 40px 10px 0 10px;
}
.official_btm li {
  display: inline-block;
  margin-left: 15px;
}

/* 管理画面用 */
body.customize-support .header {
  top: 32px;
}
body.customize-support .navigation {
  top: 102px;
}
body.customize-support .content {
  padding-top: 88px;
}

/* 部品
------------------------------ */
/* ボタン */
.button {
  cursor: pointer;
  background-color: #387ec7;
  border: 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 70%;
  padding: 0.4rem;
}
.button.button-black {
  background-color: #333;
}
.button img {
  vertical-align: text-top;
  width: 1rem;
  margin-right: 0.2rem;
}
.button i {
  margin-right: 0.2rem;
}

/* インプット */
input[type="text"],
input[type="password"],
select {
  background-color: #fff;
  border: 2px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 6px;
  margin: 0 0.2rem;
}

input[type="checkbox"] {
  margin-right: 0.2rem;
}

/* 無限ループ */
.simply-scroll-container {
  position: relative;
  background: url(/wp/wp-content/themes/heartlandferry/img/index/block4-film.png) repeat-x left center;
  padding: 30px 0 48px;
}
.simply-scroll-container .simply-scroll-clip {
  position: relative;
  overflow: hidden;
}
.simply-scroll-container .simply-scroll-clip .simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.simply-scroll-container .simply-scroll-clip .simply-scroll-list li {
  float: left;
  padding: 0;
  margin: 0;
  width: 210px;
  height: 142px;
}
.simply-scroll-container .simply-scroll-clip .simply-scroll-list li img {
  display: block;
}

/* 波 */
.wave-top {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 34px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/wave-top.png) repeat-x;
}

.wave-btm {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/wave-btm.png) repeat-x left bottom;
}

/* slick */
.slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 200px;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 50;
  text-indent: -9999px;
  background: none;
  border: 0;
  width: 60px;
  height: 61px;
}
.slick-arrow.slick-prev {
  left: 20px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/visual-arrow-l.png) no-repeat;
}
.slick-arrow.slick-next {
  right: 20px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/visual-arrow-r.png) no-repeat;
}

.slick-dots {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 20px;
  left: auto;
  text-align: center;
  width: 200px;
}
.slick-dots li {
  display: inline;
}
.slick-dots li button {
  cursor: pointer;
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: none;
  background-color: #fff;
  border: 0;
  padding: 0;
  margin: 0 8px;
}
.slick-dots li.slick-active button {
  background-color: #e4007f;
}

/* メインビジュアル */
.visual {
  position: relative;
  background-color: #003663;
  width: 1280px;
  margin: 0 auto;
}
.visual #main-visual {
  margin: 0 auto;
}
.visual #main-visual .slick-slide img {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}
.visual #main-visual .slick-slide a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}
.visual .btn-gallery {
  position: absolute;
  top: auto;
  right: 45px;
  bottom: 45px;
  left: auto;
}

/* クイックメニュー */
.quick-menu {
  width: 1180px;
  padding: 15px 0 20px;
  margin: 10px auto 0;
}
.quick-menu ul {
  margin: 0 -12px;
}
.quick-menu ul li {
  float: left;
  width: 376px;
  margin: 0 12px;
}
.quick-menu ul li a {
  display: block;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 3px solid #f17fbf;
  padding: 5px 0;
}
.quick-menu ul li a:hover, .quick-menu ul li a.active {
  background-color: #fbd9ec;
}
.quick-menu ul li a img {
  height: 60px;
  vertical-align: middle;
}
.quick-menu ul li a span {
  display: block;
}
.quick-menu.quick-menu-short ul li a img {
  height: 46px;
  vertical-align: middle;
}
.quick-menu.quick-menu-short ul li a span {
  display: inline-block;
  margin-left: 10px;
}

/* タイトル（ベーシックデザイン） */
.basic-title {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-basic-line.png) repeat-x left center;
  margin-bottom: 30px;
}
.basic-title .title {
  display: inline-block;
  background-color: #fff;
  padding: 10px 20px;
}
.basic-title .title span {
  display: block;
  padding-top: 5px;
}

.basic-sub-title {
  text-align: center;
}
.basic-sub-title i {
  display: block;
}

/* タブ（ベーシックデザイン） */
.basic-tab {
  text-align: center;
  padding: 0;
}
.basic-tab li {
  display: inline;
}
.basic-tab li a {
  display: inline-block;
  background-color: #ddd;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
  padding: 6px 30px;
  margin: 0 8px;
}
.basic-tab li.active a {
  background-color: #003663;
}

.basic-tab-content {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #003663;
  padding: 30px;
}

/* テーブル（ベーシックデザイン） */
.basic-table {
  border-bottom: 1px solid #ccc;
}
.basic-table th, .basic-table td {
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  padding: 10px 20px;
}
.basic-table th {
  background-color: #ffddff;
}

/* ブロック共通 */
.block {
  position: relative;
  min-width: 1180px;
}
.block .inner {
  position: relative;
  width: 1180px;
  margin: 0 auto;
}
.block .title-area {
  text-align: center;
}
.block .title-area .title {
  padding-bottom: 5px;
}
.block .title-area .title span {
  display: block;
  padding-top: 5px;
}
.block.block-recommend {
  overflow: hidden;
}
.block.block-recommend .vline-left {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 0;
  width: 22px;
  height: 400px;
  z-index: 1;
}
.block.block-recommend .vline-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 -65px;
  width: 22px;
  height: 400px;
  z-index: 1;
}
.block.block-recommend .inner {
  padding-top: 60px;
  height: 380px;
}
.block.block-recommend .inner .content-area {
  position: absolute;
  top: 90px;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 100%;
  padding: 50px 0 60px;
}
.block.block-recommend .inner .content-area ul {
  text-align: center;
}
.block.block-recommend .inner .content-area ul li {
  display: inline-block;
  margin: 0 5px;
}

/* ツールチップ */
#room-tip {
  display: none;
  position: absolute;
  z-index: 99997;
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #003663;
  padding: 10px;
}
#room-tip h5 {
  text-align: center;
}
#room-tip img {
  width: 200px;
  vertical-align: bottom;
}
#room-tip p {
  display: none;
}

/* バナーボタン */
.banner-area {
  width: 1180px;
  padding: 45px 0;
  margin: 0 auto;
}
.banner-area a {
  display: block;
  text-align: center;
  background-color: #f0027f;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  padding: 20px;
}
.banner-area a:hover {
  background-color: #f87cbd;
}

/* ページ独自
------------------------------ */
/* トップページ */
body.page-index {
  /* 各ブロック */
}
body.page-index a {
  color: #000;
}
body.page-index .block1 .inner {
  padding: 70px 0;
}
body.page-index .block1 .inner .title-area {
  position: absolute;
  top: 70px;
  right: auto;
  bottom: auto;
  left: 10px;
  width: 260px;
}
body.page-index .block1 .inner .title-area a.block-icon {
  display: block;
  float: right;
}
body.page-index .block1 .inner .title-area h2.title {
  float: left;
  padding: 8px 0 0 15px;
}
body.page-index .block1 .inner .title-area p.desc {
  clear: both;
  text-align: left;
  padding-top: 20px;
}
body.page-index .block1 .inner .content-area {
  margin: 0 0 0 310px;
}
body.page-index .block1 .inner .content-area .tab {
  padding: 0 0 30px 10px;
}
body.page-index .block1 .inner .content-area .tab li {
  display: inline-block;
  margin-right: 30px;
}
body.page-index .block1 .inner .content-area .tab li a {
  display: block;
  padding: 3px 5px;
}
body.page-index .block1 .inner .content-area .tab li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #003663;
}
body.page-index .block1 .inner .content-area .tab li.active a {
  border-bottom: 1px solid #003663;
}
body.page-index .block1 .inner .content-area .tab-content {
  min-height: 200px;
}
body.page-index .block1 .inner .content-area .tab-content .tab-content-1 {
  display: block;
}
body.page-index .block1 .inner .content-area .tab-content .tab-content-2,
body.page-index .block1 .inner .content-area .tab-content .tab-content-3,
body.page-index .block1 .inner .content-area .tab-content .tab-content-4 {
  display: none;
}
body.page-index .block1 .inner .content-area .tab-content li {
  padding-bottom: 10px;
}
body.page-index .block1 .inner .content-area .tab-content li a {
  display: table;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
}
body.page-index .block1 .inner .content-area .tab-content li a:hover {
  text-decoration: none;
  background-color: #a0d1fa;
}
body.page-index .block1 .inner .content-area .tab-content li a .tag {
  display: table-cell;
  vertical-align: top;
  width: 210px;
}
body.page-index .block1 .inner .content-area .tab-content li a .tag span {
  display: block;
  text-align: center;
  background-color: #7f9ab1;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
body.page-index .block1 .inner .content-area .tab-content li.post-fixed a .tag span {
  background-color: #e4007f;
}
body.page-index .block1 .inner .content-area .tab-content li a .date {
  display: table-cell;
  vertical-align: top;
  width: 130px;
  padding-left: 20px;
}
body.page-index .block1 .inner .content-area .tab-content li a .text {
  display: table-cell;
  vertical-align: top;
}
body.page-index .block1 .inner .content-area .link {
  text-align: right;
}
body.page-index .block1 .line-top {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-basic-line.png) repeat-x 0 0;
  width: 100%;
  height: 32px;
}
body.page-index .block1 .line-btm {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 10px;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-basic-line.png) repeat-x -50px 0;
  width: 100%;
  height: 32px;
}
body.page-index .block-catch {
  text-align: center;
  margin: 10px 0 30px;
}
body.page-index .block2 {
  overflow: hidden;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern1.png);
}
body.page-index .block2 .wave-top {
  z-index: 3;
}
body.page-index .block2 .wave-btm {
  z-index: 3;
  background-position: -220px bottom;
}
body.page-index .block2 .inner .title-area {
  display: inline-block;
  background-color: #7bc1e7;
  height: 650px;
  padding: 140px 40px 0;
  margin-left: 880px;
}
body.page-index .block2 .inner .title-area .desc {
  text-align: left;
}
body.page-index .block2 .inner .back-image1 {
  position: absolute;
  top: -50px;
  right: -100px;
  bottom: auto;
  left: auto;
  z-index: 1;
}
body.page-index .block2 .inner .back-image2 {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: -15px;
  left: auto;
  z-index: 2;
}
body.page-index .block2 .inner .content-area {
  position: absolute;
  top: 50px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 5;
  width: 890px;
}
body.page-index .block2 .inner .content-area .tab li {
  float: right;
  width: 440px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
  -moz-box-shadow: #787878 0 0 10px;
  -webkit-box-shadow: #787878 0 0 10px;
  box-shadow: #787878 0 0 10px;
}
body.page-index .block2 .inner .content-area .tab li:first-child {
  float: left;
}
body.page-index .block2 .inner .content-area .tab li a {
  position: relative;
  display: block;
  text-align: center;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
  padding: 15px 0;
}
body.page-index .block2 .inner .content-area .tab li a img {
  position: absolute;
  top: -10px;
}
body.page-index .block2 .inner .content-area .tab li a:hover {
  text-decoration: none;
}
body.page-index .block2 .inner .content-area .tab li a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body.page-index .block2 .inner .content-area .tab li a span {
  display: block;
}
body.page-index .block2 .inner .content-area .tab li.tab-1 a {
  z-index: 6;
  background: url(/wp/wp-content/themes/heartlandferry/img/index/block2-tab1-back.png);
  padding-left: 60px;
}
body.page-index .block2 .inner .content-area .tab li.tab-1 a img {
  left: 10px;
}
body.page-index .block2 .inner .content-area .tab li.tab-2 a {
  z-index: 6;
  background: url(/wp/wp-content/themes/heartlandferry/img/index/block2-tab2-back.png);
  padding-right: 60px;
}
body.page-index .block2 .inner .content-area .tab li.tab-2 a img {
  right: 10px;
}
body.page-index .block2 .inner .content-area .tab li.active a {
  z-index: 8;
}
body.page-index .block2 .inner .content-area .tab-content {
  position: absolute;
  z-index: 7;
  -moz-box-shadow: #787878 0 0 10px;
  -webkit-box-shadow: #787878 0 0 10px;
  box-shadow: #787878 0 0 10px;
  width: 100%;
}
body.page-index .block2 .inner .content-area .tab-content .tab-content-1 {
  display: block;
  background: url(/wp/wp-content/themes/heartlandferry/img/index/block2-tab1-back.png);
  padding: 15px;
}
body.page-index .block2 .inner .content-area .tab-content .tab-content-2 {
  display: none;
  background: url(/wp/wp-content/themes/heartlandferry/img/index/block2-tab2-back.png);
  padding: 15px;
}
body.page-index .block2 .inner .content-area .tab-content ul {
  display: table;
  width: 100%;
  margin-top: 15px;
}
body.page-index .block2 .inner .content-area .tab-content ul li {
  display: table-cell;
  text-align: center;
  width: 25%;
}
body.page-index .block4 .inner {
  text-align: right;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern4.png) no-repeat 80px 10px;
}
body.page-index .block4 .inner .title-area {
  display: inline-block;
  padding: 260px 0 20px;
}
body.page-index .block4 .inner .content-area {
  position: absolute;
  top: 60px;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
}
body.page-index .block5 {
  overflow: hidden;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern3.png);
}
body.page-index .block5 .wave-top,
body.page-index .block5 .wave-btm {
  z-index: 1;
}
body.page-index .block5 .inner {
  min-height: auto;
}
body.page-index .block5 .inner .title-area-back {
  position: relative;
  background-color: #f8a173;
  width: 320px;
  height: 1100px;
  margin-left: 40px;
}
body.page-index .block5 .inner .title-area-back .title-area {
  position: absolute;
  top: 60px;
  right: auto;
  bottom: auto;
  left: 80px;
  z-index: 3;
}
body.page-index .block5 .inner .title-area-back img.back-image {
  position: absolute;
  top: -70px;
  right: auto;
  bottom: auto;
  left: -80px;
  z-index: 2;
}
body.page-index .block5 .inner .content-area {
  position: absolute;
  top: 50px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 4;
}
body.page-index .block5 .inner .content-area .stage-1 {
 /* margin-left: 395px; */
	margin-top: 190px;
}
body.page-index .block5 .inner .content-area .stage-1,
body.page-index .block5 .inner .content-area .stage-2,
body.page-index .block5 .inner .content-area .stage-3 {
  padding-top: 15px;
  padding-left: 20px;
}
body.page-index .block5 .inner .content-area .stage-1 li,
body.page-index .block5 .inner .content-area .stage-2 li,
body.page-index .block5 .inner .content-area .stage-3 li {
  display: inline-block;
  line-height: 0;
  background-color: #fff;
  margin-left: 15px;
}
body.page-index .block5 .inner .content-area .stage-1 li:first-child,
body.page-index .block5 .inner .content-area .stage-2 li:first-child,
body.page-index .block5 .inner .content-area .stage-3 li:first-child {
  margin-left: 0;
}
body.page-index .block6 {
  background-color: #fad3be;
}
body.page-index .block6 .wave-top {
  background-position: 260px top;
}
body.page-index .block6 .inner {
  text-align: center;
  min-height: 400px;
  width: 900px;	
}
body.page-index .block6{
	padding-top:10px;
    height:600px;
}
body.page-index .block6 .inner a {
  margin: 0 2px;
}
body.page-index .block6 .inner ahover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

/* 2023/9/15削除 */
body.page-index .block6-2 {
  background-color: #fad3be;
}
body.page-index .block6-2 .wave-top {
  background-position: 260px top;
}
body.page-index .block6-2 .inner {
  text-align: center;
  min-height: 400px;
  width: 900px;	
}
body.page-index .block6-2{
	padding-top:10px;
    height:500px;
}
body.page-index .block6-2 .inner a {
  margin: 0 2px;
}
body.page-index .block6-2 .inner ahover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body.page-index .block6-2 .title-area {
  display: flex;
  text-align:left;
  margin-left:40px;
  margin-bottom:20px;	
}
body.page-index .block6-2 .title-area h2{
	margin-top:50px;
	margin-right:10px;
	color:#800000;
}
body.page-index .block6-2 .title-area h2 i{
  margin-left:20px;
}
body.page-index .block6-2 .block6_list{
  display: flex;
  text-align:center;
}
body.page-index .block6-2 .block6_list li{
  margin: 0 10px 10px 10px;
}
/* 2023/9/15削除 */


body.page-index .block-facebook {
  overflow: hidden;
}
body.page-index .block-facebook .vline-left {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 20px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 0;
  width: 22px;
  height: 800px;
}
body.page-index .block-facebook .vline-right {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: auto;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 -65px;
  width: 22px;
  height: 800px;
}
body.page-index .block-facebook .title-area {
  position: absolute;
  top: 30px;
  left: 45px;
  bottom: auto;
}
body.page-index .block-facebook .content-area {
  min-height: 300px;
  padding: 30px 0 20px 260px;
}
body.page-index .block7 {
	position:relative;
    height:150px;
	width: 1280px;
	background-color: #6699CC;
	margin: 10px auto;
}
body.page-index .block7 .section-unko-block {
	position:absolute;
	top: 20%;
	right: 0;
	left: 0;
	margin: auto;
	width: 1100px;
}
body.page-index .block7 .section-unko-block .section-title-unko {
	 height:30px; 
	
}
body.page-index .block7 .title-area {
  display: flex;
  text-align:left;
  margin-bottom: 20px;
}
/* 中間メニュー */
/*
body.page-index .menu_button_container{
  width:900px;
  padding:50px;
  display: grid;
  margin: 50px auto;
  grid-template-columns: 400px;
  grid-template-rows: 8rem 8rem 8rem;
  grid-row-gap:40px;
  grid-column-gap:40px;
}
body.page-index .menu_button_resavation {
  display: flex;
  grid-column:1/3;
}
body.page-index .menu_button{
    display: flex;
}
*/
body.page-index .menu_button_container{
  width:925px;
  padding:50px;
  margin: 50px auto;
}
body.page-index .menu_button {
  display: flex;
  margin-top:40px;	
}
body.page-index .menu_button1 {
  margin-right: 56px;
}
/* 中間メニュー終わり */

/* 新型コロナ対策 */
body.page-index .caution_covid19{
	position:relative;
	text-align:center;  
	margin:30px auto; 
	width:1150px; 
	height:80px;
	border: solid 3px #FF0000;
	border-radius: 10px;
}
body.page-index .caution_covid19 a{
	line-height:80px;
	font-weight:bold; 
	color:#FF0000; 
	font-size:150%; 	
	text-decoration:none;	
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body.page-index .covid19_important {
    background-color:#FF0000;
	color:#FFFFFF;
    letter-spacing : 4px;  
	margin-right:10px;
	font-weight:bold; 
	padding: 6px;
}
/* 新型コロナ対策終わり */

/* 観光情報 */
body.page-index .tourist_information .inner {
  height: 350px;	
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern4.png) no-repeat 150px;
  background-size:30%;
}
body.page-index .tourist_information .vline-left {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 20px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 0;
  width: 22px;
  height: 800px;
}
body.page-index .tourist_information .vline-right {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: auto;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 -65px;
  width: 22px;
  height: 800px;
}
body.page-index .tourist_information .inner .title-area {	
  display: flex;
  position: absolute;	
  right: 50px;
  bottom: 0;
}
body.page-index .tourist_information .inner .content-area {	
  display: flex;
  width: 90%;
  margin-top:40px;
  justify-content: center;	
}
body.page-index .tourist_information .inner .content-area a{
 margin: 0 10px;
}
/* 観光情報終わり */

/*ピックアップ*/
body.page-index .pickup {
  overflow: hidden;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern1.png);
}
body.page-index .pickup .inner {
  height: 500px;	
  width: 900px;	
  text-align: center;
}
body.page-index .pickup .inner .title-area { 
  display: flex;
  position: absolute;
  top: 60px;
  z-index: 3;
}
body.page-index .pickup .inner .title-area h2{
	padding: 35px 10px 0 0 ;
}
body.page-index .pickup .inner .back-image1 {
  position: absolute;
  top: -50px;
  right: -100px;
  bottom: auto;
  left: auto;
  z-index: 1;
  transform: rotate( 15deg );
}
body.page-index .pickup .inner .back-image2 {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: -15px;
  left: auto;
  z-index: 2;
}
body.page-index .pickup .wave-top,
body.page-index .pickup .wave-btm {
  z-index: 3;
}
body.page-index .pickup .inner .content-area li{
  display: inline-block;
}
body.page-index .pickup .inner .content-area ul{
	    display: flex;
		list-style: none;
		margin-left: 40px;
}
body.page-index .pickup .inner .content-area .slideshow_pickup {
	position: absolute;
	top: 200px;
	overflow: hidden;
	width:850px;
}
input[name="slideshow_pickup"] {
	display: none;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .contents_pickup {
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .contents_pickup section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
}
body.page-index .pickup .inner .content-area .slideshow_pickup .contents_pickup section img {
	max-width: 100%;
	padding: 0 6px;
	box-sizing: border-box;
	vertical-align: middle;
}

/*arrow*/
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow,
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow label,
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow .ico_pickup {
	position: absolute;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow {
	top: 0;
	margin: 0;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .prev {
	left: 0;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .next {
	right: 0;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow:hover {
	background: rgba(255,255,255,.2);
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow,
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
	margin: 0 -5px;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow label {
	top: 0;
	left: 0;
	z-index: 1;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow .ico_pickup {
	top: calc(50% - 6px);
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	background-color:#FFFFFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .prev .ico_pickup {
	left: 50%;
	transition: left .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .prev .ico_pickup::before {
	content:  '';
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #808080 transparent transparent;
	display:  inline-block;
	vertical-align:  middle;
    position: absolute;
	top: 2px;
    right: 8px;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .next .ico_pickup {
	right: 50%;
	transition: right .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .next .ico_pickup::before {
	content:  '';
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #808080;
	display:  inline-block;
	vertical-align:  middle;
    position: absolute;
	top: 2px;
    left: 8px;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .prev:hover .ico_pickup {
	left: calc(50% - 6px);
}
body.page-index .pickup .inner .content-area .slideshow_pickup .next:hover .ico_pickup {
	right: calc(50% - 6px);
}

/* ピックアップが3ページの場合*/
#switch1_pickup:checked ~ .contents_pickup #slide1_pickup,
#switch2_pickup:checked ~ .contents_pickup #slide2_pickup,
#switch3_pickup:checked ~ .contents_pickup #slide3_pickup{
	position: relative;
	transform: none;
	transition-duration: 0s;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow label {
	pointer-events: none;
}
#switch2_pickup:checked ~ .prev label[for="switch1_pickup"],
#switch3_pickup:checked ~ .prev label[for="switch2_pickup"],
#switch1_pickup:checked ~ .prev label[for="switch3_pickup"],
#switch1_pickup:checked ~ .next label[for="switch2_pickup"],
#switch2_pickup:checked ~ .next label[for="switch3_pickup"],
#switch3_pickup:checked ~ .next label[for="switch1_pickup"]{
	pointer-events: auto;
}

/* ピックアップが2ページの場合
#switch1_pickup:checked ~ .contents_pickup #slide1_pickup,
#switch2_pickup:checked ~ .contents_pickup #slide2_pickup {
	position: relative;
	transform: none;
	transition-duration: 0s;
}
body.page-index .pickup .inner .content-area .slideshow_pickup .arrow label {
	pointer-events: none;
}
#switch2_pickup:checked ~ .prev label[for="switch1_pickup"],
#switch1_pickup:checked ~ .next label[for="switch2_pickup"],
#switch1_pickup:checked ~ .prev label[for="switch2_pickup"],
#switch2_pickup:checked ~ .next label[for="switch1_pickup"]{
	pointer-events: auto;
}
*/

/*ピックアップ終わり*/

/* 離島ページ */
body.page-island .block1 {
  padding: 60px 0 0;
}
body.page-island .block1 .title-area {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/block1-bg.png) repeat-x center left;
}
body.page-island .block1 .title-area .title {
  display: inline-block;
  background-color: #fff;
  padding: 0 20px;
}
body.page-island .block1 .line-btm {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 10px;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/block1-bg.png) repeat-x center left;
  width: 100%;
  height: 70px;
}
body.page-island .block1 .inner {
  width: 860px;
  padding: 35px 0 90px;
}
body.page-island .block1 .inner .sub-title {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/block1-title-bg.png) no-repeat center center;
  margin-bottom: 30px;
}
body.page-island .block1 .inner .content-area .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 60px;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 50;
  text-indent: -9999px;
  background: none;
  border: 0;
  width: 60px;
  height: 61px;
}
body.page-island .block1 .inner .content-area .slick-arrow.slick-prev {
  left: -80px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/scroll-arrow-l.png) no-repeat;
}
body.page-island .block1 .inner .content-area .slick-arrow.slick-next {
  right: -80px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/scroll-arrow-r.png) no-repeat;
}
body.page-island .block1 .inner .link {
  text-align: right;
  padding-top: 30px;
}
body.page-island .block2 {
  background-color: #c2f5b6;
}
body.page-island .block2 .title-area {
  padding: 50px 0 20px;
}
body.page-island .block2 .wave-btm {
  z-index: 10;
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/wave-btm1.png) repeat-x left bottom;
  height: 33px;
}
body.page-island .block2 .inner {
  background-color: #a1d894;
  width: auto;
  padding-top: 30px;
}
body.page-island .block2 .inner .content-area {
  position: relative;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern2.png);
  width: 1100px;
  margin: 0 auto;
}
body.page-island .block2 .inner .content-area .image1 {
  text-align: center;
  padding-top: 10px;
}
body.page-island .block2 .inner .content-area .image2 {
  margin-left: -38px;
}
body.page-island .block2 .inner .content-area .image2 img {
  vertical-align: top;
}
body.page-island .block2 .inner .content-area .image3,
body.page-island .block2 .inner .content-area .image4,
body.page-island .block2 .inner .content-area .image5,
body.page-island .block2 .inner .content-area .image6,
body.page-island .block2 .inner .content-area .image7 {
  width: 250px;
}
body.page-island .block2 .inner .content-area .image3 a:hover img,
body.page-island .block2 .inner .content-area .image4 a:hover img,
body.page-island .block2 .inner .content-area .image5 a:hover img,
body.page-island .block2 .inner .content-area .image6 a:hover img,
body.page-island .block2 .inner .content-area .image7 a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body.page-island .block2 .inner .content-area .image3 img,
body.page-island .block2 .inner .content-area .image4 img,
body.page-island .block2 .inner .content-area .image5 img,
body.page-island .block2 .inner .content-area .image6 img,
body.page-island .block2 .inner .content-area .image7 img {
  width: 100%;
}
body.page-island .block2 .inner .content-area .image3 {
  position: absolute;
  top: auto;
  right: 530px;
  bottom: 220px;
  left: auto;
}
body.page-island .block2 .inner .content-area .image4 {
  position: absolute;
  top: auto;
  right: 270px;
  bottom: 220px;
  left: auto;
}
body.page-island .block2 .inner .content-area .image5 {
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 220px;
  left: auto;
}
body.page-island .block2 .inner .content-area .image6 {
  position: absolute;
  top: auto;
  right: 400px;
  bottom: -20px;
  left: auto;
  z-index: 11;
}
body.page-island .block2 .inner .content-area .image7 {
  position: absolute;
  top: auto;
  right: 130px;
  bottom: -20px;
  left: auto;
  z-index: 12;
}
body.page-island .block2 .inner .content-area .text {
  color: #fff;
  text-align: left;
  background-color: #003663;
  width: 320px;
  height: 440px;
  padding: 80px 16px 0;
}
body.page-island .block2 .inner .content-area .text .sub-title {
  margin-bottom: 20px;
}
body.page-island .block3 .inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern4.png) no-repeat 60px 30px;
  padding-bottom: 60px;
}
body.page-island .block3 .inner .title-area {
  padding: 50px 0 20px;
}
body.page-island .block3 .inner .link {
  text-align: right;
  padding: 20px 100px 0 0;
}
body.page-island .block4 {
  background-color: #fbbf9f;
  padding-top: 100px;
  margin-top: 40px;
}
body.page-island .block4 a.anchor-link {
  position: absolute;
  top: -80px;
  right: auto;
  bottom: auto;
  left: auto;
}
body.page-island .block4 .wave-btm {
  z-index: 10;
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/wave-btm2.png) repeat-x left bottom;
  height: 33px;
}
body.page-island .block4 .inner {
  background-color: #f9b48f;
  width: auto;
}
body.page-island .block4 .inner .content-area {
  position: relative;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern7.png) #fed2ba;
  width: 1100px;
  padding: 10px 0 40px;
  margin: 0 auto;
}
body.page-island .block4 .inner .content-area .image {
  clear: both;
  margin: 0 0 15px -15px;
}
body.page-island .block4 .inner .content-area .image img {
  vertical-align: top;
}
body.page-island .block4 .inner .content-area .links {
  background-color: #fff;
  width: 1120px;
  padding: 20px 40px;
  margin: 0 0 15px -10px;
}
body.page-island .block4 .inner .content-area .links h3 {
  text-align: center;
  margin: -10px 0;
}
body.page-island .block4 .inner .content-area .links h4 {
  text-align: center;
}
body.page-island .block4 .inner .content-area .links h4 span {
  margin-left: 10px;
}
body.page-island .block4 .inner .content-area .links a {
  display: block;
  text-align: center;
  background-color: #499ade;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 0;
  margin-top: 5px;
}
body.page-island .block4 .inner .content-area .links a.drive {
  background-color: #003663;
  padding: 20px 0;
  margin: 10px 0;
}
body.page-island .block4 .inner .content-area .links ul li {
  float: right;
  width: 500px;
  padding: 10px 0;
}
body.page-island .block4 .inner .content-area .links ul li:first-child {
  float: left;
}
body.page-island .block4 .inner .content-area .links ul li a {
  padding: 6px 0;
}
body.page-island .block4 .inner .content-area .links.links-left {
  float: left;
  width: 552px;
  height: 180px;
}
body.page-island .block4 .inner .content-area .links.links-left ul li {
  width: 100%;
}
body.page-island .block4 .inner .content-area .links.links-right {
  float: right;
  width: 552px;
  height: 180px;
  margin: 0 -10px 15px 0;
}
body.page-island .block5 {
  overflow: hidden;
  height: 320px;
}
body.page-island .block5 .vline-left {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 10px;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 0;
  width: 22px;
  height: 360px;
  z-index: 1;
}
body.page-island .block5 .vline-right {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: auto;
  left: auto;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern5.png) repeat-y 0 -65px;
  width: 22px;
  height: 360px;
  z-index: 1;
}
body.page-island .block5 .content-area {
  position: absolute;
  top: 60px;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  width: 100%;
  padding: 20px 0 60px;
}
body.page-island .block5 .content-area ul {
  text-align: center;
}
body.page-island .block5 .content-area ul li {
  display: inline-block;
  margin: 0 5px;
}
body.page-island .block6 {
  padding: 50px 0 30px;
}
body.page-index .block6 .title-area {
  display: flex;
  text-align:left;
  margin-left:40px;
  margin-bottom:20px;	
}
body.page-index .block6 .title-area h2{
	margin-top:50px;
	margin-right:10px;
	color:#800000;
}
body.page-index .block6 .title-area h2 i{
  margin-left:20px;
}
body.page-index .block6 .block6_list{
  display: flex;
  text-align:center;
}
body.page-index .block6 .block6_list li{
  margin: 0 10px 10px 10px;
}
body.page-island .block6 .area {
  position: relative;
}
body.page-island .block6 .area .wave-top {
  z-index: 1;
}
body.page-island .block6 .area .inner {
  padding: 40px 0 10px;
}
body.page-island .block6 .area h3 {
  position: absolute;
  top: 40px;
  right: auto;
  bottom: auto;
  left: 0;
  text-align: center;
  width: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 240px 88px 0 60px;
}
body.page-island .block6 .area h3 p {
  display: none;
}
body.page-island .block6 .area h3 .img {
  display: block;
}

body.page-island .block6 .area h3 a {
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 15px;
  left: 15px;
}


body.page-island .block6 .area ul {
  padding-left: 200px;	
}
body.page-island .block6 .area ul li {
  position: relative;
  float: left;
  width: 300px;
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0 20px 20px 0;
}

body.page-island .block6 .area ul li a.anchor-link {
  display: block;
  position: absolute;
  top: -123px;
  right: auto;
  bottom: auto;
  left: auto;
}
body.page-island .block6 .area ul li .image {
  position: relative;
  overflow: hidden;
  height: 184px;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 0 0;
}
body.page-island .block6 .area ul li .image .icon {
  position: absolute;
  top: 8px;
  right: auto;
  bottom: auto;
  left: 8px;
  text-align: center;
  line-height: 1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 4px;
}
body.page-island .block6 .cancel {
  text-align:center;
  font-size:120%;
  font-weight:bold;	
}
body.page-island .block6 .area ul li .text {
  padding: 3px 10px 10px;
}
body.page-island .block6 .area ul li .text h4 {
  text-align: center;
  line-height: 1.1;
}

body.page-island .block6 .area ul li .text h4 i {
  display: block;
}
body.page-island .block6 .area ul li .text .desc {
  margin: 8px 0;
}
body.page-island .block6 .area ul li .text .meta p {
  margin: 5px 0 5px 45px;
}
body.page-island .block6 .area ul li .text .meta p span {
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 1px 4px;
  margin: 0 5px 0 -45px;
}
body.page-island .block6 .area.area1 {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #f9d1bb;
}
body.page-island .block6 .area.area1 h3 {
  background-color: #f8a173;
}
body.page-island .block6 .area.area1 ul li .image .icon {
  background-color: #f8a173;
}
body.page-island .block6 .area.area1 ul li .text .meta p span {
  background-color: #fbd0b9;
}
body.page-island .block6 .area.area2 {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #c5e7fa;
}
body.page-island .block6 .area.area2 .wave-top {
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/detail/wave-top2.png) repeat-x;
  height: 14px;
}
body.page-island .block6 .area.area2 h3 {
  background-color: #7bc1e7;
}
body.page-island .block6 .area.area2 ul li .image .icon {
  background-color: #7bc1e7;
}
body.page-island .block6 .area.area2 ul li .text .meta p span {
  background-color: #bde0f3;
}
body.page-island .block6 .area.area3 {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #fbe295;
}
body.page-island .block6 .area.area3 .wave-top {
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/detail/wave-top3.png) repeat-x;
  height: 14px;
}
body.page-island .block6 .area.area3 h3 {
  background-color: #fbc216;
}
body.page-island .block6 .area.area3 ul li .image .icon {
  background-color: #fbc216;
}
body.page-island .block6 .area.area3 ul li .text .meta p span {
  background-color: #fde08a;
}
body.page-island .block6 .area.area4 {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #c6f9ba;
}
body.page-island .block6 .area.area4 .wave-top {
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/detail/wave-top4.png) repeat-x;
  height: 14px;
}
body.page-island .block6 .area.area4 h3 {
  background-color: #88d376;
}
body.page-island .block6 .area.area4 ul li .image .icon {
  background-color: #88d376;
}
body.page-island .block6 .area.area4 ul li .text .meta p span {
  background-color: #c3e9ba;
}
body.page-island .block6 .area.area5 {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #e0c4e7;
}
body.page-island .block6 .area.area5 .wave-top {
  background: url(/wp/wp-content/themes/heartlandferry/img/island/rishiri/detail/wave-top5.png) repeat-x;
  height: 14px;
}
body.page-island .block6 .area.area5 .wave-btm {
  z-index: 2;
}
body.page-island .block6 .area.area5 h3 {
  background-color: #b592be;
}
body.page-island .block6 .area.area5 ul li .image .icon {
  background-color: #b592be;
}
body.page-island .block6 .area.area5 ul li .text .meta p span {
  background-color: #dac8de;
}
body.page-island .block7 {
  background-color: #fcc8ac;
  padding: 50px 0 30px;
}
body.page-island .block7 .wave-top {
  background-position: 220px top;
}
body.page-island .block7 .inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern7.png) #fdd8c4;
  width: auto;
}
body.page-island .block7 .inner .content-area {
  width: 1180px;
  margin: 0 auto;
}
body.page-island .block7 .inner .content-area ul.display {
  background-color: #fff;
  width: 1125px;
  padding: 20px;
  margin: 0 auto;
}
body.page-island .block7 .inner .content-area ul.display li.hotel1 {
  float: left;
}
body.page-island .block7 .inner .content-area ul.display li.hotel2 {
  float: right;
}
body.page-island .block7 .inner .content-area ul.display li.hotel3 {
  clear: both;
  text-align: center;
  padding-top: 20px;
}
body.page-island .block7 .inner .content-area ul.thumb {
  width: 1125px;
  margin: 12px auto 0;
}
body.page-island .block7 .inner .content-area ul.thumb li {
  float: left;
  margin-left: 12px;
}
body.page-island .block7 .inner .content-area ul.thumb li:first-child {
  margin-left: 0;
}
body.page-island #map-canvas {
  width: 1180px;
  height: 400px;
  margin: 0 auto 40px;
}

body.page-island .block8 {
	margin: 45px 0 0;
}
body.page-island .block8 .title-area {
  text-align: center;
  margin-bottom: 40px;
} 
body.page-island .block8 .inner {
  width: auto;
  padding: 0 0 40px;
}
body.page-island .block8 .inner {
  width: auto;
  padding: 0 0 40px;
}
body.page-island .block8 .inner .content-area {
  background-color: #fff;
  width: 980px;
  padding: 30px 40px 20px;
  margin: 0 auto;
}
body.page-island .block8 .inner .content-area h3 {
  text-align: left;
  margin: 30px 0 10px;
}
body.page-island .block8 .inner .content-area .map {
  margin-bottom: 10px;
}
body.page-island .block8 .inner .content-area .text {
  border: 1px solid #eee;
  padding: 10px 20px;
}
body.page-island .block8 .inner .content-area .text p {
  margin-top: 15px;
}
body.page-island .block8 .inner .content-area .text p.guidance {
  background-color: #eee;
  padding: 10px 20px;
}
body.page-island .block8 .inner .content-area .text dl {
  margin-top: 20px;
}
body.page-island .block8 .inner .content-area .text dl dt {
  clear: left;
  float: left;
  width: 320px;
  margin-bottom: 10px;
}
body.page-island .block8 .inner .content-area .text dl dd {
  margin-bottom: 10px;
}
body.page-island .block8 .inner .content-area .text table th, body.page-landing .block1 .inner .content-area .text table td {
  text-align: left;
  width: 25%;
}
body.page-island .block8 .inner .content-area .text table td {
  border-left: 1px solid #ccc;
}

/* 運行状況ページ */
body.page-status #mCont {
  width: 1180px;
  margin: 0 auto;
}
body.page-status #mCont .head {
  position: relative;
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-basic-line.png) repeat-x left center;
  padding: 0;
}
body.page-status #mCont .head a {
  position: absolute;
  top: -100px;
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
}
body.page-status #mCont .head h3.bkgHead {
  display: inline-block;
  background-color: #fff;
  padding: 40px 20px;
}
body.page-status #mCont .Content {
  width: 1180px;
  text-align: center;
  margin: 0 auto;
}
body.page-status #mCont .Content .joukyou {
  display: inline-block;
  margin-bottom: 10px;
}
body.page-status #mCont .Content .date {
  margin-bottom: 50px;
}
body.page-status #mCont .Content .wrap .contL, body.page-status #mCont .Content .wrap .contR, body.page-status #mCont .Content .wrap .contF {
  float: left;
}
body.page-status #mCont .Content .wrap .contL h4, body.page-status #mCont .Content .wrap .contR h4, body.page-status #mCont .Content .wrap .contF h4 {
  text-align: left;
  margin-bottom: 10px;
}
body.page-status #mCont .Content .wrap .contL table, body.page-status #mCont .Content .wrap .contR table, body.page-status #mCont .Content .wrap .contF table {
  float: left;
  width: 260px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 40px 40px;
}
body.page-status #mCont .Content .wrap .contL table:nth-of-type(1), body.page-status #mCont .Content .wrap .contR table:nth-of-type(1), body.page-status #mCont .Content .wrap .contF table:nth-of-type(1) {
  margin-left: 0;
}
body.page-status #mCont .Content .wrap .contL table th, body.page-status #mCont .Content .wrap .contL table td, body.page-status #mCont .Content .wrap .contR table th, body.page-status #mCont .Content .wrap .contR table td, body.page-status #mCont .Content .wrap .contF table th, body.page-status #mCont .Content .wrap .contF table td {
  text-align: center;
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.page-status #mCont .Content .wrap .contL table th, body.page-status #mCont .Content .wrap .contR table th, body.page-status #mCont .Content .wrap .contF table th {
  background-color: #ffddff;
}
body.page-status #mCont .Content .wrap .contL {
  margin-right: 40px;
}

/* PC向け 運航状況表示 2019/02/27 追記部分（開始） */
body.page-status #mCont .Content .date_2 {
  margin-bottom: 10px;
}
body.page-status #mCont .Content .unkyuu strong {
  color: #003663;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
body.page-status #mCont .Content .unkyuu {
  display: inline-block;
  margin-bottom: 30px;
}
body.page-status #mCont .Content .wrap .contL table td.time_td, body.page-status #mCont .Content .wrap .contR table td.time_td, body.page-status #mCont .Content .wrap .contF table td.time_td {
  width: 55%;
}
body.page-status #mCont .Content .wrap .contL table td.kbn_td, body.page-status #mCont .Content .wrap .contR table td.kbn_td, body.page-status #mCont .Content .wrap .contF table td.kbn_td {
  width: 45%;
}
body.page-status #mCont .Content .wrap .contL table td.ship_nm, body.page-status #mCont .Content .wrap .contR table td.ship_nm, body.page-status #mCont .Content .wrap .contF table td.ship_nm {
  width: 40%;
  font-size:80%;
}
body.page-status #mCont .Content .wrap span.operating {
  display: inline-block;
  padding: 3px 7px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
}
body.page-status #mCont .Content .wrap span.canceled {
  display: inline-block;
  padding: 3px 7px;
  background-color: red;
  color: white;
}
body.page-status #mCont .Content .wrap span.conditional {
  display: inline-block;
  padding: 3px 7px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
}
body.page-status #mCont .Content .wrap span.survey {
  display: inline-block;
  padding: 3px 7px;
  background-color: #FFCC33;
}
body.page-status #mCont .Content .wrap span.extra {
  display: inline-block;
  padding: 3px 7px;
  background-color: #33CCFF;
}
body.page-status #mCont hr.unk_plan_hr {
  height: 3px;
  background-color: gray;
  border: none;
}
body.page-status #mCont .unk_plan_div {
  width: 1080px;
  text-align: left;
  margin: 0 auto;
}
body.page-status #mCont .unk_plan_div h4.unk_plan_h4 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
body.page-status #mCont .unk_plan_div .unk_plan {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 40px;
  font-size: 14pt;
  text-align:left;
}
/* PC向け 運航状況表示 2019/02/27 追記部分（終了） */

/* 時刻表ページ */
body.page-timetable .block1 {
  margin: 45px 0 0;
}
body.page-timetable .block1 .title-area {
  margin-bottom: 40px;
}
body.page-timetable .block1 .title-area .desc {
  margin-top: 20px;
}

body.page-timetable .block1 .tab-area {
  margin-bottom: 30px;
}
body.page-timetable .block1 .tab-area li a {
  font-weight: bold;
  border-radius: 0;
  padding: 10px 34px;
}
body.page-timetable .block1 .tab-area li.active a {
  background-color: #e4007f;
}

body.page-timetable .block1 .inner {
  width: auto;
}
body.page-timetable .block1 .inner .content-area {
  width: 1080px;
  padding: 20px 0 40px;
  margin: 0 auto;
}
body.page-timetable .block1 .inner .content-area .tab-content {
  text-align: center;
  padding: 30px 20px;
}
body.page-timetable .block1 .inner .content-area .tab-content h2 {
  margin-bottom: 30px;
}
body.page-timetable .block1 .inner .content-area .tab-content .desc {
  padding-bottom: 30px;
}
body.page-timetable .block1 .inner .content-area .tab-content .basic-tab-inner li a {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
body.page-timetable .block1 .inner .content-area .tab-content .timetable table {
  width: 760px;
  margin: 0 auto;
}
body.page-timetable .block1 .inner .content-area .tab-content .timetable table th, body.page-timetable .block1 .inner .content-area .tab-content .timetable table td {
  padding: 10px 14px;
}
body.page-timetable .block1 .inner .content-area .tab-content .caution {
  text-align: left;
  padding: 30px 30px 0;
}
body.page-timetable .block1 .inner .content-area .btn-area {
  text-align: center;
  margin-top: 30px;
}
body.page-timetable .block1 .inner .content-area .btn-area img {
  border: 2px solid #003663;
}

body.page-timetable .block1 .inner .content-area .tab-content .timetable-table {
  border-bottom: 1px solid #ccc;	
}
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table th,
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table td {
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #ccc;
  padding: 10px 20px;
}
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table td strong{
  color: #f0027f;
  font-weight: bold;
}
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table th {
  background-color: #ffddff;
}
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table th, 
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table td, 
body.page-timetable .block1 .inner .content-area .tab-content .timetable-table tr{
    border: 1px solid #ccc;
}

/* 運賃表ページ */
body.page-faretable .block1 {
  margin: 45px 0 0;
}
body.page-faretable .block1 .title-area {
  margin-bottom: 40px;
}
body.page-faretable .block1 .tab-pages {
  text-align: center;
  padding: 10px 0;
}
body.page-faretable .block1 .tab-pages li {
  position: relative;
  z-index: 99;
  display: inline-block;
  margin: 0 10px;
}
body.page-faretable .block1 .tab-pages li a {
  display: block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 394px;
  border: 2px solid #c4c4c4;
  padding: 38px 0;
}
body.page-faretable .block1 .tab-pages li a.active {
  border-color: #e4007f;
}
body.page-faretable .block1 .tab-pages li a.page1 {
  background: url(/wp/wp-content/themes/heartlandferry/img/faretable/bg-tab1.jpg) no-repeat center center;
}
body.page-faretable .block1 .tab-pages li a.page2 {
  background: url(/wp/wp-content/themes/heartlandferry/img/faretable/bg-tab2.jpg) no-repeat center center;
}
body.page-faretable .block1 .tab-pages li span {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -40px;
  left: 180px;
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 20px solid #e4007f;
}
body.page-faretable .block1 .inner {
  width: auto;
}
body.page-faretable .block1 .inner .content-area {
  width: 1080px;
  padding: 30px 0 50px;
  margin: 0 auto;
}
body.page-faretable .block1 .inner .content-area .tab-content {
  text-align: center;
}
body.page-faretable .block1 .inner .content-area .tab-content .desc {
  display: inline-block;
  text-align: left;
  margin-bottom: 30px;
}
body.page-faretable .block1 .inner .content-area .tab-content .chart-unit {
  text-align: right;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable {
  text-align: left;
  width: 940px;
  margin: 0 auto;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable table {
  width: 100%;
  margin-bottom: 20px;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto th, body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto td {
  width: auto;
  border: 1px solid #ccc;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto tr th:first-child,
body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto tr td:first-child {
  border-left: 0;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto tr th:first-child {
  width: 160px;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto tr th:last-child,
body.page-faretable .block1 .inner .content-area .tab-content .faretable table.width-auto tr td:last-child {
  border-right: 0;
}
body.page-faretable .block1 .inner .content-area .tab-content .faretable .caution {
  margin: 10px 0;
}
body.page-faretable .block1 .inner .content-area .tab-content h3 {
  margin: 50px 0 15px;
}

/* フェリーの紹介 */
body.page-introduce .block-cover {
  padding-top: 30px;
}
body.page-introduce .inner .ship-subsidy {
	margin-left:40px; 
	font-size:90%;
}
body.page-introduce .block-cover .inner {
  width: 1280px;
  padding: 10px 0 5px;
}
body.page-introduce .block-cover .inner .content-area {
  position: relative;
  width: 1180px;
  margin: 0 auto;
}
body.page-introduce .block-cover .inner .content-area .tab-area {
  text-align: center;
  margin-bottom: 40px;
}
body.page-introduce .block-cover .inner .content-area .tab-area li {
  display: inline-block;
  margin: 0 10px;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a {
  display: block;
  background-color: #eee;
  padding: 15px 50px;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a i {
  display: block;
}


/* 20170112 カランセ対応開始 */
body.page-introduce .block-cover .inner .content-area .tab-area li a.ship0:hover {
  background-color: #574099;
}
/* 20170112 カランセ対応終了 */

body.page-introduce .block-cover .inner .content-area .tab-area li a.ship1:hover {
  background-color: #f0027f;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a.ship2:hover {
  background-color: #ee1b2f;
}
/* 20170113 フィルイーズ色変更（アヴローラ色）対応 */
body.page-introduce .block-cover .inner .content-area .tab-area li a.ship3:hover {
  background-color: #f9a64a;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a.ship4:hover {
  background-color: #f9a64a;
}
body.page-introduce .block-cover .inner .content-area .tab-area li a.ship7:hover {
  background-color: #f9e72c;
  color: #02010C;
}
body.page-introduce .block-cover .inner .content-area .block .ferry-name {
  position: relative;
  text-align: center;
  padding: 20px 0 15px;
}
body.page-introduce .block-cover .inner .content-area .block .ferry-name span {
  display: block;
}
body.page-introduce .block-cover .inner .content-area .block .ferry-name a {
  position: absolute;
  top: 26px;
  right: 30px;
  bottom: auto;
  left: auto;
  display: block;
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 5px 50px;
}
body.page-introduce .block-cover .inner .content-area .block h4 {
  text-align: center;
  background-color: #003663;
  padding: 10px 0;
  margin-bottom: 20px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part {
  background-color: #fff;
  padding: 40px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-pic {
  float: left;
  width: 600px;
  margin-bottom: 40px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-pic .slick-arrow {
  position: absolute;
  top: 160px;
  right: auto;
  bottom: auto;
  left: auto;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-pic .slick-arrow.slick-prev {
  left: -30px;
  background: url(/wp/wp-content/themes/heartlandferry/img/introduce/arrow-l.png) no-repeat;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-pic .slick-arrow.slick-next {
  right: -30px;
  background: url(/wp/wp-content/themes/heartlandferry/img/introduce/arrow-r.png) no-repeat;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-origin {
  float: right;
  width: 450px;
  margin-bottom: 40px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-origin p {
  margin: 10px 0;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline {
  clear: both;
  float: left;
  width: 540px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline table {
  border: 2px solid #003663;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline table th, body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline table td {
  text-align: left;
  vertical-align: middle;
  border-top: 2px solid #003663;
  background-color: #fff;
  padding: 2px 15px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline table th {
  text-align: center;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline table tr:first-child th,
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-outline table tr:first-child td {
  border: 0;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-guide {
  float: right;
  width: 520px;
}
body.page-introduce .block-cover .inner .content-area .block .top-part .ship-guide .image {
  cursor: crosshair;
  position: relative;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 3px solid #003663;
}
body.page-introduce .block-cover .inner .content-area .block .lower-part {
  padding: 25px 40px;
  margin-bottom: 30px;
}
body.page-introduce .block-cover .inner .content-area .block .lower-part .ship-inboard {
  margin: 0 -20px;
}
body.page-introduce .block-cover .inner .content-area .block .lower-part .ship-inboard li {
  float: left;
  width: 340px;
  height: 470px;
  margin: 15px 20px 0;
}

/* 20170112 カランセ対応開始 */
body.page-introduce .block-cover .inner .content-area .block.block0 .ferry-name {
  background-color: #574099;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-outline table th {
  background-color: #ddd9eb;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room1 {
  position: absolute;
  top: 180px;
  right: auto;
  bottom: auto;
  left: 177px;
  width: 80px;
  height: 80px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part {
  background-color: #fff;
  padding: 40px 40px 10px 40px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room2 {
  position: absolute;
  top: 57px;
  right: auto;
  bottom: auto;
  left: 171px;
  width: 74px;
  height: 53px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room3 {
  position: absolute;
  top: 180px;
  right: auto;
  bottom: auto;
  left: 260px;
  width: 42px;
  height: 35px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room4 {
  position: absolute;
  top: 45px;
  right: auto;
  bottom: auto;
  left: 320px;
  width: 48px;
  height: 80px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room5 {
  position: absolute;
  top: 51px;
  right: auto;
  bottom: auto;
  left: 283px;
  width: 18px;
  height: 26px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room6 {
  position: absolute;
  top: 51px;
  right: auto;
  bottom: auto;
  left: 265px;
  width: 18px;
  height: 26px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room7 {
  position: absolute;
  top: 188px;
  right: auto;
  bottom: auto;
  left: 141px;
  width: 12px;
  height: 23px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room8 {
  position: absolute;
  top: 228px;
  right: auto;
  bottom: auto;
  left: 156px;
  width: 23px;
  height: 24px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room9 {
  position: absolute;
  top: 225px;
  right: auto;
  bottom: auto;
  left: 143px;
  width: 14px;
  height: 12px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room10 {
  position: absolute;
  top: 188px;
  right: auto;
  bottom: auto;
  left: 122px;
  width: 21px;
  height: 18px;
}
body.page-introduce .block-cover .inner .content-area .block.block0 .top-part .ship-guide .image .room11 {
  position: absolute;
  top: 188px;
  right: auto;
  bottom: auto;
  left: 154px;
  width: 23px;
  height: 23px;
}
/* 20170112 カランセ対応終了 */

/* サイプリア */
body.page-introduce .block-cover .inner .content-area .block.block1 .ferry-name {
  background-color: #f0027f;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-outline table th {
  background-color: #fbcce8;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-guide .image .room1 {
  position: absolute;
  top: 190px;
  right: 81px;
  bottom: auto;
  left: auto;
  width: 52px;
  height: 80px;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-guide .image .room2 {
  position: absolute;
  top: 195px;
  right: auto;
  bottom: auto;
  left: 183px;
  width: 83px;
  height: 75px;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-guide .image .room3 {
  position: absolute;
  top: auto;
  right: 198px;
  bottom: 25px;
  left: auto;
  width: 43px;
  height: 43px;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-guide .image .room4 {
  position: absolute;
  top: auto;
  right: 210px;
  bottom: 78px;
  left: auto;
  width: 32px;
  height: 42px;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-guide .image .room5 {
  position: absolute;
  top: 45px;
  right: 189px;
  bottom: auto;
  left: auto;
  width: 79px;
  height: 75px;
}
body.page-introduce .block-cover .inner .content-area .block.block1 .top-part .ship-guide .image .room6 {
  position: absolute;
  top: 55px;
  right: 108px;
  bottom: auto;
  left: auto;
  width: 35px;
  height: 26px;
}
/* ボレアース */
body.page-introduce .block-cover .inner .content-area .block.block2 .ferry-name {
  background-color: #ee1b2f;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-outline table th {
  background-color: #fcd1d5;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room1 {
  position: absolute;
  top: 185px;
  right: 90px;
  bottom: auto;
  left: auto;
  width: 56px;
  height: 84px;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room2 {
  position: absolute;
  top: auto;
  right: 186px;
  bottom: 78px;
  left: auto;
  width: 62px;
  height: 42px;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room3 {
  position: absolute;
  top: auto;
  right: 214px;
  bottom: 26px;
  left: auto;
  width: 36px;
  height: 46px;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room4 {
  position: absolute;
  top: 45px;
  right: 173px;
  bottom: auto;
  left: auto;
  width: 79px;
  height: 75px;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room5 {
  position: absolute;
  top: 55px;
  right: 108px;
  bottom: auto;
  left: auto;
  width: 35px;
  height: 26px;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room6 {
  position: absolute;
  top: 198px;
  right: auto;
  bottom: auto;
  left: 86px;
  width: 58px;
  height: 66px;
}
body.page-introduce .block-cover .inner .content-area .block.block2 .top-part .ship-guide .image .room7 {
  position: absolute;
  top: 194px;
  right: auto;
  bottom: auto;
  left: 176px;
  width: 82px;
  height: 74px;
}
/* フィルイーズ*/
 /*20170113 フィルイーズ色変更（アヴローラ色）対応 */
body.page-introduce .block-cover .inner .content-area .block.block3 .ferry-name {
  background-color: #f9a64a;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-outline table th {
  background-color: #feeddb;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room1 {
  position: absolute;
  top: 185px;
  right: 78px;
  bottom: auto;
  left: auto;
  width: 56px;
  height: 82px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room2 {
  position: absolute;
  top: auto;
  right: 176px;
  bottom: 78px;
  left: auto;
  width: 40px;
  height: 36px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room3 {
  position: absolute;
  top: auto;
  right: 216px;
  bottom: 26px;
  left: auto;
  width: 34px;
  height: 40px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room4 {
  position: absolute;
  top: 45px;
  right: 168px;
  bottom: auto;
  left: auto;
  width: 84px;
  height: 75px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room5 {
  position: absolute;
  top: 55px;
  right: 102px;
  bottom: auto;
  left: auto;
  width: 35px;
  height: 26px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room6 {
  position: absolute;
  top: 202px;
  right: auto;
  bottom: auto;
  left: 76px;
  width: 58px;
  height: 56px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room7 {
  position: absolute;
  top: 192px;
  right: auto;
  bottom: auto;
  left: 174px;
  width: 84px;
  height: 74px;
}
body.page-introduce .block-cover .inner .content-area .block.block3 .top-part .ship-guide .image .room8 {
  position: absolute;
  top: auto;
  right: 216px;
  bottom: 78px;
  left: auto;
  width: 32px;
  height: 40px;
}

 /*アヴローラ */
body.page-introduce .block-cover .inner .content-area .block.block4 .ferry-name {
  background-color: #f9a64a;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-outline table th {
  background-color: #feeddb;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room1 {
  position: absolute;
  top: 178px;
  right: 106px;
  bottom: auto;
  left: auto;
  width: 50px;
  height: 80px;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room2 {
  position: absolute;
  top: auto;
  right: 200px;
  bottom: 88px;
  left: auto;
  width: 40px;
  height: 32px;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room3 {
  position: absolute;
  top: 42px;
  right: 182px;
  bottom: auto;
  left: auto;
  width: 58px;
  height: 70px;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room4 {
  position: absolute;
  top: 50px;
  right: 124px;
  bottom: auto;
  left: auto;
  width: 30px;
  height: 26px;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room5 {
  position: absolute;
  top: 190px;
  right: auto;
  bottom: auto;
  left: 70px;
  width: 72px;
  height: 66px;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room6 {
  position: absolute;
  top: auto;
  right: 200px;
  bottom: 44px;
  left: auto;
  width: 40px;
  height: 32px;
}
body.page-introduce .block-cover .inner .content-area .block.block4 .top-part .ship-guide .image .room7 {
  position: absolute;
  top: 186px;
  right: auto;
  bottom: auto;
  left: 196px;
  width: 78px;
  height: 74px;
}
body.page-introduce .block5 .inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-basic-line.png) repeat-x left top;
  padding: 50px 0;
}
body.page-introduce .block5 .inner .title-area {
  position: absolute;
  top: 120px;
  right: auto;
  bottom: auto;
  left: 10px;
}
body.page-introduce .block5 .inner .content-area .stage-1,
body.page-introduce .block5 .inner .content-area .stage-2,
body.page-introduce .block5 .inner .content-area .stage-3 {
  margin-top: 15px;
}
body.page-introduce .block5 .inner .content-area .stage-1 li,
body.page-introduce .block5 .inner .content-area .stage-2 li,
body.page-introduce .block5 .inner .content-area .stage-3 li {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
body.page-introduce .block5 .inner .content-area .stage-1 li:first-child,
body.page-introduce .block5 .inner .content-area .stage-2 li:first-child,
body.page-introduce .block5 .inner .content-area .stage-3 li:first-child {
  margin-left: 0;
}
body.page-introduce .block5 .inner .content-area .stage-1 li.text,
body.page-introduce .block5 .inner .content-area .stage-2 li.text,
body.page-introduce .block5 .inner .content-area .stage-3 li.text {
  text-align: left;
  background-color: #003663;
  padding: 0 20px;
}
body.page-introduce .block5 .inner .content-area .stage-1 li.image,
body.page-introduce .block5 .inner .content-area .stage-2 li.image,
body.page-introduce .block5 .inner .content-area .stage-3 li.image {
  line-height: 0;
  background-color: #fff;
  -moz-box-shadow: #787878 0 2px 6px;
  -webkit-box-shadow: #787878 0 2px 6px;
  box-shadow: #787878 0 2px 6px;
}
body.page-introduce .block5 .inner .content-area .stage-1 {
  margin-left: 355px;
}
body.page-introduce .block5 .inner .content-area .stage-1 li.li-2 {
  width: 360px;
  height: 200px;
  padding-top: 34px;
}
body.page-introduce .block5 .inner .content-area .stage-2 li.li-1 {
  width: 378px;
  height: 190px;
  padding-top: 14px;
}
body.page-introduce .block5 .inner .content-area .stage-3 li.li-2 {
  width: 327px;
  height: 200px;
  padding-top: 18px;
}
body.page-introduce .block6 {
  width: 1180px;
  margin: 0 auto;
}
body.page-introduce .block6 .title-area {
  padding-bottom: 20px;
}
body.page-introduce .block6 .inner .content-area {
  position: relative;
  text-align: center;
  background-color: #fff;
  border: 1px solid #003663;
  padding: 40px 0;
}
body.page-introduce .block6 .inner .content-area .image {
  display: inline-block;
  margin: 0 15px;
}
body.page-introduce .block6 .inner .content-area .link {
  padding: 20px 0 0;
}
body.page-introduce .block6 .inner .content-area .link img {
  vertical-align: middle;
  margin-right: 8px;
}


/* アマポーラ宗谷 */
body.page-introduce .block-cover .inner .content-area .block.block7 .ferry-name {
  background-color: #f9e72c;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .ferry-name span,
body.page-introduce .block-cover .inner .content-area .block.block7 .ferry-name i {
  color: #02010C;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part {
  background-color: #fff;
  padding: 40px 40px 10px 40px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-outline table th {
  background-color: #fff9b1;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room1 {
  position: absolute;
  top: 165px;
  right: 278px;
  bottom: auto;
  left: auto;
  width: 86px;
  height: 90px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room2 {
  position: absolute;
  top: 40px;
  right: 245px;
  bottom: auto;
  left: auto;
  width: 100px;
  height: 61px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room3 {
  position: absolute;
  top: 167px;
  right: 200px;
  bottom: auto;
  left: auto;
  width: 57px;
  height: 25px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room4 {
  position: absolute;
  top: 26px;
  right: auto;
  bottom: auto;
  left: 300px;
  width: 51px;
  height: 28px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room5 {
  position: absolute;
  top: 26px;
  right: auto;
  bottom: auto;
  left: 375px;
  width: 57px;
  height: 90px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room6 {
  position: absolute;
  top: 93px;
  right: auto;
  bottom: auto;
  left: 295px;
  width: 45px;
  height: 22px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room7 {
  position: absolute;
  top: 216px;
  right: auto;
  bottom: auto;
  left: 135px;
  width: 15px;
  height: 30px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room8 {
  position: absolute;
  top: 216px;
  right: auto;
  bottom: auto;
  left: 120px;
  width: 13px;
  height: 16px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room9 {
  position: absolute;
  top: 174px;
  right: auto;
  bottom: auto;
  left: 115px;
  width: 15px;
  height: 30px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room10 {
  position: absolute;
  top: 174px;
  right: auto;
  bottom: auto;
  left: 130px;
  width: 21px;
  height: 30px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room11 {
  position: absolute;
  top: 183px;
  right: auto;
  bottom: auto;
  left: 95px;
  width: 20px;
  height: 22px;
}
body.page-introduce .block-cover .inner .content-area .block.block7 .top-part .ship-guide .image .room12 {
  position: absolute;
  top: 174px;
  right: auto;
  bottom: auto;
  left: 298px;
  width: 25px;
  height: 31px;
}
/* アマポーラ宗谷終わり */

/* 乗り場案内 */
body.page-landing .block1 {
  margin: 45px 0 0;
}
body.page-landing .block1 .title-area {
  text-align: center;
  margin-bottom: 40px;
}
body.page-landing .block1 .inner {
  width: auto;
  padding: 0 0 40px;
}
body.page-landing .block1 .inner .content-area {
  background-color: #fff;
  width: 980px;
  padding: 30px 40px 20px;
  margin: 0 auto;
}
body.page-landing .block1 .inner .content-area h3 {
  text-align: left;
  margin: 30px 0 10px;
}
body.page-landing .block1 .inner .content-area .map {
  margin-bottom: 10px;
}
body.page-landing .block1 .inner .content-area .text {
  border: 1px solid #eee;
  padding: 10px 20px;
}
body.page-landing .block1 .inner .content-area .text p {
  margin-top: 15px;
}
body.page-landing .block1 .inner .content-area .text p.guidance {
  background-color: #eee;
  padding: 10px 20px;
}
body.page-landing .block1 .inner .content-area .text dl {
  margin-top: 20px;
}
body.page-landing .block1 .inner .content-area .text dl dt {
  clear: left;
  float: left;
  width: 320px;
  margin-bottom: 10px;
}
body.page-landing .block1 .inner .content-area .text dl dd {
  margin-bottom: 10px;
}
body.page-landing .block1 .inner .content-area .text table th, body.page-landing .block1 .inner .content-area .text table td {
  text-align: left;
  width: 25%;
}
body.page-landing .block1 .inner .content-area .text table td {
  border-left: 1px solid #ccc;
}

/* 乗船申込方法 */
body.page-reservation .block1 {
  margin: 45px 0 0;
}
body.page-reservation .block1 .title-area {
  text-align: center;
  margin-bottom: 40px;
}
body.page-reservation .block1 .inner {
  width: auto;
  padding: 0 0 40px;
}
body.page-reservation .block1 .inner .content-area {
  background-color: #fff;
  width: 1180px;
  padding: 30px 40px 20px;
  margin: 0 auto;
}
body.page-reservation .block1 .inner .content-area h3 {
  margin: 30px 0 20px;
}
body.page-reservation .block1 .inner .content-area table {
  margin-bottom: 20px;
}
body.page-reservation .block1 .inner .content-area table th, body.page-reservation .block1 .inner .content-area table td {
  text-align: left;
}
body.page-reservation .block1 .inner .content-area table th.wd, body.page-reservation .block1 .inner .content-area table td.wd {
  width: 320px;
}

/* 乗船手順 */
body.page-procedure .block1 {
  margin: 45px 0 0;
}
body.page-procedure .block1 .title-area {
  text-align: center;
  margin-bottom: 40px;
}
body.page-procedure .block1 .inner {
  width: auto;
  padding: 0 0 40px;
}
body.page-procedure .block1 .inner .content-area {
  width: 980px;
  padding: 10px 40px 20px;
  margin: 0 auto;
}
body.page-procedure .block1 .inner .content-area h2 i {
  margin-right: 10px;
}
body.page-procedure .block1 .inner .content-area h3 {
  text-align: left;
  margin: 30px 0 10px;
}
body.page-procedure .block1 .inner .content-area ul {
  list-style-type: disc;
  margin: 0 0 20px 30px;
}
body.page-procedure .block1 .inner .content-area .text-inner {
  margin: 0 0 20px 30px;
}

/* ご予約について */
body.page-about_reservation .block1 .title-area {
  text-align: center;
  margin: 30px 0;
}
body.page-about_reservation .block1 .inner .content-area {
  width: 980px;
  padding-top: 40px;
  margin: 0 auto;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m {
  display: flex;
  justify-content: center;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve {
    outline : thin solid #003663;
	height : 650px;
    width : 410px;
	margin : 10px;	
}
/*
body.page-about_reservation .block1 .inner .content-area .reservation_m .re-outline {
	outline : thin solid #003663;
	height : 400px;
	width : 410px;
	padding-bottom : 20px;
}
*/
body.page-about_reservation .block1 .inner .content-area .reservation_m .re-outline a{
	text-decoration: none;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve img{
	max-width: 100%;
	vertical-align: top;	
}
body.page-about_reservation .block1 .inner .content-area .reservation00 {
	font:  bold 220%/240% fantasy;
	color: #003663;
	margin-top: 5px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web01 {
	font:  bold 220%/240% fantasy;
	color: #e4007f;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web02{
	margin-top: -15px;	
	font-size: 90%;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web03{
    width: 300px;
	height: 100px;
	margin: 20px auto;
	border : 3px solid #003663;
	border-radius: 0.5rem;
    background-color: #003663;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web03 a{
    text-decoration: none;
    line-height: 100px;
    width: 100%;
	font-size: 130%;
	font-weight: bold;
    color: #FFFFFF;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web03 .icon_tri {
    position: relative;
    display: block;
} 
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web03 .icon_tri:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px  #FFFFFF;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web04{
   	margin: 20px 0;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .web04 a{
	font-weight: bold;
	font-size: 120%;
	color: #003663;	
	text-decoration: underline;
	text-decoration-color: #003663;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel01{
	padding-top: 15px;
	font-weight: bold;
	font-size: 120%;
	color: #003663;		
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel02 {
	display:inline-block;
	line-height: 30px;
	margin: 8px auto;
	border-bottom : 2px solid #003663;
	padding: 0 20px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel02 img{
	width: 30px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel02 a{ 
	font-size: 200%;	
	font-weight: bold;
	color: #003663;	
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel05 a{ 
	color: #003663;	
}
@media screen and (min-width: 640px) {
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel02, 
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel05,
body.page-about_reservation .block1 .inner .content-area .room_ca a[href*="tel:"]  {
 pointer-events: none;
 cursor: default;
 text-decoration: none;	
	}
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel03 {
    margin-top: 5px;
	font-size: 110%;	
	font-weight: bold;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel04 {
    margin: 20px 0;	
}	
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel04 a {
	color: #003663;	
	text-decoration: underline;
	text-decoration-color: #003663;
	font-weight: bold;
	font-size: 120%;
}
body.page-about_reservation .block1 .inner .content-area .reservation_m .reserve .tel05 {
    font-size: 90%;
	font-weight: bold;
}	
body.page-about_reservation .block1 .inner .content-area .reservation_ca{
	text-align: center;
	padding-bottom: 20px;
	font-size: 90%;
	font-weight: bold;
}
body.page-about_reservation .block1 .inner .content-area .reservation_st01 {
    outline : thin solid #003663;
    width : 840px;
	margin : auto;		
}
body.page-about_reservation .block1 .inner .content-area .reservation_h {
	text-align: left;
	padding: 10px 0 10px 30px;
	background-color: #003663;
	font-size: 110%;
	font-weight: bold;
    color: #FFFFFF;
}
body.page-about_reservation .block1 .inner .content-area .room_ca {
	padding: 20px;
}
body.page-about_reservation .block1 .inner .content-area .room_ca a{
	color: #000;	
}
body.page-about_reservation .block1 .inner .content-area .room_ca02 {
	text-align: left;
	padding: 20px;
	color: red;
	font-weight: bold;	
}
body.page-about_reservation .block1 .inner .content-area .reservation_rt {
	width: 95%;
	margin: auto;
	text-align: center;
}
body.page-about_reservation .block1 .inner .content-area .reservation_rt td {
	border: 2px #003663 solid;	
	padding: 5px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_rt {
    font-size: 90%
}
body.page-about_reservation .block1 .inner .content-area .reservation_rt .rt_room {
   text-align:left;	
   padding-left: 10px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_st2-3 {
	display: flex;
    justify-content: center;
}
body.page-about_reservation .block1 .inner .content-area .reservation_st02, .reservation_st03{
    outline : thin solid #003663;
	text-align: left;
    width : 410px;
	height : 400px;
	margin: 20px 10px;
}
body.page-about_reservation .block1 .inner .content-area .reservation_st_ca{
    width : 840px;	
	margin: auto;
	padding-bottom: 20px;
	text-align: left;
}
body.page-about_reservation .block1 .inner .content-area h2 i {
  margin-right: 10px;
  color: #003663;
  font-weight: bold;	
  font-size: 1.85rem;	
}
body.page-about_reservation .block1 .inner .content-area h3 {
  text-align: left;
  margin: 30px 0 10px;
}
body.page-about_reservation .block1 .inner .content-area .sub-title {
    color: #003663;
    font-weight: bold;	
	font-size: 1.5rem;
}
body.page-about_reservation .block1 .inner .procedure .content-area h2 i {
  margin-right: 10px;
}
body.page-about_reservation .block1 .inner .procedure .content-area h3 {
  text-align: left;
  margin: 30px 0 10px;
}
body.page-about_reservation .block1 .inner .procedure .content-area ul {
  list-style-type: disc;
  margin: 0 10px 0 30px;
  text-align: left;	
}
body.page-about_reservation .block1 .inner .procedure .content-area .text-inner {
  margin: 0 10px 20px 30px;
  text-align: left;	
}
body.page-about_reservation .block1 .inner .procedure .content-area .text-inner p{
  margin-left: 20px;
}

/* ご予約について終わり */

/* フォトギャラリーページ */
body.page-photogallery .block1 {
  padding-top: 45px;
}
body.page-photogallery .block1 .title-area {
  text-align: center;
  margin-bottom: 20px;
}
body.page-photogallery .block1 .title-area .title {
  display: inline-block;
  background-color: #fff;
  padding: 0 20px;
}
body.page-photogallery .block1 .inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-list.png);
  padding: 30px 0 45px;
}
body.page-photogallery .block1 .inner .content-area {
  width: 1180px;
  min-height: 720px;
  margin: 0 auto;
}
body.page-photogallery .block1 .inner .content-area .desc-text {
  text-align: center;
  padding: 11px 0;
  margin: 0 0 30px;
}
body.page-photogallery .block1 .inner .content-area .topbar {
  display: none;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 20px 10px 40px;
  margin: 0 0 30px;
}
body.page-photogallery .block1 .inner .content-area .topbar .back {
  position: absolute;
  top: 11px;
  right: 15px;
  bottom: auto;
  left: auto;
  cursor: pointer;
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 4px 16px;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate1 {
  background-color: #e486b5;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate2 {
  background-color: #b87fb5;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate3 {
  background-color: #00a6b1;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate4 {
  background-color: #1761a2;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate5 {
  background-color: #53bd41;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate6 {
  background-color: #ef8843;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate7 {
  background-color: #e96291;
}
body.page-photogallery .block1 .inner .content-area .topbar.cate8 {
  background-color: #27b5f0;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li {
  border: 0;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-info {
  top: 30px;
  width: 100%;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-info .tp-tit {
  text-align: center;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  width: 90%;
  padding: 5px 0;
  margin: 5px 0 -30px -10px;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-info p {
  text-align: left;
  border: 1px dotted #ccc;
  padding: 40px 15px 15px;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-title {
  left: 5px;
  text-align: center;
  background-color: #ee9fb5;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li .tp-title span:nth-child(2) {
  right: 5px;
  width: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  padding: 0;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate1 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label1.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate1 .tp-info p {
  border-color: #ee9fb5;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate1 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label1.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate2 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label2.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate2 .tp-info p {
  border-color: #b87fb5;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate2 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label2.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate3 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label3.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate3 .tp-info p {
  border-color: #00a6b1;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate3 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label3.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate4 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label4.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate4 .tp-info p {
  border-color: #1761a2;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate4 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label4.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate5 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label5.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate5 .tp-info p {
  border-color: #53bd41;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate5 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label5.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate6 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label6.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate6 .tp-info p {
  border-color: #ef8843;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate6 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label6.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate7 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label7.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate7 .tp-info p {
  border-color: #e96291;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate7 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label7.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate8 .tp-info .tp-tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label8.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate8 .tp-info p {
  border-color: #27b5f0;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li.cate8 .tp-title {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label8.png);
}
body.page-photogallery .block1 .inner .content-area .tp-grid li img {
  width: 240px;
  visibility: visible !important;
}
body.page-photogallery .block1 .inner .content-area .tp-grid li a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body.page-photogallery .block1 .inner .content-area .dialog {
  display: none;
  position: absolute;
  top: 100px;
  right: auto;
  bottom: auto;
  left: 80px;
  z-index: 99;
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-dialog.jpg) no-repeat center bottom #f4f7f9;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  width: 1000px;
  padding: 25px;
}
body.page-photogallery .block1 .inner .content-area .dialog .close {
  text-align: right;
}
body.page-photogallery .block1 .inner .content-area .dialog .image {
  text-align: center;
  margin-bottom: 15px;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap {
  width: 503px;
  background-color: #fff;
  padding: 10px;
  margin: 0 auto;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap .cap-inner {
  position: relative;
  border: 1px dotted #ccc;
  padding: 20px 20px 15px;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap .cap-inner .tit {
  position: absolute;
  top: -5px;
  right: auto;
  bottom: auto;
  left: -20px;
  text-align: center;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  width: 70%;
  padding: 5px 0;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap .cap-inner .caption {
  padding-top: 30px;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate1 .cap-inner {
  border-color: #ee9fb5;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate1 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label1.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate2 .cap-inner {
  border-color: #b87fb5;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate2 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label2.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate3 .cap-inner {
  border-color: #00a6b1;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate3 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label3.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate4 .cap-inner {
  border-color: #1761a2;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate4 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label4.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate5 .cap-inner {
  border-color: #53bd41;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate5 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label5.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate6 .cap-inner {
  border-color: #ef8843;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate6 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label6.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate7 .cap-inner {
  border-color: #e96291;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate7 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label7.png);
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate8 .cap-inner {
  border-color: #27b5f0;
}
body.page-photogallery .block1 .inner .content-area .dialog .cap.cate8 .cap-inner .tit {
  background: url(/wp/wp-content/themes/heartlandferry/img/gallery/bg-label8.png);
}

/* 地域のイベント情報 */
body.page-event .block1 {
  position: relative;
  background: url(/wp/wp-content/themes/heartlandferry/img/event/bg-title.png) no-repeat center top;
}
body.page-event .block1 .title-area {
  padding: 80px 0;
}
body.page-event .block1 .wave {
  position: relative;
  background-color: #fef7d6;
}
body.page-event .block1 .wave .wave-top {
  top: -16px;
  height: 16px;
  background: url(/wp/wp-content/themes/heartlandferry/img/event/wave-top.png) repeat-x;
}
body.page-event .block1 .wave .wave-btm {
  bottom: -16px;
  height: 16px;
  background: url(/wp/wp-content/themes/heartlandferry/img/event/wave-btm.png) repeat-x left bottom;
}
body.page-event .block1 .tab1 {
  width: 1080px;
  margin: 0 auto;
}
body.page-event .block1 .tab1 li {
  float: left;
  margin-left: 18px;
}
body.page-event .block1 .tab1 li:first-child {
  margin-left: 0;
}
body.page-event .block1 .tab2 {
  width: 1080px;
  padding-left: 40px;
  margin: 0 auto;
}
body.page-event .block1 .tab2 li {
  float: left;
  margin-left: 120px;
}
body.page-event .block1 .inner {
  padding: 30px 50px;
}
body.page-event .block1 .inner ul li {
  float: left;
  width: 344px;
  margin: 0 8px 15px;
}
body.page-event .block1 .inner ul li a, body.page-event .block1 .inner ul li > span {
  display: block;
  background-color: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: #c8c8c8 0 0 5px;
  -webkit-box-shadow: #c8c8c8 0 0 5px;
  box-shadow: #c8c8c8 0 0 5px;
  border: 2px solid #fff;
}
body.page-event .block1 .inner ul li a:hover img, body.page-event .block1 .inner ul li > span:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body.page-event .block1 .inner ul li.rishiri a:hover {
  border-color: #ed89bb;
}
body.page-event .block1 .inner ul li.rishiri .image p,
body.page-event .block1 .inner ul li.rishiri .desc p span {
  background-color: #f5aad0;
}
body.page-event .block1 .inner ul li.rishiri h2 {
  background-color: #f5aad0;
}
body.page-event .block1 .inner ul li.okushiri a:hover {
  border-color: #59afb5;
}
body.page-event .block1 .inner ul li.okushiri .image p,
body.page-event .block1 .inner ul li.okushiri .desc p span {
  background-color: #78d0d6;
}
body.page-event .block1 .inner ul li.okushiri h2 {
  background-color: #78d0d6;
}
body.page-event .block1 .inner ul li.esashi a:hover {
  border-color: #7db171;
}
body.page-event .block1 .inner ul li.esashi .image p,
body.page-event .block1 .inner ul li.esashi .desc p span {
  background-color: #a3d797;
}
body.page-event .block1 .inner ul li.esashi h2 {
  background-color: #a3d797;
}
body.page-event .block1 .inner ul li.setana a:hover {
  border-color: #4097bf;
}
body.page-event .block1 .inner ul li.setana .image p,
body.page-event .block1 .inner ul li.setana .desc p span {
  background-color: #75cbf3;
}
body.page-event .block1 .inner ul li.setana h2 {
  background-color: #75cbf3;
}
body.page-event .block1 .inner ul li.rebun a:hover {
  border-color: #bc76b1;
}
body.page-event .block1 .inner ul li.rebun .image p,
body.page-event .block1 .inner ul li.rebun .desc p span {
  background-color: #d89ace;
}
body.page-event .block1 .inner ul li.rebun h2 {
  background-color: #d89ace;
}
body.page-event .block1 .inner ul li.wakkanai a:hover {
  border-color: #4d93b0;
}
body.page-event .block1 .inner ul li.wakkanai .image p,
body.page-event .block1 .inner ul li.wakkanai .desc p span {
  background-color: #7eacbf;
}
body.page-event .block1 .inner ul li.wakkanai h2 {
  background-color: #7eacbf;
}
body.page-event .block1 .inner ul li .image {
  position: relative;
  text-align: center;
  padding: 20px 0 15px;
}
body.page-event .block1 .inner ul li .image .icon {
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: 0;
}
body.page-event .block1 .inner ul li .image p {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: auto;
  left: auto;
  display: inline-block;
  vertical-align: middle;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  width: 62px;
  padding: 18px 0;
}
body.page-event .block1 .inner ul li h2 {
  text-align: center;
  padding: 8px 0;
}
body.page-event .block1 .inner ul li .desc {
  padding: 10px;
}
body.page-event .block1 .inner ul li .desc p {
  margin: 0 0 10px 48px;
}
body.page-event .block1 .inner ul li .desc p span {
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0 5px;
  margin: 0 5px 0 -48px;
}

/* ショップガイド */
.shopguide_content .shopguide .block1 {
	display: block;
	background: none;	
}
.shopguide_content .shopguide .block1 .inner {
	padding: 30px 10px;
}
.shopguide_content .shopguide .block1 .inner a {
	text-decoration: none;
}
.shopguide_content .shopguide .block1 .inner ul li {
	display: inline-block;
	vertical-align: top;
	width: 360px;
	height: 400px;	
	margin: 10px; 
	overflow: hidden;
}
.shopguide_content .shopguide .block1 .inner ul li .info {
	height: 30px; 
}
.shopguide_content .shopguide .block1 .inner ul li .area, .region{
	display: inline-block;
    width: 100px;
	line-height: 30px; 
    text-align: center;
	padding-right: 5px;
	font-weight: bold;
}
.shopguide_content .shopguide .block1 .inner ul li .facilities{
	display: inline-block;
	width: 149px;
	line-height: 30px; 
    text-align: right;
	padding-right:3px;
	font-weight: bold;
}
.shopguide_content .shopguide .block1 .inner ul li .shopguide_image {
	text-align: center;
}
.shopguide_content .shopguide .block1 .inner ul li .shopguide_image img{
  margin-top: 5px;
  text-align: center;
  width: 360px;
  height: 146px;
}
.shopguide_content .shopguide  .block1 .inner ul li h2 {
	text-align: center;
	padding-top: 8px;
	font-size: 120%;
	font-weight: bold;
	color: #f0027f;
}
.shopguide_content .shopguide .block1 .inner ul li .desc {
	position: relative;
	padding-top: 10px;
	color: black;
	border-top: solid 1px;
}
.shopguide_content .shopguide .block1 .inner ul li .details{
	position: absolute;
	top: 140px;
	width: 360px;
	height: 30px;
	text-align:center;
	background-color: #808080;
	color: #FFF;
	font-weight: bold;
}
.shopguide_content .shopguide .block1 .inner .rishiri{
	color:black;
}
.shopguide_content .shopguide .block1 .inner .oshidomari{
	color:black;
}
.shopguide_content .searchandfilter{
	text-align: center;
	padding-top: 10px;
}
 
/* 新着情報ページ */
body.page-news .block-news {
  width: 1180px;
  padding-top: 20px;
  margin: 0 auto;
}
body.page-news .block-news .title-area {
  text-align: center;
}
body.page-news .block-news .inner {
  padding: 30px 0;
}
body.page-news .block-news .inner .main {
  float: right;
  overflow: hidden;
  position: relative;
  width: 900px;
  background-color: #eee;
  padding: 25px 0;
}
body.page-news .block-news .inner .main .wp-pagenavi {
  position: relative;
  text-align: right;
  background-color: #003663;
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0;
  border-radius: 0 40px 40px 0;
  width: 97%;
  padding: 8px 30px 8px 0;
}
body.page-news .block-news .inner .main .wp-pagenavi span.pages {
  position: absolute;
  top: 8px;
  right: auto;
  bottom: auto;
  left: 30px;
}
body.page-news .block-news .inner .main .wp-pagenavi a,
body.page-news .block-news .inner .main .wp-pagenavi span.current {
  display: inline-block;
  background-color: #0060b0;
  padding: 2px 8px;
  margin: 0 3px;
}
body.page-news .block-news .inner .main .wp-pagenavi span.current {
  background-color: transparent;
}
body.page-news .block-news .inner .main ul {
  padding: 0 30px;
}
body.page-news .block-news .inner .main ul li {
  background-color: #fff;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  padding: 15px 20px 0;
  margin: 20px 0;
}
body.page-news .block-news .inner .main ul li .date {
  display: inline-block;
  background-color: #f0027f;
  -moz-border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px 0 0 40px;
  padding: 2px 16px;
}
body.page-news .block-news .inner .main ul li .cate {
  display: inline-block;
  background-color: #ffddff;
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0;
  border-radius: 0 40px 40px 0;
  padding: 2px 16px;
}
body.page-news .block-news .inner .main ul li .pickup {
  display: inline-block;
  color: #f0027f;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  vertical-align: middle;
  margin-left: 10px;
}
body.page-news .block-news .inner .main ul li h2 {
  padding: 10px 0 15px;
}
body.page-news .block-news .inner .main .entry {
  background-color: #fff;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  padding: 20px;
  margin: 0 40px 20px;
}
body.page-news .block-news .inner .main .entry .date {
  display: inline-block;
  background-color: #f0027f;
  -moz-border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px 0 0 40px;
  padding: 2px 16px;
}
body.page-news .block-news .inner .main .entry .cate {
  display: inline-block;
  background-color: #ffddff;
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0;
  border-radius: 0 40px 40px 0;
  padding: 2px 16px;
}
body.page-news .block-news .inner .main .entry h2 {
  border-bottom: 4px dotted #003663;
  padding: 15px 12px;
}
body.page-news .block-news .inner .main .entry .body {
  padding: 20px 20px 0;
}
body.page-news .block-news .inner .main .entry .body p {
  margin: 10px 0;
}
body.page-news .block-news .inner .main .entry .body img {
  max-width: 100%;
}
body.page-news .block-news .inner .main .single-page-navi {
  text-align: center;
}
body.page-news .block-news .inner .main .single-page-navi span {
  display: inline-block;
}
body.page-news .block-news .inner .main .single-page-navi span a {
  display: block;
  background-color: #0060b0;
  padding: 2px 12px;
}
body.page-news .block-news .inner .side {
  float: left;
  position: relative;
  width: 250px;
  padding-bottom: 110px;
}
body.page-news .block-news .inner .side h2 {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/news/bg-dot.png) repeat-x left 12px;
}
body.page-news .block-news .inner .side h2 span {
  display: inline-block;
  background-color: #fff;
  padding: 5px 10px;
}
body.page-news .block-news .inner .side ul.sub-nav {
  margin: 10px 0 30px;
}
body.page-news .block-news .inner .side ul.sub-nav li {
  text-align: center;
  background-color: #ebebeb;
  padding: 10px 0;
  margin-bottom: 3px;
}
body.page-news .block-news .inner .side ul.sub-nav li.all {
  background-color: #003663;
}
body.page-news .block-news .inner .side ul.sub-nav.sub-nav-archive > li {
  background-color: transparent;
  padding: 0;
}
body.page-news .block-news .inner .side ul.sub-nav.sub-nav-archive > li > a {
  display: block;
  background-color: #003663;
  padding: 10px 0;
  margin-bottom: 3px;
}

/* よくあるご質問ページ */
body.page-faq .block1 {
  position: relative;
  padding: 30px 0;
}
body.page-faq .block2 .inner {
  position: relative;
}
body.page-faq .block2 .inner .menu-area {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #eee;
  border: 4px solid #003663;
  width: 1080px;
  margin: 0 auto 30px;
}
body.page-faq .block2 .inner .menu-area ul {
  display: table;
  border-top: 1px dotted #003663;
  width: 100%;
}
body.page-faq .block2 .inner .menu-area ul:first-child {
  border: 0;
}
body.page-faq .block2 .inner .menu-area ul li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-left: 1px dotted #003663;
  width: 25%;
  padding: 15px 0;
}
body.page-faq .block2 .inner .menu-area ul li:first-child {
  border: 0;
}
body.page-faq .block2 .inner .menu-area ul li.active {
  background-color: #003663;
}
body.page-faq .block2 .inner .content-area .faq-area {
  position: relative;
  padding: 20px 50px;
}
body.page-faq .block2 .inner .content-area .faq-area .sub-title {
  background-color: #003663;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 10px 30px;
  margin-bottom: 30px;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa {
  background-color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 4px solid #003663;
  margin: 10px 0;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .q,
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a {
  display: table;
  width: 100%;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .q i,
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a i {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: #003663;
  width: 60px;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .q div,
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div {
  display: table-cell;
  padding: 15px 20px;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .q {
  cursor: pointer;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a {
  display: none;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a i {
  background-color: #eee;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div {
  border-top: 1px dotted #003663;
  width: 1010px;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div p {
  padding: 10px 0;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table {
  width: auto;
  border-top: 1px solid #eee;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table th, body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table td {
  text-align: center;
  border-bottom: 1px solid #eee;
  padding: 6px 20px;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table th.name, body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table td.name {
  text-align: left;
}
body.page-faq .block2 .inner .content-area .faq-area .block-qa .a div table th {
  background-color: #eee;
}

/* 【始まり】運送約款 */

section.blk_kor_stipulation {
    margin-bottom:3rem;
}

section.blk_kor_stipulation h2 {
    margin: 0 0px 1rem 1rem;
    padding: 0;
	font-size: larger;
	color: #1D417A;
}

section.blk_kor_stipulation div.container_list_kubun {
	text-align:center;
}

section.blk_kor_stipulation ul.list_kubun {
    margin: 0;
	display: inline-block;
}

section.blk_kor_stipulation ul.list_kubun li {
    display: inline-block;
    border : 3px solid #f17fbf;
    border-radius: 0.5rem ;
    height: 5rem;
    width: 13rem;
    vertical-align: top;
}

section.blk_kor_stipulation ul.list_kubun li {
	background-color: none;
	transition: background-color 0.5s;
}

section.blk_kor_stipulation ul.list_kubun li:first-child {
    margin-left: 0;
} 

section.blk_kor_stipulation ul.list_kubun li {
    margin-left: 3rem;
} 

section.blk_kor_stipulation ul.list_kubun li div.container {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;

	text-align:left;
}
section.blk_kor_stipulation ul.list_kubun li a:hover {
	text-decoration: none;
}

section.blk_kor_stipulation ul.list_kubun li:hover {
	background-color:#fbd9ec;
	transition: background-color 0.5s;
}


/* 【終わり】運送約款 */

/* 外国語ページ */
body.page-english .block-parent,
body.page-chinese .block-parent,
body.page-korean .block-parent {
  position: relative;
  text-align: center;
}
body.page-english .block-parent .title-area,
body.page-chinese .block-parent .title-area,
body.page-korean .block-parent .title-area {
  padding: 40px 0;
}
body.page-english .block-parent .tabs-1 li,
body.page-english .block-parent .tabs-2 li,
body.page-english .block-parent .tab-anchor li,
body.page-chinese .block-parent .tabs-1 li,
body.page-chinese .block-parent .tabs-2 li,
body.page-chinese .block-parent .tab-anchor li,
body.page-korean .block-parent .tabs-1 li,
body.page-korean .block-parent .tabs-2 li,
body.page-korean .block-parent .tab-anchor li {
  position: relative;
  z-index: 99;
  display: inline-block;
  margin: 0 10px;
}
body.page-english .block-parent .tabs-1 li a,
body.page-english .block-parent .tabs-2 li a,
body.page-english .block-parent .tab-anchor li a,
body.page-chinese .block-parent .tabs-1 li a,
body.page-chinese .block-parent .tabs-2 li a,
body.page-chinese .block-parent .tab-anchor li a,
body.page-korean .block-parent .tabs-1 li a,
body.page-korean .block-parent .tabs-2 li a,
body.page-korean .block-parent .tab-anchor li a {
  display: block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 580px;
  border: 2px solid #a3a2a3;
  padding: 20px 0;
}
body.page-english .block-parent .tabs-1 li a.active,
body.page-english .block-parent .tabs-2 li a.active,
body.page-english .block-parent .tab-anchor li a.active,
body.page-chinese .block-parent .tabs-1 li a.active,
body.page-chinese .block-parent .tabs-2 li a.active,
body.page-chinese .block-parent .tab-anchor li a.active,
body.page-korean .block-parent .tabs-1 li a.active,
body.page-korean .block-parent .tabs-2 li a.active,
body.page-korean .block-parent .tab-anchor li a.active {
  border-color: #f0027f;
}
body.page-english .block-parent .tabs-1 li.tab-1 a,
body.page-english .block-parent .tabs-2 li.tab-1 a,
body.page-english .block-parent .tab-anchor li.tab-1 a,
body.page-chinese .block-parent .tabs-1 li.tab-1 a,
body.page-chinese .block-parent .tabs-2 li.tab-1 a,
body.page-chinese .block-parent .tab-anchor li.tab-1 a,
body.page-korean .block-parent .tabs-1 li.tab-1 a,
body.page-korean .block-parent .tabs-2 li.tab-1 a,
body.page-korean .block-parent .tab-anchor li.tab-1 a {
  background: url(/wp/wp-content/themes/heartlandferry/img/language/bg-tab1.png) no-repeat center center;
}
body.page-english .block-parent .tabs-1 li.tab-2 a,
body.page-english .block-parent .tabs-2 li.tab-2 a,
body.page-english .block-parent .tab-anchor li.tab-2 a,
body.page-chinese .block-parent .tabs-1 li.tab-2 a,
body.page-chinese .block-parent .tabs-2 li.tab-2 a,
body.page-chinese .block-parent .tab-anchor li.tab-2 a,
body.page-korean .block-parent .tabs-1 li.tab-2 a,
body.page-korean .block-parent .tabs-2 li.tab-2 a,
body.page-korean .block-parent .tab-anchor li.tab-2 a {
  background: url(/wp/wp-content/themes/heartlandferry/img/language/bg-tab2.png) no-repeat center center;
}
body.page-english .block-parent .tabs-1 li span,
body.page-english .block-parent .tabs-2 li span,
body.page-english .block-parent .tab-anchor li span,
body.page-chinese .block-parent .tabs-1 li span,
body.page-chinese .block-parent .tabs-2 li span,
body.page-chinese .block-parent .tab-anchor li span,
body.page-korean .block-parent .tabs-1 li span,
body.page-korean .block-parent .tabs-2 li span,
body.page-korean .block-parent .tab-anchor li span {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -40px;
  left: 280px;
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 20px solid #e4007f;
}
body.page-english .block-parent .block-inner,
body.page-chinese .block-parent .block-inner,
body.page-korean .block-parent .block-inner {
  padding-top: 50px;
}
body.page-english .block-parent .block-inner .tabs-2,
body.page-english .block-parent .block-inner .tab-anchor,
body.page-chinese .block-parent .block-inner .tabs-2,
body.page-chinese .block-parent .block-inner .tab-anchor,
body.page-korean .block-parent .block-inner .tabs-2,
body.page-korean .block-parent .block-inner .tab-anchor {
  margin-bottom: 50px;
}
body.page-english .block-parent .block-inner .tabs-2 li a,
body.page-english .block-parent .block-inner .tab-anchor li a,
body.page-chinese .block-parent .block-inner .tabs-2 li a,
body.page-chinese .block-parent .block-inner .tab-anchor li a,
body.page-korean .block-parent .block-inner .tabs-2 li a,
body.page-korean .block-parent .block-inner .tab-anchor li a {
  padding: 5px 0;
}
body.page-english .block-parent .block-inner .tabs-2 li a:hover,
body.page-english .block-parent .block-inner .tab-anchor li a:hover,
body.page-chinese .block-parent .block-inner .tabs-2 li a:hover,
body.page-chinese .block-parent .block-inner .tab-anchor li a:hover,
body.page-korean .block-parent .block-inner .tabs-2 li a:hover,
body.page-korean .block-parent .block-inner .tab-anchor li a:hover {
  background-color: #ffddff;
}
body.page-english .block-parent .block-inner .tabs-2 li a strong,
body.page-english .block-parent .block-inner .tab-anchor li a strong,
body.page-chinese .block-parent .block-inner .tabs-2 li a strong,
body.page-chinese .block-parent .block-inner .tab-anchor li a strong,
body.page-korean .block-parent .block-inner .tabs-2 li a strong,
body.page-korean .block-parent .block-inner .tab-anchor li a strong {
  display: block;
}
body.page-english .block-parent .block-inner .tabs-2 li a.active,
body.page-english .block-parent .block-inner .tab-anchor li a.active,
body.page-chinese .block-parent .block-inner .tabs-2 li a.active,
body.page-chinese .block-parent .block-inner .tab-anchor li a.active,
body.page-korean .block-parent .block-inner .tabs-2 li a.active,
body.page-korean .block-parent .block-inner .tab-anchor li a.active {
  background-color: #ffddff;
  border: 2px solid #f0027f;
}
body.page-english .block-parent .block-inner .tab-anchor li,
body.page-chinese .block-parent .block-inner .tab-anchor li,
body.page-korean .block-parent .block-inner .tab-anchor li {
  margin-bottom: 15px;
}
body.page-english .block-parent .block-inner .tab-anchor li a,
body.page-chinese .block-parent .block-inner .tab-anchor li a,
body.page-korean .block-parent .block-inner .tab-anchor li a {
  width: 370px;
}
body.page-english .block-parent .block-inner .tab li,
body.page-chinese .block-parent .block-inner .tab li,
body.page-korean .block-parent .block-inner .tab li {
  display: inline;
}
body.page-english .block-parent .block-inner .tab li a,
body.page-chinese .block-parent .block-inner .tab li a,
body.page-korean .block-parent .block-inner .tab li a {
  display: inline-block;
  background-color: #dadada;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 0 0;
  width: 300px;
  padding: 5px 0;
  margin: 0 20px;
}
body.page-english .block-parent .block-inner .tab li.active a,
body.page-chinese .block-parent .block-inner .tab li.active a,
body.page-korean .block-parent .block-inner .tab li.active a {
  background-color: #f0027f;
}
body.page-english .block-parent .block-inner .tab-content,
body.page-chinese .block-parent .block-inner .tab-content,
body.page-korean .block-parent .block-inner .tab-content {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #003663;
  width: 1180px;
  padding: 30px 20px 0;
  margin: 0 auto;
}
body.page-english .block-parent .block-inner .tab-content .tab-content-2,
body.page-chinese .block-parent .block-inner .tab-content .tab-content-2,
body.page-korean .block-parent .block-inner .tab-content .tab-content-2 {
  display: none;
}
body.page-english .block-parent .block-inner .block1,
body.page-english .block-parent .block-inner .block2,
body.page-english .block-parent .block-inner .block3,
body.page-chinese .block-parent .block-inner .block1,
body.page-chinese .block-parent .block-inner .block2,
body.page-chinese .block-parent .block-inner .block3,
body.page-korean .block-parent .block-inner .block1,
body.page-korean .block-parent .block-inner .block2,
body.page-korean .block-parent .block-inner .block3 {
  min-width: inherit;
  margin-bottom: 50px;
}
body.page-english .block-parent .block-inner .block1 h2,
body.page-english .block-parent .block-inner .block2 h2,
body.page-english .block-parent .block-inner .block3 h2,
body.page-chinese .block-parent .block-inner .block1 h2,
body.page-chinese .block-parent .block-inner .block2 h2,
body.page-chinese .block-parent .block-inner .block3 h2,
body.page-korean .block-parent .block-inner .block1 h2,
body.page-korean .block-parent .block-inner .block2 h2,
body.page-korean .block-parent .block-inner .block3 h2 {
  text-align: center;
  margin-bottom: 10px;
}
body.page-english .block-parent .block-inner .block1 table,
body.page-english .block-parent .block-inner .block2 table,
body.page-english .block-parent .block-inner .block3 table,
body.page-chinese .block-parent .block-inner .block1 table,
body.page-chinese .block-parent .block-inner .block2 table,
body.page-chinese .block-parent .block-inner .block3 table,
body.page-korean .block-parent .block-inner .block1 table,
body.page-korean .block-parent .block-inner .block2 table,
body.page-korean .block-parent .block-inner .block3 table {
  background-color: #fff;
  border: 2px solid #dadada;
  width: 920px;
  margin: 0 auto;
}
body.page-english .block-parent .block-inner .block1 table th, body.page-english .block-parent .block-inner .block1 table td,
body.page-english .block-parent .block-inner .block2 table th,
body.page-english .block-parent .block-inner .block2 table td,
body.page-english .block-parent .block-inner .block3 table th,
body.page-english .block-parent .block-inner .block3 table td,
body.page-chinese .block-parent .block-inner .block1 table th,
body.page-chinese .block-parent .block-inner .block1 table td,
body.page-chinese .block-parent .block-inner .block2 table th,
body.page-chinese .block-parent .block-inner .block2 table td,
body.page-chinese .block-parent .block-inner .block3 table th,
body.page-chinese .block-parent .block-inner .block3 table td,
body.page-korean .block-parent .block-inner .block1 table th,
body.page-korean .block-parent .block-inner .block1 table td,
body.page-korean .block-parent .block-inner .block2 table th,
body.page-korean .block-parent .block-inner .block2 table td,
body.page-korean .block-parent .block-inner .block3 table th,
body.page-korean .block-parent .block-inner .block3 table td {
  text-align: center;
  vertical-align: middle;
  border-right: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  padding: 10px 0;
}
body.page-english .block-parent .block-inner .block1 table th.thead, body.page-english .block-parent .block-inner .block1 table td.thead,
body.page-english .block-parent .block-inner .block2 table th.thead,
body.page-english .block-parent .block-inner .block2 table td.thead,
body.page-english .block-parent .block-inner .block3 table th.thead,
body.page-english .block-parent .block-inner .block3 table td.thead,
body.page-chinese .block-parent .block-inner .block1 table th.thead,
body.page-chinese .block-parent .block-inner .block1 table td.thead,
body.page-chinese .block-parent .block-inner .block2 table th.thead,
body.page-chinese .block-parent .block-inner .block2 table td.thead,
body.page-chinese .block-parent .block-inner .block3 table th.thead,
body.page-chinese .block-parent .block-inner .block3 table td.thead,
body.page-korean .block-parent .block-inner .block1 table th.thead,
body.page-korean .block-parent .block-inner .block1 table td.thead,
body.page-korean .block-parent .block-inner .block2 table th.thead,
body.page-korean .block-parent .block-inner .block2 table td.thead,
body.page-korean .block-parent .block-inner .block3 table th.thead,
body.page-korean .block-parent .block-inner .block3 table td.thead {
  background-color: #ffddff;
}
body.page-english .block-parent .block-inner .block1 table th.dot, body.page-english .block-parent .block-inner .block1 table td.dot,
body.page-english .block-parent .block-inner .block2 table th.dot,
body.page-english .block-parent .block-inner .block2 table td.dot,
body.page-english .block-parent .block-inner .block3 table th.dot,
body.page-english .block-parent .block-inner .block3 table td.dot,
body.page-chinese .block-parent .block-inner .block1 table th.dot,
body.page-chinese .block-parent .block-inner .block1 table td.dot,
body.page-chinese .block-parent .block-inner .block2 table th.dot,
body.page-chinese .block-parent .block-inner .block2 table td.dot,
body.page-chinese .block-parent .block-inner .block3 table th.dot,
body.page-chinese .block-parent .block-inner .block3 table td.dot,
body.page-korean .block-parent .block-inner .block1 table th.dot,
body.page-korean .block-parent .block-inner .block1 table td.dot,
body.page-korean .block-parent .block-inner .block2 table th.dot,
body.page-korean .block-parent .block-inner .block2 table td.dot,
body.page-korean .block-parent .block-inner .block3 table th.dot,
body.page-korean .block-parent .block-inner .block3 table td.dot {
  border-bottom: 1px solid #dadada;
}
body.page-english .block-parent .block-inner .block1 table thead td,
body.page-english .block-parent .block-inner .block2 table thead td,
body.page-english .block-parent .block-inner .block3 table thead td,
body.page-chinese .block-parent .block-inner .block1 table thead td,
body.page-chinese .block-parent .block-inner .block2 table thead td,
body.page-chinese .block-parent .block-inner .block3 table thead td,
body.page-korean .block-parent .block-inner .block1 table thead td,
body.page-korean .block-parent .block-inner .block2 table thead td,
body.page-korean .block-parent .block-inner .block3 table thead td {
  background-color: #ffddff;
}
body.page-english .block-parent .block-inner .block1 table th,
body.page-english .block-parent .block-inner .block2 table th,
body.page-english .block-parent .block-inner .block3 table th,
body.page-chinese .block-parent .block-inner .block1 table th,
body.page-chinese .block-parent .block-inner .block2 table th,
body.page-chinese .block-parent .block-inner .block3 table th,
body.page-korean .block-parent .block-inner .block1 table th,
body.page-korean .block-parent .block-inner .block2 table th,
body.page-korean .block-parent .block-inner .block3 table th {
  width: 210px;
  background-color: #f4f4f4;
}
body.page-english .block-parent .block-inner .block1 table th.pink,
body.page-english .block-parent .block-inner .block1 table td.pink,
body.page-english .block-parent .block-inner .block2 table th.pink,
body.page-english .block-parent .block-inner .block2 table td.pink,
body.page-english .block-parent .block-inner .block3 table th.pink,
body.page-english .block-parent .block-inner .block3 table td.pink,
body.page-chinese .block-parent .block-inner .block1 table th.pink,
body.page-chinese .block-parent .block-inner .block1 table td.pink,
body.page-chinese .block-parent .block-inner .block2 table th.pink,
body.page-chinese .block-parent .block-inner .block2 table td.pink,
body.page-chinese .block-parent .block-inner .block3 table th.pink,
body.page-chinese .block-parent .block-inner .block3 table td.pink,
body.page-korean .block-parent .block-inner .block1 table th.pink,
body.page-korean .block-parent .block-inner .block1 table td.pink,
body.page-korean .block-parent .block-inner .block2 table th.pink,
body.page-korean .block-parent .block-inner .block2 table td.pink,
body.page-korean .block-parent .block-inner .block3 table th.pink,
body.page-korean .block-parent .block-inner .block3 table td.pink {
  font-weight: bold;
  background-color: #ffddff;
}
body.page-english .block-parent .block-inner .block1 p.unit,
body.page-english .block-parent .block-inner .block2 p.unit,
body.page-english .block-parent .block-inner .block3 p.unit,
body.page-chinese .block-parent .block-inner .block1 p.unit,
body.page-chinese .block-parent .block-inner .block2 p.unit,
body.page-chinese .block-parent .block-inner .block3 p.unit,
body.page-korean .block-parent .block-inner .block1 p.unit,
body.page-korean .block-parent .block-inner .block2 p.unit,
body.page-korean .block-parent .block-inner .block3 p.unit {
  text-align: right;
  width: 920px;
  margin: 5px auto;
}
body.page-english .block-parent .banner-btm1,
body.page-chinese .block-parent .banner-btm1,
body.page-korean .block-parent .banner-btm1 {
  width:40%;
  display:inline-block;
  margin:0 20px;
}
body.page-english .block-parent .banner-btm2,
body.page-chinese .block-parent .banner-btm2,
body.page-korean .block-parent .banner-btm2 {
  width:84%;
  margin:30px auto 0;
}



/* 会社案内ページ */
body.page-company .block-parent {
  padding-top: 30px;
}
body.page-company .block-parent .tab {
  text-align: center;
  margin: 30px 0;
}
body.page-company .block-parent .tab li {
  display: inline-block;
  width: 390px;
}
body.page-company .block-parent .tab li a {
  display: block;
  background-color: #ddd;
  padding: 10px 0;
}
body.page-company .block-parent .tab li.active a,
body.page-company .block-parent .tab li a:hover {
  background-color: #003663;
}
body.page-company .block-parent .tab-content {
  padding-top: 30px;
}
body.page-company .block-parent .tab-content-1 .block1,
body.page-company .block-parent .tab-content-1 .block2,
body.page-company .block-parent .tab-content-1 .block3 {
  padding: 0 0 40px;
}
body.page-company .block-parent .tab-content-1 .block1 .inner,
body.page-company .block-parent .tab-content-1 .block2 .inner,
body.page-company .block-parent .tab-content-1 .block3 .inner {
  width: 1080px;
}
body.page-company .block-parent .tab-content-1 .block1 .inner .title-area,
body.page-company .block-parent .tab-content-1 .block2 .inner .title-area,
body.page-company .block-parent .tab-content-1 .block3 .inner .title-area {
  background-image: none;
  background-color: transparent;
  padding: 30px 0;
}
body.page-company .block-parent .tab-content-1 .block1 .inner .title-area .title,
body.page-company .block-parent .tab-content-1 .block2 .inner .title-area .title,
body.page-company .block-parent .tab-content-1 .block3 .inner .title-area .title {
  background-color: transparent;
  padding: 0;
}
body.page-company .block-parent .tab-content-1 .block1 .inner table th,
body.page-company .block-parent .tab-content-1 .block1 .inner table td,
body.page-company .block-parent .tab-content-1 .block2 .inner table th,
body.page-company .block-parent .tab-content-1 .block2 .inner table td,
body.page-company .block-parent .tab-content-1 .block3 .inner table th,
body.page-company .block-parent .tab-content-1 .block3 .inner table td {
  text-align: left;
  padding: 10px 60px;
}
body.page-company .block-parent .tab-content-1 .block1 .inner table th,
body.page-company .block-parent .tab-content-1 .block2 .inner table th,
body.page-company .block-parent .tab-content-1 .block3 .inner table th {
  width: 300px;
}

body.page-company .block-parent .tab-content-1 .block2 .inner img {
  /* width: 100%;*/
	margin-left:50px;
}

body.page-company .block-parent .tab-content-1 .block2 .inner table {
  /*width: 660px;*/
	width: auto;
}

body.page-company .block-parent .tab-content-1 .block2 .inner table th,
body.page-company .block-parent .tab-content-1 .block2 .inner table td {
/* text-align: center;*/
  line-height: 1.2;
/*  border: 1px solid #003663;*/
  padding: 10px 20px;
}

body.page-company .block-parent .tab-content-1 .block2 .inner table th span,
body.page-company .block-parent .tab-content-1 .block2 .inner table td span {
  margin-left: 10px;
}

@media screen and (min-width: 640px) {
	body.page-company .block-parent .tab-content-1 .block2 .inner table.table1 {
		display:none;
	}
}

body.page-company .block-parent .tab-content-1 .block2 .inner table.table1 {
  margin: 30px auto 10px;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table1 th {
  background-color: #003663;
  /*width: 50%;*/
  width: 8rem;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 {
  margin: 30px auto;
}

/*
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(1) th:nth-child(1) {
  border-top: 1px solid #003663;
  border-right: 0;
  border-bottom: 1px solid #003663;
  border-left: 1px solid #003663;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(1) th:nth-child(2) {
  border-top: 1px solid #003663;
  border-right: 1px solid #003663;
  border-bottom: 1px solid #003663;
  border-left: 0;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(1) td:nth-child(1) {
  border-top: 1px solid #003663;
  border-right: 0;
  border-bottom: 1px solid #003663;
  border-left: 1px solid #003663;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(1) td:nth-child(2) {
  border-top: 1px solid #003663;
  border-right: 1px solid #003663;
  border-bottom: 1px solid #003663;
  border-left: 0;
}
*/
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr th:nth-child(1){
    text-align: right;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr th:nth-child(2){
	text-align:left;
}   
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr td:nth-child(3){
	text-align:center;
    border-left: 1px solid #ccc;	
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr td:nth-child(4){
	text-align:left;
}   
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 th,
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 td {
    width: auto;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(1) th {
	background-color:#003663;
	color:#fff;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(1){
  border: 1px solid #02010C;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(3){
  border: 1px solid #ccc;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(4){
  border: 1px solid #ccc;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(5){
  border: 1px solid #ccc;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(6){
  border: 1px solid #ccc;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(7){
  border: 1px solid #ccc;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 tr:nth-child(8){
  border: 1px solid #ccc;
}
body.page-company .block-parent .tab-content-1 .block2 .inner table.table2 th {
  background-color:#eee;
}
body.page-company .block-parent .tab-content-1 .block3 .inner .tab {
  text-align: left;
  margin: 0 0 10px;
}
body.page-company .block-parent .tab-content-1 .block3 .inner .tab li {
  width: auto;
  margin-right: 20px;
}
body.page-company .block-parent .tab-content-1 .block3 .inner .tab li a {
  background-color: transparent;
}
body.page-company .block-parent .tab-content-2 .block1 .inner,
body.page-company .block-parent .tab-content-3 .block1 .inner {
  width: 1080px;
}
body.page-company .block-parent .tab-content-2 .block1 .inner .title-area,
body.page-company .block-parent .tab-content-3 .block1 .inner .title-area {
  background-image: none;
  background-color: transparent;
  padding: 30px 0;
}
body.page-company .block-parent .tab-content-2 .block1 .inner .title-area .title,
body.page-company .block-parent .tab-content-3 .block1 .inner .title-area .title {
  background-color: transparent;
  padding: 0;
}
body.page-company .block-parent .tab-content-2 .block2,
body.page-company .block-parent .tab-content-2 .block3,
body.page-company .block-parent .tab-content-2 .block4,
body.page-company .block-parent .tab-content-2 .block5,
body.page-company .block-parent .tab-content-2 .block6,
body.page-company .block-parent .tab-content-3 .block2,
body.page-company .block-parent .tab-content-3 .block3,
body.page-company .block-parent .tab-content-3 .block4,
body.page-company .block-parent .tab-content-3 .block5,
body.page-company .block-parent .tab-content-3 .block6 {
  padding: 20px 0 30px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner,
body.page-company .block-parent .tab-content-2 .block3 .inner,
body.page-company .block-parent .tab-content-2 .block4 .inner,
body.page-company .block-parent .tab-content-2 .block5 .inner,
body.page-company .block-parent .tab-content-2 .block6 .inner,
body.page-company .block-parent .tab-content-3 .block2 .inner,
body.page-company .block-parent .tab-content-3 .block3 .inner,
body.page-company .block-parent .tab-content-3 .block4 .inner,
body.page-company .block-parent .tab-content-3 .block5 .inner,
body.page-company .block-parent .tab-content-3 .block6 .inner {
  width: 1080px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner h3,
body.page-company .block-parent .tab-content-2 .block3 .inner h3,
body.page-company .block-parent .tab-content-2 .block4 .inner h3,
body.page-company .block-parent .tab-content-2 .block5 .inner h3,
body.page-company .block-parent .tab-content-2 .block6 .inner h3,
body.page-company .block-parent .tab-content-3 .block2 .inner h3,
body.page-company .block-parent .tab-content-3 .block3 .inner h3,
body.page-company .block-parent .tab-content-3 .block4 .inner h3,
body.page-company .block-parent .tab-content-3 .block5 .inner h3,
body.page-company .block-parent .tab-content-3 .block6 .inner h3 {
  background-color: #003663;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 40px;
  margin: 0 auto 20px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner h3 strong,
body.page-company .block-parent .tab-content-2 .block3 .inner h3 strong,
body.page-company .block-parent .tab-content-2 .block4 .inner h3 strong,
body.page-company .block-parent .tab-content-2 .block5 .inner h3 strong,
body.page-company .block-parent .tab-content-2 .block6 .inner h3 strong,
body.page-company .block-parent .tab-content-3 .block2 .inner h3 strong,
body.page-company .block-parent .tab-content-3 .block3 .inner h3 strong,
body.page-company .block-parent .tab-content-3 .block4 .inner h3 strong,
body.page-company .block-parent .tab-content-3 .block5 .inner h3 strong,
body.page-company .block-parent .tab-content-3 .block6 .inner h3 strong {
  margin-right: 20px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner .table-cover,
body.page-company .block-parent .tab-content-2 .block3 .inner .table-cover,
body.page-company .block-parent .tab-content-2 .block4 .inner .table-cover,
body.page-company .block-parent .tab-content-2 .block5 .inner .table-cover,
body.page-company .block-parent .tab-content-2 .block6 .inner .table-cover,
body.page-company .block-parent .tab-content-3 .block2 .inner .table-cover,
body.page-company .block-parent .tab-content-3 .block3 .inner .table-cover,
body.page-company .block-parent .tab-content-3 .block4 .inner .table-cover,
body.page-company .block-parent .tab-content-3 .block5 .inner .table-cover,
body.page-company .block-parent .tab-content-3 .block6 .inner .table-cover {
  padding: 20px 0;
  margin-bottom: 20px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner .table-cover table,
body.page-company .block-parent .tab-content-2 .block3 .inner .table-cover table,
body.page-company .block-parent .tab-content-2 .block4 .inner .table-cover table,
body.page-company .block-parent .tab-content-2 .block5 .inner .table-cover table,
body.page-company .block-parent .tab-content-2 .block6 .inner .table-cover table,
body.page-company .block-parent .tab-content-3 .block2 .inner .table-cover table,
body.page-company .block-parent .tab-content-3 .block3 .inner .table-cover table,
body.page-company .block-parent .tab-content-3 .block4 .inner .table-cover table,
body.page-company .block-parent .tab-content-3 .block5 .inner .table-cover table,
body.page-company .block-parent .tab-content-3 .block6 .inner .table-cover table {
  float: left;
  width: 600px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block2 .inner .table-cover table td,
body.page-company .block-parent .tab-content-2 .block3 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block3 .inner .table-cover table td,
body.page-company .block-parent .tab-content-2 .block4 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block4 .inner .table-cover table td,
body.page-company .block-parent .tab-content-2 .block5 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block5 .inner .table-cover table td,
body.page-company .block-parent .tab-content-2 .block6 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block6 .inner .table-cover table td,
body.page-company .block-parent .tab-content-3 .block2 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block2 .inner .table-cover table td,
body.page-company .block-parent .tab-content-3 .block3 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block3 .inner .table-cover table td,
body.page-company .block-parent .tab-content-3 .block4 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block4 .inner .table-cover table td,
body.page-company .block-parent .tab-content-3 .block5 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block5 .inner .table-cover table td,
body.page-company .block-parent .tab-content-3 .block6 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block6 .inner .table-cover table td {
  text-align: left;
  vertical-align: middle;
  padding: 10px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block3 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block4 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block5 .inner .table-cover table th,
body.page-company .block-parent .tab-content-2 .block6 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block2 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block3 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block4 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block5 .inner .table-cover table th,
body.page-company .block-parent .tab-content-3 .block6 .inner .table-cover table th {
  text-align: center;
  width: 100px;
}
body.page-company .block-parent .tab-content-2 .block2 .inner .table-cover .map,
body.page-company .block-parent .tab-content-2 .block3 .inner .table-cover .map,
body.page-company .block-parent .tab-content-2 .block4 .inner .table-cover .map,
body.page-company .block-parent .tab-content-2 .block5 .inner .table-cover .map,
body.page-company .block-parent .tab-content-2 .block6 .inner .table-cover .map,
body.page-company .block-parent .tab-content-3 .block2 .inner .table-cover .map,
body.page-company .block-parent .tab-content-3 .block3 .inner .table-cover .map,
body.page-company .block-parent .tab-content-3 .block4 .inner .table-cover .map,
body.page-company .block-parent .tab-content-3 .block5 .inner .table-cover .map,
body.page-company .block-parent .tab-content-3 .block6 .inner .table-cover .map {
  float: right;
  width: 400px;
  background-color: #fff;
}
body.page-company .block-parent .tab-content-3 .block2 .inner,
body.page-company .block-parent .tab-content-3 .block3 .inner {
  width: 1080px;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover {
  padding: 0 0 30px;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover h3,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover h3 {
  text-align: center;
  background-color: transparent;
  width: auto;
  padding: 0;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover h3 strong,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover h3 strong {
  display: block;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover .desc,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover .desc {
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
  margin-bottom: 30px;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover .text,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover .text {
  float: left;
  width: 460px;
  padding: 10px 0 0 40px;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover .image,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover .image {
  float: right;
  text-align: center;
  background-color: #fff;
  width: 540px;
  margin-right: 40px;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover .image.image-height,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover .image.image-height {
  padding: 30px 0;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover ul,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover ul {
  clear: both;
  font-size: 0;
  text-align: center;
  width: 100%;
  padding: 20px 30px 0;
}
body.page-company .block-parent .tab-content-3 .block2 .inner .cover ul li,
body.page-company .block-parent .tab-content-3 .block3 .inner .cover ul li {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  width: 320px;
  padding: 20px 0;
  margin: 0 10px;
}

/* 採用ページ */
body.page-recruit .block1 {
  margin: 45px 0 0;
}
body.page-recruit .block1 .title-area {
  text-align: center;
  margin-bottom: 30px;
}
body.page-recruit .block1 .title-area .title {
  display: inline-block;
  background-color: #fff;
  padding: 0 20px;
}
body.page-recruit .block1 .catch {
  position: relative;
  width: 1080px;
  height: 300px;
  margin: 0 auto;
}
body.page-recruit .block1 .catch img {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 99;
}
body.page-recruit .block1 .inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #bee4f9;
  width: auto;
  padding: 100px 0 50px;
  margin-top: -60px;
}
body.page-recruit .block1 .inner .content-area {
  width: 1080px;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 30px;
  margin: 0 auto;
}
body.page-recruit .block1 .inner .content-area h2 {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-line.png) repeat-x left center;
  margin-bottom: 30px;
}
body.page-recruit .block1 .inner .content-area h2 span {
  display: inline-block;
  background-color: #fff;
  padding: 10px 40px;
}
body.page-recruit .block1 .inner .content-area .entry-body {
  text-align: left;
  width: 880px;
  margin: 0 auto 40px;
}
body.page-recruit .block1 .inner .content-area .entry-body p {
  margin: 10px 0;
}

/* 安全運行ページ、個人情報保護ページ */
body.page-safety .block1,
body.page-privacy .block1 {
  padding-top: 30px;
}
body.page-safety .block1 .inner .content-area,
body.page-privacy .block1 .inner .content-area {
  padding: 30px 100px 30px;
  margin: 0 auto;
}
body.page-safety .block1 .inner .content-area h2,
body.page-privacy .block1 .inner .content-area h2 {
  text-align: left;
}
body.page-safety .block1 .inner .content-area .safety,
body.page-privacy .block1 .inner .content-area .safety {
  text-align: left;
  padding-bottom: 30px;
}
body.page-safety .block1 .inner .content-area .safety p,
body.page-privacy .block1 .inner .content-area .safety p {
  margin: 20px 0;
}
body.page-safety .block1 .inner .content-area .privacy,
body.page-privacy .block1 .inner .content-area .privacy {
  text-align: left;
  padding-bottom: 30px;
}
body.page-safety .block1 .inner .content-area .privacy p,
body.page-privacy .block1 .inner .content-area .privacy p {
  margin: 20px 0;
}
body.page-safety .block1 .inner .content-area .privacy ul,
body.page-privacy .block1 .inner .content-area .privacy ul {
  display: inline-block;
  margin-left: 30px;
}
body.page-safety .block1 .inner .content-area .privacy ul li,
body.page-privacy .block1 .inner .content-area .privacy ul li {
  display: list-item;
  text-align: left;
  list-style-type: disc;
  padding: 3px 0 3px 10px;
  margin: 20px 0;
}

/* 過ごし方ページ */
body.page-spend .visual .main-visual {
  position: relative;
  min-width: 1180px;
  max-width: 1280px;
  margin: 0 auto;
}
body.page-spend .visual .main-visual img {
  vertical-align: top;
}
body.page-spend .visual .main-visual .title-area {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 400px;
  height: 100%;
}
body.page-spend .visual .main-visual .title-area h1 {
  position: absolute;
  top: 130px;
  right: auto;
  bottom: auto;
  left: 90px;
  z-index: 4;
}
body.page-spend .visual .main-visual .title-area .pic {
  position: absolute;
  top: auto;
  right: -60px;
  bottom: 0;
  left: auto;
  z-index: 3;
}
body.page-spend .visual .main-visual .title-area .image,
body.page-spend .visual .main-visual .title-area .image1,
body.page-spend .visual .main-visual .title-area .image2,
body.page-spend .visual .main-visual .title-area .image3 {
  z-index: 2;
}
body.page-spend .block-desc {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png);
}
body.page-spend .block-desc .inner {
  padding: 34px 0;
}
body.page-spend .block-desc .label {
  position: absolute;
  top: 50px;
  right: auto;
  bottom: auto;
  left: -20px;
  text-align: center;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  width: 160px;
  padding: 3px 0;
}
body.page-spend .block-desc .caution {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: auto;
  left: auto;
}
body.page-spend .block-spend {
  min-height: 500px;
  padding-top: 40px;
}
body.page-spend .block-spend .text-area {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: auto;
  left: auto;
  background-color: #fff;
  -moz-box-shadow: #787878 0 0 10px;
  -webkit-box-shadow: #787878 0 0 10px;
  box-shadow: #787878 0 0 10px;
  width: 530px;
  padding: 12px;
  z-index: 4;
}
body.page-spend .block-spend .text-area .text-inner-area {
  position: relative;
  text-align: center;
  border: 3px dotted #ccc;
  padding: 45px 10px 20px;
}
body.page-spend .block-spend .text-area .text-inner-area .label {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: -15px;
  text-align: center;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  width: 150px;
  padding: 3px 0;
}
body.page-spend .block-spend .text-area .text-inner-area h3 {
  margin-bottom: 20px;
}
body.page-spend .block-spend .text-area .text-inner-area p {
  text-align: left;
}
body.page-spend .block-spend .image-area {
  position: absolute;
  top: -10px;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 4;
}
body.page-spend .block-spend .back-image1,
body.page-spend .block-spend .back-image2,
body.page-spend .block-spend .back-image3,
body.page-spend .block-spend .back-image4,
body.page-spend .block-spend .back-image5,
body.page-spend .block-spend .back-image6,
body.page-spend .block-spend .back-image7,
body.page-spend .block-spend .back-image8,
body.page-spend .block-spend .back-image9,
body.page-spend .block-spend .back-image10 {
  z-index: 3;
}
body.page-spend .block-2 .text-area,
body.page-spend .block-4 .text-area,
body.page-spend .block-6 .text-area,
body.page-spend .block-8 .text-area,
body.page-spend .block-10 .text-area {
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 0;
}
body.page-spend .block-2 .image-area,
body.page-spend .block-4 .image-area,
body.page-spend .block-6 .image-area,
body.page-spend .block-8 .image-area,
body.page-spend .block-10 .image-area {
  position: absolute;
  top: -10px;
  right: 0;
  bottom: auto;
  left: auto;
}
body.page-spend .block-spot {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png);
  margin-top: 40px;
  z-index: 10;
}
body.page-spend .block-spot h3 {
  text-align: center;
  padding: 15px 0;
}
body.page-spend .block-spot .inner {
  padding: 30px 0;
}
body.page-spend .block-spot .inner ul li {
  float: left;
  text-align: center;
  width: 250px;
  height: 260px;
  margin-left: 60px;
}
body.page-spend .block-spot .inner ul li:first-child, body.page-spend .block-spot .inner ul li.m0 {
  margin-left: 0;
}
body.page-spend .block-spot .inner ul li p {
  margin-top: 10px;
}
body.page-spend .spend-green .visual .main-visual .title-area {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/green/title-bg.png);
}
body.page-spend .spend-green.spend-rishiri .main-visual .title-area .image {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 20px;
}
body.page-spend .spend-green.spend-rishiri .block-desc, body.page-spend .spend-green.spend-rishiri .block-2, body.page-spend .spend-green.spend-rishiri .block-4, body.page-spend .spend-green.spend-rishiri .block-6, body.page-spend .spend-green.spend-rishiri .block-8, body.page-spend .spend-green.spend-rishiri .block-10 {
  background-color: #fde1e8;
}
body.page-spend .spend-green.spend-rebun .main-visual .title-area .image {
  position: absolute;
  top: -70px;
  right: auto;
  bottom: auto;
  left: 0;
}
body.page-spend .spend-green.spend-rebun .block-desc, body.page-spend .spend-green.spend-rebun .block-2, body.page-spend .spend-green.spend-rebun .block-4, body.page-spend .spend-green.spend-rebun .block-6, body.page-spend .spend-green.spend-rebun .block-8, body.page-spend .spend-green.spend-rebun .block-10 {
  background-color: #f9eaf7;
}
body.page-spend .spend-green.spend-okushiri .block-desc, body.page-spend .spend-green.spend-okushiri .block-2, body.page-spend .spend-green.spend-okushiri .block-4, body.page-spend .spend-green.spend-okushiri .block-6, body.page-spend .spend-green.spend-okushiri .block-8, body.page-spend .spend-green.spend-okushiri .block-10 {
  background-color: #d3efe2;
}
body.page-spend .spend-green.spend-okushiri .main-visual .title-area .image {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: -5px;
}
body.page-spend .spend-green .block-spot {
  background-color: #f4edde;
}
body.page-spend .spend-green .block-spot h3 {
  background-color: #f4edde;
}
body.page-spend .spend-green .back-image1 {
  position: absolute;
  top: -30px;
  right: -100px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-green .back-image2 {
  position: absolute;
  top: -80px;
  right: auto;
  bottom: auto;
  left: -100px;
}
body.page-spend .spend-green .back-image3 {
  position: absolute;
  top: -90px;
  right: -80px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-green .back-image4 {
  position: absolute;
  top: -100px;
  right: auto;
  bottom: auto;
  left: -200px;
}
body.page-spend .spend-green .back-image5 {
  position: absolute;
  top: -100px;
  right: -100px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-green .back-image6 {
  position: absolute;
  top: -100px;
  right: -200px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .visual .main-visual .title-area {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/fall/title-bg.png);
}
body.page-spend .spend-fall .visual .main-visual .title-area .image {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 0;
}
body.page-spend .spend-fall .block-desc {
  background-color: #fae9d0;
}
body.page-spend .spend-fall .block-2,
body.page-spend .spend-fall .block-4,
body.page-spend .spend-fall .block-6,
body.page-spend .spend-fall .block-8,
body.page-spend .spend-fall .block-10 {
  background-color: #d6c1a3;
}
body.page-spend .spend-fall .block-spot {
  background-color: #fae9d0;
}
body.page-spend .spend-fall .block-spot h3 {
  background-color: #fae9d0;
}
body.page-spend .spend-fall .back-image1 {
  position: absolute;
  top: 30px;
  right: -160px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .back-image2 {
  position: absolute;
  top: -80px;
  right: auto;
  bottom: auto;
  left: -120px;
}
body.page-spend .spend-fall .back-image3 {
  position: absolute;
  top: -90px;
  right: -200px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .back-image4 {
  position: absolute;
  top: -100px;
  right: auto;
  bottom: auto;
  left: -250px;
}
body.page-spend .spend-fall .back-image5 {
  position: absolute;
  top: -250px;
  right: -300px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .icon1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -10px;
  left: -10px;
}
body.page-spend .spend-fall .icon2 {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .icon3 {
  position: absolute;
  top: auto;
  right: -30px;
  bottom: -40px;
  left: auto;
}
body.page-spend .spend-fall .icon4 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -50px;
  left: -40px;
}
body.page-spend .spend-fall .icon5 {
  position: absolute;
  top: -20px;
  right: -10px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .icon6 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -30px;
  left: -30px;
}
body.page-spend .spend-fall .icon7 {
  position: absolute;
  top: -20px;
  right: -10px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-fall .icon8 {
  position: absolute;
  top: auto;
  right: -20px;
  bottom: -40px;
  left: auto;
}
body.page-spend .spend-fall .icon9 {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .visual .main-visual .title-area {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/winter/title-bg.png);
}
body.page-spend .spend-winter .visual .main-visual .title-area .image {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 0;
}
body.page-spend .spend-winter .block-desc {
  background-color: #def4f3;
}
body.page-spend .spend-winter .block-2,
body.page-spend .spend-winter .block-4,
body.page-spend .spend-winter .block-6,
body.page-spend .spend-winter .block-8,
body.page-spend .spend-winter .block-10 {
  background-color: #def4f3;
}
body.page-spend .spend-winter .block-spot {
  background-color: #def4f3;
}
body.page-spend .spend-winter .block-spot h3 {
  background-color: #def4f3;
}
body.page-spend .spend-winter .back-image1 {
  position: absolute;
  top: 30px;
  right: -200px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .back-image2 {
  position: absolute;
  top: -80px;
  right: auto;
  bottom: auto;
  left: -180px;
}
body.page-spend .spend-winter .back-image3 {
  position: absolute;
  top: -90px;
  right: -200px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .back-image4 {
  position: absolute;
  top: -100px;
  right: auto;
  bottom: auto;
  left: -150px;
}
body.page-spend .spend-winter .back-image5 {
  position: absolute;
  top: -50px;
  right: -300px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .icon1 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -20px;
  left: -20px;
}
body.page-spend .spend-winter .icon2 {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .icon3 {
  position: absolute;
  top: auto;
  right: -30px;
  bottom: -50px;
  left: auto;
}
body.page-spend .spend-winter .icon4 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -30px;
  left: -30px;
}
body.page-spend .spend-winter .icon5 {
  position: absolute;
  top: -30px;
  right: -30px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .icon6 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -30px;
  left: -30px;
}
body.page-spend .spend-winter .icon7 {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-winter .icon8 {
  position: absolute;
  top: auto;
  right: -40px;
  bottom: -40px;
  left: auto;
}
body.page-spend .spend-winter .icon9 {
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: auto;
  left: auto;
}
body.page-spend .spend-rishiri .block-desc .label {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/label-rishiri.png);
}
body.page-spend .spend-rishiri .block-spend .text-area .text-inner-area {
  border-color: #eea0c4;
}
body.page-spend .spend-rishiri .block-spend .text-area .text-inner-area .label {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/label-rishiri.png);
}
body.page-spend .spend-rebun .block-desc .label {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/label-rebun.png);
}
body.page-spend .spend-rebun .block-spend .text-area .text-inner-area {
  border-color: #b699c7;
}
body.page-spend .spend-rebun .block-spend .text-area .text-inner-area .label {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/label-rebun.png);
}
body.page-spend .spend-okushiri .block-desc .label {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/label-okushiri.png);
}
body.page-spend .spend-okushiri .block-spend .text-area .text-inner-area {
  border-color: #26a172;
}
body.page-spend .spend-okushiri .block-spend .text-area .text-inner-area .label {
  background: url(/wp/wp-content/themes/heartlandferry/img/spend/label-okushiri.png);
}

/* おすすめルート */
body.page-route .block1 {
  padding-top: 40px;
}
body.page-route .block1 .title-area {
  margin-bottom: 40px;
}
body.page-route .block1 .inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern8.png) #bee4f9;
  width: auto;
  padding: 40px 0;
}
body.page-route .block1 .inner .content-area {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 1180px;
  padding: 40px 30px;
  margin: 0 auto;
}
body.page-route .block1 .inner .content-area .pop-title {
  clear: both;
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-line.png) repeat-x left center;
  padding: 20px 0;
  margin-bottom: 10px;
}
body.page-route .block1 .inner .content-area .pop-title span {
  display: inline-block;
  background-color: #fff;
  padding: 14px 20px;
}
body.page-route .block1 .inner .content-area .outline {
  padding-bottom: 20px;
}
body.page-route .block1 .inner .content-area .outline img {
  float: left;
  margin: 0 30px 30px 0;
}
body.page-route .block1 .inner .content-area .outline p {
  padding-top: 10px;
}
body.page-route .block1 .inner .content-area .route-area {
  float: left;
  text-align: center;
  width: 340px;
}
body.page-route .block1 .inner .content-area .route-area .route-car {
  background: url(/wp/wp-content/themes/heartlandferry/img/route/icon-car.png) no-repeat center 20px #d1eaca;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 90px 20px 20px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner {
  background: url(/wp/wp-content/themes/heartlandferry/img/route/vline-car.png) repeat-y center top;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot {
  position: relative;
  background-color: #1d530f;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 18px 20px;
  margin-bottom: 40px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance {
  position: relative;
  display: inline-block;
  background-color: #91cc81;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 220px;
  padding: 14px 20px;
  margin-bottom: 40px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance .check {
  left: 266px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .terminal {
  position: relative;
  background: url(/wp/wp-content/themes/heartlandferry/img/route/icon-logo.png) no-repeat center 14px #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #003663;
  padding: 84px 10px 14px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: 306px;
  background: url(/wp/wp-content/themes/heartlandferry/img/route/arrow-check.png) no-repeat left center;
  width: 798px;
  padding-left: 37px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner {
  background-color: #efece0;
  padding: 10px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner .image {
  float: left;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner .check-comment {
  float: right;
  text-align: left;
  width: 380px;
  padding-top: 10px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner .check-comment h3 {
  margin-bottom: 10px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .check .check-inner hr {
  clear: both;
  border-top: 1px dotted #000;
  height: 1px;
  margin: 10px 0;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot.mb1,
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance.mb1 {
  margin-bottom: 80px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot.mb2,
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance.mb2 {
  margin-bottom: 230px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot.mb3,
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance.mb3 {
  margin-bottom: 280px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot.mb4,
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance.mb4 {
  margin-bottom: 90px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .spot.mb5,
body.page-route .block1 .inner .content-area .route-area .route-car .route-inner .distance.mb5 {
  margin-bottom: 200px;
}
body.page-route .block1 .inner .content-area .route-area .route-car .route-accout {
  display: inline-block;
  text-align: left;
  background-color: #91cc81;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 14px 20px;
  margin-top: 20px;
}
body.page-route .block1 .inner .content-area .route-area .route-ferry {
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/route/icon-ferry.png) no-repeat 10px 20px;
}
body.page-route .block1 .inner .content-area .route-area .route-ferry .route-inner {
  display: inline-block;
  background: url(/wp/wp-content/themes/heartlandferry/img/route/vline-ferry.png) repeat-y center top;
  padding: 80px 10px 0;
}
body.page-route .block1 .inner .content-area .route-area .route-ferry .route-inner .distance {
  display: inline-block;
  background-color: #bee4f9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 14px 20px;
  margin-bottom: 60px;
}
body.page-route .block1 .inner .content-area .route-area .route-ferry .route-inner .island {
  background: url(/wp/wp-content/themes/heartlandferry/img/route/arrow-ferry.png) no-repeat center top #fff;
  padding-top: 30px;
}
body.page-route .block1 .inner .content-area .route-area .route-ferry .route-inner .island .goal {
  background-color: #003663;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 14px 20px;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check1 .check {
  bottom: 0;
  background-position: left 92%;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check2 .check {
  top: -106px;
  background-position: left center;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check3 .check {
  top: -106px;
  background-position: left center;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check4 .check {
  bottom: 0;
  background-position: left 92%;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check5 .check {
  bottom: 0;
  background-position: left 88%;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check6 .check {
  top: -246px;
  background-position: left center;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-car .route-inner .check7 .check {
  top: 0;
  background-position: left 8%;
}
body.page-route .block1 .inner .content-area .route-area.route1 .route-ferry {
  background-position: center 20px;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-car .route-inner .check1 .check {
  bottom: 0;
  background-position: left 92%;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-car .route-inner .check2 .check {
  top: -20px;
  background-position: left 16%;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-car .route-inner .check3 .check {
  top: -20px;
  background-position: left 16%;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-car .route-inner .check4 .check {
  top: -120px;
  background-position: left 160px;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-car .route-inner .check5 .check {
  top: -50px;
  background-position: left 28%;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-car .route-inner .check6 .check {
  top: 0;
  background-position: left 20%;
}
body.page-route .block1 .inner .content-area .route-area.route2 .route-ferry {
  background-position: 20px 10px;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-car .route-inner .check1 .check {
  bottom: 0;
  background-position: left 92%;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-car .route-inner .check2 .check {
  top: -250px;
  background-position: left center;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-car .route-inner .check3 .check {
  top: 0;
  background-position: left 8%;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-car .route-inner .check4 .check {
  top: 0;
  background-position: left 8%;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-car .route-inner .check5 .check {
  top: -50px;
  background-position: left 25%;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-car .route-inner .check6 .check {
  top: 0;
  background-position: left 20%;
}
body.page-route .block1 .inner .content-area .route-area.route3 .route-ferry {
  background-position: 20px 10px;
}
body.page-route .block1 .inner .content-area .check-area {
  float: right;
  text-align: center;
  width: 738px;
  padding-top: 10px;
}

/* オリジナルグッズ */
body.page-goods .block1 {
  padding-top: 30px;
}
body.page-goods .block1 .title-area {
  margin-bottom: 30px;
}
body.page-goods .block1 .inner {
  text-align: center;
  border: 1px solid #ddd;
  padding: 30px 30px 0;
}
body.page-goods .block1 .inner .basic-title {
  margin-bottom: 20px;
}
body.page-goods .block1 .inner .content-area {
  text-align: left;
  padding: 20px 100px 60px;
}
body.page-goods .block1 .inner .content-area .image-area {
  float: left;
}
body.page-goods .block1 .inner .content-area .text-area {
  float: right;
  width: 560px;
}
body.page-goods .block1 .inner .content-area .text-area .desc {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/goods/dot.png) repeat-x left bottom;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
body.page-goods .block1 .inner .content-area .text-area .remark {
  background-color: #eee;
  padding: 8px 14px;
  margin-top: 20px;
}

/* 404ページ */
body.page-notfound .pattern {
  background: url(/wp/wp-content/themes/heartlandferry/img/company/bg-title.png);
  height: 100px;
}
body.page-notfound .block-404 {
  overflow: hidden;
  background-color: #7bc1e7;
}
body.page-notfound .block-404 .wave-btm {
  background: url(/wp/wp-content/themes/heartlandferry/img/index/wave-btm.png) repeat-x center bottom;
  height: 70px;
  z-index: 2;
}
body.page-notfound .block-404 .inner {
  position: relative;
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-pattern1.png);
  padding: 80px 0 150px;
}
body.page-notfound .block-404 .inner .back-image1 {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: -10px;
  left: auto;
  z-index: 1;
}
body.page-notfound .block-404 .inner .back-image2 {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: -20px;
  z-index: 3;
}
body.page-notfound .block-404 .inner h1 {
  margin-bottom: 10px;
}
body.page-notfound .block-404 .inner h2 {
  margin-bottom: 20px;
}
body.page-notfound .block-404 .inner a {
  display: block;
  text-align: center;
  background-color: #0a1582;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  width: 230px;
  padding: 5px 0;
  margin: 20px auto 0;
}
/*---------------------------------------------------------------------*/
/* 予約状況ページ */
body.page-reserve #mCont {
  width: 1180px;
  margin: 0 auto;
}
body.page-reserve #mCont .head {
  position: relative;
  text-align: center;
  background: url(/wp/wp-content/themes/heartlandferry/img/common/bg-basic-line.png) repeat-x left center;
  padding: 0;
}
body.page-reserve #mCont .head a {
  position: absolute;
  top: -100px;
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
}
body.page-reserve #mCont .head h3.bkgHead {
  display: inline-block;
  background-color: #fff;
  padding: 40px 20px;
}
body.page-reserve #mCont .Content {
  width: 1080px;
  text-align: center;
  margin: 0 auto;
}
body.page-reserve #mCont .Content .joukyou {
  display: inline-block;
  margin-bottom: 10px;
}
body.page-reserve #mCont .Content .date {
  margin-bottom: 50px;
}
body.page-reserve #mCont .Content .wrap .contL, body.page-reserve #mCont .Content .wrap .contR, body.page-reserve #mCont .Content .wrap .contF {
  float: left;
}
body.page-reserve #mCont .Content .wrap .contL h4, body.page-reserve #mCont .Content .wrap .contR h4, body.page-reserve #mCont .Content .wrap .contF h4 {
  text-align: left;
  margin-bottom: 10px;
}
body.page-reserve #mCont .Content .wrap .contL table, body.page-reserve #mCont .Content .wrap .contR table, body.page-reserve #mCont .Content .wrap .contF table {
  float: left;
  width: 240px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 40px 40px;
}
body.page-reserve #mCont .Content .wrap .contL table:nth-of-type(1), body.page-reserve #mCont .Content .wrap .contR table:nth-of-type(1), body.page-reserve #mCont .Content .wrap .contF table:nth-of-type(1) {
  margin-left: 0;
}
body.page-reserve #mCont .Content .wrap .contL table th, body.page-reserve #mCont .Content .wrap .contL table td, body.page-reserve #mCont .Content .wrap .contR table th, body.page-reserve #mCont .Content .wrap .contR table td, body.page-reserve #mCont .Content .wrap .contF table th, body.page-reserve #mCont .Content .wrap .contF table td {
  text-align: center;
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.page-reserve #mCont .Content .wrap .contL table th, body.page-reserve #mCont .Content .wrap .contR table th, body.page-reserve #mCont .Content .wrap .contF table th {
  background-color: #ffddff;
}
body.page-reserve #mCont .Content .wrap .contL {
  margin-right: 40px;
}
td.dept_time_td {width:132px;font-weight:bold;background-color:#dcdcdc;}
td.ferry_nm_td {width:108px;font-weight:bold;background-color:#dcdcdc;font-size:70%;}
td.zan_kbn_nm_td {text-align:left;}
body.page-status #mCont .Content .wrap .contL table td.zan_kbn_nm_td {
	text-align:left;font-size:80%;padding-left:15px;
}
body.page-status #mCont .Content .wrap .contR table td.zan_kbn_nm_td {
	text-align:left;font-size:80%;padding-left:15px;
}
body.page-status #mCont .Content .wrap .contL table td.ferry_nm_td {
  text-align: left;font-size:70%;font-weight:normal;
}
body.page-status #mCont .Content .wrap .contR table td.ferry_nm_td {
  text-align: left;font-size:70%;font-weight:normal;
}

body.page-reserve #mCont .Content .date_2 {
  margin-bottom: 10px;
}
body.page-reserve #mCont .Content .unkyuu strong {
  color: #003663;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
body.page-reserve #mCont .Content .unkyuu {
  display: inline-block;
  margin-bottom: 30px;
}
body.page-reserve #mCont .Content .wrap .contL table td.time_td, body.page-reserve #mCont .Content .wrap .contR table td.time_td, body.page-reserve #mCont .Content .wrap .contF table td.time_td {
  width: 55%;
}
body.page-reserve #mCont .Content .wrap .contL table td.kbn_td, body.page-reserve #mCont .Content .wrap .contR table td.kbn_td, body.page-reserve #mCont .Content .wrap .contF table td.kbn_td {
  width: 45%;
}
body.page-reserve #mCont .Content .wrap span.operating {
  display: inline-block;
  padding: 3px 7px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
}
body.page-reserve #mCont .Content .wrap span.canceled {
  display: inline-block;
  padding: 3px 7px;
  background-color: red;
  color: white;
}
body.page-reserve #mCont .Content .wrap span.conditional {
  display: inline-block;
  padding: 3px 7px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
}
body.page-reserve #mCont .Content .wrap span.survey {
  display: inline-block;
  padding: 3px 7px;
  background-color: #FFCC33;
}
body.page-reserve #mCont .Content .wrap span.extra {
  display: inline-block;
  padding: 3px 7px;
  background-color: #33CCFF;
}
body.page-reserve #mCont hr.unk_plan_hr {
  height: 3px;
  background-color: gray;
  border: none;
}
body.page-reserve #mCont .unk_plan_div {
  width: 1080px;
  text-align: left;
  margin: 0 auto;
}
body.page-reserve #mCont .unk_plan_div h4.unk_plan_h4 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
body.page-reserve #mCont .unk_plan_div .unk_plan {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 40px;
  font-size: 14pt;
  text-align:left;
}
#flatpickr {text-align:center; width:130px;}
/*---------------------------------------------------------------------*/




@media (max-width: 1024px) {
  /* Base */
  body {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
  }

  /* Layout */
  /* Pages */
}