@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      top.css
Created:        2016-05-30
Style Info:     カナダLP SUB pages　CSS
----------------------------------------------------------- */

/* sub pages common
----------------------------------------*/

.seo_sub {background:#f2f7ee;}
.seo_sub .seo   {width:1140px; margin:0 auto;background:#fff;}


#canada.sub {background:#f2f7ee;}

#canada.sub .sub_wrapper {width:1140px; margin:0 auto; background:#fff; padding-right:50px;}





#canada.sub .side nav {margin-bottom:45px;}


#canada.sub .side .side_inner .btn_area {text-align:right;}

#canada.sub .side nav dl dt ,
#canada.sub .side nav dl dd {padding:5px 0;}
#canada.sub .side nav dl dt {color:#006837; padding-left:5px;}

#canada.sub .side nav dl dd {border-bottom:solid 1px #e6e6e6;}
#canada.sub .side nav dl dd span ,
#canada.sub .side nav dl dd a {color:#323232; font-size:12px; display:block; width:220px; height:25px; line-height:25px; padding-left:5px;}

#canada.sub .side nav dl dd span ,
#canada.sub .side nav dl dd a:hover {background:url(../img/side_menu_bg.png) no-repeat; opacity:1;}




#canada.sub .contents_header     {margin-bottom:40px;}
#canada.sub .contents_header p ,
#canada.sub .contents_header_img {margin-bottom:30px;}

#canada.sub .contents h1 {margin:0 0 30px;}
#canada.sub .contents h2 {margin:0 0 30px;}
#canada.sub .contents h3 {margin:0 0 20px;}
#canada.sub .contents .sub_h {margin:0 0 15px; color:#006837; font-size:14px; font-weight:bold; line-height: 1.4;}

#canada.sub .contents .w_365 {width: 48%;}
#canada.sub .contents .w_500 {width:65%;}

#canada.sub .contents .mb_30 {margin-bottom:30px;}

#canada.sub .contents .h_btn a {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    background: #fabe00 url(../img/arrow_next_02.png) no-repeat 220px 23px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 5px 0 #eea400;
    -webkit-box-shadow: 0 5px 0 #eea400;
    -moz-box-shadow: 0 5px 0 #005d2c;
}

#canada.sub .contents .bl_box     {margin-bottom:40px; overflow: hidden;}
#canada.sub .contents .bl_box img {margin-bottom:20px; vertical-align: top;}
#canada.sub .contents .bl_box img.fl:has(+ .w_500){width: 32%;}
#canada.sub .contents .bl_box img.fl:has(+ .w_365){width: 49%;}
#canada.sub .contents .bl_box h2 img,#canada.sub .contents .bl_box h3 img{margin-bottom: 0;max-width: 100%;}
#canada.sub .contents .bl_box p   {margin-bottom:20px;}

#canada.sub .contents .bl_box .spot_list.clearfix:after ,
#canada.sub .contents .bl_box .hotel_list.clearfix:after ,
#canada.sub .contents .bl_box .spot_list_02.clearfix:after  {content: none;}

#canada.sub .contents .bl_box .spot_list ,
#canada.sub .contents .bl_box .hotel_list ,
#canada.sub .contents .bl_box .spot_list_02  {width: 100%; display: flex; justify-content: space-between;}
#canada.sub .contents .bl_box .spot_list_02{flex-wrap: wrap;}

/*
#canada.sub .contents .bl_box .spot_list li ,
#canada.sub .contents .bl_box .hotel_list li {float:left; display:inline; width:250px; margin-left:20px; position:relative;}*/


#canada.sub .contents .bl_box .spot_list li ,
#canada.sub .contents .bl_box .hotel_list li{ flex: 0 0 31%;}
#canada.sub .contents .bl_box .spot_list_02 li:not(.bord li){width: 48.7%;}
#canada.sub .contents .bl_box .spot_list_02 li img{width: 100%; display: block;}



#canada.sub .contents .bl_box .bord {background:#f7fbf5; padding:15px; width:100%;}
#canada.sub .contents .bl_box .bord li {font-size:12px; margin:0; padding:0; display:block; float:none;}



#canada.sub .canada_01 p strong ,
#canada.sub .canada_02 p strong ,
#canada.sub .canada_03 p strong ,
#canada.sub .canada_06 p strong {color: #ff0000; font-weight: bold;}


#canada.sub .canada_01 .contents_header .lead ,
#canada.sub .canada_02 .contents_header .lead {margin-bottom: 20px;}

#canada.sub .canada_01 .contents_header .bord_01 {position: relative; width: 100%; height: 390px; margin-bottom: 30px;}
#canada.sub .canada_01 .contents_header .bord_01 .bord_01_bg ,
#canada.sub .canada_01 .contents_header .bord_01 a ,
#canada.sub .canada_01 .contents_header .bord_01 p {position: absolute}
#canada.sub .canada_01 .contents_header .bord_01 a {left: 447px;}
#canada.sub .canada_01 .contents_header .bord_01 p {top: 320px; left: 25px; font-weight: bold; color: #fff; font-size: 15px;}

#canada.sub .canada_01 .bana_01 {margin-bottom: 40px;}
#canada.sub .canada_01 .bl_sp h3 ,
#canada.sub .canada_01 .bl_sp h4 ,
#canada.sub .canada_01 .bl_sp h5 {margin: 0; background: #fff;}
#canada.sub .canada_01 .bl_sp {border: solid 2px #770000; margin-bottom: 40px;}
#canada.sub .canada_01 .bl_sp_header {background: #fac100; padding-bottom: 20px;}

#canada.sub .canada_01 .bl_sp_header .clearfix {margin-left: 28px;}
#canada.sub .canada_01 .bl_sp_header .box {width: 232px; height: 220px; float: left; display: inline; margin-right: 15px; background: #faebd9;}
#canada.sub .canada_01 .bl_sp_header .box p {padding:10px 15px; font-size: 12px; line-height: 1.6;}


#canada.sub .canada_01 .bl_sp_re h4 {margin-bottom: 20px;}
#canada.sub .canada_01 .bl_sp_re h5 {color: #006837; font-weight: bold; margin-bottom: 5px; font-size: 14px;}
#canada.sub .canada_01 .bl_sp_re .box_re {margin-bottom: 30px;}
#canada.sub .canada_01 .bl_sp_re .inner {width: 730px; margin: 20px auto;}
#canada.sub .canada_01 .bl_sp_re .clearfix {margin-bottom: 5px;}

#canada.sub .canada_01 .bl_sp_re .fl {width: 250px;}
#canada.sub .canada_01 .bl_sp_re .fl p {font-size: 11px;}
#canada.sub .canada_01 .bl_sp_re .fr {width: 445px; }
#canada.sub .canada_01 .bl_sp_re .fr p {margin-bottom: 10px; font-size: 13px;}
#canada.sub .canada_01 .bl_sp_re .fr ul {font-size: 12px; background: #eeeeee; padding: 15px 10px; }
#canada.sub .canada_01 .bl_sp_re .fr ul a {color: #a0826e;}

#canada.sub .canada_01 .bl_sp_re .note_01 {background: #faebd9; padding: 15px 20px;}
#canada.sub .canada_01 .bl_sp_re .note_01 dl {margin-bottom:10px;}
#canada.sub .canada_01 .bl_sp_re .note_01 dl dt {color: #770000; font-weight: bold; font-size: 14px; margin-bottom: 5px;}
#canada.sub .canada_01 .bl_sp_re .note_01 dl dd {font-size: 13px;}
#canada.sub .canada_01 .bl_sp_re .note_01 .price {background: #fff; padding: 5px 10px;}
#canada.sub .canada_01 .bl_sp_re .note_01 .price p {font-size: 13px;}
#canada.sub .canada_01 .bl_sp_re .note_01 .price span {color: #f5002d;}

#canada.sub .canada_01 .bl_sp_re .note_02 ul {color: #f5002d; font-size: 13px; margin-bottom: 10px;}


#canada.sub .canada_01 .bl_sp_footer {background: #fac100; padding: 25px 0 30px;}
#canada.sub .canada_01 .bl_sp_footer h4 {margin-bottom: 10px;}
#canada.sub .canada_01 .bl_sp_footer .inner {width: 730px; margin: 0 auto;}
#canada.sub .canada_01 .bl_sp_footer p {margin-bottom: 20px;}

#canada.sub .canada_01 .bl_sp_footer .bl_btn   {width:670px; height: 60px; margin: 0 auto; position: relative;}
#canada.sub .canada_01 .bl_sp_footer .bl_btn a {display:block;height:100%; width:100%; background:#006f37; color:#fff; line-height:60px; text-align:center; font-size:20px; font-weight:bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
	 box-shadow:0 5px 0 #005d2c;
	-webkit-box-shadow:0 5px 0 #005d2c;
	-moz-box-shadow:0 5px 0 #005d2c;
}

