@charset "utf-8";
/*
Theme Name: scheduleboard-child
Template: scheduleboard
Version: 202111231018
*/

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

 共通
 
-------------------------------------------- */
body {
	font-size: 15px;
	font-weight: 500;
}

.slick-track { overflow: hidden }/* スライダー　アニメーション時はみ出る部分は非表示 */

#header_logo .logo a span { /* ヘッダーロゴ */
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight:500;
	color: #000;
}

#contents_builder {
    padding-bottom: 0; /* TOPへ戻るスクロールボタン上の余白調整 */
}

#return_top a {
	border-bottom: 1px solid #ddd; /* TOPへ戻るスクロールボタン */
}

.widget_headline {
    background: #0068B7; /* ウィジェット　タイトル帯 */
}

h3.headline span { /* TOPページ H3サブ見出し */
    letter-spacing: 2px;
}

.q_custom_button1,
.q_custom_button2,
.q_custom_button3 {
    font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

span.blue {
	color: #0068b7;
}
span.red {
	color: #db4839;
}

#article .post_content { /* ブログ・固定ページの本文テキスト */
	font-weight: 500;
}

/*
 フリースペース見出しタイトル（H3）
*/
.index_free_space .headline {
	font-size:38px;
	color:#000000;
}
.index_free_space .headline {
	text-align:center;
	line-height:1.6;
	margin:-10px 0 50px 0;
	font-size:38px;
}
.index_free_space .headline span {
	font-size:18px;
	display:block;
}
.index_free_space .headline i.fa-lightbulb {
    margin-right: 10px;
}


/*
 フッターバーのアイコン設定（モバイル端末専用）
*/
/* 共通 */
.dp-footer-bar-item .dp-footer-bar-icon:before {
	font-family: "Font Awesome 5 Free";	
}

/* お知らせ */
.dp-footer-bar-item:nth-child(1) .dp-footer-bar-icon:before {
	content: "\f21a";
	font-weight: 600;
	font-size: 15px;
    margin-bottom: 0.6em;
}

/* スケジュール */
.dp-footer-bar-item:nth-child(2) .dp-footer-bar-icon:before {
	content: "\f274";	
}

/* ご乗船までの流れ */
.dp-footer-bar-item:nth-child(3) .dp-footer-bar-icon:before {
	content: "\f13d";
	font-weight: 600;
}

/* お問い合わせ */
.dp-footer-bar-item:nth-child(4) .dp-footer-bar-icon:before {
	font-size: 20px;
	font-weight: normal;
    font-family: 'Material Icons Round';
    content: '\e0cd';
	margin-bottom: 0.2em;
}


@media only screen and (max-width: 750px) {
	/*
	 フリースペース見出しタイトル（H3）
	*/
  .index_free_space .headline {
	  font-size:22px;
	}
  .index_free_space .headline span {
	  font-size:12px;
	}
	.index_free_space .headline {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 500px) {
	#gallery-1 .gallery-item {
		width: 100%!important;
		max-width: 100%;
		margin-bottom: 0;
	}
}

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

 ナビゲーション
 
-------------------------------------------- */

#global_menu > ul {
    width: 1150px;
}

/* PCのお問い合わせ部分
#global_menu > ul > li#menu-item-66 {
    height: 58px;
    overflow: hidden;
    border-top: 1px solid #0068b7;
    border-bottom: 1px solid #0068b7;
	background: #fff;
}

#global_menu > ul > li#menu-item-66 a {
    color: #0068b7;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1px;
    padding-top: 7px;
    background: #ffffff;
    transition: all 0.3s ease-in-out 0s;
}

#global_menu > ul > li#menu-item-66 a:hover {
	opacity: 0.6;
}

#global_menu > ul > li#menu-item-66 a::before {
    font-size: 20px;
	font-weight: normal;
    font-family: 'Material Icons Round';
    content: '\e0d1';
    display: block;
}
 */

/* PCのお問い合わせ部分 */
#global_menu > ul > li#menu-item-66 {
    /*height: 58px;
    overflow: hidden;
    border-top: 1px solid #0068b7;
    border-bottom: 1px solid #0068b7;
    background: #fff;*/
}

#global_menu > ul > li#menu-item-66 a {
    color: #ffffff;
    transition: all 0.3s ease-in-out 0s;
}

#global_menu > ul > li#menu-item-66 a:hover {
	opacity: 0.6;
}

#global_menu > ul > li#menu-item-66 a::before {
    font-size: 20px;
    font-family: 'Material Icons Round';
    content: '\e0cd';
    vertical-align: -5px;
    margin-right: 3px;
}


/* SPのメニューにあるお問い合わせ部分 */
#mobile_menu li.menu-item-66 a::before {
    font-size: 18px;
    font-family: 'Material Icons Round';
    content: '\e0cd';
    vertical-align: -5px;
    margin-right: 3px;
}


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

 LINE メルマガ　ポップアップ
 
-------------------------------------------- */


a#js-show-popup {
    position: fixed;
    bottom: 80px;
    right: 20px;
    color: #fff;
    font-size: 15px;
	letter-spacing: 1px;
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 150px;
    z-index: 100;
    background: #0068B7;
    cursor: pointer;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
a#js-show-popup:hover {
    color: #0068B7;
    background: #fff;
	border-color: #0068B7;
}

a#js-show-popup span {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 100%;
	text-align: center;
	line-height: 1.3;
	font-weight: 600;
}

a#js-show-popup span i.fa-envelope {
    font-size: 20px;
    font-weight: 600;	
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}

.popup.is-show {
  opacity: 1;
  visibility: visible;
}

.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 20px;
  background-color: #fff;
  z-index: 2;
  text-align: center;
}

