@charset "utf-8";

/* 例外・追加CSS */

/*
00=エラーメッセージ
01=北海道新聞創刊70周年記念プラン（道内温泉宿泊）
02=飛鳥Ⅱパンフレット注釈（トップページ）
03=クルーズの旅用フォトギャラリー用CSS
04=トップページ＞ニッコウトラベルブロック
05=トップページ＞AIU
06=トップページ＞熊本地震救援金のお知らせ
07=トップページ＞東海道ウォーク説明会のお知らせ
08=トップページ＞しまなみ海道ウォーク説明会のお知らせ
10=トップページ＞説明会のお知らせ
11=トップページ＞ブログバナー
12=トップページ＞ふっこう割
13=飛鳥Ⅱ説明会用モーダル
14=クルーズの旅上部飛鳥情報
15=ツアー一覧旅行説明会情報

*/

/*
00=エラーメッセージ、ボタン
-----------------------------------------------*/
.error-box {
	padding: 20px 0;
	background: #F9E0EF;
	color: red;
	text-align: center;
	border: solid 1px red;
	font-weight: bold;
	display: block;
}

.noscript {
	display: block;
	color: red;
	font-weight: bold;
}

/* 申込入力エラー表示用ボックス etc... */
.alert-box {
	padding: 30px 0;
	background: #F9E0EF;
	color: red;
	text-align: center;
	border: solid 1px red;
	font-weight: bold;
}

/**/
.no-padding th,
.no-padding td {
  padding: 0 !important;
}

.is-preview {
  display: none;
}

/*
 * ボタン
 ----------------------------------------*/
.btn {
	display: inline-block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-decoration: none;
	padding: 2px 1em;
	font-size: .9em;
}