#canada.sub .canada_01 .bl_sp_footer .bl_btn a span:after {content:""; width: 20px; height: 20px; background: url(../img/arrow_next_02.png) no-repeat;; position: absolute; right: 20px; top: 50%; margin-top: -10px; }



#canada.sub .canada_02 .contents_header .bord_01 {position: relative; width: 100%; height: 390px; margin-bottom: 30px;}
#canada.sub .canada_02 .contents_header .bord_01 img ,
#canada.sub .canada_02 .contents_header .bord_01 p {position: absolute}
#canada.sub .canada_02 .contents_header .bord_01 p {top: 280px; left: 25px; font-weight: bold; color: #fff; font-size: 15px;}




#canada.sub .canada_02 .contents_header .bord_02 {width: 100%; height: 480px; background: url(../img/canada_02/bl_01_bord_bg.png) no-repeat; margin-bottom: 40px;}


#canada.sub .canada_02 .contents_header .bord_02 .bl_btn   {width:670px; height: 60px; margin: 0 auto; position: relative;}
#canada.sub .canada_02 .contents_header .bord_02 .bl_btn a {display:block;height:100%; width:100%; background:#fff; color:#ff5d7e; line-height:60px; text-align:center; font-size:20px; font-weight:bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	 box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
#canada.sub .canada_02 .contents_header .bord_02 .bl_btn a span:after {content:""; width: 20px; height: 20px; background: url(../img/arrow_next_03.png) no-repeat;; position: absolute; right: 20px; top: 50%; margin-top: -10px; }