.popup_btbox {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.popup_btbox a {
    width: 200px;
	display: inline-block;
    margin: 0 auto;
    padding: 20px 0;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 2px;
}

.popup_btbox a.popup_line_bt {
    background: #00C301;
    margin-top: 20px;
}

.popup_btbox a.popup_mail_bt {
    background: #0068B7;
}

.popup-inner p {
	line-height: 1.6;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
}

.close-btn {
  position: absolute;
  right: -5px;
  top: -20px;
  width: 40px;
  height: 40px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  background: #cccccc;
  border-radius: 100px;
}

.close-btn i {
  font-size: 20px;
  color: #333;
}

.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
a#js-show-popup {
    bottom: 65px;
    right: 10px;
    font-size: 10px;
    width: 70px;
    height: 70px;
}
a#js-show-popup span i.fa-envelope {
    font-size: 14px;
}
}


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

 TOPページ　お知らせ　（お知らせブログ）
 
-------------------------------------------- */
.top_blog_wrap .blog_list .item:nth-child(5),
.top_blog_wrap .blog_list .item:nth-child(6) {
    display: none;
}

.blog_list .item {
  width: 100%;
  height: auto;
}

.blog_list .post_meta {
	position: inherit;
	bottom: inherit;
	float: left;
}

.blog_list .title_area {
	padding: 25px 40px 25px 30px;
}

.blog_list .title {
    line-height: 1.8;
    max-height: 1.8em;
}

.blog_list article.item a.link.animate_background {
    display: none; /* アイキャッチ画像非表示 */
}

.blog_list .item a {
    display: block;
    height: 100%;
	transition-duration:0.2s;
	transition-timing-function:ease;
}

.blog_list .post_meta li {
	font-size: 14px;
	line-height: inherit;
}

.blog_list .post_meta li.date {
	vertical-align: -1px;
}

.blog_list .title p {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 1; /* 記事のタイトルを２行まで表示 */
}

