@charset "utf-8";
/* reset
------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)

   fixed
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

div,p,dl,dt,dd,ol,ul,li,
h1,h2,h3,h4,h5,h6,
form,input,button,textarea,table,tr,th,td,
article,aside,header,footer,section,nav{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* -------------------------------------------------------
   font
------------------------------------------------------- */
body,
html,
td,
th,
input[type="text"],
textarea {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* font-weight: 500; */
}

/* for IE10 */
@media all and (-ms-high-contrast: none) {

body { font-family: Verdana, 'メイリオ', Meiryo, '游ゴシック', sans-serif!important; }
}

html {
  font-size: 62.5%;
}

body {
  /*font-size: 16px;
  font-size: 1.6rem;*/
  line-height: 170%;
	word-break: break-all;
}

a:link,
a:visited {
	color: #222;
	text-decoration: none;
  transition:all 0.2s;
}

a:hover {
	text-decoration: underline;
}
a[href^="tel:"]{
pointer-events: none;
}

img {
	vertical-align:bottom;
	max-width: 100%;
}

/* -------------------------------------------------------
   一括指定 boxsizing / clearfix / image hover / contents width
------------------------------------------------------- */
/* boxsizing */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* block */
.blockSiteLinks__MsTop a {
	display: block;
}

/* clearfix */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* image hover */
a:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* contents width */
.class {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

ul,
dl,
ul.blockRound__linksItems,
.blockSiteCaption ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a[href^="tel:"] {
    pointer-events: none;
}
/* form style reset */
/*
input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
*/

/* -------------------------------------------------------
 base layout
------------------------------------------------------- */
.Container {
color: #222;
font-size: 16px;
font-size: 1.6rem;
line-height: 170%;
font-weight: 500;
	width: 1220px;
	margin: 0 auto;
}

.blockContents {
	padding-bottom: 20px;
	padding-top: 40px;
	margin-bottom: 0px;
	text-align:center;
	clear:both;
}

.blockContents.line::before {
	content: "";
	width: 100px;
	border-top:solid 1px #458fd2;
	margin: 0 auto 80px;
	display: block;
}

.blockSiteCaption {
	font-size: 1.2rem;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	line-height: 170%;
	font-family: YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.l-boxMV {
	width: 1220px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}
.l-box001 {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}
.l-box002 {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.headimg{
	width: 980px;
	height: 615px;
	margin: 0 auto;
	background: url(../img/img_main.jpg) no-repeat;
}
.headimg h1{
	color:#fff;
	font-size: 70px;
	font-weight: 600;
	padding-top: 5px;
	margin-left: 40px;
	line-height: 120%;
	transform: rotate(-8deg);
	text-shadow: 0 0 13px black;
}
.headimg .catchOnPic{
	color:#fff;
	font-size: 42px;
	font-weight: 600;
	padding-top: 310px;
	margin-left: 260px;
	line-height: 120%;
	text-shadow: 0 0 13px black;
	letter-spacing: 0.1em;
}


.l-boxMV h1{
	color:#000;
	font-size: 48px;
	font-weight: 600;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	line-height: 120%;
	text-align: center;
}
/* -------------------------------------------------------
 basic parts
------------------------------------------------------- */

/* title
---------------------------------*/
.title001 {
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	color:#458fd2;
}

.title002 {
	font-size: 2rem;
	font-weight: bold;
	color:#458fd2;
}

.title003 {
	font-size: 1.8rem;
	font-weight: bold;
	color:#458fd2;
}
.title004 {
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color:#458fd2;
}

h5{text-align:left;font-size: 1.2em;font-weight:bold;}

.logo{
	text-align:center;
	margin: 20px auto;
}
.catch001{
	font-size: 2.8rem;
	color:#458fd2;
	font-weight: bold;
	text-align:center;
	marign: 1em auto;
	line-height: 150%;
}
.catch002{
	font-size: 2rem;
	color:#458fd2;
	font-weight: bold;
	marign: 1em auto 2em;
	padding-bottom: 1em;
	line-height: 180%;
}

.catch003{
	font-size: 2.4rem;
	color:#000;
	font-weight: bold;
	text-align:center;
	marign: 1em auto;
	line-height: 180%;
}
.catch004{
	font-size: 3.2rem;
	color:#000;
	font-weight: bold;
	text-align:center;
	marign: 1em auto;
	line-height: 130%;
}
.catch005{
	font-size: 2rem;
	color:#000;
	font-weight: bold;
	text-align:center;
	marign: 1em auto;
	line-height: 130%;
}
.lead001{
	font-size: 2rem;
	font-weight: bold;
	text-align:center;
	line-height:150%;
	marign: 1em auto;
}
.lead003{
	font-size: 2.4rem;
	font-weight: bold;
	text-align:center;
	line-height:160%;
	marign: 1em auto;
}
.lead004{
	font-size: 1.8rem;
	font-weight: bold;
	text-align:left;
	line-height:160%;
	marign: 1em auto;
	display:inline-block;
}
.lead005{
	color:#458fd2;
	font-weight: bold;
}
.wrap-list-card{
	display:flex;
	flex-wrap:wrap;
	margin-top: 40px;
	justify-content:space-around;
}
.list-card{
	width: 50%;
	text-align:center;
	margin-bottom: 40px;
}
.list-card-txt{
	color:#458fd2;
	font-size: 1.15em;
	margin-top:0.5em;
	font-weight: bold;
	text-align:center;
}

.calendar{margin: 15px auto}

.blockSchedule {display:flex;}
.blockSchedule dt{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 10px auto;
	box-sizing:border-box;
	width: 120px;}
.blockSchedule dt.timetable000{background: #458fd2;color:#fff;padding-top: 50px;}
.blockSchedule dt.timetable001{
	background:url(../img/arrow1.png) no-repeat center top #e4ebf0;
	color:#458fd2;padding-top: 50px;}
.blockSchedule dt.timetable002{
	background:url(../img/arrow2.png) no-repeat center top #458fd2;
	color:#fff;padding-top: 50px;}
.blockSchedule dd{
	background:#fff;
	text-align:left;
	border-top:solid 1px #e4ebf0;
	padding: 10px 0 20px 20px;
	box-sizing:border-box;
	width:760px;
}
.blockSchedule dd h4{margin: 1em 0 0.5em 0;}

.boxSchedule{width: 360px;float:left;margin-top: 10px;margin-bottom: 10px;}
.boxSchedule img{width: 360px;height:auto;}
.boxSchedule p{margin: 0.5em 0 1em 0;}
.boxSchedule.boxScheduleR{margin-left: 20px;}
.blockSchedule dd h4{clear:both;}

.boxCard {display:flex;flex-wrap:wrap;justify-content: start;margin: 0 auto;}
.boxCard li {border:solid 1px #458fd2;width: 280px;padding: 20px;margin-right: 13px ;margin-bottom: 15px;}
.boxCard li img {width: 240px;height: auto;border-radius:8px;}
.boxCard li img.tate {height: 240px;width: auto;border-radius:8px;}
.boxCard li img.tate-next {padding-top:90px;}

.boxCard_archive{display:flex;flex-wrap:wrap;justify-content: start;margin: 0 auto;}
.boxCard_archive li {border:solid 1px #458fd2;width: 280px;padding: 20px;margin: 0 13px 15px 0;}
.boxCard_archive li img {width: 240px;height: auto;border-radius:8px;}
.boxCard_archive li img.tate {height: 240px;width: auto;border-radius:8px;}


.blockFee {border-collapse:collapse;}
.blockFee th{width: 20%;background:#e4ebf0;border:solid 1px #222;padding:0.4em;vertical-align:middle;}
.blockFee td{border:solid 1px #222;padding:0.4em;vertical-align:middle;text-align:left;}
.blockFee td:last-child{width: 20%;text-align:center;}

.blockSpecial {border-collapse:collapse;}
.blockSpecial th{width: 20%;background:#e4ebf0;border:solid 1px #222;padding:0.4em;vertical-align:middle;}
.blockSpecial td{border:solid 1px #222;padding:0.4em;vertical-align:middle;text-align:left;}


.listNote {margin: 20px auto;}
.listNote li{text-align:left;text-indent:-1em;padding-left: 1em;}
.listDot {margin: 20px auto;}
.listDot li{text-align:left;text-indent:-1em;padding-left: 1em;}
.listDot li::before{content:"●";}

.banner {width: 100%;margin: 0 auto;text-align:center;}
.banner img {width: 100%;height:auto;margin: 20px 0;}
ul.banner{display:flex;}
.banner li{width: 450px;margin: 20px auto;padding: 20px 0;}
.banner li img {width: 450px;margin: 0;}
.banner p {margin:0;}

.banner.asoview { width: 450px;margin: 20px auto 40px;}
.banner img {width: 100%;height:auto;margin: 0;}

.bnr_premium {
	border-top: solid 8px #821212;
	border-bottom: solid 8px #821212;
	background:#000;
}
.premium_catch { font-size:1.2em; background:#821212;color:#fff;padding: 4px;font-weight: bold;}
.bnr_premium a,
.premium_catch a{
	color:#fff;
}

/* -------------------------------------------------------
 circuit tours
------------------------------------------------------- */

.ct-headimg {background: url(../c-tours/img/title_bg.jpg) no-repeat center top;text-align:center;
margin: 0 auto;padding-top: 40px;padding-bottom: 20px;}


.blockTour {width:100%;clear:both;margin-top: 20px;margin-bottom: 40px;}
.blockTour.line::before {
	content: "";
	width: 100px;
	border-top:solid 1px #458fd2;
	margin-top: 80px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.blockTour dt{font-size: 2.4rem;color:#458fd2;font-weight: bold;padding-top: 30px;padding-bottom: 30px;box-sizing:border-box;}
.blockTour dd{background:#fff;text-align:left;padding: 10px 0 20px ;box-sizing:border-box;}

.boxTour{width: 360px;float:left;margin: 10px;}
.boxTour img{width: 100%;height:auto;}
.boxTour p{margin: 0.5em 0 1em 0;}
.boxTour.boxTourR{margin-left: 20px;}

/* -------------------------------------------------------
 新春キャンペーン
------------------------------------------------------- */

.blockCampaign {
	clear:both;
	width: 780px;
	margin: 20px auto;
}
.newyear_header {
	margin-top: 60px;
}

.blockCampaign dl{
	width: 370px;
	margin: 20px auto;
	float:left;
}
.blockCampaign dl.campaignLeft{
	margin-right: 40px;
}
.blockCampaign dt.newyear {
	font-size:1.8rem;
	font-weight: bold;
	color:#f33;
	background: #f7dfe0;
	padding-top: 5px;
	padding-bottom: 5px;
}
.blockCampaign dt {
	font-size:1.8rem;
	font-weight: bold;
	color:#036;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #eee;
}
.blockCampaign dd{
	text-align:left;
	margin-top: 10px;
}
.wrap-CampaingSchedule {
	clear:both;
	width: 780px;
	margin: auto;
	margin-bottom: 30px;
}
.blockCampaign:after,.wrap-CampaingSchedule:after{content:""; display:block; clear:both; height:0;}
.wrap-CampaingSchedule .blockCampaign-date {
	clear:both;
	font-size: 2.4rem;
	font-weight: bold;
	color:#f33;
background: #f7dfe0;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.wrap-CampaingSchedule table{
	border-collapse:collapse;
	box-sizing:border-box;
}
.wrap-CampaingSchedule table th{
	background: #f7dfe0;
	border:solid 1px #ccc;
	box-sizing:border-box;
	vertical-align:middle;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.wrap-CampaingSchedule table td{
	border:solid 1px #ccc;
	text-align:center;
	box-sizing:border-box;
	width:25%;
	vertical-align:middle;
	line-height: 125%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
tr.CampaingMenu td{
	height: 3.6em;
}
.wrap-CampaingSchedule table.time-c-cruis {width:360px;margin: 0 auto;}
.time-c-cruise td{
	width:25%;
}
/*.time-c-tours {
	width: 258px;
}
.time-c-tours td:last-child {
	width:130px;
}*/
.bg_gray{
	background:#eee;
}
.bg_yellow{
	background:#ffe133;
}
.cam_title001{
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
	color:#f33;
	line-height: 135%;
}
.cam_title002 {
	font-size: 2rem;
	font-weight: bold;
	color:#f33;
	line-height: 135%;
}
.cam_title003 {
	font-size: 2rem;
	font-weight: bold;
	color:#036;
	line-height: 135%;
}
.cam_title004 {
	font-size: 1.8rem;
	font-weight: bold;
	color:#036;
	line-height: 135%;
}
.cam_title005 {
	width: 640px;
	font-size: 2rem;
	font-weight: bold;
	color:#ffc;
	background:#630;
	margin: 0 auto 1em auto;
	line-height: 135%;
}
.cam_title006{
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
	line-height: 135%;
	margin-top: 20px;
	margin-bottom: 20px;
	color:#f33;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}

.cam_box{
	background:#ff6;
}
.cam_shop {width: 640px;margin: 20px auto;}
.cam_shop dt{background:#ffc;color:#630;font-weight: bold;text-align:left;border-left: solid 6px #630;padding: 2px 6px;}
.cam_shop dd{text-align:left;padding: 1em 0;color:#630;font-weight: bold;}
.brown{color:#630;}
.white{color:#fff;}
.ribbon_y{
  display: inline-block;
	min-width: 320px;
	background:#fc3;
	color:#f33;
	font-weight: bold;
  font-size: 24px;
	padding: 0.5em;
	margin-bottom: 20px;
}
.ribbon_r{
  display: inline-block;
	min-width: 320px;
	background:#f33;
	color:#fff;
	font-weight: bold;
  font-size: 24px;
	padding: 0.5em;
	margin-bottom: 20px;
}


.accordion_btn{background:#458fd2;color:#fff;font-size:16px;font-weight:bold;padding: 12px 30px;cursor:pointer;text-align:center;width: 320px;margin: 30px auto;border-radius:10px;}
.accordion{background: url(../img/icon_open.png) no-repeat #458fd2 292px center ;padding-right: 32px;}
.accordion.active{background: url(../img/icon_close.png) no-repeat #458fd2 292px center;padding-right: 32px;}
.close-box{display:none;}


.l-display-flex{display:flex;margin: 0 auto;justify-content:space-between;}
.l-display-flex.l-col2 img{width: 370px;height: auto;}
.l-display-flex.l-col3 img{width: 240px;height: auto;}
.l-w320 {width: 320px;}
.l-w320 img {width: 320px;height:auto;}
.tel_icon{background: url(../img/tel_icon.png) no-repeat left center / 21px 21px;padding-left: 24px;}
a.tel_icon{color:#458fd2;}
a:link.mizuiro,a:visited.mizuiro {color:#458fd2;}

a.link_no-deco:hover {
	text-decoration: none;
}

.caption{
	font-size:14px;
}
.caption_s{
	font-size:12px;
}
.boxRed{border:solid 3px #f00;margin:20px auto;padding: 10px 20px;font-size: 15px;line-height:150%;text-align:left;clear:both;box-sizing:border-box;}
.boxRed strong{font-size:18px;font-weight: 800;}
.boxRed p{margin: 0.5em 0;}

.red{color:#f00;}
.deepred{color:#e46e7c;}
.original-color{color:#222;}
.textBold {font-weight: bold;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}

.pd15{padding:15px;}

.u-alignLeft{text-align:left;}
.u-alignCenter{text-align:center;}
.sp{display:none;}

strong{font-weight: bold;}
