/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
    .pc_taC p {text-align: center!important;}
}
/* ぶち抜き 背景色 */
.ctm_contentsFull{background-color:#FBFBFB;}
	
/*タイトル*/
.heroimgWrap .mainHeading {z-index: -999;}

.ffArial {font-family: Arial,"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;}
.fs14 {font-size: 1.4rem;}
	
.mainvis {
    position: relative;
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_mv_230517.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 1920px 790px;
    min-height: 790px;
}
h1.mainvis__inr {
    text-align: center;
    padding: 60px 0 0;
}
h1.mainvis__inr img {
		width: auto;
	}
.mainvis .navibox {
	margin-top: 220px;
}
.mainvis .navibox .btnSrg .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    min-height: 80px;
    margin: 20px auto 0;
    padding: 10px 38px 10px 29px;
    border-radius: 4px;
    background: #fff;
    border: 3px solid #AA9D6A;
    color: #341900;
}
.mainvis .navibox .btnSrg .btn:hover {
    box-shadow: none;
    transition: .2s;
}
.mainvis .navibox .btnSrg .btn::after {
    right: 19px;
    background-image: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 12px solid #AA9D6A;
    border-bottom: 0;
}
.mv_note {
    position: absolute;
    text-align: center;
    top: 590px;
    left: 0;
    right: 0;
}

.mainContents {
    position: relative;
    background: linear-gradient(0deg, rgba(241,172,133,1) 0%, rgba(242,223,158,1) 70%, rgba(161,244,247,1) 100%);
    color: #341900;
}
    .mainContents_bg {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_sparkle.png);
        background-repeat: repeat-y;
        background-size: contain;
    }
.mainContents .contentsUnit {
    margin: 65px auto 148px;
}
    
/*コンセプト*/
    .conceptWrap {
        padding: 40px 43px 27px;
        border: 4px solid #AA9D6A;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_concept.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #fae8d1;
    }
    .conceptWrap .ctm_pageTtl .ttlLv1 {
        margin: 0 0 8px;
        padding: 0;
        color: #7a6100;
    }
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading {
        font-size: 3.2rem;
    }
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading .fsS {
        font-size: 2.4rem;
    }
    .conceptCaption {font-size: 1.2rem;}
    .conceptCaption .fs12 {font-size: 1.1rem!important;}
    .conceptTxt {
        line-height: 32px;
        font-size: 1.6rem;
    }
    
/*機内のご紹介*/
    .ctm_pageTtl.contentsTtl .ttlLv1 {
        margin-top: 86px;
        padding-top: 94px;
    }
    .ctm_pageTtl.contentsTtl .ttlLv1 .heading {
        position: relative;
        line-height: 1.2;
    }
    .ctm_pageTtl.contentsTtl .ttlLv1 .heading::after {
        position: absolute;
        content: "";
        width: 950px;
        height: 80px;
        top: -104px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/ttl_01.png);
    }
    .ctm_pageTtl.contentsTtl._02 .ttlLv1 .heading::after {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/ttl_02.png);
    }
    .ctm_pageTtl.contentsTtl._03 .ttlLv1 .heading::after {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/ttl_03.png);
    }
.mainContents .fs16 {font-size: 1.6rem!important;}
    .linkbtn .btn img {
        width: auto;
        display: block;
        margin: auto;
        padding-bottom: 5px;
    }
    
    .sec01_ItemTxtWrap {
        position: relative;
        width: 460px;
        height: 241px;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_sec01_01.png);
    }
    .sec01_ItemTxtInner {
        position: absolute;
        z-index: 1;
        padding: 0 40px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }
    .sec01_ItemTxtHead {
        color: #e1200e;
        font-size: 2.4rem;
        font-weight: bold;
    }

