@charset "UTF-8";
/* ######################################################

main

 ######################################################## */
#container h1.qah {
	display: none;
}
.mt0 {
  margin-top: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }
.mb20{
	margin-bottom: 20px !important;
}
main {
  color: #333;
  font-size: 82%;
  font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
  line-height: 1.5; }
  .tour img {
    width: 100%;
    vertical-align: top;
    margin: 0;
    padding: 0;
    line-height: 1; }
  main .font_s {
    font-size: 12px !important; }
  main .font_ss {
    font-size: 10px !important; }
  main .pad_t3per {
    margin-top: 3% !important; }
  main .pad_t5per {
    margin-top: 5% !important; }
  main .align_right {
    text-align: right !important; }
  main .btnLayOr {
    clear: both;
    margin-top: 3%;
    border-radius: 3px;
    background: url(/cmn/img/kanto/canada/common/arrow_btn_orange.png) no-repeat 94% 50% #f29057;
    background-size: 13px;
    padding: 2% 10% 2% 4%;
    float: right;
    font-size: 14px; }
  main a.btnLayOr, main .btnLayOr a {
    color: #fff;
    font-weight: bold; }
  main .btnAnchor {
    width: 97%;
    text-align: center;
}
  main .btnAnchor a {
    width: 70%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 10px 15px 0;
    margin: 4% auto 6%;
    text-align: center;
    background-color: #e45f4c;
    background-image: url("/cmn/img/kanto/canada/open_arrow.png");
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    display: inline-block;
}

  main .subcontent {
    background: #e1f1ff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 5%;
    padding: 4% 3%;
    font-size: 12px; }
    main .subcontent > p {
      color: #004098;
      font-weight: bold; }
    main .subcontent dd {
      margin-top: 3%; }

/*subcontent  */




/* #mainimg
--------------------------------------------------------- */
#loopslider {margin: 0 auto;width: 100%;height: 101px;text-align: left;position: relative;overflow: hidden;}
#loopslider ul {height: 100px;float: left;display: inline;overflow: hidden;}
#loopslider ul li {width: 134px;height: 100px;margin:1px 0 0 0 ;float: left;display: inline;overflow: hidden; position: relative;}
#loopslider ul li a span{color: #fff; position: absolute; bottom: 0; left: 0; text-align: center; font-weight: bold; width: 100%; display: block; height: 25px; line-height: 25px; font-size:12px;}

#loopslider ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
#loopslider ul {display: inline-block;overflow: hidden;}

/* toTop
--------------------------------------------------------- */
.toTop {
  padding: 4% 15px 4% 15px;
  font-size: 16px;
  font-weight: bold;
  background-image: url(/cmn/img/kanto/canada/arrow.png);
  background-position:97% 50%;
  background-repeat: no-repeat;
  background-color: #02429a;
  background-size: 22px; }
  .toTop a {
    color: #fff;
    display: block; }

/* shere
--------------------------------------------------------- */
.othertour{ margin:10px 15px 15px 15px;}

h1.title{ font-size:18px; text-align:center; margin:0 0 20px 0; line-height:18px; background:#e45f4c; color:#fff; padding:15px 0 10px;}
h1.title span { font-size:12px; font-weight:normal;}
.IntroductionT{ margin:0 15px;}

#modal-content {
	width: 94% ;
	margin: 0 ;
	position:fixed;
	display: none ;
	z-index: 100000 ;
}
  
#modal-overlay {
	z-index: 90000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
#head{}
#head h1 {float:right; width:82%; padding-top:2px; margin-bottom:-2px;}
#head p {float:left; width:18%;}
#head li { background:url(/cmn/img/kanto/canada/arrow.png) 97% center no-repeat #e45f4c; border-top:1px solid #eaa59b; font-size:14px; padding:0px 10px; background-size:20px;}
#head li a { display:block; padding:15px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#fff; font-weight:bold;}

.mainimage{ clear:both;}