.blog_list .item a i.fa-angle-right {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.blog_list .post_meta li.date .updated {
    font-weight: 500;
	letter-spacing: 1px;
}

.blog_list .post_meta li span {
	font-size: 12px;
    color: #ffffff;
	display: inline-block;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 7px 0;
    width: 100px;
    text-align: center;
    border-radius: 60px;
    transition-duration:0.2s;
    transition-timing-function:ease;
}

.blog_list .post_meta li i.fa-ship {
    margin-right: 5px;
}

.top_blog_wrap p.button a {
    background: #0068B7; /* 「全て見る」デフォルトのボタン背景色 */
}

.top_blog_wrap .index_blog_btbox {
    max-width: 800px;
    margin: 50px auto 0;
}

.top_blog_wrap .index_blog_btbox .post_col.post_col-2 {
    margin-bottom: 0;
}

.top_blog_wrap p.reserve_hosoku {
    text-align: center;
    font-size: initial;
    line-height: 1.6;
    margin-bottom: 110px;
}

.top_blog_wrap p.reserve_hosoku span {
    color: #db4839;
    font-size: 115%;
    font-weight: bold;
    display: block;
	margin-bottom: 10px;
}

.blog_list .post_meta li.category {
    /*bottom: 3px;*/
}

/*
カテゴリーの色分け
*/
/* 泊ふ頭（青）*/
ul.post_meta.clearfix.tomari li {
    color: #1e73be;
}
ul.post_meta.clearfix.tomari li span {
    background: #1e73be;
}
.blog_list .item a.tomari:hover h3.title {
	color: #1e73be;
}
.blog_list .item a.tomari:hover {
	background: #eff3ff;
}
.blog_list .item a.tomari i.fa-angle-right {
	color: #1e73be;
}

/* 安謝新港ふ頭（緑）*/
ul.post_meta.clearfix.nahashinkou-1 li {
    color: #01AD4E;
}
ul.post_meta.clearfix.nahashinkou-1 li span {
    background: #01AD4E;
}
.blog_list .item a.nahashinkou-1:hover h3.title {
	color: #01AD4E;
}
.blog_list .item a.nahashinkou-1:hover {
	background: #eafff3;
}
.blog_list .item a.nahashinkou-1 i.fa-angle-right {
	color: #01AD4E;
}


/* 安謝新港ふ頭（紫）*/
ul.post_meta.clearfix.nahashinkou-2 li {
    color: #8224e3;
}
ul.post_meta.clearfix.nahashinkou-2 li span {
    background: #8224e3;
}
.blog_list .item a.nahashinkou-2:hover h3.title {
	color: #8224e3;
}
.blog_list .item a.nahashinkou-2:hover {
	background: #fcf4ff;
}
.blog_list .item a.nahashinkou-2 i.fa-angle-right {
	color: #8224e3;
}


/* 延期・変更*/
ul.post_meta.clearfix.change li,
ul.post_meta.clearfix.postponement li {
    color: #dd3333;
}
ul.post_meta.clearfix.change li span,
ul.post_meta.clearfix.postponement li span {
    background: #dd3333;
}
.blog_list .item a.change:hover h3.title,
.blog_list .item a.postponement:hover h3.title {
	color: #dd3333;
}
.blog_list .item a.change:hover,
.blog_list .item a.postponement:hover {
	background: #fff0f0;
}
.blog_list .item a.change i.fa-angle-right,
.blog_list .item a.postponement i.fa-angle-right {
	color: #dd3333;
}



@media only screen and (min-width: 751px) and (max-width: 850px) {
	.blog_list .post_meta li span {
		font-size: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.top_blog_wrap .index_blog_btbox .post_col.post_col-2:last-child {
		margin-top: 30px;
	}
}



@media only screen and (max-width: 750px) {
.blog_list .item {
	width: 100%!important;
	height: auto!important;
}
.blog_list .title {
    line-height: 1.8!important;
    max-height: 1.4em!important;
}
.blog_list .post_meta li {
	font-size: 12px!important;
}
.blog_list .title_area {
    padding: 15px 40px 15px 20px!important;
}
}

@media only screen and (max-width: 550px) {
.blog_list .post_meta {
	position: inherit;
	bottom: inherit;
	float: none;
	margin-bottom: 10px;
}
}

@media only screen and (max-width: 500px) {
}



/*
背景画像（船）
*/
.index_blog .blog_list {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.index_blog .blog_list::before {
	content: '';
	background-image: url(/daitolinehp/wp-content/themes/scheduleboard-child/img/top/icon_ship.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 104px;
	height: 30px;
	display: block;
	position: absolute;
	top: -23px;
	right: 20px;
}

/*
背景画像（波）
*/
.top_blog_wrap {
	background: #CEE7F4;
	background-image: url(/daitolinehp/wp-content/themes/scheduleboard-child/img/top/blog_nami_bg.png);
	background-repeat: repeat no-repeat;
	background-position: center top;
	background-size: 220px;
	padding-bottom: 50px;
}

.top_blog_wrap h3.headline {
    margin-bottom: 10px;
}

@media only screen and (max-width: 1151px) and (min-width: 751px) {
.top_blog_wrap {
	background-position: center top -40px;
}
}

@media only screen and (max-width: 750px) and (min-width: 521px) {
.top_blog_wrap {
	background-position: center top -85px;
}
}
@media only screen and (max-width: 750px) {
.index_blog .blog_list::before {
	width: 70px;
	height: 16px;
	top: -15px;
	right: 2px;
}
}


@media only screen and (max-width: 600px) {
.top_blog_wrap p.reserve_hosoku {
	font-size: 14px;
}
}
@media only screen and (max-width: 520px) {
.top_blog_wrap {
	background-position: center top -65px;
}
}

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

 TOPページ　ご乗船の皆様へ（ニュース）
 
-------------------------------------------- */
.index_news.num2 h3.headline::after {
    font-size: 18px;
    letter-spacing: 2px;
    content: "News";
    display: block;
}

.index_news .item a .date:before {
	content: "\f15c";
	font-family: "Font Awesome 5 Free";
	margin-right: 7px;
}

.top_blog_wrap a.q_custom_button1:before {
    content: "\f15c";
    font-family: "Font Awesome 5 Free";
    margin-right: 7px;
    font-size: 14px;
}

.index_news .item a .date .updated {
    font-weight: 500;
	letter-spacing: 1px;
}

.index_news .item a {
    display: -webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.index_news .item a .title {
    font-size: 15px;
}

.index_news .item a .top_news_list_contents {
	width: 85%;
}

.index_news .item a .news_more {
	font-size: 12px;
	color: #ffffff;
	min-width: 100px;
	display: block;
	margin-left: 2%;
	text-align: center;
	background: #0068B7;
	border-radius: 100px;
	height: 35px;
	line-height: 35px;
	transition-duration:0.2s;
	transition-timing-function:ease;
}

.index_news .item a:hover .news_more {
	background: #CEE7F4;
}

.index_news .item a .news_more i.fa-chevron-right {
    margin-left: 5px;
}

.index_news p.button a {
    background: #0068b7;
}

@media only screen and (max-width: 750px) {
.index_news.num2 h3.headline::after {
    font-size: 12px;
}
}

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

 TOPページ　ご予約について
 
-------------------------------------------- */
.index_free_space.cb_contents.num3 {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.top_reserve_contents {
    max-width: 1000px;
    margin: 0 auto;
}

.index_free_space.cb_contents.num3 .post_content {
    padding: 40px;
    background: #f7f7f7;
    /* border-radius: 10px; */
}

.index_free_space .headline.h3_reserve {
    padding-top: 0;
    margin-top: 0!important;
}

.reserve_point {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.r_point_box {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    flex-basis: 48%;
}

.r_point_box .r_point_title {
    font-size: 1.2em;
    background: #db4839;
    padding: 15px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.r_point_box .r_point_title i.fa-lightbulb {
    margin-right: 5px;
}

.r_point_box p {
    padding: 15px 20px;
    margin: 0;
}

.r_point_box p,
p.r_point_text,
p.r_point_hosoku {
    line-height: 1.8;
	font-weight: 500;
}

p.r_point_hosoku,
p.r_point_text {
    text-align: center;
}

.r_point_box p span {
    font-weight: bold;
}

.r_point_bottom {
    /* border: 1px solid #cccccc; */
    padding: 20px;
    background: #ffffff;
}

p.r_point_hosoku {
    margin: 0;
}

p.r_point_hosoku span {
	font-weight: bold;
}

.index_free_space.cb_contents.num3 .post_content > p:first-child,
.index_free_space.cb_contents.num3 .post_content > p:last-child {
	display: none;
}

@media only screen and (max-width: 950px) {
.reserve_point {
	display: block;
    flex-direction: column;
}
.r_point_box:first-child {
	margin-bottom: 20px;
}
}

@media only screen and (max-width: 767px) {
p.r_point_hosoku,
p.r_point_text {
    text-align: left;
}
}

@media only screen and (max-width: 750px) {
.index_free_space.cb_contents.num3 .post_content {
    padding: 20px;
}

.r_point_box .r_point_title {
    font-size: 1.1em;
}
}

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

 TOPページ　ご乗船までの流れ
 
-------------------------------------------- */
.index_design_content1 .button a {
  background: #0068b7;
}

.index_design_content1 h3.catch {
    margin-bottom: 50px;
}

.index_design_content1.cb_contents.num4 h3.catch::after {
    font-size: 18px;
    letter-spacing: 2px;
    content: "Flow";
    display: block;
}

@media only screen and (max-width: 1151px) and (min-width: 751px) {
.index_design_content1 h3.catch {
    margin-bottom: 40px;
}
}

@media only screen and (max-width: 750px) {
.index_design_content1 h3.catch {
    margin-bottom: 20px;
}
.index_design_content1.cb_contents.num4 h3.catch::after {
    font-size: 12px;
}
}



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

 TOPページ　３コンテンツ（旅客運賃・船舶の紹介・ターミナル）　Box content
 
-------------------------------------------- */
.index_free_space.num5 {
    width: 100%;
}

.index_free_space.num5 #index_box_content .item {
    width: -webkit-calc(100% / 4);
    width: calc(100% / 4);
	height: 300px;
}

.index_free_space.num5 .title {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	position: absolute;
	top: 240px;
	left: 0px;
	z-index: 3;
}

#index_box_content .title {
	font-size: 22px;
	color: #ffffff;
	background: rgba(0,104,183,0.8);
}

.index_free_space.num5 .post_content p {
	margin: 0;
}

.overview_desc {
	text-align: center;
	line-height: 1.6!important;
	padding: 0 20px;
	margin-bottom: 40px!important;
}

.overview_content h3.headline {
    margin-bottom: 20px;
}

.overview_item .desc {
	display: none;
}


/*
 IEのみ
*/
@media all and (-ms-high-contrast: none) {
#index_box_content .item {
  width:-webkit-calc(99.99% / 3);
  width:calc(99.99% / 3);
}
}


@media only screen and (max-width: 1151px) {
.index_free_space.num5 {
	padding-left: 0;
	padding-right: 0;
}
}

@media only screen and (max-width: 950px) {
.index_free_space.num5 #index_box_content .item {
    width: 100%;
	height: auto;
}
.index_free_space.num5 .item:first-child {
	border-top: 1px solid #ddd;
}
.overview_content h3.headline {
    margin-bottom: 10px;
}
.overview_desc {
	text-align: center;
	margin-bottom: 20px!important;
}
}

@media only screen and (max-width: 750px) {
.index_free_space.num5 .title {
	font-size: 20px;
}
}


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

 TOPページ　会社案内
 
-------------------------------------------- */
.index_design_content2 .banner_headline span {
	letter-spacing: 2px;
}

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

 TOPページ　キャンペーン一覧
 
-------------------------------------------- */
.index_campaign {
	background: #ffffff;
	margin-top: 0;
	height: 520px;
	/*background-image: url(/daitolinehp/wp-content/themes/scheduleboard-child/img/top/nami_bg.png);
	background-repeat-y: no-repeat;
	background-position-x: center;
	background-size: 25%;*/
}

.index_campaign_slider_wrap {
    position: relative;
}

.index_campaign .item.c-single__thumb {
	background-position: center;
	background-size: 180%;
}
.index_campaign .item.c-single__thumb:hover {
	opacity: 0.6;
	transition-duration:0.2s;
	transition-timing-function:ease;
}


.index_campaign .item.c-single__thumb_no {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.index_campaign .item.c-single__thumb_no p.title {
	line-height: 1.3;
	text-align: center;
}

.index_campaign .owl-item a {
	display: block;
}

.index_campaign .slider_arrow:before {
	color: #0068B7;
}

.index_campaign .slider_next_item,
.index_campaign .slider_prev_item {
	margin-top: 0!important;
}

@media only screen and (max-width: 1150px) and (min-width: 751px) {
	.index_campaign {
		height: 400px!important;
	}
}

@media only screen and (max-width: 750px) {
	.index_campaign {
		height: 250px!important;
	}
	/*.index_campaign {
		background-size: 40%;
	}*/

}


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

 TOPページ　提携（キャンペーン）
 
-------------------------------------------- */
.index_campaign.num6 .button a {
    background: #0068b7;
}

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

 時刻表
 
-------------------------------------------- */
.time_table_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
}

.time_table_wrap_child {
    flex-basis: 48%;
}

.time_table_box {
    display: flex;
    flex-direction: row;
}

.time_table_box .time_table_day {
    position: relative;
    flex-basis: 30%;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.time_table_box .time_table_data {
	flex-basis: 70%;
} 

.time_table_box div {
	
}

.time_table_box .time_table_day span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.time_table_box .time_table_data dl {
    padding: 5% 10%;
    overflow: hidden;
}

.time_table_box .time_table_data dl.time_table_border_dl {
    border-bottom: 1px dotted #cccccc;
}

.time_table_box .time_table_data dl,
.time_table_box .time_table_data dl dt,
.time_table_box .time_table_data dl dd {
    margin: 0;
}

.time_table_box .time_table_data dl dt {
    font-size: 115%;
}

.time_table_box .time_table_data .fa-ship {
    margin-right: 10px;
}

.time_table_box .time_table_data dl dd {
    padding-left: 2em;
    float: left;
}

.time_table_box .time_table_data dl dd span {
    margin-right: 10px;
    font-weight: bold;
}


/* 那覇 */
.time_table_box .time_table_data dt.time_table_naha {
    color: #ff9800;
}
.time_table_box .time_table_data span.time_table_naha_dd {
    color: #ff9800;
}

/* 南大東島 */
.time_table_box .ttable_day_south {
    background: #368de7;
}
.time_table_box .time_table_data dt.time_table_south {
    color: #368de7;
}
.time_table_box .time_table_data span.time_table_south_dd {
    color: #368de7;
}
.time_table_box .time_table_data.border_south {
	border-top: 1px solid #368de7;
    border-left: 1px solid #368de7;
    border-right: 1px solid #368de7;
}


/* 北大東島 */
.time_table_box .ttable_day_north {
    background: #009688;
}
.time_table_box .time_table_data dt.time_table_north {
    color: #009688;
}
.time_table_box .time_table_data span.time_table_north_dd {
    color: #009688;
}
.time_table_box .time_table_data.border_north {
	border-top: 1px solid #009688;
    border-left: 1px solid #009688;
    border-right: 1px solid #009688;
}

@media only screen and (max-width: 550px) {
.time_table_wrap {
	display: block;
    flex-direction: column;
}
.time_table_box .time_table_data dl dd {
	float: none;
}
.time_table_wrap .time_table_wrap_child:last-child {
	margin-top: 40px;
}
}

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

 スケジュールページ　（固定ページ）
 
-------------------------------------------- */
#schedule_list_desc {
    max-width: 1000px;
    text-align: initial;
	padding: 0 20px;
    margin: 25px auto 0;
}

.schedule_page_topdesc {
    margin-bottom: 30px!important;
}

p.sp-calendar-text {
    font-weight: bold;
	font-size: 14px;
	line-height: 1.5rem;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
}

.schedule_page_topdesc {
    margin-bottom: 20px;
}

.schedule_page_timetable {
    max-width: 1000px;
	padding: 0 20px;
    margin: 0 auto 100px;
    line-height: 2;
}

.schedule_page_timetable .time_table_box .time_table_data dt {
    font-weight: bold;
}

#schedule_list_desc {
/*
	color: #ff0000;
	text-align: left;
	padding: 10px;
	border: 1px solid #dddddd;
*/
    margin-bottom: 50px;
}

#schedule_page {
    padding-bottom: 0
}

#schedule_list_header,
#schedule_list .author_data{
    /*display: block;*/
}

#schedule_list .author_data .item_wrap{
    display: inline-block;
    width: 14.28%;
}
#schedule_list .author_data .item_wrap.empty{
    background: #fdfdfd;
}

