@charset "utf-8";
/* CSS Document */
html{
     font-family:-apple-system,BlinkMacSystemFont,YakuHanJP,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.price {
    color: #f00;
    text-decoration: underline;
    font-size: 1.2em;
    font-weight: bold;
}
p.sec-img {
    text-align: center;
}
ul.thum-link li {
    display: inline-block;
}
ul.thum-link.three li {
   margin: 7px;
}
p.thum-link-title {
font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    background: #fff;
    z-index: 111;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
}
p.thum-link-title + * {
    border-top: solid 2px #4b2f95;
    padding-top: 40px;
    margin-top: -40px;
}
.thum-link.two {
    width: 80%;
    margin: 0 auto;
}
.thum-link.two li {
    width: calc(50% - 14px);
    margin: 5px;
}
span.thum-link-text {
    text-align: center;
    display: block;
    background: #4b2f95;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    position: relative;
}
span.thum-link-text:after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 12px;
    box-sizing: border-box;
    width: 4px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #fff; 
}
ul.thum-link.two span.thum-link-text {
    text-align: center;
    display: block;
    background: #00;
    padding: 5px;
    font-weight: bold;
    color: #fff;
}
.detail-link{
    background: #4b2f95;
    display: block;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    /* font-weight: bold; */
    padding: 8px;
    position: relative;
    margin: 10px 20px;
}
.detail-link:hover,
span.thum-link-text:hover{
    color:#fff;
    opacity: 0.8;
    text-decoration: none;
}
.detail-link:after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 12px;
    box-sizing: border-box;
    width: 4px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #eb8169; 
}

.detail-link.atop{
    background: #fc693b;
    display: block;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    /* font-weight: bold; */
    padding: 8px;
    position: relative;
    margin: 10px 20px;
}
.detail-link.atop:hover{
    color:#fff;
    opacity: 0.8;
    text-decoration: none;
}
.detail-link.atop:after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 12px;
    box-sizing: border-box;
    width: 4px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid #fff; 
}
.container p{
    line-height: 165%;
}
p.card-title {
border-left: 5px solid #ccc;
    padding-left: 10px;
    font-weight: bold;
    font-size: 1.15em;
}
.card-box{
	margin-bottom: 10px;
}
.card-box a {
    display: table;
    border: 2px solid #ccc;
    padding: 10px;
	width: 100%;
}
.card-box a:hover{
	background: #fffdf4;
}
.card-box p.card-image {
    width: 10%;
    display: table-cell;
}
.card-box .card-right {
    width: 78%;
    display: table-cell;
    padding: 0 1%;
    vertical-align: top;
}
.card-box .card-right p.card-text {
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 8px;
    padding-top: 0;
    line-height: 150%;
    padding-bottom: 5px;
}
.card-box .card-right p.card-text + p{
	border: 1px solid #ccc;
	padding: 5px 20px 5px 5px;
    display: inline-block;
    margin-bottom: 0;
	font-size: 13px;
    position: relative;
    color: #555;
}
.card-box .card-right p.card-text + p:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
   right: 1px;
    box-sizing: border-box;
width: 3px;
    height: 8px;
    border: 6px solid transparent;
    border-left: 8px solid #ccc;
}
.kiji-area {
    max-width: 1000px;
    margin: auto;
    display: flex;
}
.kiji-box {
    /* width: 32%; */
    /* display: inline-block; */
    vertical-align: top;
    flex-wrap: wrap;
    width: 32%;
    margin: 1%;
}
.kiji-box .kiji-image img {
    object-fit: cover;
    width: 100%;
    height: 200px;
	transition-duration: 0.5s; /*変化の時間*/
    border-radius: 10px;
}
.kiji-box .kiji-image img:hover {
	opacity: 0.8;
　transform: scale(1.2,1.2); /*画像の拡大*/
　cursor: pointer; /*カーソルをポインターにする*/
}
    @media (min-width: 1140px) {
        .container {
            max-width: 1140px;
            margin: 0 auto;}
        }
    @media (min-width: 992px),(max-width: 1140px)  {
        .container {
            max-width: 950px;
            margin: 0 auto
        }
        .header-top .container,
        .header-mdl .container {
            max-width: 1140px;
            margin: 0 auto;}
        }
        }