#canada.sub .canada_02 .bl_btn   {max-width:670px; margin: 0 auto; position: relative;}
#canada.sub .canada_02 .bl_btn a {display:block;height:100%; width:100%; background:#fabe00; color:#fff; line-height:60px; text-align:center; font-size:20px; font-weight:bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
	 box-shadow:0 5px 0 #eea400;
	-webkit-box-shadow:0 5px 0 #eea400;
	-moz-box-shadow:0 5px 0 #eea400;
}

#canada.sub .canada_02 .bl_btn a span:after {content:""; width: 20px; height: 20px; background: url(../img/arrow_next_04.png) no-repeat;; position: absolute; right: 20px; top: 50%; margin-top: -10px; }


#canada.sub .canada_03 .contents_header .bord_01 {position: relative; width: 100%; height: 390px; margin-bottom: 30px;}
#canada.sub .canada_03 .contents_header .bord_01 img ,
#canada.sub .canada_03 .contents_header .bord_01 p {position: absolute}
#canada.sub .canada_03 .contents_header .bord_01 p {top: 310px; left: 300px; font-weight: bold; color: #fff; font-size: 15px;}

#canada.sub .canada_03 .bl_sp {width: 100%; border: solid 2px #2ba2c2; margin-bottom: 30px; }
#canada.sub .canada_03 .bl_sp h3 ,
#canada.sub .canada_03 .bl_sp h4 ,
#canada.sub .canada_03 .bl_sp h5 {margin: 0; font-size: 15px; line-height: 180%;}
#canada.sub .canada_03 .bl_sp h5 {color: #ff0000; font-weight: bold;}
#canada.sub .canada_03 .bl_sp .box_01 {background: #fff289; padding: 20px 30px; margin-bottom: 20px;}
#canada.sub .canada_03 .bl_sp .box_01.bg_img {background: url(../img/canada_03/bl_sp_01_bg.png) no-repeat #fff289; }
#canada.sub .canada_03 .bl_sp .box_01 h4 {margin-bottom: 10px;}