#schedule_list .author_data .item_wrap .item_date{
    height: 40px;
    line-height: 40px;
    text-align: center;
    /* border-left: 1px solid #ddd; */
	border-bottom: 1px solid #bbb;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* color: #ffffff; */
    /* background: #0068b7; */
	background: #e8e8e8;
}
#schedule_list .author_data .item_wrap .item_date.week6 {
    color: #0068b7; 
	background: #d5e3ed; 
}
#schedule_list .author_data .item_wrap .item_date.week0 {
    color: #dd3333; 
    /* background: #dd3333; */ 
	background: #f9dede; 
}
#schedule_list .item_title {
    margin: 3%;
    padding: 5% 0;
    color: #fff;
    text-align: center;
    width:94%;
    position: absolute;
}

.schedule_author_data_box {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#schedule_list {
    border-bottom: none;
    border-right: none;
}

#schedule_list .item_title {
    position: initial;
	margin: 3% 3% 0;
}

#schedule_list .memo {
	font-size: 14px;
	line-height: 1.5rem!important;
	text-align: center!important;
	padding: 0 5px!important;
	margin-top: 3%;
	display: block!important;
	position: initial!important;
	-ms-transform: initial!important;
	-webkit-transform: initial!important;
	transform: initial!important;
}


#schedule_list .author_data .item_wrap {
    width: 14.18%;
    width: -webkit-calc(99.3% / 7);
    width: calc(99.3% / 7);
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
	display: flex;
    flex-direction: column;
	/*position: relative;*/
}