/* 通常ボタン */
.btn-default {
	color: #333;
	font-weight: bold;
	border: 1px solid #ccc;
	text-decoration: none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	color: #333;
	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.btn-default:link,
.btn-default:visited {
	color: #333;
}
.btn-default:hover {
	color: #fff;
	background:-moz-linear-gradient( center top, #3183E7 5%, #2f67eb 100% );
	background:-ms-linear-gradient( top, #3183E7 5%, #2f67eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3183E7', endColorstr='#2f67eb');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3183E7), color-stop(100%, #2f67eb) );
	background-color: #3183E7;
}
.btn-default:active {
	position: relative;
	top:1px;
}

/* 問い合わせ・資料請求 */
.btn-inquiry {
	color: #fff;
	border: solid #177dbd 1px;
	font-weight: bold;
	background: #039aff;
	background-image: -webkit-linear-gradient(top, #039aff, #2f67eb);
	background-image: -moz-linear-gradient(top, #039aff, #2f67eb);
	background-image: -ms-linear-gradient(top, #039aff, #2f67eb);
	background-image: -o-linear-gradient(top, #039aff, #2f67eb);
	background-image: linear-gradient(to bottom, #039aff, #2f67eb);
}
.btn-inquiry:link,
.btn-inquiry:visited {
	color: #fff !important;
}
.btn-inquiry:hover {
	background: #013f5e;
	background-image: -webkit-linear-gradient(top, #013f5e, #012840);
	background-image: -moz-linear-gradient(top, #013f5e, #012840);
	background-image: -ms-linear-gradient(top, #013f5e, #012840);
	background-image: -o-linear-gradient(top, #013f5e, #012840);
	background-image: linear-gradient(to bottom, #013f5e, #012840);
	text-decoration: none;
}
.btn-inquiry:active {
	position:relative;
	top:1px;
}

/* 申し込み */
.btn-reserve {
	font-weight: bold;
	color: #fff;
	border:1px solid #d02718;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
}
.btn-reserve:link,
.btn-reserve:visited {
	color: #fff;
}
.btn-reserve:hover {
	color: #fff;
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
}
.btn-reserve:active {
	position:relative;
	top:1px;
}

.btn-xlarge {
  display: block;
  margin: 10px 8px;
  font-size: 100%;
  padding: 8px 0;
  border-radius: 6px;
}

/*
01=北海道新聞創刊７０周年記念プラン(道内温泉)
-----------------------------------------------*/
div.o-special2 {
	border-bottom:dotted 1px #999999;
}

.o-special2 table {
	width:100%;
	margin:5px 0;
}

.o-special2 table th {
	text-align:left;
	margin:0;
	padding:0;
}

.o-special2 table td {
	vertical-align:middle;
	text-align:right;
	margin:0;
	padding:0;
}

img.pushed {
	vertical-align:top;
	-webkit-margin-bottom:2px;
}

/*
 * 02=トップページ飛鳥Ⅱパンフ注釈
-----------------------------------------------*/
div.asuka2_sub {
	background-color:#C60744;
	color:#FFF;
	padding:4px 6px;
}

div.asuka2_sub p {
	text-align:center;
}

div.asuka2_sub span.f-larger{
	font-size:larger;
	font-weight:bold;
}

div.asuka_attention {
	padding: 4px 12px;
	border: solid 1px #ccc;
	font-size: 90%;
	line-height:1.3;
}

div.asuka_attention .caution{
	color: #C60744;
	font-weight: bold;
	text-align: center;
}

/* PDFページリスト */
.shipnews .page-list-box {
	margin: 0 8px;
}
.shipnews ul.pdf-page-list {
	padding: 0;
	margin: 0 ;
}
.shipnews ul.pdf-page-list li {
	margin-bottom: 4px;
}
a.page-list-btn {
	font-size: .89em;
	padding: 2px 0;
	border: 1px solid #ccc;
	text-decoration: none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	color: #333;
	display: block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
a.page-list-btn:hover {
	color: #fff;
	font-weight: bold;
	background:-moz-linear-gradient( center top, #3183E7 5%, #2f67eb 100% );
	background:-ms-linear-gradient( top, #3183E7 5%, #2f67eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3183E7', endColorstr='#2f67eb');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3183E7), color-stop(100%, #2f67eb) );
	background-color: #3183E7;
}
a.page-list-btn:active {
	position: relative;
	top:1px;
}

/* 飛鳥Ⅱ　岩崎宏美　スペシャルコンサート */
#iwasaki {
	border-top: dotted 1px #999;
	padding: 10px 0 0 0;
	text-align: center;
}
/*
飛鳥資料請求ボタン
@ 2014.12.08 add
*/
a.btn-link-inquiry {
	color: #fff;
}
.btn-link-inquiry {
	background: #039aff;
	background-image: -webkit-linear-gradient(top, #039aff, #2f67eb);
	background-image: -moz-linear-gradient(top, #039aff, #2f67eb);
	background-image: -ms-linear-gradient(top, #039aff, #2f67eb);
	background-image: -o-linear-gradient(top, #039aff, #2f67eb);
	background-image: linear-gradient(to bottom, #039aff, #2f67eb);
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	color: #ffffff;
	font-size: 100%;
	padding: 8px 20px 8px 20px;
	margin: 0 8px;
	border: solid #177dbd 1px;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.btn-link-inquiry:hover {
	background: #013f5e;
	background-image: -webkit-linear-gradient(top, #013f5e, #012840);
	background-image: -moz-linear-gradient(top, #013f5e, #012840);
	background-image: -ms-linear-gradient(top, #013f5e, #012840);
	background-image: -o-linear-gradient(top, #013f5e, #012840);
	background-image: linear-gradient(to bottom, #013f5e, #012840);
	text-decoration: none;
}

/*
飛鳥申込ボタン
@ 2014.12.08 add
*/
a.btn-link-reserve {
    color: #fff;
}
.btn-link-reserve {
  background: #e60c22;
  background-image: -webkit-linear-gradient(top, #e60c22, #c9182a);
  background-image: -moz-linear-gradient(top, #e60c22, #c9182a);
  background-image: -ms-linear-gradient(top, #e60c22, #c9182a);
  background-image: -o-linear-gradient(top, #e60c22, #c9182a);
  background-image: linear-gradient(to bottom, #e60c22, #c9182a);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 100%;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  display: block;
  font-weight: bold;
}

.btn-link-reserve:hover {
  background: #991111;
  background-image: -webkit-linear-gradient(top, #991111, #961515);
  background-image: -moz-linear-gradient(top, #991111, #961515);
  background-image: -ms-linear-gradient(top, #991111, #961515);
  background-image: -o-linear-gradient(top, #991111, #961515);
  background-image: linear-gradient(to bottom, #991111, #961515);
  text-decoration: none;
}

/*
旅行説明会のお知らせ
@ 2015.05.07 add
*/
.asuka-information-session {
  margin: 8px 8px 16px 8px;
}
.asuka-information-session .box-header {
  background: #CC181E;
  color: #fff;
  border: none;
}
.asuka-information-session .title {
  margin: 0;
  padding: 6px 0 3px;
  font-weight: bold;
}
.asuka-information-session .box-body {
  display: block;
  border: solid 2px #CC181E;
  padding: 10px 8px 10px;
  background-color: #FAE1F2; /* add @2016.12.05 */
}
.asuka-information-session dl {
  margin-bottom: .6em;
  font-size: 84%;
}
.asuka-information-session .label {
  background: #F8C802;
  color: #000;
  font-weight: bold;
  -moz-border-radius: .6em;
  -webkit-border-radius: .6em;
  -o-border-radius: .6em;
  -ms-border-radius: .6em;
  border-radius: .6em;
}
.asuka-information-session dd {
  padding: 2px;
}

/**
 * 飛鳥Ⅱパンフレット表紙エリア
 * @add 2016.12.05
 */
.shipnews .cover-area {
	margin-bottom: 10px;
	margin-top: 10px;
}

/**
 * ヘッダー追加情報
 * @add 2016.12.05
 */
.shipnews .header-more {
	display: block;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.header-more.sale-start {
	background-color: #356FD3;
	color: #fff;
	font-weight: bold;
	padding: 4px 0;
}

/*
 * 03=PhotoGallery用CSS
-----------------------------------------------*/

#cont-main .t-ph .thumb img.active {
	border:solid 3px #FC5126;
}

.photo-gallery .thumb li {
	list-style:none;
	float:left;
}

.photo-gallery .thumb li img {
	width:30px; height:30px;
}

/*
 * 04=トップページニッコウトラベルブロック
-----------------------------------------------*/
.tsub-block.nikko {
	background: #E2E6ED;
	padding: 10px 6px;
	border: solid 1px #ccc;
	/*font-size: 87.5%;*/
}
.tsub-block.nikko .caution {
	color: #ff0033;
}

/*
説明会のお知らせ
@ 2015.06.03 add
@ 2015.12.11 modified
-------------------*/
.nikko-info {
  background: #fff;
}
.nikko-info .header {
  background: #4D5EC8;
  background: #BB0271;
  padding: 2px 0 ;
  margin-bottom: 0;
  color: #fff;
  font-weight: bold;
}
.nikko-info .body {
  padding: 4px 4px 6px;
  border: solid 1px #BB0271;
  border-top: none;
}
.nikko-info .body .detail{
  /*margin-bottom: 10px;*/
  /*background: #FFE0FF;*/
  /*border: solid 1px #F1D0FF;*/
  padding: 5px 8px;
  font-size: .9em;
  /*font-weight: bold;*/
}


/*
 * 05=トップページ＞AIU
-----------------------------------------------*/
.tsub-block.aiu > .inner-box {
	width: 220px;
	text-align: center;
	margin: 0 auto;
}

/*
 * 06=熊本地震救援金のお知らせ
 */
.tsub-block.kumamoto .block-header {
	text-align: center;
	background: #FDAF0D;
	padding: 6px 0;
	font-weight: bold;
}
.tsub-block.kumamoto .block-body {
	border: solid 1px #FDAF0D;
	padding: 6px 12px;
	background:#fff;
}

/*
 * 07=東海道ウォーク説明会のお知らせ
 */
.tokaido .info-block .block-header {
	background: #C4D936;
	padding: 8px 0;
	text-align: center;
	color: #222;
	font-weight: bold;
}
.tokaido .info-block .block-body {
	border: solid 1px #C4D936;
	border-top: none;
	padding: 10px 8px;
}

/*
 * 08=トップページ＞飛鳥Ⅱ世界一周クルーズ お知らせ
 */
.shipnews.wasuka .header {
	background: #CBDE4E;
}
.shipnews.wasuka .main {
	word-break: break-all;
}

/*
 * 09=しまなみ海道ウォーク説明会のお知らせ
 */
.shimanami .info-block .block-header {
	background: #426FD4;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.shimanami .info-block .block-body {
	border: solid 1px #426FD4;
	border-top: none;
	padding: 10px 8px;
}

/*
 * 10=説明会のお知らせ
 */
.briefing .info-block .block-header {
	background: #426FD4;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.briefing .info-block .block-body {
	border: solid 1px #426FD4;
	border-top: none;
	padding: 10px 8px;
}
.briefing .btn-area {
  margin-bottom: 1em;
}
.briefing .info {
	margin-bottom: 1em;
}
.briefing .info .info-item {
	display: inline-block;
	color: crimson;
	border: solid 1px crimson;
	padding: 2px 4px;
}
/*
.briefing .btn {
  font-weight: bold;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #d02718;
  padding:4px 10px;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
  background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
  background-color:#f24537;
  color:#ffffff;
  display:inline-block;
}
.briefing .btn:hover {
  background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
  background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
  background-color:#c62d1f;
}
.briefing .btn:active {
  position:relative;
  top:1px;
}
*/

/*
 * 11=ブログバナー
 */
.banner {
	display: inline-block;
  padding: 1em 1.5em;
}
.banner-blog:link,
.banner-blog:visited,
.banner-blog:hover,
.banner-blog:active {
	color: #222;
}
.banner-blog .heading {
	display: block;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 6px;
	border-bottom: solid 1px #222;
	padding-bottom: 4px;
  font-size: 16px;
}
.banner-blog .sub {
	font-size: 11px;
  font-weight: 600;
}
.banner-blog {
  background: #ffd65e; /* Old browsers */
  background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
	border:1px solid orange;
  border-radius: 6px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:14px 18px;
	text-decoration:none;
}
.banner-blog:hover {
  opacity: .8;
}
.banner-blog:active {
	position:relative;
	top:1px;
}

/*
 * 12=北海道ふっこう割リンク
 * @2018.10.19
 */
.siteid {
  position: relative;
}

.fukko-box {
  display: table;
  background: rgba(255, 255, 255, 1);
  padding: 12px 14px 12px 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid 4px darkgreen;
  box-sizing: border-box;
  /* border-radius: 6px; */
}

.fukko-box .cell {
  display: table-cell;
  vertical-align: middle;
}

.btn-fukko {
  /* border:1px solid #d7dada; */
  border:1px solid #aaa;
  /* -webkit-box-shadow: #7A4E4E 0px 0px 1px ; */
  /* -moz-box-shadow: #7A4E4E 0px 0px 1px ; */
  /* box-shadow: #7A4E4E 0px 0px 1px ; */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 22px;
  font-family:lucida sans unicode, lucida grande, sans-serif;
  padding: 8px 20px 7px 20px;
  text-decoration:none;
  display:inline-block;
  /* text-shadow: -1px -1px 0 rgba(219,219,219,0.3); */
  font-weight:bold;
  /* color: #3789B3; */
  background-color: #f4f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
  background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
  background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
  background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
  background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
  text-align: center;
}

.btn-fukko:hover {
  opacity: .8;
  border:1px solid #bfc4c4;
  background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
  background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
.btn-fukko:link,
.btn-fukko:visited,
.btn-fukko:hover {
  color: darkgreen;
}

.btn-fukko span {
  display: block;
  font-size: 14px;
}

/*
 * 13=飛鳥Ⅱモーダル
 * @2019.01.10
 */
body.modal-opened {
  overflow: hidden;
}
button:hover {
  cursor: pointer;
}
.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .8);
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.modal-inner {
  background: #fff;
  width: 80%;
  max-width: 600px;
  text-align: left;
  box-sizing: border-box;
  padding: 30px;
}

/*
 * 14=クルーズの旅飛鳥情報
 * @2018.12.12
 */

.info-special-asuka {
  border: solid 1px #A4A9CF;  /* debug */
  background-color: #DDD5FF;
  padding: 10px;
  box-sizing: border-box;

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.info-special-asuka > .media {
  width: 130px;
  margin-right: 12px;
  text-align: center;
}
.info-special-asuka > .media > img {
  max-width: 100px;
  border: solid 1px #999;
}
.info-special-asuka > .text {
  margin-right: auto;
}
.info-special-asuka .pdf-page-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.info-special-asuka .pdf-page-list li {
  display: inline-block;
}
.info-special-asuka .page-list-btn {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  box-sizing: border-box;
}
/* 資料請求・申込みボタン関連 */
.info-special-asuka .btn-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.info-special-asuka .btn-list-item:not(:last-child)  {
  margin-bottom: 6px;
}

/* 飛鳥Ⅱ2019のみの指定 */
#tour-1951 {
  background-color: #DDD5FF;
}

/*
 * 15=ツアー一覧旅行説明会情報
 * @2018.03.15
 */

.briefing-box {
  padding: 5px 8px;
  background: #ffdbe1;
  border: 1px solid #ff3333;
  box-sizing: border-box;
}