#pankuzu{
max-width: 1000px;
margin: 0 auto;
padding: 6px;
	}
#pankuzu ol{
	display:inline;
	font-size:12px;
	}
#pankuzu li{
	display:inline;
	}
        .main-hd-image-inner.logo{
            max-width: 950px;
			margin: 0 auto;
            position: relative;
        }
	    .main-hd-image-inner.h1t{
       z-index: 1;
            margin: 0 auto ;
        position: absolute;
		width: calc( 100% - 10px );
        top: 27vw;
        }
        .main-hd-image-inner .air-logo{
            left: 0;
            position: absolute;
            top: 10px;
        }
        #main-hd-image h1{
                 font-family:-apple-system,BlinkMacSystemFont,YakuHanJP,"Helvetica Neue","Noto Sans JP","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
/*           font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans JP Subset',*/
            font-weight: 700;
            text-align: center;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }
        #main-hd-image h1 {
            max-width: 950px; 
            margin: 0 auto ;
        color: #fff;
        text-shadow: 3px 3px 0px #000,-1px -1px 0px #000;
        padding: 5px;
        }
       #main-hd-image h1 span.main-cat{
            color: #e036a7;
        }
        #main-hd-image h1 span.sub-cat{
            color: #4b2f95;
        }
    .map-area {
    text-align: center;
    border: 2px solid #ccc;
    width: calc(100% - 34px);
        background: url(../image/map-back.png) no-repeat right 10px bottom 8px;
    margin: ;
    padding: 15px;
        max-width: 800px;
    margin: 30px auto;

}
.map_two {
    /* display: flex; */
    max-width: 800px;
    margin: auto;
}
.map_box {
    text-align: center;
    display: inline-block;
    /* height: 469px; */
    width: 49%;
}
        .h2-title{
            border-left: 10px solid #4b2f95;
            padding: 10px;
            font-size: 30px;
            margin-bottom: 20px;
            color: #000;
        }
        .tx-section {
            padding-top: 10px;
            font-size: 15.5px;
            line-height: 180%;
            padding-bottom: 30px;
        }
        .tx-section-inner{
            padding:10px 10px 30px; 
        }
        .tx-section h3{
            font-size: 24px;
            color: #e036a7;
            margin-bottom: 20px;
            padding: 10px;
            border-top: 2px solid #4b2f95;
            border-bottom: 1px solid #ccc;
        }
        .tx-section h3 span{
        font-size: 16px;
        padding-left: 10px;
    }
#main-hd-image {
    position: relative;
    margin-bottom: 25px;
    border-top: 3px solid #ccc;
}
        #main-hd-image .air-logo{
            position:absolute;
left: 10px;
top: 10px;
        }
#main-hd-image img.main-img {
    width: 100%;
    height: auto;
}
    @media (min-width: 1140px) {

        #main-hd-image.airtop img.main-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 420px;
        }
    .tx-section table .left-top {
    border-right: solid 1px #ccc !important;
width: 300px !important;
table-layout: fixed;
}
        }