#schedule_list .author_data .item_wrap .item.empty {
	background: #f7f7f7;
}


#schedule_list .author_data .item_wrap .item_date {
    max-height: 40px;
}

#schedule_list .author_data .item_wrap.hoge {
    /*background: #ffffff;*/
}

#schedule_list .author_data .item {
    min-height: 150px;
    height: auto!important;
    border-left: none;
    border-top: none;
}

#schedule_list .item.empty {
	background: none;
}

.schedule_author_data_box {
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}


/*
#schedule_list .author_data .item.empty.item_boxs {
    position: initial;
}
.item.empty.item_boxs .memo {
    position: absolute!important;
    left: 50%!important;
    top: 65%!important;
    -ms-transform: translate(-50%, -50%)!important;
    -webkit-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;	
}
*/

.schedule_page_topdesc {
    margin-bottom: 80px;
}

.schedule_desc_box {
	width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
}

.schedule_desc_place {
    padding: 8px 0;
    color: #fff;
    text-align: center;
    width: 130px;
	display: inline-block;
}

#schedule_list_headline_pc {
    background: #0068b7;
}

.schedule_desc_wrap {
    display: flex;
}

@media screen and (min-width: 768px){
	p.sp-calendar-text {
		display: none;
	}
}


@media screen and (max-width: 1151px){
    .schedule_author_data_box {
        overflow: scroll;
    }
    .author_data{
        min-width: 700px;
        font-size: 12px;
    }
    #schedule_list .author_data .item {
        display: block!important;
        height: 100px;
    }
    #schedule_list_desc {
        text-align: center!important;
    }
	
	#schedule_list .author_data .item_wrap {
		width: 16.52%;
		width: -webkit-calc(99% / 7);
		width: calc(99% / 7);
	}
	#schedule_list .author_data .item {
		min-height: 100px;
	}
	
	#schedule_list .memo br {
		display: block!important;
	}
	
	#schedule_list .memo {
		font-size: 12px;
		line-height: 1.2rem!important;
	}
    
}

@media screen and (max-width: 750px){
.schedule_page_timetable {
    margin: 0 auto 50px;
}
.schedule_page_topdesc {
    margin-bottom: 50px;
}

.schedule_desc_box {
    margin-bottom: 20px;
	width: 100%;
}
.schedule_desc_box:last-child {
    margin-bottom: 0;
}
.schedule_desc_wrap {
    display: block;
}
}

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

 お知らせ通知設定　（固定ページ）
 
-------------------------------------------- */
body.page-id-435 input#s2email {
    width: 400px;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 3px;
    border: 2px solid #ddd;
    box-sizing: border-box;
}

body.page-id-435 input[name="subscribe"],
body.page-id-435 input[name="unsubscribe"] {
	font-size: 15px;
	width: 135px;
	padding: 10px 15px;
	border-radius: 3px;
	box-sizing: border-box;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}

body.page-id-435 input[name="subscribe"] {
    color: #ffffff;
    border: 2px solid #0068b7;
    background: #0068b7;
}
body.page-id-435 input[name="subscribe"]:hover {
    color: #0068b7;
    border: 2px solid #0068b7;
    background: #ffffff;
}


body.page-id-435 input[name="unsubscribe"] {
    color: #ffffff;
    border: 2px solid #333333;
    background: #333333;
}
body.page-id-435 input[name="unsubscribe"]:hover {
    color: #333333;
    border: 2px solid #333333;
    background: #ffffff;
}


@media only screen and (max-width: 550px) {
body.page-id-435 input#s2email {
    width: 100%;
	max-width: 400px;
}
}

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

 フッター上部　3コンテンツ
 
-------------------------------------------- */
/*
 IEのみ
*/
@media all and (-ms-high-contrast: none) {
#footer_banner .item {
  width:-webkit-calc(99.99% / 3);
  width:calc(99.99% / 3);
}
}

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

 フッター　会社概要　お問い合わせ先
 
-------------------------------------------- */
.footer_about {
    margin-bottom: 50px;
}

.footer_about h4 {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 25px;
    color: #0068B7;
}

.footer_about p {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    line-height: 1.6;
    font-size: 110%;
	font-weight: 500;
    margin-top: 20px;
}

#footer_otoiawase {
	font-size: 15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
}

#footer_otoiawase .otoiawase_wrap {
    padding: 25px;
    position: relative;
    border-radius: 8px;
    margin-right: 1%;
}