.bnrarea{ margin:0 15px 0 15px;}
.toptxt{border-bottom:1px solid #D1D1D1; padding:0 0 10px 0; margin:0 0 10px 0;}
.accordion .list{ clear:both; margin:0 0 15px 0; padding:0 0 15px 0;border-bottom:1px dashed #D1D1D1;}
.accordion .list img{ width:50%; float:left; padding-right:15px;}
/*.accordion .list .read{ width:45%; float:right;}*/
.accordion .list .read h3{ font-size:16px;}
.accordion .list .read p{ font-size:12px;}

#head{ position:relative;}
ul#lnav.accordion h1 {float:right; width:82%;}
ul#lnav.accordion p {float:left; width:18%;}
ul#lnav.accordion > li > ul{position:absolute; width:100%; z-index:10000;}
ul#lnav.accordion ul { display:none;}
ul#lnav.accordion > li {}
ul#lnav.accordion > li > p {cursor:pointer;}
ul#lnav.accordion > li > ul > li { background:url(/cmn/img/kanto/canada/arrow.png) 97% center no-repeat #e45f4c; border-top:1px solid #eaa59b; font-size:14px; padding:10px 10px; background-size:20px;}
ul#lnav.accordion > li > ul > li a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#fff; font-weight:bold;}
ul#lnav.accordion > li > ul > li > p { background:#000;}

dl.accordion dd h2{ font-size:16px;}
dl.accordion { margin:0 auto 30px; padding:10px;}
dl.accordion dt {
    background:url(/cmn/img/kanto/canada/close_arrow.png) 97% center no-repeat #e45f4c;
	background-size:24px;
	font-size:16px;
	text-align:center;
    border-bottom:1px solid #EEE; height:50px; text-indent:10px; line-height:50px; color:#fff; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:url(/cmn/img/kanto/canada/open_arrow.png) 97% center no-repeat #e45f4c; color:#fff;
	background-size:24px;
	text-align:center;}
dl.accordion dd { background:#FFF; padding:15px; line-height:1.5; display:none;}



.location ul.accordion li.line{ border:1px solid #e45f4c;}
.location ul.accordion > li > ul > li > h2{ font-size:16px; color:#e45f4c;}
.location ul.accordion { margin:0 auto 10px; padding:15px;}
.location ul.accordion > li > p > span {
	display: block;
    background:url(/cmn/img/kanto/canada/open_arrow.png) 97% center no-repeat #e45f4c;
	background-size:24px;
	font-size:16px;
	text-align:center;
    border-bottom:1px solid #EEE; height:50px; text-indent:10px; line-height:50px; color:#fff; font-weight:bold; cursor:pointer;}
.location ul.accordion > li > p > span.open {
    background:url(/cmn/img/kanto/canada/close_arrow.png) 97% center no-repeat #e45f4c; color:#fff;
	background-size:24px;
	text-align:center;}
.location ul.accordion > li > ul { background:#FFF; padding:15px; line-height:1.5; display:none;}

.clear_b {
  clear: both; }

.clearfix {overflow: hidden; }
  
#mainarea h1{ font-size:18px; color:#FFF; padding:10px 0 10px 45px; margin:0 0 0 0; clear:both;}
#mainarea h1.tourtitle{ background: url(/cmn/img/kanto/canada/icon_tour.png) left 50% no-repeat #e45f4c; background-size:50px;}
#mainarea h1.areatitle{ background: url(/cmn/img/kanto/canada/icon_area.png) left 50% no-repeat #e45f4c; background-size:50px;}
#mainarea h1.facebooktitle{ background: url(/cmn/img/kanto/canada/icon_facebook.png) left 50% no-repeat #e45f4c; background-size:50px;}
#mainarea h1.searchtitle{ background: url(/cmn/img/kanto/canada/icon_search.png) left 50% no-repeat #e45f4c; background-size:50px;}
#mainarea h1.blogtitle{ background: url(/cmn/img/kanto/canada/icon_blog.png) left 50% no-repeat #e45f4c; background-size:50px;}
#mainarea h1.movietitle{ background: url(/cmn/img/kanto/canada/icon_movie.png) left 50% no-repeat #e45f4c; background-size:50px;}
footer .reserveArea{ margin:0;}

#bnr-fb{
	padding: 15px 15px 0 15px ;;
	overflow: hidden;
	margin-bottom: 30px;
}
#bnr-fb li{
	width: 49%;
}
#bnr-fb li img{
	width: 100%;
	height: auto;
}
#bnr-fb .bnr1{
	float: left;
}
#bnr-fb .bnr2{
	float: right;
}
#linkarea li img{ float:left; width:26%}
#linkarea li .rightbox{ float:right; width:70%;}
#linkarea li .rightbox p{ width:92%}
#linkarea li h2{ font-size:16px; font-weight:bold; color:#1777ba; margin:0 0 0 0;}

#linkarea{ padding:15px 0 0 0; margin:0 15px 10px 15px;}
#linkarea li{position:relative; padding:0 0 15px 0; margin:0 0 10px 0 ; display:inline-block; border-bottom:1px solid #BFBFBF; width:100%}
#linkarea li a{position:absolute; top:0; left:0; width:100%; height:100%; background: url(/cmn/img/kanto/canada/arrow_common.png) right 50% no-repeat; background-size:24px;}
#linkarea li img{ float:left; width:26%;}
#linkarea li .rightbox{ float:right; width:70%;}
#linkarea li .rightbox p{ width:92%}
#linkarea li h2{ font-size:16px; font-weight:bold; color:#1777ba; padding:5px 0 5px 0;}

.linklist{ margin:0 0 30px 0;}
.linklist li{border-bottom:1px solid #BFBFBF; padding:0 0 0 0 ;}
.linklist li a{
display: block;
padding:15px 24px 15px 15px ;
overflow: hidden;
color: #444;
background: url(/cmn/img/kanto/canada/arrow_common.png) no-repeat 98% center;
background-size: 24px 24px; 
font-weight:bold;
font-size:16px;
 }
 
 .maintxt{ padding:0 15px 15px 15px; font-size:14px;}
  

/* tour
--------------------------------------------------------- */
.tour { padding:15px 0 0 0; margin:0 0 30px 0;}

.tour:last-child {
margin-bottom: 0; }

.tour .inner{ margin:0 0 15px 0;}
.tour .inner h2{
	border-bottom:1px solid #e45f4c;
	border-left:8px solid #e45f4c;
	padding:5px 0 5px 8px;
	margin: 0 15px 15px 15px;;
	font-size:16px;
}

.tour .inner .list a {
display: block;
padding:0 24px 15px 0 ;
overflow: hidden;
color: #444;
background: url(/cmn/img/kanto/canada/arrow_common.png) no-repeat right center;
background-size: 24px 24px; }

.tour .inner .list{
	border-bottom:1px solid #BFBFBF;
	margin: 0 15px 15px 15px;
}

.tour .inner .list:last-child {
margin-bottom: 0; }

.tour .inner .list .tag {
overflow: hidden;
margin-bottom: 3%; }

.tour .inner .list .tag li {
float: left;
margin-left: 1%;
padding: 4px 8px;
color: #fff;
font-size: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
overflow: hidden; }

.tour .inner .list .tag li:first-child {
margin-left: 0; }

.tour .inner .list .tag li.pat01 {
background: #3791d6; }

.tour .inner .list .tag li.pat02 {
background: #5ac3cf; }

.tour .inner .list .tag li.pat03 {
background: #7cc48d; }

.tour .inner .list .thumb {
float: left;
width: 32%; }

.tour .inner .list .detail {
float: right;
width: 63%; }

.tour .inner .list .description {
margin-bottom: 2%;
font-size: 14px; }

.tour .inner .list .period {
background: #ebebeb;
padding: 5px;
color: #666666;
margin-bottom: 2%;
font-size: 9px;
text-align: center; }

.tour .inner .list .price {
clear: both;
text-align: right;
color: #d63737;
font-size: 16px;
font-weight: bold; }
.tour .moreArea {
    border: solid 1px #3B5996;
    margin: 0 3.1%;
    padding: 3.1%;
}
.tour .moreArea .moreText {
    color: #3B5996;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
}

/* ===============================================
 breadcrumbArea　
=============================================== */

#breadcrumbArea {
	font-size: 12px;
}
#breadcrumbArea a {
	text-decoration: underline;
	display: inline-block;
	line-height: 2.5em;
}
#breadcrumbArea .breadcrumbList {
	padding: .3em 5px;
	background-color: #FFF;
	white-space: nowrap;
	overflow: auto;
}
#breadcrumbArea .breadcrumbList > li {
	display: inline-block;
}
#breadcrumbArea .breadcrumbList > li+li:before {
	content: "＞";
	margin: 0 .3em;
}


/* ===============================================
 moviearea（あったかいカナダ）　
=============================================== */

#moviearea li img{ float:left; width:26%}
#moviearea li .rightbox{ float:right; width:70%;}
#moviearea li .rightbox p{ width:92%}
#moviearea li h2{ font-size:16px; font-weight:bold; color:#1777ba; margin:0 0 0 0;}

#moviearea{ padding:15px 0 0 0; margin:0 15px 10px 15px;}
#moviearea li{position:relative; padding:0 0 15px 0; margin:0 0 10px 0 ; display:inline-block; width:100%}
#moviearea li img{ float:left; width:26%;}
#moviearea li .rightbox{ float:right; width:70%;}
#moviearea li .rightbox p{ width:92%}
#moviearea li h2{ font-size:16px; font-weight:bold; color:#1777ba; padding:5px 0 5px 0;}
#moviearea .videoarea iframe { width: 100%; min-height: 180px;}
#moviearea .linkarea { margin:10px 15px 15px 15px;}
#moviearea .linkarea img { width: 100%;}
/* ===============================================
 bnrAreaTop（スライド下バナー）　
=============================================== */
#bnrAreaTop {
    display:  block;
    width: 100%;
}
#bnrAreaTop .bnr {
    display:  block;
    width: 92%;
    margin: 2em auto;
}
#bnrAreaTop img {
    width: 100%;
}

/* ===============================================
イエローナイフ オーロラフライトバナー　
=============================================== */

.aurora_flight img {
    width: 100%;
}

.aurora_flight .bnr {
    display:  block;
    margin: 0 3.1% 2rem;
}