#canada.sub .canada_03 .bl_sp .box_02 {padding: 0 30px; margin-bottom: 20px;}
#canada.sub .canada_03 .bl_sp .box_02 .fl {width: 250px;}
#canada.sub .canada_03 .bl_sp .box_02 .fr {width: 440px;}
#canada.sub .canada_03 .bl_sp .box_02 .fl dd {font-size:11px; padding: 5px 0; }
#canada.sub .canada_03 .bl_sp .box_02 .fr .note {background: #eeeeee; padding: 10px; margin-top: 20px;}
#canada.sub .canada_03 .bl_sp .box_02 .fr .note p strong {font-weight: normal;}


#canada.sub .canada_03 .bl_sp .box_03 {background: url(../img/canada_03/bl_sp_01_com_bg.png) no-repeat; width: 786px; height: 198px; position: relative;}
#canada.sub .canada_03 .bl_sp .box_03 h4 ,
#canada.sub .canada_03 .bl_sp .box_03 p ,
#canada.sub .canada_03 .bl_sp .box_03 aside {position: absolute;}
#canada.sub .canada_03 .bl_sp .box_03 h4 {top: 15px; left: 250px;}
#canada.sub .canada_03 .bl_sp .box_03 p.text_01 {top: 40px; left: 250px; width: 510px;}
#canada.sub .canada_03 .bl_sp .box_03 p.text_02 {top: 105px; left: 266px; width: 480px;}
#canada.sub .canada_03 .bl_sp .box_03 aside {top: 160px; left: 560px; font-size: 11px; color: #006f37;}

#canada.sub .canada_03 .bl_sp .box_04 {background: #fff289; padding: 20px 30px;}
#canada.sub .canada_03 .bl_sp .box_04 p {margin-bottom: 20px;}

#canada.sub .canada_03 .bl_btn   {width:670px; height: 60px; margin: 0 auto 20px; position: relative;}
#canada.sub .canada_03 .bl_btn a {display:block;height:100%; width:100%; background:#006f37; color:#fff; line-height:60px; text-align:center; font-size:20px; font-weight:bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
	 box-shadow:0 5px 0 #005d2c;
	-webkit-box-shadow:0 5px 0 #005d2c;
	-moz-box-shadow:0 5px 0 #005d2c;
}

#canada.sub .canada_03 .bl_btn a span:after {content:""; width: 20px; height: 20px; background: url(../img/arrow_next_02.png) no-repeat;; position: absolute; right: 20px; top: 50%; margin-top: -10px; }




#canada.sub .canada_06 .area_tab  {margin-bottom:10px; border-bottom:solid 10px #006837;}
/*#canada.sub .canada_06 .area_tab  ul li {width:360px; height:70px; float:left; display:inline; margin:0 15px;}



#canada.sub .canada_06 .area_tab .tub_n {background: url(../img/canada_06/tub_n_off.png)no-repeat;}
#canada.sub .canada_06 .area_tab .tub_t {background: url(../img/canada_06/tub_t_off.png)no-repeat;}

#canada.sub .canada_06 .area_tab .tub_n:hover ,
#canada.sub .canada_06 .area_tab .tub_n.active {background:url(../img/canada_06/tub_n_on.png) no-repeat;}

#canada.sub .canada_06 .area_tab .tub_t:hover ,
#canada.sub .canada_06 .area_tab .tub_t.active {background:url(../img/canada_06/tub_t_on.png) no-repeat;}*/



  #canada.sub .canada_06 .area_tab ul{display: flex; justify-content: space-between;padding: 0 10px;}
  #canada.sub .canada_06 .area_tab ul li{height: auto; margin: 0; width: 50%; border-radius: 5px 5px 0 0; padding-top: 6.5%; text-indent:-9999px; cursor:pointer;}
  #canada.sub .canada_06 .area_tab .tub_n {background: url(../img/canada_06/tub_n_off.png) 0 0 / 100% no-repeat;}
  #canada.sub .canada_06 .area_tab .tub_t {background: url(../img/canada_06/tub_t_off.png) 0 0 / 100% no-repeat;}

  #canada.sub .canada_06 .area_tab .tub_n:hover ,
  #canada.sub .canada_06 .area_tab .tub_n.active {background:url(../img/canada_06/tub_n_on.png) 0 0 / 100%  no-repeat;}

  #canada.sub .canada_06 .area_tab .tub_t:hover ,
  #canada.sub .canada_06 .area_tab .tub_t.active {background:url(../img/canada_06/tub_t_on.png) 0 0 / 100%  no-repeat;}