#footer_otoiawase .otoiawase_wrap:last-child {
    margin-right: 0;
}

#footer_otoiawase .otoiawase_wrap .otoiawase_title {
	position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    font-weight: bold;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha div {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	/* -webkit-flex-wrap:wrap; */
	/* flex-wrap:wrap; */
	justify-content: space-between;
}

#footer_otoiawase .otoiawase_wrap dl {
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha div dl {
    width: 150px;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha div dl:last-child {
	margin-left: 5%;

}
/*
 IEのみ
*/
@media all and (-ms-high-contrast: none) {
#footer_otoiawase .otoiawase_wrap.f-o-naha div dl:last-child {
	margin-left: 10px;

}
}


#footer_otoiawase .otoiawase_wrap dt {
    color: #ffffff;
	font-weight: 500;
    padding: 8px 0;
}

#footer_otoiawase .otoiawase_wrap dd {
    margin-top: 10px;
    text-align: left;
	line-height: 1.3;
	font-weight: 500;
}

#footer_top #company_info {
	font-size: 25px;
}

#footer_button a {
	background: #0068b7;
}



/* 那覇カラー */
#footer_otoiawase .otoiawase_wrap.f-o-naha {
    border: solid 3px #ff9800;
}
#footer_otoiawase .otoiawase_wrap.f-o-naha .otoiawase_title {
	color: #ff9800;
}
#footer_otoiawase .otoiawase_wrap.f-o-naha dt {
    background: #ff9800;
}


/* 南大東島カラー */
#footer_otoiawase .otoiawase_wrap.f-o-south {
    border: solid 3px #368de7;
}
#footer_otoiawase .otoiawase_wrap.f-o-south .otoiawase_title {
	color: #368de7;
}
#footer_otoiawase .otoiawase_wrap.f-o-south dt {
    background: #368de7;
}


/* 北大東島カラー */
#footer_otoiawase .otoiawase_wrap.f-o-north {
    border: solid 3px #009688;
}
#footer_otoiawase .otoiawase_wrap.f-o-north .otoiawase_title {
	color: #009688;
}
#footer_otoiawase .otoiawase_wrap.f-o-north dt {
    background: #009688;
}

@media only screen and (min-width: 1080px) {
#footer_otoiawase {
	font-size: 16px;
}
#footer_otoiawase .otoiawase_wrap.f-o-naha div dl {
    width: 160px;
}
}

@media only screen and (max-width: 990px) {

#footer_otoiawase .otoiawase_wrap {
    margin: 0;
}
#footer_otoiawase .otoiawase_wrap.f-o-naha {
	margin-bottom: 30px;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha div dl {
    width: 48%;
}

#footer_otoiawase {
      justify-content: space-between;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha {
    flex-basis: 100%;
}

.ie10 #footer_otoiawase .otoiawase_wrap.f-o-naha {
    flex-basis: 93%;
}


}

@media only screen and (max-width: 750px) {
.footer_about h4 {
    font-size: 20px;
}

.footer_about p {
    font-size: 100%;
}

#footer_otoiawase {
	font-size: 14px;
}
#footer_top #company_info {
	font-size: 20px;
}

}


@media only screen and (max-width: 990px) and (min-width: 551px) {
#footer_otoiawase .otoiawase_wrap.f-o-south,
#footer_otoiawase .otoiawase_wrap.f-o-north {
    flex-basis: 41.5%;
}

#footer_otoiawase .otoiawase_wrap {
    padding: 3%;
}
}

@media only screen and (max-width: 550px) {
#footer_otoiawase .otoiawase_wrap {
    padding: 20px;
}

#footer_otoiawase .otoiawase_wrap.f-o-south,
#footer_otoiawase .otoiawase_wrap.f-o-north {
    flex-basis: 100%;
}

.ie10 #footer_otoiawase .otoiawase_wrap.f-o-south,
.ie10 #footer_otoiawase .otoiawase_wrap.f-o-north {
    flex-basis: 93%;
}

#footer_otoiawase .otoiawase_wrap.f-o-south {
	margin-bottom: 30px;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha div {
	display: block;
	flex-direction: column;
}
#footer_otoiawase .otoiawase_wrap.f-o-naha div dl {
	display: block;
	flex-direction: column;
	width: 100%;
}

#footer_otoiawase .otoiawase_wrap.f-o-naha div dl:last-child {
	margin-left: 0;
	margin-top: 20px;
}

}

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

 フッター　危険物積載申請
 
-------------------------------------------- */
p.kiken_shinsei {
    text-align: center;
    margin-bottom: 30px;
}



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

 記事一覧ページ
 
-------------------------------------------- */
.blog .blog_list .title {
    font-size: 15px;
}
/*
背景画像（船）
*/
#blog_archive .blog_list {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
#blog_archive .blog_list::before {
	content: '';
	background-image: url(/daitolinehp/wp-content/themes/scheduleboard-child/img/top/icon_ship.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 104px;
	height: 30px;
	display: block;
	position: absolute;
	top: -23px;
	right: 20px;
}

@media only screen and (max-width: 750px) {
	.blog .blog_list .title {
		font-size: 14px;
	}
	#blog_archive .blog_list::before {
		width: 70px;
		height: 16px;
		top: -15px;
		right: 2px;
	}
}


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

 記事ページ
 
-------------------------------------------- */
#post_title_area .post_meta {
	margin: 15px 0 0 0;
}

#bread_crumb ul {
    color: #fff;
}

div#main_contents ul.post_meta i.fa-ship {
    font-size: 12px;
    margin-right: 5px;
}

div#main_contents ul.post_meta li {
    font-size: 14px;
	line-height: inherit;
}
#post_title_area .post_meta li { display: inline-block; }

div#main_contents ul.post_meta li.date {
    letter-spacing: 1px;
	font-weight: 500;
}

div#main_contents ul.post_meta i.fa-ship,
div#main_contents ul.post_meta li.date {
    vertical-align: -2px;
}