#main-hd-image .over-ray-mtop{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2989d8+0,5b5b5b+100&0+46,0.76+100 */
background: -moz-linear-gradient(top,  rgba(41,137,216,0) 0%, rgba(64,116,159,0) 46%, rgba(,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(41,137,216,0) 0%,rgba(64,116,159,0) 46%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(41,137,216,0) 0%,rgba(64,116,159,0) 46%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002989d8', endColorstr='#c25b5b5b',GradientType=0 ); /* IE6-9 */
        }
.main-hd-image-inner h1 {
    text-shadow:0px
}
.main-hd-image-inner h1 span{
text-shadow:1px 2px 1px #ffffff,0px 1px 2px #ffffff,0px 0px 1px #ffffff;
}

.mokuji {
    border: 2px solid #4b2f95;
    padding: 10px 20px;
max-width: 860px;
margin: 30px auto;
}
.mokuji-title {
    text-align: center;
    padding: 0;
    margin: 0;
}
.mokuji ol{
    margin-left: 10px;
    line-height: 150%;
        }
.mokuji ol li{
    line-height: 150%;
        }
.mokuji li a {
    color:#e036a7;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.mokuji li a::before,
.mokuji li a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.mokuji > ol > li>a::before{
    left: 0px;
    box-sizing: border-box;
    width: 4px;
    content: "●";
    font-size: 13px;
    color: #4b2f95;
}
.mokuji li li a::before{
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 6px solid transparent;
    border-left: 6px solid #4b2f95;
}
.tx-section .sec-img{
    text-align: center;
    margin: 20px auto 30px;
    max-height: 450px;
    max-width: 800px;
        }
.tx-section .sec-img img{
    max-height: 450px;
        }
.dot-title{
    border-bottom: 1px dotted #333;
    font-size: 20px;
    padding: 10px 20px 10px;
        }
.dot-title+p{
    padding: 0 10px 0;        
        }

.tx-section table{
    border-collapse: collapse;
    border: 2px solid #ccc;
    text-align: left;
    margin: 25px;
    width:calc( 100% - 50px );
    table-layout: fixed;
    }
.tx-section table th{
/*    border: 1px solid #ccc;*/
    padding: 7px;
    border:none;
    border-bottom: 1px solid #ccc;
    background: #efefef;
        }
.tx-section table td{
    border: none;
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 10px;
        }
.tx-section table .left-top {
    border-right: solid 1px #ccc !important;
table-layout: fixed;
}
.tx-section table.seat th{
         width: 30%;          
    line-height: 150%;
        }
.tx-section table.seat td{
         width: 70%;
    line-height: 150%;
        }
caption {
    caption-side: top;
    color: #000;
    font-size: 15.5px;
    margin: 0;
    padding: 0;
}
.kuchikomi-title{
margin-bottom: 0;
margin-top: 10px;
    padding-left: 30px;
    font-weight: bold;
    background: url(../image/kuchikomi-mark.png) no-repeat left center;
        }
.kuchikomi-list{
    background: #fff4e5;
padding: 3px 15px 15px;
margin: 20px 5px;
        }
.dl_list dt {
    border-bottom: solid #333 1px;
    display: inline-block;
    margin-top: 22px;
}

p.c-list-title {
    padding: 5px 5px 0;
    font-weight: bold;
    margin: 0;
}
p.c-list-area{
    background:#fff4e5;
    padding: 5px;
}

/*航空会社TOP用*/

.main-hd-image-inner-top.h1t {
    background: #3f277d;
    padding: 20px 0;
}
.main-hd-image-inner-top.h1t h1{
    text-align: center;
    max-width: none !important;
    border-top: none !important;
    padding: 10px;
    color: #e036a7;
    text-shadow: none;
    border-bottom: 1px solid #fff !important;
}

.main-hd-image-inner-top.h1t h1 .main-cat{
    display: block;
    color:#e036a7 !important;
    font-size: 30px;
}

.main-hd-image-inner-top.h1t p{
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.news-list {
    vertical-align: top;
width: 100%;
}
.news-list dl{
    border-bottom: 1px solid #333
}
.news-list dt {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    text-align: center;
    color: #e66e03;
}
.news-list dd {
    display: inline-block;
    width: 83.5%;
}
.news-list dd a{
    color: #333;
    text-decoration: underline;
}
.news-list dd::after{
    display: block;
    border-bottom: 1px solid #000;
}
.sky-top-rat {
    border-top: 4px solid #4b2f95;
    border-bottom: 4px solid #4b2f95;
    text-align: center;
    margin-bottom: 30px;
max-width: 860px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background: #fafafa;
    margin: 0 auto 30px;
font-size: 20px;
font-weight: bold;
}
.sky-top-rat p:first-child{
margin-bottom: 10px;
margin-top: 10px;
}
.sky-top-rat p:last-child{
    margin-bottom: 5px;
margin-top: 10px;
}
.sky-rat {
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 30px;
    max-width: 800px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background: #fafafa;
    margin: 0 auto 30px;
font-size: 20px;
font-weight: bold;
}
.sky-rat .sec-img {
    margin: 0;
}
.sky-rat > p:first-child{
margin-bottom: 10px;
margin-top: 10px;
}
.sky-rat > p:last-child{
margin-bottom: 5px;
margin-top: 10px;
}
.sky-rat-btm{
     font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    width: 500px;
text-align: center;
margin: 0 auto;
}
.sky-rat-btm .aw-title {
    color: #e66e03;
    margin-bottom: 0;
    margin: 0;
}
.sky-rat-btm .aw-title + p {
    color: #cc9900;
}
.sky-rat-mid {
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 30px;
    width: 800px;
    background: #fafafa;
    margin: 0 auto 30px;
font-size: 20px;
font-weight: bold;
}
.sky-rat-mid p {
    color: #954600;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}
.sky-rat-mid p.rank-text{   
    color: #cc9900;
    font-size: 30px;
}
.sky-rat-mid > p:last-child{
margin-bottom: 5px;
margin-top: 10px;
}
.sky-rat-mid .inner {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background: #fafafa url("../image/rank_bak.png") center center no-repeat;
    margin: 0 10%;
}
.sky-rat-mid .inner:last-child{
    border-bottom: none;
}
.pk-tour-list a {
    display: inline;
    text-decoration: none;
}
.pk-tour-list a:hover{
    opacity: 0.8;
}
.pk-tour-item {
    text-align: left;
    font-size: 13px;
    position: relative;
    line-height: 140%;
    color: #333;
    display: inline-block;
    width: calc(33.33% - 15px);
    border: 1px solid #ddd;
    padding: 10px;
    margin: 5px;
}
.pk-tour-item .item-img{
    position: relative;
}
.pk-tour-item .item-img img {
    width: 275px;
    height: 176px;
    object-fit: cover;

}
.pk-tour-item .item-img span {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    bottom: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
}
.pk-tour-item .area {
background: #8addff;
width: 60px;
display: inline-block;
text-align: center;
color:#fff;
    font-size: 12px;
}
.pk-tour-item .cat{
    border: 1px solid #ccc;
    background: #f1f1f1;
    width: auto;
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    padding: 0 10px;

}
.pk-tour-item .item-price {
    color: #f03434;
    font-size: 18px;
    font-weight: bold;
}
.pk-tour-item .item-price span{
    font-size: 12px;
}
.tx-section .text-center {

    text-align: center !important;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 16px;

}

table.carry-on {
    max-width: 700px;
}
table.carry-on th.left-no-top{
    background: #bfbfbf;
    border-right: 1px solid #bfbfbf;
}
table.carry-on th.center {
    text-align: center;
    width: 15%;
}
table.carry-on td{
    text-align: center; 
}
p.attention {
    margin: 20px;
    color: #c00;
}

/*/航空会社TOP用*/
@media (min-width: 767px) {
	.pc_none{
		display: none;
	}
}
@media (max-width: 767px) {
    div#pankuzu {
    line-height: 100%;
}
    #global-header .container > p{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .header-mdl{
        margin-bottom: 0;
            padding-bottom: 0;
    }
    #main-hd-image {
		position:relative;
		text-align:center;
		}
	#main-hd-image h1 {
    font-size: 5vw;
    position: static;
   background: #aaa;
    }
	#main-hd-image .air-logo,
	#main-hd-image h1{
		font-size:5vw;
		position:static
		}