/*搭乗証明書*/
.sec02_stickersWrap .column:not(:first-child) {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #fff;
}
.sec02_headWrap {
    position: relative;
    margin:0 0 0 auto;
    background-color:#fff;
    width: 300px;
    height: 200px;
    border-radius: 50%;
}
.sec02_stickersWrap .clm_1_2col.colWrap .col .cmp-image__image{
    width: auto;
}
.sec02_headInner {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.volWrap {
  line-height: 24px;
    position: relative;
    height: 24px;
    margin: auto;
    width: 74px;
    text-align: center;
    padding: 1px 0 0;
    background: #E7CC87;
    font-size: 1.6rem;
    font-weight: bold;
}
.volWrap:before,
.volWrap:after {
    position: absolute;
    top: 0;
    display: block;
    height: 24px;
    content: '';
    border: 12px solid #E7CC87;
}
.volWrap:before {
    left: -16px;
    border-left-width: 6px;
    border-left-color: transparent;
}
.volWrap:after {
  right: -16px;
  border-right-width: 6px;
  border-right-color: transparent;
}
.volWrap p {
  position: relative;
}
    .dateWrap {
        line-height: 1.1;
        font-weight: bold;
        font-size: 4rem;
    }
.dateWrap .fs12 {
    font-size: 2.8rem!important;
}
.sec02_stickersDesignWrap {
    border: 2px solid #fff;
    padding: 16px;
}
.sec02_stickersDesignInner {
    padding:0 0 87px;
    background-color: rgba(255,255,255,.3);
}
.sec02_stickersDesignInner .ctm_pageTtl .ttlLv2 {
    margin: 50px 0 0;
    padding: 0;
}

.btnWhite .btn {
    background: #fff;
    padding: 20px 40px 20px 30px;
    border-radius: 4px;
    /*box-shadow: 0 7px 8px -2px rgb(0 0 0 / 35%);*/
}
.btnWhite .btn::after {
    right: 23px;
    top: 40%;
    background-image: none;
    width: 14px;
    height: 14px;
    border-top: solid 4px #AA9D6A;
    border-right: solid 4px #AA9D6A;
    transform: rotate(45deg);
}
.btnWhite .btn:hover {
    
}

@media (min-width: 740px) {
    .sec02_stickersWrap .clm_1_2col.colWrap {align-items: center;}
}
    
@media (max-width: 739px) {
	.mainvis {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_mv_sp_230517.jpg);
        background-size:cover;
        height: 155vw;
        min-height: auto;
        background-position: top center;
    }
		h1.mainvis__inr {padding: 12.5vw 10px 0; }
		h1.mainvis__inr img {width: 100%;}
		.mainvis .navibox { margin-top: 31.5vw; padding: 0 7vw;}
	.mainvis .navibox .btnSrg .btn {
		width: auto;
		min-height: auto;
		margin-top: 3.5vw;
		padding: 18px 42px 15px 38px;
		font-size: 4.3vw;
	}
	.navibox .clm_1_3col.colWrap .col:nth-of-type(n+2) {margin: 0;}
    .mv_note {top: 82.2vw; line-height: 1; padding: 0 10px;}
    .mv_note .fs12 {font-size: 1.1rem!important;}
	
	.mainContents {}
    .mainContents_bg {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_sparkle_sp.png);
        background-size: 60%;
        background-position: top -68px right -20px;
    }
	.mainContents .contentsUnit {margin: 0 auto 86px; padding: 0 10px;}
    
    .conceptWrap {margin: 37px 0 0; padding: 39px 18px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_concept_sp.png); background-size: cover;}
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading {line-height: 1.2; font-size: 2.6rem;}
    .conceptWrap .ctm_pageTtl .ttlLv1 .heading .fsS {font-size: 2rem;}
    .conceptWrap .fs18 {font-size: 1.8rem!important;}
    .conceptTxt {line-height: 30px;}
    
    .ctm_pageTtl.contentsTtl .ttlLv1 {padding-top: 174px;}
    .ctm_pageTtl.contentsTtl .ttlLv1 .heading {font-size: 3rem;}
    .ctm_pageTtl.contentsTtl .ttlLv1 .heading::after {
        width: 288px;
        height: 150px;
        top: -174px;
        left: 50%;
        background-size: contain;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/ttl_01_sp.png);
    }
    .ctm_pageTtl.contentsTtl._02 .ttlLv1 .heading::after {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/ttl_02_sp.png);
    }
    .ctm_pageTtl.contentsTtl._03 .ttlLv1 .heading::after {
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/ttl_03_sp.png);
    }
    .sec01_ItemTxtWrap {width: auto; max-width: 355px; margin: auto; height: 79vw; max-height: 296px;background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/tdrjet/img_sites/bg_sec01_01_sp.png); background-repeat: no-repeat; background-size: contain;}
    .sec01_ItemTxtInner {font-size: 1.4rem;}
    .sec01_ItemTxtHead {font-size: 2rem;}
    .sec01_ItemWrap .column:first-child .clm_1_2col.colWrap .col:first-of-type {order: 2; margin-top: 16px;}
    .sec01_ItemWrap .column:first-child .clm_1_2col.colWrap .col:nth-of-type(n+2) {order: 1;}
    .sec01_ItemWrap .clm_1_2col.colWrap .col:nth-of-type(n+2) {margin-top: 16px;}
    
    .sec02_stickersWrap .clm_1_2col.colWrap, .sec02_stickersDesignInner .clm_1_2col.colWrap {text-align: center;}
    .sec02_stickersWrap .clm_1_2col.colWrap .col:nth-of-type(n+2) {margin-top: 25px;}
    .sec02_headWrap {width: 80vw; max-width: 300px;margin: auto; height: 53.33vw; max-height: 200px;}
    .sec02_stickersDesignInner {padding:0 12px 32px;}
    .sec02_stickersDesignInner .clm_1_2col.colWrap .col .cmp-image__image{width: 100%;max-width: 300px;}
    .sec02_stickersDesignInner .clm_1_2col.colWrap .col:nth-of-type(n+2) {margin-top: 24px;}
    
    .mainContents .ctm_pageTtl .ttlLv2 .heading {font-size: 2.4rem;}
}
    
    
    
@media (max-width: 374px) {
    .sec01_ItemTxtInner {font-size: 4vw; padding: 0 30px;}
    
}