div#main_contents ul.post_meta li.category a {
	font-size: 12px;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 7px 0;
    width: 100px;
    text-align: center;
    border-radius: 60px;
    transition-duration:0.2s;
    transition-timing-function:ease;
}
div#main_contents ul.post_meta li.category a:hover {
	opacity: 0.7;
}

/* 泊ふ頭（青）*/
div#main_contents.tomari ul.post_meta li.date,
div#main_contents.tomari ul.post_meta i.fa-ship {
    color: #1e73be;
}
div#main_contents.tomari ul.post_meta li.category a {
	background: #1e73be;
}

/* 安謝新港ふ頭（緑）*/
div#main_contents.nahashinkou-1 ul.post_meta li.date,
div#main_contents.nahashinkou-1 ul.post_meta i.fa-ship {
    color: #01AD4E;
}
div#main_contents.nahashinkou-1 ul.post_meta li.category a {
	background: #01AD4E;
}

/* 安謝新港ふ頭（紫）*/
div#main_contents.nahashinkou-2 ul.post_meta li.date,
div#main_contents.nahashinkou-2 ul.post_meta i.fa-ship {
    color: #8224e3;
}
div#main_contents.nahashinkou-2 ul.post_meta li.category a {
	background: #8224e3;
}

/* 延期・変更*/
div#main_contents.change ul.post_meta li.date,
div#main_contents.change ul.post_meta i.fa-ship,

div#main_contents.postponement ul.post_meta li.date,
div#main_contents.postponement ul.post_meta i.fa-ship {
    color: #dd3333;
}
div#main_contents.change ul.post_meta li.category a,
div#main_contents.postponement ul.post_meta li.category a {
	background: #dd3333;
}

/* 前・次の記事 */
#next_prev_post .item,
#next_prev_post .title_area {
	height:60px;
}

/* 記事中のカテゴリーリンク無し */
div#main_contents ul.post_meta li.category a {
    pointer-events: none;
}

@media only screen and (min-width: 1101px) {
#next_prev_post .title {
	text-align: center;
}
}

@media only screen and (max-width: 750px) {
/*div#main_contents ul.post_meta i.fa-ship,*/
div#main_contents ul.post_meta li,
div#main_contents ul.post_meta li.category a {
    font-size: 10px;
}
div#main_contents ul.post_meta i.fa-ship {
    margin-right: 3px;
}
#post_title_area .post_meta li {
	padding: 0px 5px 0 0!important;
	margin: 0!important;
}
#post_title_area .post_meta {
	margin: 10px 0 0 0!important;
}
}


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

ご乗船の皆様へ　記事一覧ページ
 
-------------------------------------------- */
body.post-type-archive-news #main_contents {
    margin: 95px auto 150px;
}

body.post-type-archive-news #main_contents #main_col {
    width: auto;
    float: none;
}

body.post-type-archive-news #main_contents div#news_archive {
    max-width: 800px;
    margin: 0 auto;
}

body.post-type-archive-news #main_contents #news_list .item {
    height: auto;
    padding: 0;
}

body.post-type-archive-news #main_contents #news_list .item a {
    padding: 25px 40px 25px 30px;
	width: auto;
    height: auto;
}

body.post-type-archive-news #main_contents #news_list .title_area_inner {
    position: initial;
    -ms-transform: initial;
    -webkit-transform: initial;
    transform: initial;
}

body.post-type-archive-news #main_contents #news_list .item p.date {
    color: #0084e2;
	font-size: 14px;
    letter-spacing: 1px;
    float: left;
    margin: 0 10px 0 0;
}

body.post-type-archive-news #main_contents #news_list .item p.date:before {
	content: "\f15c";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: 7px;
}


body.post-type-archive-news #main_contents #news_list .item h3.title {
    font-size: 15px;
    font-weight: 500;
    line-height: inherit;
    overflow: hidden;
    color: initial;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

body.post-type-archive-news #main_contents #news_list .item a:hover h3.title {
	opacity: 0.4;
}

body.post-type-archive-news #main_contents #news_list .item h3.title span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

body.post-type-archive-news #main_contents #news_list .item a i.fa-angle-right {
	color: #0084e2;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

@media screen and (max-width:750px) {
	body.post-type-archive-news #main_contents {
		padding: 33px 20px 40px;
		margin: 0;
	}
	body.post-type-archive-news #main_contents #catch_area h2.catch {
		font-size: 22px;
	}
	body.post-type-archive-news #main_contents #news_list .item a {
		padding: 15px 40px 15px 20px;
	}
	body.post-type-archive-news #main_contents #news_list .item h3.title {
		font-size: 14px;
	}
	body.post-type-archive-news #main_contents #news_list .item p.date {
		font-size: 12px;
		float: none;
		margin: 0 0 10px 0;
	}
}


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

ご乗船の皆様へ　記事詳細ページ
 
-------------------------------------------- */
body.single.single-news #main_col {
    width: 100%;
    float: none;
}

body.single.single-news article#campaign_article {
    border: none;
}

body.single.single-news #campaign_article #next_prev_post:before {
	display: none;
}

body.single.single-news #campaign_article #next_prev_post {
    margin: 60px auto -1px;
    max-width: 650px;
}

body.single.single-news #campaign_title_area,
body.single.single-news #campaign_article .post_content {
	padding-left: 0;
	padding-right: 0;
}

body.single.single-news #campaign_title_area .date {
	color: #0084e2;
	letter-spacing: 1px;
}

body.single.single-news #campaign_title_area .date:before {
	content: "\f15c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 7px;
}


@media screen and (max-width:750px) {
	body.single.single-news #campaign_title_area .date {
		font-size: 12px;
	}
}


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

ご紹介　記事一覧ページ
 
-------------------------------------------- */
body.post-type-archive-campaign #main_col {
	width: auto;
	max-width: 750px;
    float: none;
    margin: 0 auto;
}

body.post-type-archive-campaign #campaign_list .title_area {
	display: none;
}

body.post-type-archive-campaign div#campaign_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.post-type-archive-campaign article.item {
    width: 49%;
    width: -webkit-calc(100% / 2 - 7px);
    width: calc(100% / 2 - 7px);
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

body.post-type-archive-campaign div#campaign_list.clearfix::after {
    display: none;
}

