@charset "utf-8";

@import url(/kaigai/area/maldives/_css/common_style.css);

/*  MV
============================================================================= */
@media screen and (min-width: 769px) {
	.mv { height: 700px}
}

/*  見出し
============================================================================= */
.page-ttl.-line:after,
.page-ttltxt span:after{
	background: #ea8076;
}

/*  ルック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);
}
.consul-reserve{
    background: #ECE4E1;
}

.tripideas_link {display:none;}/*観光情報もっと見る非表示*/

/*  【他発地】エスコート非表示
============================================================================= */
#lookjtbtour .-escort{display:none;}



/* パンフレット表示
============================================================================= */
.pamphlet-sect__inner{
    position: relative;
    margin: 0px;
    padding: 0 5px;
    width: 100%;
    min-width: 970px;
    max-width: 1246px;
}

.pamphlet-sect__cassette{
display: flex;
flex-wrap: wrap;
margin: 30px auto;
justify-content: center;
max-width: 1246px;
}
.-img-cassette .pamphlet-sect__item{
width: calc(100% / 3 - 3%);
}

.pamphlet-sect__item a{
display: flex;
position: relative;
transition: opacity .2s;
color: #323743;
border-radius: 8px;
border: solid 1px #ccc;
}
.-bn-cassette .pamphlet-sect__item a{
flex-direction: row-reverse;
justify-content: space-between;
padding: 5px;
　background-color:#fff
}
.-img-cassette .pamphlet-sect__item a{
flex-direction: column-reverse;
padding: 20px;
}
.pamphlet-sect__item a:hover{
opacity: .6;
}

.-bn-cassette .pamphlet-sect__detail{
padding: 15px calc(3% - 5px) 15px 0;
width: 65%;
　background-color:#fff
}
.-img-cassette .pamphlet-sect__detail{
margin-top: 10px;
}
.pamphlet-sect__txt{
margin-top: 20px;
        font-size: 18px;
}
.pamphlet-sect__detail h3{
display: flex;
flex-direction: row-reverse;
justify-content: center;
font-size: 2.0rem;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
.pamphlet-sect__detail span{
font-size: 1.1rem;
}
.pamphlet-sect__img figure{
position: relative;
}
.pamphlet-sect__img figcaption{
position: absolute;
right: 0;
bottom: 2px;
padding: 0 5px;
color: #fff;
line-height: 1.1;
font-size: 1.0rem;
font-feature-settings: "palt";
text-align: right;
text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
.pamphlet-sect__img img{
vertical-align: bottom;
}

.pamphlet-sect__bt{
position: relative;
margin-top: 55px;
padding: 10px 30px;
color: #fff;
line-height: 1.3;
text-align: center;
border-radius: 50vw;
background: #003b82;
        font-size: 18px;
}


.-bn-cassette .pamphlet-sect__img{
display: flex;
align-items: center;
width: 32%;
padding: 20px;
border-radius: 8px;
background: #f5f5f5;
justify-content:center;
text-align:center;
}
.pamphlet-sect__img img{
width: 80%;
height: auto;
vertical-align: bottom;

}

/* 2024/08 追加対応
============================================================================= */

@media screen and (max-width: 768px) {
.page-ttlbox span {
margin: 30px 30px 10px;
line-height: 2rem;
color: #565555;
font-size: 12px;
letter-spacing: 0.05em;
}

.Spanttlbr {
display: none;
}
.ttlbr {
display: block;
}

.page-subttl2 {
margin-top: 2em;
text-align: center;
font-size: 20px;
font-weight: bold;
}
}
@media screen and (min-width: 769px) {
.page-ttlbox span {
margin: 30px 30px 10px;
line-height: 2.5rem;
color: #565555;
font-size: 16px;
letter-spacing: 0.05em;
}

.Spanttlbr {
display: block;
}
.ttlbr {
display: none;
}
.page-subttl2 {
margin-top: 2em;
font-size: 30px;
letter-spacing: .1em;
font-weight: bold;
}

.sectsub {
margin-top: 30px;
}

#hotel.sect {
padding: 50px 0;
}
}