@charset 'utf-8';
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
div,
p,
form,
fieldset {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

th {
    font-weight: normal;
}

em {
    font-style: normal;
}

sup {
    position: relative;
    height: 0;
    font-size: .46em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

.Spacer {
    clear: both;
    margin: 0;
    padding: 0;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}


/*  Float設定 */

.flL {
    float: left !important;
}

.flR {
    float: right !important;
}

.flt_None {
    float: none !important;
}


/*マージン設定*/

.mg0 {
    margin: 0 !important;
}

.mg10 {
    margin: 10px !important;
}

.mg20 {
    margin: 20px !important;
}

.mgl0 {
    margin-left: 0 !important;
}

.mgl2 {
    margin-left: 2px !important;
}

.mgl5 {
    margin-left: 5px !important;
}

.mgl10 {
    margin-left: 10px !important;
}

.mgl20 {
    margin-left: 20px !important;
}

.mgl30 {
    margin-left: 30px !important;
}

.mgl40 {
    margin-left: 40px !important;
}

.mgl50 {
    margin-left: 50px !important;
}

.mgl60 {
    margin-left: 60px !important;
}

.mgl70 {
    margin-left: 70px !important;
}

.mgl80 {
    margin-left: 80px !important;
}

.mgl90 {
    margin-left: 90px !important;
}

.mgl100 {
    margin-left: 100px !important;
}

.mgl120 {
    margin-left: 120px !important;
}

.mgl121 {
    margin-left: 121px !important;
}

.mgr0 {
    margin-right: 0 !important;
}

.mgr2 {
    margin-right: 2px !important;
}

.mgr5 {
    margin-right: 5px !important;
}

.mgr10 {
    margin-right: 10px !important;
}

.mgr20 {
    margin-right: 20px !important;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgr40 {
    margin-right: 40px !important;
}

.mgr50 {
    margin-right: 50px !important;
}

.mgr60 {
    margin-right: 60px !important;
}

.mgr70 {
    margin-right: 70px !important;
}

.mgr80 {
    margin-right: 80px !important;
}

.mgr90 {
    margin-right: 90px !important;
}

.mgr100 {
    margin-right: 100px !important;
}

.mgt0 {
    margin-top: 0 !important;
}

.mgt1 {
    margin-top: 1px !important;
}

.mgt2 {
    margin-top: 2px !important;
}

.mgt5 {
    margin-top: 5px !important;
}

.mgt7 {
    margin-top: 7px !important;
}

.mgt8 {
    margin-top: 8px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgtm10 {
    margin-top: -10px !important;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt25 {
    margin-top: 25px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgt60 {
    margin-top: 60px !important;
}

.mgt70 {
    margin-top: 70px !important;
}

.mgt80 {
    margin-top: 80px !important;
}

.mgt90 {
    margin-top: 90px !important;
}

.mgt100 {
    margin-top: 100px !important;
}

.mgt203 {
    margin-top: 203px !important;
}
@media(max-width:991px){
    .sp_mgt10{
        margin-top:10px;
    }
}

.mgb0 {
    margin-bottom: 0 !important;
}

.mgb5 {
    margin-bottom: 5px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgb30 {
    margin-bottom: 30px !important;
}

.mgb40 {
    margin-bottom: 40px !important;
}

.mgb50 {
    margin-bottom: 50px !important;
}

.mgb60 {
    margin-bottom: 60px !important;
}

.mgb70 {
    margin-bottom: 70px !important;
}

.mgb80 {
    margin-bottom: 80px !important;
}

.mgb90 {
    margin-bottom: 90px !important;
}

.mgb100 {
    margin-bottom: 100px !important;
}

.mglrauto {
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


.pd0 {
    padding: 0 !important;
}

.pd3 {
    padding: 3px !important;
}

.pd5 {
    padding: 5px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd15 {
    padding: 15px !important;
}

.pd20 {
    padding: 20px !important;
}

.pdl0 {
    padding-left: 0 !important;
}

.pdl2 {
    padding-left: 2px !important;
}

.pdl5 {
    padding-left: 5px !important;
}

.pdl10 {
    padding-left: 10px !important;
}

.pdl20 {
    padding-left: 20px !important;
}

.pdl30 {
    padding-left: 30px !important;
}

.pdl40 {
    padding-left: 40px !important;
}

.pdl50 {
    padding-left: 50px !important;
}

.pdl60 {
    padding-left: 60px !important;
}

.pdl70 {
    padding-left: 70px !important;
}

.pdl80 {
    padding-left: 80px !important;
}

.pdl90 {
    padding-left: 90px !important;
}

.pdl100 {
    padding-left: 100px !important;
}

.pdr0 {
    padding-right: 0 !important;
}

.pdr2 {
    padding-right: 2px !important;
}

.pdr10 {
    padding-right: 10px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.pdr40 {
    padding-right: 40px !important;
}

.pdr50 {
    padding-right: 50px !important;
}

.pdr60 {
    padding-right: 60px !important;
}

.pdr70 {
    padding-right: 70px !important;
}

.pdr80 {
    padding-right: 80px !important;
}

.pdr90 {
    padding-right: 90px !important;
}

.pdlr00 {
    padding-right: 100px !important;
}

.pdt0 {
    padding-top: 0 !important;
}

.pdt1 {
    padding-top: 1px !important;
}

.pdt2 {
    padding-top: 2px !important;
}

.pdt5 {
    padding-top: 5px !important;
}

.pdt7 {
    padding-top: 7px !important;
}

.pdt10 {
    padding-top: 10px !important;
}

.pdt13 {
    padding-top: 13px !important;
}

.pdt15 {
    padding-top: 15px !important;
}

.pdt17 {
    padding-top: 17px !important;
}

.pdt20 {
    padding-top: 20px !important;
}

.pdt23 {
    padding-top: 23px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt40 {
    padding-top: 40px !important;
}

.pdt50 {
    padding-top: 50px !important;
}

.pdt60 {
    padding-top: 60px !important;
}

.pdt70 {
    padding-top: 70px !important;
}

.pdt80 {
    padding-top: 80px !important;
}

.pdt90 {
    padding-top: 90px !important;
}

.pdt100 {
    padding-top: 100px !important;
}

.pdb0 {
    padding-bottom: 0 !important;
}

.pdb5 {
    padding-bottom: 5px !important;
}

.pdb10 {
    padding-bottom: 10px !important;
}

.pdb15 {
    padding-bottom: 15px !important;
}

.pdb20 {
    padding-bottom: 20px !important;
}

.pdb30 {
    padding-bottom: 30px !important;
}

.pdb40 {
    padding-bottom: 40px !important;
}

.pdb50 {
    padding-bottom: 50px !important;
}

.pdb60 {
    padding-bottom: 60px !important;
}

.pdb70 {
    padding-bottom: 70px !important;
}

.pdb80 {
    padding-bottom: 80px !important;
}

.pdb90 {
    padding-bottom: 90px !important;
}

.pdb100 {
    padding-bottom: 100px !important;
}

.w0p {
    width: 0 !important;
}

.w10p {
    width: 10% !important;
}

.w15p {
    width: 15% !important;
}

.w20p {
    width: 20% !important;
}

.w30p {
    width: 30% !important;
}

.w40p {
    width: 40% !important;
}

.w50p {
    width: 50% !important;
}

.w55p {
    width: 55% !important;
}

.w60p {
    width: 60% !important;
}

.w70p {
    width: 70% !important;
}

.w75p {
    width: 75% !important;
}

.w80p {
    width: 80% !important;
}

.w90p {
    width: 90% !important;
}

.w100p {
    width: 100% !important;
}

.w16p {
    width: 16.666666% !important;
}


/*display*/

.dpb {
    display: block !important;
}

.dpn {
    display: none !important;
}

.dpi {
    display: inline-block !important;
}

.dpt {
    display: table !important;
}

.dptc {
    display: table-cell !important;
}


/*Tx talign */

.VaCnt {
    vertical-align: middle !important;
}

.Vatop {
    vertical-align: top !important;
}

.Vabot {
    vertical-align: bottom !important;
}


/*Posittiohn*/

.Abs {
    position: absolute;
}

.Rel {
    position: relative;
}

.Fix {
    position: fixed;
}

.Sta {
    position: static;
}


/*font*/
h1 {
    font-size: 2.26em;
}

h2 {
    font-size: 1.7em;
    font-weight: bold;
}


h3 {
    font-size: 1.36em;
    font-weight: bold;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
}


h5 {
    font-weight: bold;
}


.fwB {
    font-weight: bold !important;
}

.fwN {
    font-weight: normal !important;
}

.fsIcon {
    font-size: 1.8em !important;
}

.fsIconL {
    font-size: 2.6em !important;
}

.fsSS {
    font-size: .6em !important;
}

.fsS {
    font-size: .85em !important;
}

.fsM {
    font-size: 1.0em !important;
}

.fsMM {
    font-size: 1.1em !important;
}

.fsL {
    font-size: 1.2em !important;
}

.fsLL {
    font-size: 1.4em !important;
}

.fsLLL {
    font-size: 1.7em !important;
}

.tex_dec_n {
    text-decoration: none !important;
}

.w-spc-n {
    white-space: nowrap;
}



/*--------------------------------------
bootstrap空白設定
--------------------------------------*/

.row-space0,
.row-space0 .row {
    margin-right: 0;
    margin-left: 0;
}

.row-space0 div[class^='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.row-space5,
.row-space5 .row {
    margin-right: -5px;
    margin-left: -5px;
}

.row-space5 div[class^='col-'] {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.row-space75,
.row-space75 .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row-space75 div[class^='col-'] {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.row-space10,
.row-space10 .row {
    margin-right: -10px;
    margin-left: -10px;
}

.row-space10 div[class^='col-'] {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.row-space15,
.row-space15 .row {
    margin-right: -15px;
    margin-left: -15px;
}

.row-space15 div[class^='col-'] {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}



/*--------------------------------------
top
--------------------------------------*/
.top-txt-wrap {
    text-align:center;
    position:absolute;
    margin:auto;
    top:calc(50% - 18px);
    transform:translateY(-50%);
    right:0;
    left:0;
    color:#fff;
    padding:0 15px;
}
.top-txt-wrap h1 {
    font-size:3.2em;
    margin-bottom:10px;
}
.top-txt-wrap p {
    font-size:1.2em;
}
/*--------------------------------------
 section
--------------------------------------*/
#main-section {
    background:url(/dataupload/data/RT0101/img/custom7/h2-ornament.png) no-repeat;
    background-position:top 20px center;
    padding:20px 0 40px;
}
#main-section h2 {
    color:#043d5e;
    text-align:center;
    margin-bottom:40px;
}
.link-image {
    display:block;
    color:#000 !important;
    text-decoration:none !important;
}
.link-image:hover {
    opacity:.8;
}
.link-image  img {
    width:100%;
    height:auto;
}
.link-image  h3 {
    text-align:center;
    font-size:1.2em;
    padding:12px 0 8px;;
}
.btm-link-area{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    padding:10px 20px;
    background:#f3f2f3;
    border-radius:6px;
    margin-top:10px;
}
.btm-link-panel {
    width:25%;
    padding:20px;
}
.btm-link {
    display:block;
    border-radius:6px;
    color:#000 !important;
    text-decoration:none !important;
    background:#fff;
    padding:10px;
    box-shadow:2px 2px #e7e5e7;
}
.btm-link img {
    width:100%;
    height:auto;
}
.btm-link p {
    text-align:center;
    font-weight:bold;
    font-size:.9em;
}

@media(max-width:767px){
    .btm-link-panel {
        width:50%;
    }
    .link-sp-vertical {
        display:flex;
        display:-webkit-flex;
        align-items:flex-start;
        -webkit-align-items:flex-start;
        border-bottom: 1px dotted #aaa;
        padding-bottom:20px;
    }
    .link-sp-vertical .sp-square {
        width:40%;
        padding-top:40%;
        position:relative;
        overflow:hidden;
    }
    .sp-square img {
        position:absolute;
        top:0;
        bottom:0;
        right:-100%;
        left:-100%;
        margin: 0 auto;
        width:auto;
        height:100%;
    }
    .sp-link-txt {
        width:60%;
        padding:0 10px;
    }
    .sp-link-txt h3 {
        padding-top:5px;
    }

}
@media(max-width:450px){
    .btm-link-panel {
        width:100%;
    }

}
/*--------------------------------------
contact-zone
--------------------------------------*/
#contact-zone {
    border-top:2px solid #ecebec;
    padding:30px 0 40px;
    overflow:hidden;
}
.dist-txt > p {
    color:#fff;
    background:#7e8588;
    display:inline-block;
    text-align:center;
    width:40%;
    min-width:185px;
    margin-bottom:10px;
    padding:2px 0;
}
.dist-link > a {
    color:#000 !important;
    margin-right:8px;
    white-space:nowrap;
}
.contact-btm {
    background:#f3f2f3;
    border-radius:6px;
    padding:15px;
    display:flex;
    display:-webkit-flex;
    font-weight:bold;
}
.contact-left{
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    border-right:1px solid #d4d4d4;
    padding-right:15px;
}
.contact-left > img {
    margin-right:15px;
}
.contact-tel > p:first-of-type{
    font-size:2.6em;
    line-height:.8;
}
.contact-tel i {
    color:@COLOR_CUSTOM_2;
    margin-right:10px;
}
.contact-right {
    padding-left:15px;
    flex-grow:1;
    -webkit-flex-grow:1;
}
.contact-right-top,
.contact-right-btm {
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}
.contact-right-top {
    padding-bottom:5px;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}
.contact-right-top .contact-btn{
    min-width:180px;
    font-size:1.25em;
}
.contact-right-btm img {
    margin-left:10px;
}
.contact-right-btm p {
    font-size:.8em;
}
@media (max-width:1199px){
    .contact-btm {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .contact-left {
        padding-right:0;
        border-right:none;
        justify-content:space-around;
        -webkit-justify-content:space-around;
    }
    .contact-right {
        padding-left:0;
    }
    .contact-right-top,
    .contact-right-btm{
        margin-top:10px;
        justify-content:space-around;
        -webkit-justify-content:space-around;
    }
    .contact-right-top .contact-btn {
        font-size:1.5em;
    }
}
@media (max-width:767px){
    .contact-btm {
        text-align:center;
    }
    .contact-left {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .contact-left > img {
        margin-right: 0;
        margin-bottom:10px;
        width:100%;
        max-width:290px;
        height:auto;
    }
    .contact-right-top, .contact-right-btm {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .contact-right-top .contact-btn {
        margin-top:10px;
    }
}

/*スライダー*/
.btm-slider-wrap {
    padding:20px 0;
    margin-top:25px;
}

#wideLine2 .sp-slide div{
		position:relative;
		width:100%;
		height:60px;
			overflow:hidden;
	}
		.sp-slide div img{
			position:absolute;
			width:100%;
			height:100%;
				top:0;
				bottom:0;
				left:0;
				right:0;
				margin:auto;
			
		}



/*======================================
オーロラ特集
======================================*/
.aurora-top {
    background:url(/dataupload/data/RT0101/img/custom7/aurora-top.jpg) no-repeat center;
    background-size:cover;
    color:#fff;
    padding:60px 0 70px;
}
.aurora-top > div > p {
    font-size:1.5em;
    margin-bottom:10px;
    text-align:center;
}
.aurora-top h1 {
    font-size:3.5em;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
    color:#fff;
}
.aurora-top .top-search {
    background:rgba(0,0,0,.6);
    padding:30px 20px;
    border-radius:6px;
}
.aurora-main {
    padding-top:40px;
}

.aurora-main h2,
.aurora-recom-zone h2,
.recom-tour-zone h3{
    border:1px solid #f6f6f6;
    background:linear-gradient(#fff,#e8e8e8);
    text-align:center;
    font-size:2em;
    padding:15px 0;
}
.aurora-main h2 + p {
    text-align:center;
    line-height:2;
    font-size:1.1em;
    padding:20px 0;
}
.aurora-panels {
    margin-top:20px;
}
.aurora-panel {
    display:flex;
    display:-webkit-flex;
    align-items:flex-start;
    -webkit-align-items:flex-start;
}
.aurora-panel > .aurora-txts:first-child {
    padding-right:40px;
}
.aurora-panel > .aurora-txts:last-child {
    padding-left:40px;
}
.aurora-panel + .aurora-panel {
    margin-top:70px;
}
.aurora-img {
    padding-top:33%;
    position:relative;
    width:33%;
    overflow:hidden;
    flex-grow:1;
}
.aurora-img img {
    position:absolute;
    height:100%;
    width:auto;
    top:-100%;
    bottom:-100%;
    right:-100%;
    left:-100%;
    margin:auto;
}
.aurora-txts {
    width:67%;
    align-self:stretch;
    -webkit-align-self:stretch;
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.aurora-txts h3{
    font-size:2em;
    border-top:1px solid #eee;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    border-left:20px solid #eee;
    padding:10px;
    line-height:1;
}
.cl-green {
    color:@COLOR_CUSTOM_1 !important;
    border-color:@COLOR_CUSTOM_1 !important;
    margin-top: 0px;
}
.aurora-txt {
    margin:15px 0 20px;
    line-height:1.8;
}

.aurora-txt p{
 margin: 0;
}

.aurora-point {
    background:#dff3f1;
    border-radius:6px;
    padding:0 30px 0 15px;
    display:flex;
    display:-webkit-flex;
    margin-top:auto;
}
.point-img {
    border:5px solid #fff;
    position:relative;
    height:190px;
    width:190px;
    overflow:hidden;
    border-radius:50%;
    flex-shrink:0;
    transform:translateY(-15px);
}
.point-img img {
    position:absolute;
    height:100%;
    width:auto;
    top:-100%;
    bottom:-100%;
    right:-100%;
    left:-100%;
    margin:auto;
}
.point-txt {
    align-self:stretch;
    -webkit-align-self:stretch;
    position:relative;
    display:flex;
    -webkit-display:flex;
    align-items:center;
    -webkit-align-items:center;
    padding:25px 0 25px 25px;
}
.point-txt > p {
    line-height:1.8;
    font-size:1.1em;
}
.point-ttl {
    position:absolute;
    top:0;
    transform:translateY(-50%);
    left:-10px;
}
.point-ttl p {
    display:none;
}
.aurora-recom-zone h2 {
    padding:15px 110px;
}
.aurora-contact {
    text-align:center;
    border: 3px dashed #bababa;
    border-radius:6px;
    margin-top:40px;
    padding:25px;
}
.aurora-contact h3 {
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
    font-size:2.3em;
    margin-bottom:20px;
}
.aurora-tel-wrap {
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    margin-top:20px;
    background:#f9f0d9;
    border-radius:6px;
    padding:15px 30px;
}
.aurora-tel-wrap p{
    font-weight:bold;
    line-height:1;
}
.aurora-tel-wrap p + p{
    margin:0 20px;
}

.aurora-tel-wrap p:first-of-type{
    font-size:2.5em;
    font-weight:bold;
}
.aurora-tel-wrap p:first-of-type i{
    color:@COLOR_CUSTOM_2;
    margin-right:5px;
    vertical-align:1px;
}
.aurora-tel-wrap .contact-btn {
    width:250px;
    font-size:1.3em;
}
.aurora-tel-wrap .contact-btn i{
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
}
.aurora-recom-zone {
    padding-top:20px;
}
.recom1,
.recom2 {
    position:relative;
    margin-top:50px;
}
.recom1:before {
    content:url(/dataupload/data/RT0101/img/custom7/osusume1.png);
    position:absolute;
    bottom:10px;
    left:10px;
}
.recom2:before {
    content:url(/dataupload/data/RT0101/img/custom7/osusume2.png);
    position:absolute;
    bottom:10px;
    left:10px;
}
.recom-img {
    overflow:hidden;
    position:relative;
    height:250px;
}
.recom-img img {
    width:100%;;
    position:absolute;
    margin:auto;
    top:-100%;
    bottom:-100%;
    right:-100%;
    left:-100%;
}
.recom-txt {
    line-height:2;
    font-size:1.15em;
    margin:15px 0;
}
.recom-panel {
    border:1px solid #e0e0e0;
    border-radius:6px;
    padding:15px;
    box-shadow:2px 2px 2px 1px #b2b1b1;
}
.recom-panel-img {
    width:100%;
    padding-top:78%;
    position:relative;
    overflow:hidden;
}
.recom-panel-img img {
    position:absolute;
    height:100%;
    width:auto;
    margin:auto;
    top:-100%;
    bottom:-100%;
    right:-100%;
    left:-100%;
}
.recom-panel > p {
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
    margin-top:15px;
}
.recom-tour-zone {
    padding-top:80px;
}
.recom-tour-zone h2{
    font-size:2.2em;
    border-bottom:3px solid;
    text-align:center;
    padding-bottom:15px;
    margin-bottom:20px;
}
.recom-arrow {
    color:@COLOR_CUSTOM_2;
    font-weight:bold;
    font-size:1.5em;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    margin-bottom:10px;
}
.recom-arrow > div {
    background:url(/dataupload/data/RT0101/img/custom7/recom-arrow01_181218.jpg);
    position:relative;
    width:128px;
    height:36px;
    margin-right:5px;
    margin-top:-5px;
    color:#fff;
    font-size:17px;
    text-align:center;
    flex-shrink:0;
}
.recom-arrow > div > p {
    position:absolute;
    top:-2px;
    right:0;
    left:3px;
}

.recom-arrow > div span {
    font-size:28px;
    font-style:oblique;
    margin-left:-1px;
    vertical-align:-3px;
}
.recom-tour-name {
    display:flex;
    display:-webkit-flex;
    padding:15px !important;
}
.recom-tour-name {
    display:flex;
    display:-webkit-flex;
    padding:15px !important;
}
.recom-tour-name span {
    color:#f2b601;
    margin-left:auto;
}
.recom-tour-img{
    display:flex;
    display:-webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items:center;
    -webkit-align-items:center;
    margin-top:1px;
}
.recom-tour-img img {
    width:calc(50% - .5px);
}
.recom-tour-txt {
    background: #f9f0d9;
    padding:25px;
    font-size:1.1em;
}
.tour-about-wrap {
    display:flex;
    display:-webkit-flex;
    padding:20px 15px;
    border:1px solid #ddd;
    background:#fff;
    width:100%;
}
.tour-about-img {
    width:200px;
    height:133px;
    position:relative;
    overflow:hidden;
}
.tour-about-img img {
    position:absolute;
    height:100%;
    width:auto;
    margin:auto;
    top:-100%;
    bottom:-100%;
    right:-100%;
    left:-100%;
}
.tour-about-right{
    width:100%;
    padding-left:15px;
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.tour-about-top {
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}
.tour-about-top > p{
    background:@COLOR_CUSTOM_3;
    border-radius:4px;
    color:#fff;
    padding:5px 17px;
    margin-right:4px;
}
.tour-code {
    background:#d7d7d7;
    padding:3px 5px 3px 3px;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    margin-right:auto;
}
.tour-code > span {
    background:#fff;
    padding:2px 5px;
    margin-right:5px;
}
.tour-about-btn {
    color:#fff;
    background:@COLOR_CUSTOM_2;
    border-radius:4px;
    padding:6px 8px;
    font-weight:bold;
}
.tour-about-btn:after {
    content:'\f138';
    font-family:FontAwesome;
    margin-left:5px;
}
.tour-about-top + p {
    font-weight:bold;
    margin-top:7px;
}
.tour-about-btm {
    border-top:1px solid #ddd;
    padding-top:10px;
}
.recom-btm {
    padding:50px 0;
    margin-top:50px;
}
.back-green {
    background:@COLOR_CUSTOM_1;
}

.tour-about-line {
    display:flex;
    display:-webkit-flex;
}
.tour-about-disc {
    flex-shrink:3;
    background:#000;
    color:#fff;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
    width:30%;
}
.tour-about-disc > p:first-of-type {
    background:url(/dataupload/data/RT0101/img/custom7/dot-blue.gif);
    padding:20px;
    font-size:1.4em;
    text-align:center;
}
.tour-about-disc > p:nth-of-type(2){
    padding:10px;
    font-size:1.2em;
}
.tour-about-line > .tour-about-wrap {
    width:70%;
}
.tour-about-line + .tour-about-line {
    margin-top:20px;
}

@media(max-width:1199px){
    .recom1:before,
    .recom2:before{
        left:0;
    }
    .aurora-tel-wrap {
        float:none;
        justify-content:space-between;
        -webkit-justify-content:space-between;
    }
}
@media(max-width:991px){
    .aurora-contact {
        background:none;
    }
    .aurora-point {
        padding:0 15px 0 15px;
    }
    .point-img {
        display:none;
    }
    .point-txt {
        padding:25px 0 ;
    }
    .recom1, .recom2 {
        margin-top: 80px;
    }
    .recom1:before,
    .recom2:before{
        bottom:auto;
        top:0;
        transform:translateY(-100%);
    }
    .tour-about-line {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .aurora-tel-wrap {
        padding:15px;
    }
    .tour-about-line > .tour-about-wrap,
    .tour-about-disc{
        width:100%;
    }
    .tour-about-top{
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
    }
}

@media(max-width:767px){
    #aurora-page .navbar-nav > li > a {
        color:#fff;
    }
    .aurora-top > div > p {
        font-size:1.2em;
    }
    .aurora-top h1 {
        font-size:3em;
    }
    .recom-arrow {
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
    }
    .aurora-contact {
        padding:15px;
    }
    .aurora-tel-wrap {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .aurora-tel-wrap > p {
        margin-bottom:10px !important;
    }
    .aurora-tel-wrap .contact-btn {
        max-width:250px;
        width:100%;
    }
    .aurora-panel {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .aurora-txts {
        order:1;
        -webkit-order:1;
        padding-left:0 !important;
        padding-right:0 !important;
        width:100%;
        margin-bottom:20px;
    }
    .aurora-img {
        order:2;
        -webkit-order:2;
        width:100%;
        padding-top:100%;
    }
    .tour-about-top {
        flex-direction:column;
        -webkit-flex-direction:column;
        align-items:flex-start;
        -webkit-align-items:flex-start;
    }
    .tour-about-top > * {
        margin-top:5px;
    }
}
@media(max-width:500px){
    .recom-tour-name {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
}
/*======================================
特集ページ
======================================*/
/*header*/
#feature-page .navbar-header > p,
#aurora-page .navbar-header > p{
    color:#000;
}

#feature-page .navbar-nav > li > a ,
#aurora-page .navbar-nav > li > a {
    color:#000;
}


/*top*/

.feature-txt-wrap {
    background:url(/dataupload/data/RT0101/img/custom7/feature-top.jpg) no-repeat center;
    background-size:cover;
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    text-align:center;
    color:#fff;
    height:480px;
    padding:15px;
}
.feature-txt-wrap h1 {
    font-size:3.2em;
    font-weight:bold;
    margin-top:15px;
}
.tour-link {
    text-align:center;
    display:block;
    background:#8b5f00;
    border-radius:6px;
    color:#fff !important;
    text-decoration:none !important;
    padding:15px 15px 3px 15px;
    font-size:1.1em;
}
.tour-link:after {
    content:'\f107';
    font-family:FontAwesome;
    display:block;
    font-size:2em;
    line-height:1;
}
.tour-link span {
    font-size:1.1em;
    font-weight:bold;
}
#feature-page h2 {
    text-align:center;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
    font-size:2.3em;
    color:#8b5f00;
    margin:30px 0 30px;
}
#feature-page  h2 + p {
    line-height:1.8;
}
.feature-main > div{
    border-top:2px solid #03645e;
}
.feature-main > div{
    padding-bottom:40px;
}
.feature-main-line h3{
    font-size:2.2em;
    font-weight:bold;
    color:#03645e;
    margin:20px 0 15px;
}
.feature-main-line h3 span {
    font-size:.7em;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
    vertical-align:2px;
    margin-left:10px;
}

.feature-wrap {
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.feature-wrap > div {
    width:50%;
}
.feature-left {
    padding-right:20px;
}
.feature-img {
    display:flex;
    display:-webkit-flex;
    margin-bottom:5px;
}
.feature-img img {
    max-width:45%;
    height:auto;
    align-self:flex-start;
    -webkit-align-self:flex-start;
}
.feature-img > div {
    padding:10px 0 0 20px;
    width:55%;
}
.feature-img h4 {
    color:#8b5f00;
    margin-bottom:20px;
}
.feature-btn {
    color:#fff !important;
    text-decoration:none !important;
    border-radius:6px;
    background:#00a455;
    display:block;
    padding:20px;
    font-size:1.2em;
    font-weight:bold;
    position:relative;
}
.feature-btn:after {
    content:'\f138';
    font-family:FontAwesome;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:1.5em;
    line-height:0;
}
.deepgrn-btn {
    background:#03645e;
}
.feature-right {
    background:#f7efe2;
    border-radius:4px;
    padding:20px 20px 0 20px;
}
.feature-right h4{
    text-align:center;
    font-size:1.6em;
    margin-bottom:20px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
}
.feature-right-txt img {
    float:right;
    margin:0 0 20px 20px;
    max-width:55%;
    height:auto;
}
.feature-right-txt p {
    margin-bottom:20px;
}
@media(max-width:991px){
    .feature-wrap {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .feature-wrap > div {
        width:100%;
    }
    .feature-left {
        padding-right:0;
        margin-bottom:20px;
    }
}
@media(max-width:767px){
    .feature-txt-wrap {
        height:340px;
    }
    .feature-txt-wrap h1 {
        font-size:3em;
    }
    #feature-page h2 {
        font-size:2em;
    }
    #feature-page .navbar-nav > li > a {
        color: #fff !important;
    }
}

@media(max-width:500px){
    .feature-img {
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .feature-img > * {
        width:100% !important;
        max-width:100% !important;
    }
    .feature-img > div {
        padding-left:0;
    }
    .feature-btn:after {
        display:none !important;
    }
    .feature-right {
        padding:15px 15px 0 15px;
    }
    .feature-right-txt {
        display:flex;
        -webkit-display:flex;
        flex-direction:column;
        -webkit-flex-direction:column;
    }
    .feature-right-txt img {
        margin: 0 0 15px 0;
        width:100%;
        max-width:100%;
        height:auto;
    }
}

/*Input*/

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
}

select::-ms-expand {
  display: none;
}

	.form-control-feedback{
		right:10px;
		color:#ff6600;
	}
	
	.input-group-addon{
		background-color:#ff6600;
		color:#FFF;
			border:0px;
	}
	
	.input-group-addon:hover{
		color:#FFF;
	}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color:#FFF;
}

/*Btn*/


.btn{
	position:relative;
}

.btn i{
	font-size:1.1em;
}

.iConL i{
	position:absolute;
	top:24%;
	left:10px;
		font-size:1.32em;
}

.iConR i{
	position:absolute;
	top:24%;
	right:10px;
		font-size:1.32em;
}

.btn-more{
	font-size:1.3em;
	color: #fff;
	background-color:#ff6600;
}
	.btn-other:focus,
	.btn-other.focus {
	  color: #fff;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#b78408, endcolorstr=#d6a42b))";
			zoom: 1;
			background: -moz-linear-gradient(top, #b78408, #d6a42b);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #b78408, #d6a42b);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #b78408, #d6a42b);/* IE10+, W3C */	
	}
	.btn-other:hover {
	  color: #fff;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#b78408, endcolorstr=#d6a42b))";
			zoom: 1;
			background: -moz-linear-gradient(top, #b78408, #d6a42b);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #b78408, #d6a42b);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #b78408, #d6a42b);/* IE10+, W3C */	
	}

.btn-search{
	font-size:1.3em;
	letter-spacing: 0.6em;
	color: #fff;
			background: -moz-linear-gradient(top, #f77618, #ff6600);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #f77618, #ff6600);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #f77618, #ff6600);/* IE10+, W3C */	
	
}
	.btn-search:focus,
	.btn-search.focus {
	  color: #fff;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f77618, endcolorstr=#ff6600))";
			zoom: 1;
			background: -moz-linear-gradient(top, #f77618, #ff6600);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #f77618, #ff6600);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #f77618, #ff6600);/* IE10+, W3C */	
	  
	}
	.btn-search:hover {
	  color: #fff;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f77618, endcolorstr=#ff6600))";
			zoom: 1;
			background: -moz-linear-gradient(top, #f77618, #ff6600);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #f77618, #ff6600);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #f77618, #ff6600);/* IE10+, W3C */	
	}

.btn-other{
	font-size:1.3em;
	color: #fff;
	border-color: #d6a42b;
	border-bottom:2px solid #b68d29;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#dead36, endcolorstr=#d6a42b))";
			zoom: 1;
			background: -moz-linear-gradient(top, #dead36, #d6a42b);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #dead36, #d6a42b);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #dead36, #d6a42b);/* IE10+, W3C */	
	
}
	.btn-other:focus,
	.btn-other.focus {
	  color: #fff;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#b78408, endcolorstr=#d6a42b))";
			zoom: 1;
			background: -moz-linear-gradient(top, #b78408, #d6a42b);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #b78408, #d6a42b);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #b78408, #d6a42b);/* IE10+, W3C */	
	}
	.btn-other:hover {
	  color: #fff;
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#b78408, endcolorstr=#d6a42b))";
			zoom: 1;
			background: -moz-linear-gradient(top, #b78408, #d6a42b);/* FF3.6+ */
			background: -webkit-linear-gradient(top, #b78408, #d6a42b);/* Chrome10+, Safari5.1+ */
			background: linear-gradient(to bottom, #b78408, #d6a42b);/* IE10+, W3C */	
	}
	
.btn-TypeS{
	font-size:1.06em;
	color: #fff;
	background-color:#ff6600;
		border-radius:4px 4px 4px 4px;
		padding:5px 20px 5px 30px;
}

.btn-TypeS_gray{
	font-size:1.06em;
	color: #fff;
	background-color:#a9a9a9;
		border-radius:4px 4px 4px 4px;
		padding:5px 20px 5px 30px;
}

.btn-TypeS:focus,
.btn-TypeS_gray:focus,
.btn-TypeS:hover,
.btn-TypeS_gray:hover,
.btn-more:focus,
.btn-more:hover{
	color: #ffcc00;
}
.btn-blue {
    background:#2abdc9;
    color:#fff !important;
    box-shadow:0 2px 0 2px #13909a;
}
.btn-blue-reverse {
    background:#fff;
    color:#2abdc9 !important;
    box-shadow:0 2px 0 2px #13909a;
}
.btn-lightblue {
    background:#68b9ff;
    color:#fff !important;
    box-shadow:0 2px 0 2px #3c98e6;
}
.btn-lightblue-reverse {
    background:#fff;
    color:#68b9ff !important;
    box-shadow:0 2px 0 2px #3c98e6;
}

.input-group-addon{
	border: inherit !important;
    background-color: inherit !important;
}

.contact-btn {
    position: relative;
    background: @COLOR_CUSTOM_2;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 8px 15px;
    white-space: nowrap;
    min-width: 160px;
    font-weight: bold;
    margin-left: 10px;
    font-size: 1.1em;
    box-shadow: 0 2px 0 1px #1083ad;
}
.dspNone{
 display:none !important;
}
.recom-ttl {
    position: relative;
    margin-top: 50px;
}
.recom-ttl > div {
    background:url(/DataUpload/data/RT0101/img/custom7/osusume1.png) !important;
    width:137px;
    height:70px;
    position:absolute;
    bottom:calc(100% - 30px);
    left:5px;
}
.recom-ttl > div > p {
    position:absolute;
    font-size:18px;
    color:#fff;
    top:17px;
    left:19px;
    transform:rotate(-10deg);
}
.recom-ttl > div > p > span {
    font-size:32px;
    vertical-align:-5px;
    margin-left:-3px;
}

@media(max-width:767px) {
    .aurora-recom-zone h2 {
        margin-top:70px;
        padding:15px 15px;
    }
    .recom-ttl > div {
        bottom:calc(100% - 10px);
    }
}

@media(max-width:575px) {
    .container {
        overflow:hidden;
    }
}



/*top*/

#responsiveMainVisual {
    position:relative;
    overflow:hidden;
}

#responsiveMainVisual > img {
    width:100%;
    height:auto;
}

.mainTexts {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.mainTexts h1 {
    font-size: 4vw;
    font-weight: bold;
    margin-top:2vw;
    width:100%;
    text-shadow: 0px 0px 10px rgba(0,0,0,.9);
}

.mainTexts p {
    font-size:2vw;
    margin-bottom:0;
    width:100%;
    text-shadow: 0px 0px 10px rgba(0,0,0,.9);
}

@media(min-width:1399px){
    .mainTexts h1 {
        font-size: 50px;
    }
    .mainTexts p {
        font-size:26px;
    }
}

 @media(max-width:767px) {
    .mainTexts h1 {
        font-size: 5vw;
    }
    .mainTexts p {
        font-size:2.5vw;
    }
}

@media(max-width:575px) {
    .mainTexts h1 {
        font-size: 6vw;
    }
    .mainTexts p {
        font-size:3vw;
    }
}

@media(max-width:400px) {
    .mainTexts h1 {
        font-size: 7vw;
    }
    .mainTexts p {
        font-size:3.5vw;
    }
}