body.post-type-archive-campaign #campaign_list a  {
    display: block;
}

body.post-type-archive-campaign #campaign_list .image_wrap {
	width: auto;
}

body.post-type-archive-campaign #campaign_list .image_wrap div.image {
	background-size: 120%!important;
}


@media screen and (max-width:750px) {
	body.post-type-archive-campaign #campaign_list .image_wrap div.image {
		background-size: 150%!important;
	}
}

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

 「ご乗船までの流れ」ページ
 
-------------------------------------------- */
a.q_custom_button1.flow-bt1 {
    background: #ff9800;
    border-color: #ff9800!important;
}
a.q_custom_button1.flow-bt1:hover {
    color: #ff9800!important;
    background: #ffffff;
    border-color: #ff9800!important;
}

a.q_custom_button1.flow-bt2 {
    background: #368de7;
    border-color: #368de7!important;
}
a.q_custom_button1.flow-bt2:hover {
    color: #368de7!important;
    background: #ffffff;
    border-color: #368de7!important;
}

a.q_custom_button1.flow-bt3 {
    background: #009688;
    border-color: #009688!important;
}
a.q_custom_button1.flow-bt3:hover {
    color: #009688!important;
    background: #ffffff;
    border-color: #009688!important;
}



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

 ウィジェット
 
-------------------------------------------- */
/*
 最近のお知らせ
*/
.widget_recent_entries li {
	border-bottom: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;margin: 0;
}
.widget_recent_entries li:last-child {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.widget_content a {
	font-weight: 500;
	display: block;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
}
.widget_content a:hover {
	color: #0068B7;
}
.widget_content li:last-child a {
	border-bottom: none;
}

.widget_content a .post-date i.fa-ship {
    margin-right: 5px;
    /*vertical-align: 1px;*/
}
.widget_content a .post-date {
    letter-spacing: 1px;
    font-size: 14px;
	font-weight: 500;
}

.widget_recent_entries li p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 1.4em;
	margin-top: 5px;
}

.widget_recent_entries li span.post-date-cat {
	font-size: 12px;
    color: #ffffff;
	display: inline-block;
    letter-spacing: 1px;
	line-height:initial;
    font-weight: 500;
    padding: 3px 0;
	margin-left: 10px;
    width: 100px;
    text-align: center;
    border-radius: 60px;
    transition-duration:0.2s;
    transition-timing-function:ease;
}

/* 泊ふ頭（青）*/
.widget_recent_entries li span.post-date.tomari .post-date-cat {
    background: #1e73be;
}
.widget_recent_entries li a span.post-date.tomari,
.widget_content li a span.post-date.tomari i.fa-ship {
	color: #1e73be;
}
.widget_content a.tomari:hover {
	background: #eff3ff;
}
.widget_recent_entries li a.tomari:hover p {
	color: #1e73be;
}


/* 安謝新港ふ頭（緑）*/
.widget_recent_entries li span.post-date.nahashinkou-1 .post-date-cat {
    background: #01AD4E;
}
.widget_recent_entries li a span.post-date.nahashinkou-1,
.widget_content li a span.post-date.nahashinkou-1 i.fa-ship {
	color: #01AD4E;
}
.widget_content a.nahashinkou-1:hover {
	background: #eafff3;
}
.widget_recent_entries li a.nahashinkou-1:hover p {
	color: #01AD4E;
}


/* 安謝新港ふ頭（紫）*/
.widget_recent_entries li span.post-date.nahashinkou-2 .post-date-cat {
    background: #8224e3;
}
.widget_recent_entries li a span.post-date.nahashinkou-2,
.widget_content li a span.post-date.nahashinkou-2 i.fa-ship {
	color: #8224e3;
}
.widget_content a.nahashinkou-2:hover {
	background: #fcf4ff;
}
.widget_recent_entries li a.nahashinkou-2:hover p {
	color: #8224e3;
}


/* 延期・変更*/
.widget_recent_entries li span.post-date.change .post-date-cat,
.widget_recent_entries li span.post-date.postponement .post-date-cat {
    background: #dd3333;
}
.widget_recent_entries li a span.post-date.change,
.widget_content li a span.post-date.change i.fa-ship,
.widget_recent_entries li a span.post-date.postponement,
.widget_content li a span.post-date.postponement i.fa-ship {
	color: #dd3333;
}
.widget_content a.change:hover,
.widget_content a.postponement:hover {
	background: #fff0f0;
}
.widget_recent_entries li a.change:hover p,
.widget_recent_entries li a.postponement:hover p {
	color: #dd3333;
}


@media only screen and (max-width: 750px) {
.widget_content a .post-date {
    font-size: 12px;
}

div#main_contents ul.post_meta li,
div#main_contents ul.post_meta li a {
	font-size: 12px!important;
}

.chrome.android.mobile .widget_recent_entries li span.post-date-cat {
	padding: 6px 0; /* .chrome.android.mobileのみ */
}
}


/*--------------------------------------------
 	
　PDF Embedder Premium　アイコン・表示カスタマイズ
　※cssでは効かなかったので、管理画面のTCDテーマ「カスタムCSS（<head>タグ内に出力されます）」で記載
　※下記は、バックアップ用でのこしてます。 

div.pdfemb-toolbar div.pdfemb-page-area,
div.pdfemb-toolbar button.pdfemb-zoomin + div {
	text-indent: -3.5em;
	white-space: nowrap;
	overflow: hidden;
}

div.pdfemb-toolbar button.pdfemb-zoomin + div span.pdfemb-zoom::before {
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	margin: 0 3px;
    font-weight: bold;
}

div.pdfemb-toolbar button.pdfemb-fs::before {
	content: '全画面表示'!important;
	line-height: 1.6;
}

div.pdfemb-toolbar button.pdfemb-fs.pdfemb-toggled::before {
	content: '閉じる'!important;
}

.pdfemb-viewer div.pdfemb-wantmobile-fsarea {
	color: #0068b7;
    font-family: inherit;
    line-height: 2.5;
    border:3px solid #0068b7;
    background-color:#CEE7F4;
    margin: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
-------------------------------------------- */