/* ------------------------------------
お問い合わせ
------------------------------------ */

#canada.sub .sec_contact {
  background-color: var(--main-color-bg);
}
#canada.sub .sec_contact .sec_inner {
  margin: 0 auto;
  width: 100%;
}
#canada.sub .sec_contact .contact_wrap {
  background: #fff2c5;
  margin: 0 auto;
  padding: 20px 40px 30px;
  text-align: center;
  width: 100%;
}
#canada.sub .sec_contact .contact_tit {margin-bottom: 0;}
#canada.sub .sec_contact .contact_txt {
  font-size: 1.4rem;
  line-height: 1.71;
  margin-bottom: 25px;
}
#canada.sub .sec_contact .contact_txt em {
  display: block;
}
#canada.sub .sec_contact .contact_txt small {
  display: block;
  font-size: 85.71%;
}

#canada.sub .sec_contact .contact_btns .btn_tel a::before {
  margin-right: 10px;
  aspect-ratio: 1 / 1;
  width: 25px;
  background: url(../img/icon_tel_green.svg) center center / auto 100% no-repeat;
  content: "";
}
#canada.sub .sec_contact .contact_btns .btn_tel a span {
  align-items: center;
  display: flex;
  justify-content: center;
}
#canada.sub .sec_contact .contact_btns .btn_tel a b {
  font-family: "arial", sans-serif;
}
#canada.sub .sec_contact .contact_btns .btn_tel a small {
  font-size: 100%;
}
#canada.sub .sec_contact .contact_btns .btn_form a {
  align-items: center;
  background: #FAC100;
  border-radius: 5px;
  color: #006837;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  height: 47px;
  justify-content: center;
  padding-right: 10px;
  position: relative;
  transition: opacity 0.3s ease;
  width: 100%;
}
#canada.sub .sec_contact .contact_btns .btn_form a::before {
  margin-right: 18px;
  aspect-ratio: 20 / 15;
  background: url(../img/icon_mail_green.svg) center center / auto 100% no-repeat;
  content: "";
  width: 16px;
}

@media (min-width:1140px) {
  #canada.sub .contents {width:790px; float:right; padding-top:30px;}
  #canada.sub .side     {width:250px; float:left; display:inline;}
  #canada.sub .side .side_tit  {margin:0 0 20px;}
  #canada.sub .side .side_inner {width:220px; margin:0 auto;}
  #canada.sub .sec_contact .contact_btns .btn_tel a {font-size: 4.1rem;}
  /*#canada.sub .contents .bl_box .hotel_list li .h_btn { position:absolute; bottom:0;}*/
}

@media (max-width:1139px) {
  #canada.sub .sub_wrapper{width: 90%;  padding: 0 4%; overflow: hidden;}
  #canada.sub .contents{width: 100%;margin-top: 15px; max-width: 790px;}
  #canada.sub .contents img{max-width: 100%;}
  #canada.sub .contents h1{margin-bottom: 15px;}
  #canada.sub .side_tit{display: none;}

}