#main-hd-image .over-ray-mtop {
    position: static;
	display: none;
	}
.main-hd-image-inner-top.h1t h1 {	
background: none !important;	
text-shadow: none !important;	
}	
.main-hd-image-inner-top.h1t h1 .main-cat{	
/*display: block;	*/
/*color:#e036a7;	*/
font-size: 21px;	
}

.main-hd-image-inner.h1t{
	position:static;
	width:100%;
	}
#main-hd-image h1 {
    text-shadow: 0px 0px 2px #aaa, -1px -1px 0px #aaa;}
.main-hd-image-inner h1 span {
    text-shadow: 0px 0px 2px #fff;
}
.dot-title {
    font-size: 16px;
    padding: 0px 5px 4px;
    margin-bottom: 6px;
    margin-top: 15px;
}
.map-area img {

    height: 135px;

}
.mokuji {
    padding: 10px 1%;
    margin:20px;
}
.mokuji li a{
        font-size: 4.2vw;
    }
.tx-section {
    font-size: 3.8vw;
    line-height: 180%;
}
#main-hd-image .air-logo img{
	max-height:60px;
	width:auto;
	margin:0;
	}
.container > p {
    padding: 10px;
        font-size: 4vw;
}
    caption {
        font-size: 4.2vw;}
.h2-title {
    font-size: 6vw;
}
.h2-title + p{
	margin:20px 10px;
	}
