@charset "utf-8";

a, a:link, a:visited { color: #323743; text-decoration: none;}
#Sale a, #tour a{ position: relative; display: block;	transition: 0.4s ease;}
#Sale a:hover, #tour a:hover{ opacity: .6; }

a.icon_window{
	position: relative;
	padding-right: 18px;
	background: url(/_common/images/ico-window.png) right center no-repeat;
	background-size: 13px 10px;
}

/*  メインビジュアル
============================================================================= */
.header-wrap img{ max-width: 100%; width: 100%; height: auto; vertical-align: top;}
@media screen and (min-width: 768px){
  .header-wrap{ margin-top: 16px; position: relative; width: 100%; }
}

/*  ページ内アンカー
============================================================================= */
.contents-wraper{padding-top: 24px;}
.pagenav-area{ box-shadow:none; border-bottom: solid 1px #dadfe2;}
.pagenav-area .select-departure{ width: 95px; display: block;}
.pagenav-area__inner{ position: relative; margin: 0 auto; padding: 0 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pagenav-area__bt { width: calc(100% - 95px);}
.pagenav-area__bt li{ padding: 8px 0;}
.pagenav-area__bt li a{ border-right: solid 1px #dadfe2; line-height: 1.4; font-size: 1.1rem;}
.pagenav-area__bt li a:after { bottom: 0; color: #cc0000;}
.pagenav-area__bt li a, .pagenav-area__bt li a:link, .pagenav-area__bt li a:visited { color: #323743;}
.pagenav-area__box{padding-left: 0%;} 
.select-departure__input{ font-size: 1.2rem;}
.fixed .pagenav-area__bt li { padding: 4px 0; }
.fixed .pagenav-area__bt li a { padding: 0 2px;}
.fixed .pagenav-area__bt li a, .fixed .pagenav-area__bt li a:link, .fixed .pagenav-area__bt li a:visited { color: #323743;}
.fixed .pagenav-area__bt li:last-child a { border-right: none;}
.subtext {text-align: center; font-weight: bold; }
@media screen and (min-width: 768px){
  .contents-wraper{padding-top: 50px;}
  .pagenav-area{ border-bottom: none;}
  .pagenav-area .select-departure{ width: 150px;}
  .pagenav-area__bt { width: calc(100% - 150px);}
  .pagenav-area__bt li { padding: 12px 0; }
  .pagenav-area__bt li a { background-color: transparent; box-shadow: none; padding: 12px 10px 30px 10px; letter-spacing: .2em;}
  .pagenav-area__bt li a:after { bottom: 0;}
  .pagenav-area__inner{padding: 48px 4px 0;}
  .select-departure__input{ font-size: 1.6rem;}
  .fixed .pagenav-area__inner{ padding: 0 4px 0;}
  .fixed .pagenav-area__bt li { padding: 12px 0; }
  .fixed .pagenav-area__bt li a { padding: 6px 2px;}
  .pagenav-area__bt li:last-child a {border-right: none;}
}

/*  見出し
============================================================================= */
.el_heading{text-align: center; font-weight: bold;}
h1{font-size: 18px;font-weight: bold; line-height: 1; margin: 25px auto; max-width: 1236px; text-align: left;}
h2.el_heading{ font-size: 2.1rem; position: relative; padding: 48px 0 8px; letter-spacing: .14em;}
h2.el_heading span{font-size: 1.8rem; letter-spacing: .12em; display: block;}
h2.el_heading:before{ position: absolute; left: calc(50% - 30px); bottom:0; width: 60px; height: 4px; content: ''; border-radius: 3px; background: #cc0000;}
h3.el_heading{ font-size: 1.8rem; letter-spacing: .12em;}
h3.el_heading.-line{ display: flex; justify-content: center; align-items: center; text-align: center; padding: 64px 0 0;}
h3.el_heading.-line::before,
h3.el_heading.-line::after{ content: ''; width: 3px; height: 24px; background-color: #323743;}
h3.el_heading.-line::before{ margin-right: 24px; transform: rotate(-35deg)}
h3.el_heading.-line::after{ margin-left: 24px; transform: rotate(35deg)}
@media screen and (min-width: 960px){
  h2.el_heading{ font-size: 2.6rem; padding: 48px 0 8px; letter-spacing: .2em;}
  h2.el_heading span{font-size: 2.4rem;}
  h3.el_heading{ font-size: 2.1rem;}
  h3.el_heading.-line{ padding: 64px 0 0;}
}
@media screen and (max-width: 959px){
  h1{padding-left: 8px;}
}

/*  レイアウト
============================================================================= */
.contents_inner{ position: relative; padding: 0 8px 24px;}
.ly_grid__wrap{ -ms-flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; margin-left:-16px;}
.ly_grid__wrap.-shadow>* { position:relative; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 20%); border: none; border-radius: 4px; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); border: 1px solid #c0c5cb;}
.ly_grid__wrap.-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.ly_grid{ -webkit-box-sizing:border-box; box-sizing:border-box; margin-left:16px;  padding:0; text-align: center;}
#Sale .ly_grid__wrap{ margin-top: 32px;}
#tour .ly_grid__wrap{ margin-top: 24px;}
#service .ly_grid__wrap{ margin-top: 32px; padding: 0 8px;}
#Sale .ly_grid{ width: calc(50% - 16px); margin-bottom: 24px;}
#tour .ly_grid{ width: calc(50% - 16px); margin-bottom: 24px;}
#service .ly_grid{ width: 100%;  margin-bottom: 24px;}
#tour h3.el_heading{ margin-top: 32px;}
@media screen and (min-width: 768px){
  #Sale .ly_grid__wrap{ margin-top: 48px;}
  #tour h3.el_heading{ margin-top: 64px;}
  #tour .ly_grid{ width: calc(25% - 16px); }
  #Sale .ly_grid{ width: calc(25% - 16px);}
  #service .ly_grid__wrap{ margin-top: 48px; padding: 0;}
  #service .ly_grid{ width: calc(33.33333% - 16px);}
}
@media screen and (min-width: 960px){
  .contents_inner{ margin: 0 auto; padding: 50px 16px 0; width: 100%; min-width: 970px; max-width: 1246px;}
}

/*  サービス
============================================================================= */
#service{ background: url(../images/bg_service.jpg) no-repeat center top 20px; background-size: auto;}
#service .el_card__item{background: #F4F5F5; padding:32px 12px 24px;}
#service p.txt-detail{margin-top: 24px; text-align: left; font-size: 1.4rem;}
#service p.txt-link{margin-top: auto; text-align: left; font-size: 1.2rem; padding-top:20px; color: #323743;}
#service p.txt-link a, #service p.txt-link a:link, #service p.txt-link a:visited { color: #5098d5; text-decoration: none;}
#service .img-service{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin-top: 16px;}
#service .img-service img{max-width: 70%;}
@media screen and (min-width: 768px){
  #service{ background-size: cover; margin-top: 100px; padding-bottom: 48px; }
  #service .img-service img{max-width: 100%;}
}

/*  ツアー
============================================================================= */
.recommend__cassette-images{ width: 100%; position: relative;}
.recommend__cassette-images img{ width: 100%; height: auto; vertical-align: bottom; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem;}
.recommend__cassette-detail{ text-align: center; padding: 6px;}
.recommend__cassette-images span{ position: absolute; bottom:2px; right: 4px; color: #fff; font-size: 1.2rem; text-shadow: 0 0 9px #000;}
@media screen and (min-width: 768px){
    .recommend__cassette-images span{ bottom:4px; right: 6px;}
    .recommend__cassette-detail{ padding: 12px;}
 }

/* cm動画
============================================================================= */
@media screen and (min-width: 960px) {
.trip_area_txt1 {
	position: relative;
	margin: 0 auto;
    text-align: center;
	width: 100%;
	max-width: 1236px;
	min-width: 970px;
	padding: 30px 20px 0px;
}
.trip_movie {
    position: relative;
    text-align: center;
    background-color: #fff;
    width:674px;
    padding: 8px 17px 17px;
    margin:0 auto;
}
.movie_txt {
    font-size: 14px;
    padding-bottom: 4px;
}
.trip_movie iframe {
    width: 100%;
    height: 315px
}
#cm .cm__unit.-green{
	margin-top: 48px;
	padding: 32px 24px 24px;
	background: #E7F6F1;
}
#cm .cm__unit.-blue{
	margin-top: 48px;
	padding: 32px 24px 24px;
	background: #EAF3FA;
}
.trip_area_txt2 {
	position: relative;
	margin: 0 auto;
    text-align: left;
	width: 100%;
	max-width: 1236px;
	min-width: 970px;
	padding: 30px 20px 0px;
}
}
/* cm動画
============================================================================= */
@media only screen and (max-width: 959px) {
.trip_area_txt1 {
	margin: 0 auto;
    text-align: center;
    position: relative;
    width: 90%;
    padding: 10px 0px;
}
.trip_movie {
    position: relative;
    text-align: center;
    background-color: #fff;
    width:350px;
    padding: 8px 15px 15px;
    margin:0 auto;
}
.trip_movie iframe {
  height: 47.2vw;
}
.movie_txt {
    font-size: 14px;
    padding-bottom: 4px;
}
#cm .cm__unit.-green{
	margin-top: 20px;
	padding: 24px 12px;
	background: #E7F6F1;
}
#cm .cm__unit.-blue{
	margin-top: 20px;
	padding: 24px 12px;
	background: #EAF3FA;
}
.trip_area_txt2 {
	margin: 0 auto;
    text-align: left;
    position: relative;
    width: 90%;
    padding: 10px 0px;
}
}
/* パソコンで見たときは"pc"のclassがついた動画が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた動画が表示される */
@media only screen and (max-width: 959px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

.sp
/*  検索
============================================================================= */
#search .in-wrapper { margin: 0 auto;}
.search-tab { box-shadow: none;}
@media screen and (min-width: 768px){
  #search .in-wrapper { margin: 48px auto;}
}


/* Sale
============================================================================= */

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 900px;
  table-layout: fixed;
}

table tr {
  background-color: #f2dcdb;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table th {
  font-size: .98em;
     text-align: center;
}
table thead tr{
  background-color: #ca3540;
  color:#fff;
}
table tbody th {
    background: #d94e57;
    color: #fff;
    font-size: 1.1em;
}
.txt{
   text-align: center;
   font-size: .98em;
}
.price{
  text-align: center;
  color: #cc0000;
  font-weight: bold;
  font-size: 1.1em;
}
.non{
  background:#fff
}

.sp{
   display: none;
}  

@media screen and (max-width: 600px) {
  table {
    border: 0;
    width:100%
  }
  table th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: center;
    position: relative;
    padding: .625em 2.625em .625em 4em;
    border-right: none;
  }
  
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #5d5b5b;
  }
  table td:last-child {
    border-bottom: 0;
    text-align: center;    
  }
  table tbody th {
    color: #fff;
  }
  
.pc{
   display: none;
}  
  
}

.btn{
  background:#fff;
  border: 2px solid #ca3540;
  color: #ca3540;
  padding: 1em;
  border-radius:15px;
  display:block;
  text-decoration:none;
  font-size:.8em
}

.btn:hover{
  background: #fff;
  border: 2px solid #e81010;
  color: #e81010;
  transition: .2s;
}

.fot {
   color: #ca3540;
   font-weight: bold;   
}