﻿@charset "utf-8";

/*  MV
============================================================================= */
@media screen and (min-width: 769px) {
	.mv { height: 750px}
}

/*  見出し
============================================================================= */
.page-ttl.-line:after,
.page-ttltxt span:after{
	background: #ea8076;
}
/*  JTB特典/画像なしへレイアウト変更/注意文言追加
============================================================================= */
#point .service-dl {margin-top: 10px;}


/*  ルックJTBで行く/海外航空券・海外ホテル
============================================================================= */
.lookjtb{
	background: repeating-linear-gradient(-45deg, rgba(255, 241, 240, 30%), rgba(255, 241, 240, 30%) 2px, rgba(255, 241, 240, 100%) 2px, rgba(255, 241, 240, 100%) 4px);
}
.arrange{
	background: repeating-linear-gradient(-45deg, rgba(243, 251, 255, 30%), rgba(243, 251, 255, 30%) 2px, rgba(243, 251, 255, 100%) 2px, rgba(243, 251, 255, 100%) 4px);
}

/*  【他発地】エスコート非表示
============================================================================= */
#lookjtbtour .-escort{display:none;}

/* =============================================================================
    注目情報 
============================================================================= */
.spot-sect{
padding: 20px 0;
background: #f3fafd;
}
.spot-sect .page-title-h2{
/* display: inline-block;*/
text-align: center;
position: center;
padding: 0 20px 8px;
font-size: 1.8rem;
font-weight: bold;
}
.spot-sect .page-title-h2::before{
position: absolute;
left: 0;
bottom: 0;
content: "";
display: inline-block;
width: 100%;
height: 3px;
border-radius: 50vw;
background-color: #0094D7;
}
.page-title-h2__wrap{
padding: 20px 15px;
background: #fff;
}

.page-title-h2__wrap {
margin: 0 auto;
padding: 20px 30px 10px;
max-width: 1000px;
}


.news__list--new{
background: #fff;
}

.news__list > dt {
border-top: 1px dashed #d9d9d9;
}
.news__list > dt a{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0 7px 45px;
color: #323743;
text-decoration: none;
}

.news__list > dt p{
padding: 0 0 7px 50px;
color: #323743;
font-size:12px
}


@media screen and (max-width: 759px){
.news__list > dt a{
font-size: 1.4rem;
}
}

.news__list > dt a::after {
display: flex;
justify-content: center;
align-items: center;
font-family:'Material Icons Round';
content: "\e5cc";
color: #3498DB;
font-size: 2.5rem;
line-height: 1;
}
.news__list > dt.news__list--new a::before {
position: absolute;
left: 0;
top: 12px;
display: inline-block;
padding: 0 .4em;
font-size: 1.2rem;
content: "NEW";
border-radius: 3px;
color: #fff;
text-align: center;
background-color: #3498DB;
}
	
.news_none {
  display: none
}

@media screen and (min-width: 760px) {
.spot-sect{
padding: 20px 0;
background: #f3fafd;
}
.news{
margin: 15px auto 0;
}
.news__list > dt {
border-top: none;
border-bottom: 1px dashed #d9d9d9;
}
.news__list > dt:first-of-type {
border-top: 1px dashed #d9d9d9;
}
.news__list > dt a{
padding: 10px 10px 7px 75px;
}

.news__list > dt p{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 7px 75px;
color: #323743;
text-decoration: none;
font-size:12px
}