@media screen and (min-width: 641px), print {
  #canada.sub .contents .w_500 .h_btn a{min-width: 250px;}
  #canada.sub .sec_contact .contact_btns {
    align-items: center;
    display: flex;
    width: 100%;
  }
  #canada.sub .sec_contact .contact_btns .btn_tel {
    width: 51.58%;
  }
  #canada.sub .sec_contact .contact_btns .btn_tel a {
    align-items: center;
    color: #006837;
    display: flex;
    font-size: 3.5rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    position: relative;
  }
  #canada.sub .sec_contact .contact_btns .btn_tel a small {
    display: none;
  }
  #canada.sub .sec_contact .contact_btns .btn_form {
    width: 48.42%;
  }
}
@media screen and (max-width: 640px) {
  #canada.sub {
    background: #fff;
  }
  #canada.sub .sub_wrapper{padding: 0;}
  #canada.sub .contents_header{
    margin-bottom: 30px;
  }
  /*#canada.sub .contents_header p, */
  #canada.sub .contents_header_img {
    margin-bottom: 10px;
}
  #canada.sub .sec_contact .contact_wrap {
    padding: 20px;
  }

  #canada.sub .contents .bl_box{margin-bottom: 20px;}
  #canada.sub .contents .bl_box h2 img, #canada.sub .contents .bl_box h3 img{
    max-width: 120%;
  }
  #canada.sub .contents .w_365,#canada.sub .contents .w_500{width: 100%;}
  #canada.sub .contents .bl_box img.fl:has(+ .w_500),
  #canada.sub .contents .bl_box img.fl:has(+ .w_365){width: 65%;}
  #canada.sub .contents .h_btn a{width: 100%; background-position: 95% 50%;}
  #canada.sub .contents .bl_box .spot_list,#canada.sub .contents .bl_box .hotel_list{width: 210%;}
  #canada.sub .contents .bl_box .spot_list > li,#canada.sub .contents .bl_box .hotel_list > li{flex: 0 0 31%;}
  #canada.sub .contents .bl_box .spot_list img,#canada.sub .contents .bl_box .hotel_list img{width: 100%;}
  #canada.sub .contents .bl_box .hotel_list p{margin-bottom: 15px;}

  #canada.sub .sec_contact h2.contact_tit{margin-left: -30%;}
  #canada.sub .sec_contact h2.contact_tit img{max-width: 118%;}
  #canada.sub .canada_06 .area_tab{border-bottom-width: 4px;}
  #canada.sub .canada_06 .area_tab ul li{padding-top: 3%;}

  #canada.sub .sec_contact .contact_btns .btn_tel a {
    align-items: center;
    background: #006837;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 3.7333vw;
    font-weight: 700;
    height: 12.5333vw;
    justify-content: center;
    position: relative;
    width: 100%;
  }
  #canada.sub .sec_contact .contact_btns .btn_tel a::after,
  #canada.sub .sec_contact .contact_btns .btn_form a::after {
    aspect-ratio: 8 / 12;
    background: url(../img/arr_white.svg) center center / auto 100% no-repeat;
    content: "";
    width: 2vw;
    margin: 0 0 0 3vw;
  }
  #canada.sub .sec_contact .contact_btns .btn_form a::after {
    background-image: url(../img/arr_green.svg);
  }
  #canada.sub .sec_contact .contact_btns .btn_tel a::before {
    margin: 0 3vw 0 0;
    width: 4vw;
    background-image:url(../img/icon_tel_white.svg);
  }

  #canada.sub .sec_contact .contact_btns .btn_tel a b {
    font-size: 142.86%;
  }
  #canada.sub .sec_contact .contact_btns .btn_tel a small {
    margin-left: 2.6667vw;
  }
  #canada.sub .sec_contact .contact_btns .btn_form {
    margin-top: 2.6667vw;
  }
  #canada.sub .sec_contact .contact_btns .btn_form a {
    background: #FAC100;
    border: 1px solid #006837;
    color: #006837;
    font-size: 3.59vw;
    height: 12.5333vw;
    justify-content: center;
    padding-right: 2.6667vw;
  }
  #canada.sub .sec_contact .contact_btns .btn_form a::before {
    margin: 0 4vw 0 4vw;
    width: 4vw;
  }

  #canada.sub .side_inner{padding-bottom: 20px;}
}