.tx-section h3 {
    font-size: 5.2vw;
	}
.tx-section table {
    font-size: 3.5vw;
}
.tx-section table {
    border-collapse: collapse;
    border: 2px solid #ccc;
    text-align: left;
    margin: 10px;
    width: calc( 100% - 20px );
    table-layout: fixed;
    font-size: 3.5vw;
    margin: 0 auto;
}
.news-list dl {
    padding: 5px;
}
    .news-list dt,.news-list dd {
        width: auto;
    }
.sky-rat-btm {
    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    max-width: 500px;
    text-align: center;
        width: auto;
    margin: 0 auto;
    font-size: 4.5vw;
}
.sky-rat .sec-img, .col-md-10 {
    max-width: 850px;
    /* padding: 53px; */
    margin: 0 auto 14px;
}
.sky-rat .sec-img img,
    .sky-top-rat .sec-img img{
    width: 10%;

}
.sky-rat .sec-img,
    .sky-top-rat .sec-img{
         margin: 0 auto 12px;       
    }
.sky-rat-mid p.rank-text {
    color: #cc9900;
    font-size: 7vw;
}
    .pk-tour-item{width: auto;}
.main-hd-image-inner-top.h1t {
    padding: 8px 0 4px;
}

.main-hd-image-inner-top.h1t p {
	font-size: 3.8vw;
	}	
#main-hd-image .air-logo, #main-hd-image h1 {
    font-size: 5vw;}
    .tx-section table.seat td{
        padding: 0.8%;
        word-break: break-all;
    }
    .tx-section table.seat td span{
        display: block;
        font-size: 3vw;
    }
.card-box p.card-image {
    width: 30%;
    display: table-cell;
}
.card-box .card-right {
	width: 68%;}
.card-box .card-right p.card-text {
	font-size: 13px;}
.card-box .card-right p.card-text + p {
	font-size: 12px;}
.kiji-area {
    max-width: 1000px;
    margin: 10px;
    display: block;
}
.kiji-area .kiji-box {
    /* width: 32%; */
    /* display: inline-block; */
    vertical-align: top;
    /* flex-wrap: wrap; */
    width: 100%;
    margin: 1%;
    display: block;
}
.kiji-area p.kiji-title {
    vertical-align: top;
    display: inline-block;
    width: 68%;
    font-size: 13px;
    line-height: 160%;
}
.kiji-area p.kiji-image {
    display: inline-block;
    width: 30%;
    height: 86px;
}
.kiji-area .kiji-box .kiji-image img {
    object-fit: cover;
    width: 100%;
    height: 86px;
    transition-duration: 0.5s;
    border-radius: 10px;
}
table.carry-on th.center {
    text-align: center;
    width: 22%;
}
}

.tablebox-area > p{
    margin-bottom: 0;
}
.tablebox-area{
    margin-top: 5px;
padding: 15px;
    background: #eef9ff;
}
.tablebox-area table{
    margin: 5px 5px 10px;
    background: #eef9ff;
}