/* ************************************************************
    :: hotel Sekia Style.css
    :: Version: 1.0
    ************************************************************ 
    *
    *
    ****************** :: Index of CSS :: ******************

    color orange: #e67e22
	color green ：#00ac97 rgba(0, 172, 151, 1.0);
	color Facebook ：#3D5A98
    ****************************** */
    /* *************************
    :: Import all css 
    ************************* */
    
    @import 'bootstrap.min.css';
	@import 'property.css';
	@import 'tab.css';

    @import 'cal.css';

    @import 'magnific-popup.css';
    @import 'animate.min.css';
    @import 'meanmenu.css';
    @import 'font-awesome.min.css';
    @import 'owl.carousel.css';
	@import 'icofont.css';
	@import 'print.css';
    /* *************************
    :: 1.0 Fonts 
    ************************* */
    /*@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");*/
	@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700");
	@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,700");
    @import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
	@import url('https://fonts.googleapis.com/css?family=Cormorant+SC:300,400,500,600,700');
    

/* ========================================================================== 
:: 2.0 Common CSS
========================================================================== */ 

	* {
        margin: 0;
        padding: 0;
    }
	
	html,
	body {
		height: 100%;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		color:#333;
	}
	
	 body {
        font-size: 14px;
        line-height: 22px;
    }
    
    .floatleft {
        float: left
    }
    
    .floatright {
        float: right
    }
    
    .alignleft {
        float: left;
        margin-right: 15px;
    }
    
    .alignright {
        float: right;
        margin-left: 15px;
    }
    
    .aligncenter {
        display: block;
        margin: 0 auto 15px;
    }
.clear, .clr {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}
    a:focus {
        outline: 0px solid;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 10px 0 15px;
        font-weight: 700;
    }
    
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 13px;
}  

@media screen and (max-width: 479px) {
	
	h4 {
		font-size: 18px;
		margin-top:15px;
	}
}
    
a,
a:hover,
a:focus {
        -webkit-transition: all 700ms ease 0s;
        transition: all 700ms ease 0s;
        text-decoration: none;
        outline: none;
    }

a img {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  

a img:hover {
        filter: brightness(60%) saturate( 1 );
		-webkit-filter: brightness(60%) saturate( 1 ); 
		-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;   
}

    
    ol li,
    ul li {
        list-style: outside none none;
    }
    
    img {
        height: auto;
        max-width: 100%;
    }
    /*
    .table {
        display: table;
        z-index: 9;
        position: absolute;
        width: 100%;
        height: 100%;
    }
    */
    .table_cell {
        display: table-cell;
        vertical-align: middle;
    }

blockquote {
	font-size: inherit;
	border-left: none;
	padding: 10px 20px;
  margin: 0 0 20px;
}

@media screen and (max-width: 479px) {
	p{	
	word-break: break-all;
	}
	
}
	
 /* ========================================================================== 
:: Section
========================================================================== */  

.section-divider {
	/*z-index: 999;*/
	width: 100%;
	display: block;
	/*display: table;*/
	/*border-bottom: 1px solid #FFF;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	margin-top: 0px;
	background-position: center center;
	-webkit-background-size: 100% cover;
	-moz-background-size: 100% cover;
	-o-background-size: 100% cover;
	background-size: 100% cover;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	background-attachment: relative;
}

    .section_heading {
        /*text-transform: uppercase;*/
        margin-bottom: 50px;
		letter-spacing: 1px;
    }
    
@media screen and (max-width: 479px) {
	
	.section_heading {
        margin-bottom: 25px;
		letter-spacing:0px;
    }
    
}
    .section_heading.fo_black {
        margin-bottom: 15px;
    }
    
    .section_heading .color_border {
        /*background-color: #EEEEEE;*/
		background-color: #00ac97;
        height: 3px;
        width: 120px;
        position: relative;
        z-index: 1;
    }
    
    .section_heading.black .color_border {
        background-color: #fff;
    }
    
    .color_border:after {
        background-color: #2c3e50;
        content: "";
        height: 3px;
        right: 0;
        position: absolute;
        top: 0;
        width: 90px;
        z-index: 9;
    }
    
    .section_heading.black .color_border:after,
    .section_heading.fo_black .color_border:after {
        background-color: #a3d6cc;
    }
    
    .color_border:before {
        content: "";
        background-color: #fff;
        width: 0px;
        height: 3px;
        top: 0;
        position: absolute;
        right: 30px;
        z-index: 999;
    }
    
    .section_heading.black .color_border:before {
        background-color: rgba(0, 0, 0, 0.75);
    }
    
    .section_heading.fo_black .color_border:before {
        background-color: #343434;
    }
    
    .section_heading h3 {
        /*color: #e67e22;*/
		color: #00ac97;
        /*font-family: 'Lato', sans-serif;*/
        letter-spacing: 2px;
    }
    
    .section_heading h3 span,
	.section_heading h3 em {
        color: #2c3e50;
		font-style:normal;
    }
	.section_heading h3 em {
		margin-left:5px;
	}
    
    .section_heading.black h3 {
        color: #fff;
    }
    
    .section_heading.black h3 span {
        color: #00ac97;
    }
@media screen and (max-width: 479px) {
	
	.section_heading h2 {
		font-size:24px;
        letter-spacing: 0px;
    }
	
	.section_heading h3 {
		font-size:20px;
        letter-spacing: 0px;
	}

}

	.m_top_30 {
        margin-top: 30px;
    }
	
    
.section-padding-150,
.section_padding_150 {
        padding: 150px 0;
    }
    
.section-padding-100,
.section_padding_100 {
        padding: 100px 0;
    }
    
    .section_padding_100_0 {
        padding: 0 0 100px 0;
    }
    
.section-padding-60,    
.section_padding_60 {
        padding: 60px 0;
 }
.section-padding-30 {
        padding: 30px 0;
 }

.section-padding-30-0 {
        padding: 30px 0 0;
 }

@media screen and (max-width:  768px) {
	
	.section-padding-60,    
	.section_padding_60 {
        padding: 30px 0;
 }
	
}
 
@media screen and (max-width: 479px) {
	
.section-padding-150,
.section_padding_150 {
        padding: 80px 0;
    }
    
	
	.section-padding-60,    
	.section_padding_60 {
        padding: 30px 0;
    }
    .section-padding-30 {
        padding: 15px 0;
 }

	
}


 .section-padding-30{
        padding: 30px 0;
    } 
    .section_padding_100_50 {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    
    .section_padding_100_70 {
        padding-top: 100px;
        padding-bottom: 70px;
    }
    
.section-padding-60-30,
.section_padding_60_30 {
        padding-top: 60px;
        padding-bottom: 30px;
    }

/* ========================================================================== 
:: 3.0 Preloader
========================================================================== */  
    div#preloader {
        overflow: hidden;
        background-color: #fff;
        background-image: url(../img/core-img/preloader.gif);
        background-repeat: no-repeat;
        background-position: center center;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999999999;
    }
    
    #scrollUp {
        background-color: #00ac97;
        border-radius: 3px;
        bottom: 20px;
        color: #fff;
        font-size: 22px;
        padding: 5px 10px;
        right: 20px;
    }

@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    #scrollUp {
        bottom: 15px;       
        right: 5px;
    }
    
}

/* ========================================================================== 
Overlay 
========================================================================== */

.overlay {
    background-color: rgba(0,0,0,0.4);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 9;
	height:100%;
	cursor:pointer;
	
	/*margin-bottom:25px;*/
	margin-left:0px;
	margin-right:0px;
}
.overlay:hover {
    opacity: 1;
	overflow: hidden;
	
}

span.valign {
    height: 100%;
    vertical-align: middle;
	display: table-cell;
}

.overlay span.title-o {
	color: #FFFFFF;
    font-size: 16px;
	letter-spacing:0px;
	top: -10px;
	padding-left:10px;
	padding-right:10px;
	position: relative;
	transition: all 0.5s ease 0s;
	overflow: hidden;
}

.overlay span.title-o:after {
}

.overlay:hover i, .overlay:hover span.title-o {
    top: 90px;
}

.overlay i{
	border-radius: 0%;
	display: inline-block;
	width: 35px;
	height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
	background-color: #3cb37a;
        
}

@media screen and (max-width: 768px) {
	.overlay {
		display:none !important;
	}
}

/* HOME 2020 *************************************/
.home-notes{
	/*border: 3px solid #00a1e9;*/
	border: 3px solid #CCC;
    padding: 1em 2em;
    line-height: 1.8;
	/*background: rgba(0,161,233, .0);*/
	background: #FFF;
}

.home-notes-goto{
	border: 3px solid #2cb4ad;
    padding: 1em 2em;
    line-height: 1.8;
	background: rgba(44,180,173, .1);
}

.h-goto{
	color: #006a6c !important;
	font-weight: 600;
}

.link-goto{
	width: 60%;
	display: block;
	margin: 10px auto 0;
}

.link-goto img{
	display: block;
}


@media screen and (max-width: 479px) {
	
	.home-notes-goto{
		padding: 1em;
	}
	.home-notes br,
	.home-notes-goto br{
		display: none;
	}
	
	.link-goto{
		width: 100%;
		font-size: .85em;
	}

	
}



/*
.btn-goto{
	background: #2cb4ad;
	border-radius: 0;
	color: #FFF;
}

.btn-goto:hover{
	color: #FFF;
	background: #282e3c;
}
*/

/* ========================================================================== 
[ 4.0 ] Top header css
========================================================================== */ 	
    
    header {
        height: auto;
        position: absolute;
        width: 100%;
        z-index: 999;	
    }

/* ========================================================================== 
: 4.1.0 Top header css
========================================================================== */ 

    .top_header_area {
	background-color: rgba(44,79,84,0.7);
	height: 50px;
	width: 100%;
	color: #fff;
    }
	
	.top_header_area a{
		color: #fff;
	}
	
@media screen and (max-width: 959px) {	
    .top_header_area {
        display: none;
    }
}

    
    .top_quote > p,
	.top_quote > li {
        color: #fff;
        letter-spacing: 1px;
        margin: 0;
        padding: 14px 0;
    }
	.top_quote li{
		text-align:left;
	}
   
    
    .top_social_bar {
        display: inline-block;
        padding-right: 15px;
		letter-spacing: 1px;
    }
    
    .top_social_bar > a > i {
        color: #fff;
        height: 15px;
        margin: 10px 0;
        padding: 8px 12px;
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms;
        width: 30px;
    }
    
    .top_social_bar > a:hover i {
        color: #7fffbf;
    }
    
	
    .social_reg_log_area {
        text-align: right;
    }
    
    .login_register a:last-child {
        padding-right: 0;
    }
    
    .language_area {
        display: inline-block;
    }
	
	.language_area .dropdown-menu { 
	min-width: 110px;
	}
	
	.language_area .dropdown-menu > li > a {
		padding: 3px 10px;
	}
    
    button#lag {
        background-color: transparent;
    }
    
    .language_area .btn.btn-default,
    .language_area .btn.btn-default:focus {
        border: 0 solid transparent;
        border-radius: 0;
        color: #fff;
        background-color: #3cb37a;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }
    
    .language_area .btn.btn-default:hover {
        background-color: transparent;
        color: #7fffbf;
    }
    
    .language_area .btn.btn-default:focus {
        outline: 0 solid transparent;
    }
    
    .language_area .btn.btn-default i:first-child {
        padding-right: 5px;
    }
    
    .language_area .btn.btn-default i:last-child {
        padding-left: 5px;
    }
    
    .language_area ul.dropdown-menu li a img {
        padding-right: 5px;
    }

/* 
========================================================================== 
:: 4.2.0 Main header css
========================================================================== 
*/        
    .logo_area {
	padding: 29px 0px 29px 10px;
    }
    
    .main_header_area {
	background-color: rgba(255,255,255,0.7);
	height: 90px;
	width: 100%;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
    }
	/* スクロール変化 */
	
	.is-sticky .main_header_area {
        background-color: #fff;
		position:fixed;
    }
	
    .is-sticky .main_header_area {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
        height: 60px;
    }
    
    .is-sticky .main_header_area .mainmenu ul#nav li a {
        padding: 19px 12px;
    }
    
    .is-sticky .main_header_area .logo_area {
        padding: 14px 0px 14px 10px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
/*@media screen and (max-width: 991px) {	*/
	
	.logo_area {
        padding: 25px 0px 15px 0px;
    }
    .main_header_area {
        height: 70px;
        width: 100%;
        position:fixed !important;
        top:0;
        left: 0 !important;right: 0;
	z-index: 200;
    }
}

@media screen and (max-width: 479px) {	
	
	.logo_area {
	padding: 15px 0px 12px 5px;
    }
    
    .logo_area img {
        width: 150px;
    }
	
	.main_header_area {
	background-color: rgba(255,255,255,1.0);
	height: 60px;
	width: 100%;
	/*position:fixed !important;
	top:0;
	left: 0 !important;
	right: 0;
	z-index: 200;*/
    }
    
}

    
.main_menu_area {
        float: right;
        position: relative;
        z-index: 100;
}
    
.mainmenu {
        display: inline-block;
        text-align: right;
}
    

    
.mainmenu ul#nav li {
        display: inline-block;
        position: relative;
}
    
.mainmenu ul#nav li:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background-color: #00ac97;
}
    
.mainmenu ul#nav li.current_page_item:before {
        width: 100%;
        height: 3px;
        left: 0;
}
    
.mainmenu ul#nav li:hover:before {
        width: 100%;
        margin: auto;
        left: 0;
}
    
.mainmenu ul#nav li a {
        display: block;
        padding: 34px 10px;
        text-transform: uppercase;
        font-size: 12px;
        color: #233240;
        letter-spacing: 0px;
}
    
.mainmenu ul#nav li a i,
.mean-container .mean-nav ul li a i {
        font-size: 14px;
        padding-left: 5px;
}
    
.mainmenu ul#nav li ul {
        text-align: left;
}
    
.mainmenu ul#nav li ul li a {
        color: #2c3e50 !important;
        padding-left: 15px !important;
        text-align: left !important;
}
    
.mainmenu ul#nav li.current_page_item a {
        color: #00ac97;
}
    
.mainmenu ul#nav li:hover a {
        color: #00ac97;
}

/* Sub Menu CSS */
    
.mainmenu ul li ul.sub-menu {
        position: absolute;
        left: 0px;
        width: 200px;
        background-clip: padding-box;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: 9;
        top: 100%;
        text-align: center;
        -webkit-transform: perspective(600px) rotateX(-90deg);
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        vertical-align: top;
        visibility: hidden;
}
    
.mainmenu ul li ul.sub-menu li {
        margin-bottom: 2px;
        display: block !important;
        background-color: #fff;
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
    
.mainmenu ul li ul.sub-menu li a {
        padding: 10px !important;
        display: block;
        margin-bottom: 1px;
		
}
    
.mainmenu ul li ul.sub-menu li:last-child {
        border: none;

}
    
.mainmenu ul li:hover ul.sub-menu {
        top: 100%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        visibility: visible;
        z-index: 9999999;
        overflow: visible;
        -webkit-transform: perspective(600px) rotateX(0deg);
        transform: perspective(600px) rotateX(0deg);
}
    
.mainmenu ul#nav li:hover ul.sub-menu li:before {
        background-color: transparent;
}
    
.mainmenu ul#nav li ul.sub-menu li a:hover {
        color: #FFF !important;
		background-color: #00ac97;
}
    
.mainmenu ul li ul.sub-menu,
.mainmenu ul#nav li a,
.mainmenu ul#nav li:before {
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
}
    
.mainmenu ul#nav li ul.sub-menu li ul.sub-menu {
        position: absolute;
        left: 210px;
        width: 225px;
        background-clip: padding-box;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -9;
        top: 0;
        text-align: center;
        -webkit-transform: perspective(600px) rotateX(-90deg);
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        vertical-align: top;
        visibility: hidden;
    }
    
.mainmenu ul#nav li ul.sub-menu li:hover ul.sub-menu {
        top: 0;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        visibility: visible;
        z-index: 9999999;
        overflow: visible;
        -webkit-transform: perspective(600px) rotateX(0deg);
        transform: perspective(600px) rotateX(0deg);
}

	
/* ========================================================================== 
［5.0］ slider area css :: VEGAS Slideshow
========================================================================== */ 

#welcome_area {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
		overflow:hidden;
		display: table;
    }
	
.intro {
	text-align: center;
	color: #FFF;
	margin-top: 45%;
	line-height: 60px;
	z-index: 0;
}

.intro .logo{
}

.intro h1{
	font: 300 30px 'Cormorant SC', serif;
	letter-spacing:2px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
	height:100px;
}

.intro-arrow{
	margin-top: 150px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	 
	 .intro-arrow{
		 display: none;
	 }
}

#intro2 {
	text-align: center;
	margin-top: 200px;
	/*z-index: 0;*/
}
#intro2 img{
    width: auto;
    height: auto;
}

#intro2 img:hover{
    filter: brightness(100%) saturate( 1 );
		-webkit-filter: brightness(100%) saturate( 1 ); 
    
}
 @media screen and (max-width: 768px) {
     
     #welcome_area {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 60%;
		overflow:hidden;
		display: table;
    }

    #intro2 {
	margin-top: 20%;
   
            
    }
    #intro2 img{
        height: auto;
     }
}


@media screen and (max-width: 479px) {	
    
    #welcome_area {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 80%;
		overflow:hidden;
		display: table;
    }
    
    .intro {
        margin-top: 50%;
        line-height: 40px;
    }
	
    .intro h1{
        letter-spacing:0px !important;
        font-size:18px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        height:50px;
    }
    
    #intro2 {
        margin-top: 20%;
    }
    
    #intro2 img{
        height: auto;
    }
}


.btn-top {
	color: #f1f1f1;
	background-color: rgba(0,172,151,.8);
	/*border-color: rgba(255,255,255,.6);*/
	letter-spacing: 2px;
}
.btn-top:hover,
.btn-top:focus,
.btn-top:active,
.btn-top.active {
	color: #FFF;
	background-color: rgba( 0, 0, 0, .7);
	/*border-color: rgba(0,172,151,1.0);*/
}

.plan-bar{
	width: 100%;
	background-color: rgba(44,79,84,.8);
	color: #ffffff;
}
.plan-bar p{
	padding-top:6px;
	letter-spacing:1px;
}

.plan-bar span i{
	color:#7fffbf;
}


.plan-bar span:before{
	content: '｜';
	padding: 4px 5px;
}

.plan-bar span.after:after{
	content: '｜';
	padding: 4px 5px;
}
	


/* ========================================================================== 
［11.0］Stay Plan アコーディオン
========================================================================== */
    
#c1 {
  margin-top:-60px;
  padding-top:60px;
}
	
.rsv-area {
		width: 100%;
	background-color: rgba(44,79,84,.8);
	color: #ffffff;
}
	
.single-accordion {
        margin-bottom: 20px;
}
    
.single-accordion:last-of-type {
        margin-bottom: 0px;
}
    
.single-accordion h5 a {
        background-color: transparent;
        /*border: 1px solid #ccc;*/
        color: #1abc9c;
        display: block;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 15px 45px 15px 20px;
        position: relative;
        line-height: 21px;
}
	
	
    
.single-accordion h5 a.collapsed {
        background-color: transparent;
        color: #2c3e50;
}
    
.single-accordion h5 a span {
        position: absolute;
        right: 20px;
        top: 0px;
        font-weight: 300;
        height: 100%;
        font-size: 18px;
        line-height: 250%;
}
    
.single-accordion h5 a.collapsed span.accor-close {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
}
    
span.accor-open {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
}
    
.single-accordion h5 a.collapsed span.accor-open {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
}
    
.single-accordion h5 {
        margin-bottom: 10px;
}
	
.single-accordion h5:hover {
		color:#F00;
}
    
.single-accordion .accordion-content {
        /*border: 1px solid #ddd;
        border-top: 0 solid transparent;*/
}
    
.single-accordion .accordion-content p {
        padding: 20px 20px 10px;
        color: #6f6f6f;
        letter-spacing: 0.5px;
        font-weight: 400;
}

/*----------------------*/

.rsv-area ul{
	padding-top:10px;
}

.rsv-area ul.links li{
	margin-bottom:5px;
	margin-right:20px;
}

.rsv-area ul.links a{
	color:#FFF;
}
.rsv-area ul.links i{
	color:#28bbf8;
}

.rsv-area ul.links a:hover i,
.rsv-area ul.links a:hover{
	text-decoration:underline;
	color:#00ac97;
}


.rsv-area ul.links i.red{
	color: #D00;
    font-size: 1.1em;
    padding-right: 3px;
}


/* ========================================================================== 
［11.0］Stay Plan 　宿泊プラン
========================================================================== */
    
.plan-area {
       background-color: #f6f6f6;
    }
    
.plan-area i{
	font-size:18px;
}


.plan-thumbs img{
		opacity:1;
	}

.plan-thumbs .label{
		margin-right:5px;
}

.plan-thumbs em{
		font-size:12px;
		font-style:normal;
}

.plan-thumbs .p-lead{
		margin-top:5px;
		text-align:left;
		font-size:12px;
		line-height:normal;
	}
@media screen and (max-width: 479px) {
	
	.plan-thumbs .label{
		font-size:10px;
	}
	.plan-thumbs em{
		display:block;
	}
	.plan-thumbs .p-lead{
		margin-top:0px;
	}
}

	
.plan-thumbs a:hover {
	text-decoration:underline;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
 }
 
 .plan-thumbs a:hover img {
	/*filter: grayscale(1);*/
	filter: brightness(60%) saturate( 1 );
	-webkit-filter: brightness(60%) saturate( 1 );
	
 }
 
	
/* ========================================================================== 
HOTEL Category 2019-0719
========================================================================== */
    
ul.flex-bnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin-bottom: 5px;
}

ul.flex-bnr li {
  list-style: none;
  margin: 0;
  width: 14.2857%;
  display: table;
  text-align: center;
  line-height: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  ul.flex-bnr li {
    width: 25%;
  }
}
@media screen and (max-width: 479px) {
  ul.flex-bnr li {
    width: 50%;
  }
}

ul.flex-bnr li a {
  color: #000;
  display: block;
  transition: all 0.5s ease 0s;
  font-size: 13px;
  padding: 5px;
}
ul.flex-bnr li a img {
  display: block;
  margin-bottom: 5px;
}
ul.flex-bnr li a:hover {
  color: inherit;
  background-color: inherit;
  text-decoration: none;
}


/*========================================================================== 
［12.0］PICKUP & EVENT
========================================================================== */

.pickup-area{
}


.single-pickup {
		margin-bottom:10px;
	}


.single-pickup-thumb  {
	width: 100%;
     height: auto;
     margin-bottom: 5px;
     
     text-align: center;
     -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
    }

    
	.single-pickup .p-lead{
		text-align:center;
		font-size:13px;
		color:#FFF;
        
	}
	.single-pickup .p-lead p{
	margin: 5px 0px 0px;
	}
	
    
    .pickup-thumbs.owl-carousel .owl-item img {
        width: auto;
        margin-bottom: 10px;
    }

    
    .single-pickup-thumb img {
		padding: 0px ;
		/*border: 1px solid rgba(255, 255, 255, 0.8);*/
	}
	
	.single-pickup-thumb:hover .p-lead {
		color: rgba(0, 172, 151, 0.8);
		text-decoration: underline;
    }
	
	.single-pickup-thumb img{
        
	}
    
    .single-pickup-thumb:hover img {
		/*border: 1px solid rgba(255, 255, 255, 0.8);*/
        filter: brightness(60%) saturate( 1 );
		-webkit-filter: brightness(60%) saturate( 1 );
        opacity: 1;  
    }


.single-pickup-thumb2{
    padding-left: 5px;
    padding-right: 10px;
}

.single-pickup-thumb2 img{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ========================================================================== 
［14.0］For Group Content
========================================================================== */

.for-group .bnr-box {
        position: relative;
        text-align: center;
        z-index: 1;
        /*background-color: rgba(255, 255, 255, 0.7);*/
        
        overflow: hidden;
		
    }


.for-group .bnr-box-thumb {
        position: relative;
        z-index: 1;
 }
 
 .for-group .bnr-box-thumb img{
		padding: 3px;
		border: 1px solid rgba(255, 255, 255, 0.0);
 }
    
    
.for-group .bnr-box-lead > h5{
        color: #333;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0px;
        margin: 0 0 5px 0;
}
    
.for-group .bnr-box-lead {
        font-size:13px;
		padding: 13px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;	
 }
    
.for-group .bnr-box-lead >p {
        color: #6f6f6f;
        letter-spacing: 0px;
        margin: 0;
 }



.for-group .bnr-box:hover {
		text-decoration: underline;
}
    
.for-group .bnr-box:hover img {
	border: 1px solid rgba(0, 0, 0, 0.2);

        filter: brightness(60%) saturate( 1 );
		-webkit-filter: brightness(60%) saturate( 1 );  
    }


	
/* ========================================================================== 
［13.0］HOTEL Facility ：ホテル施設
========================================================================== */

.facility {
        padding-bottom: 0;
    }
   
    
    .facility-item {
        padding: 15px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        text-align: center;
        margin-bottom: 30px;
    }
	
	

 .facility-area {
	 text-align: center;
        margin-top: 0px;
		margin-bottom: 10px;
    }
    
    .facility-area .facility-item {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        margin-bottom: 0;
        width: 25%;
        float: left;
        padding: 80px 0;
        display: inline-block;
        border: 0 solid transparent;
    }
@media screen and (max-width: 767px) {
	.facility-area .facility-item {

        width: 50%;
        padding: 80px 0;
	}
}
    
    .facility-area .facility-item:first-child {
	background-image: url(../img/home/restaurant.jpg);
	background-position: center center;
	background-size:cover;
    }
    
    .facility-area .facility-item:nth-child(2) {
		background-image: url(../img/home/spa.jpg);
		background-position: center center;
		background-size:cover;
    }
    
    .facility-area .facility-item:nth-child(3) {
		background-image: url(../img/home/party.jpg);
		background-position: center center;
		background-size:cover;
    }
    
    .facility-area .facility-item:last-child {
		background-image: url(../img/home/active.jpg);
		background-position: center center;
		background-size:cover;
    }
    
    .facility-area .facility-item:hover {
        background-color: #2c3e50;
    }
	
    
    .facility-area .facility-item .feature_text h5,
    .facility-area .facility-item:hover .feature_text h5,
    .facility-area .facility-item .feature_text p {
        color: #fff;
    }

 .facility-area .facility-item a {
     display: block;
     position: absolute;
    background-color: rgba(92,63,62,0.3);
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.3),
		inset 0 0 100px rgba(0, 0, 0, 0.2);
	}
    
/*
	.facility-item a:hover{
		background-color: rgba(0,0,0,0.4);
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 9;
	height:100%;
	cursor:pointer;
	}
    */

    .facility-item:hover {
		background-color: rgba(36,20,14,0.4);	
    }



   


/* ========================================================================== 
［15.0］WEDDIG Content
========================================================================== */

 .top-w-area {
       /*background-image: url(../img/bg-pattern/bg_wedding.jpg);*/
	   background-color:#FFFFFF;
        background-size: cover;
        position: relative;
        z-index: 1;
        background-attachment: fixed;
    }
	
	 .top-w-area .section_heading h3 {
		color: #de82a7;
        /*font-family: 'Lato', sans-serif;*/
        letter-spacing: 2px;
    }
    
 /*   
 .top-w-area:after {
        background-color: rgba(176, 119, 140, 0.7);
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        left: 0;
        z-index: -1;
    }
	*/

	
	.left-wedding{
		background-image: url(/assets/img/home/left_wedding2.jpg);
        background-size: cover;
		background-position: center center;
        position: relative;
		z-index: 1;
		padding:100px 0;
		min-height:400px;
       
	}
	
	.left-wedding:after{
		/*background-color: rgba(176, 119, 140, 0.0);*/
		background-color: rgba(0, 0, 0, 0.4);
		position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        left: 0;
        z-index: -1;
	}

	.wedding-box{		
		min-height:120px;
	}
	.wedding-box a{
		color:#333;
	}

@media screen and (max-width: 768px) {
	
	.left-wedding{
		background-position: center center;
		min-height:480px;
	}
	
	.wedding-box{
		min-height:50px;
		margin-left: -15px;
	}
}

@media screen and (max-width: 479px) {	
	
	.left-wedding{
		background-position: center center;
		min-height:250px;
	}
	
	.wedding-box{
		min-height:50px;
		margin-left: -15px;
	}
}
	
.wedding-item {
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
 }
    
  
    
.wedding-item-text {
        margin-left: 60px;
}
    
.wedding-item-text p {
		font-size:12px;
        margin: 0;
        color: #333;
        letter-spacing: 0.5px;
		line-height:normal;
		
}
    
.wedding-item-icon {
        background-color: #de82a7;        
        left: 0;
        position: absolute;
        text-align: center;
        top: -5px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
         height: 50px;
        width: 50px;
        border-radius: 5%;
}
    
 
.wedding-box:hover h5,
.wedding-box:hover p{
		text-decoration:underline;
		color:#666;
}
	
.wedding-box:hover .wedding-item-icon{
        background-color: #e95388;
}
    
.wedding-box .wedding-item-icon i {
		color: #fff;
        font-size: 30px;
        line-height: 50px;
}
    
.wedding-item-text > h5 {
        letter-spacing: 0px;
        text-transform: capitalize;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
		margin-bottom:5px;
}


/* ========================================================================== 
［16.0］HOTEL Guide & Service
========================================================================== */
.guide-area{}
	
.guide-box{		
    min-height:120px;
}
	
.guide-item {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
    
.guide-item-text {
    margin-left: 70px;
    color: #FFF;
}
    
.guide-item-text p {
    font-size: 12px;
    margin: 0;
    color: #F0F0F0;
    letter-spacing: 0.5px;
    line-height: normal;		
}
    
.guide-item-icon {
    background-color: #00ac97;
    left: 0;
    position: absolute;
    text-align: center;
    top: -5px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 50px;
    width: 50px;
    border-radius: 5%;
    margin-right:25px;
}

.guide-box .guide-item-icon i {
    color: #fff;
    font-size: 32px;
    line-height: 50px;	
}
    
.guide-item-text > h5 {
    letter-spacing: 0px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
}
	
.guide-box:hover{
		text-decoration:underline;
		color:#333;
}
	
.guide-box:hover .guide-item-icon{
	background-color:#004d25;
	background-color: rgba(40,46,60,1.0);
}
	
.guide-box:hover h5,
.guide-box:hover p{
	color:#00EBCF;
	color:#CCC;
}

@media screen and (max-width: 479px) {
	
	.guide-box{		
		min-height:80px;
	}
	
	.guide-item {
        margin-bottom: 15px;
    }
	.guide-item-text {
        margin-left: 60px;
	}
    .guide-item-text > h5 {
        letter-spacing: 0px;
        text-transform: capitalize;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
		margin-bottom:5px;
    }
}

	
/* ========================================================================== 
［17.0］SNS
========================================================================== */
.sns-area{
}

.sns-box{		
    min-height:70px;
    margin-bottom: 10px;
}
	
.sns-item {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
 
.sns-item-text {
    margin-left: 60px;
}
    
.sns-item-text p {
    font-size: 12px;
    margin: 0;
    letter-spacing: 0.5px;
    line-height: normal;
    white-space: nowrap;
}
    
.sns-item-icon,.sns-item-icon-insta {
    background-color: #00ac97;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 50px;
    width: 50px;
    border-radius: 5%;
    margin-right:15px;
}

.sns-item-icon-insta {
    background-color: inherit;
}

.sns-box .sns-item-icon i {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
		
}

.sns-item-text > h5 {
    letter-spacing: 0px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin-top: 5px;
    white-space: nowrap;
}
	
.sns-box:hover{
    text-decoration:underline;
    color:#333;
}
	
.sns-box:hover .sns-item-icon{
    filter: grayscale(1);
	
}
	
.sns-box:hover h5,
.sns-box:hover p{
    color:#333;
}



/* ========================================================================== 
［17.0］BLOG Fedd
========================================================================== */

#feed{
	margin: 0px 0px 20px;
	padding: 15px;
	height: 300px;	
}

@media screen and (max-width: 479px) {	
    #feed{
	height: auto;
	}
}

#feed ul , #feed li{
	margin: 0px;
	padding: 0px;
}

#feed li{
	padding: 0.5em 0px 0.5em;
	list-style: none;
	color: #FFF;
	border-bottom: dotted 1px #CCC;
	margin-bottom: 0.5em;
}

#feed li .date{
	color:#333;
}

#feed li .date:before{
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f274";
    margin-right: 5px;
	color:#0075c2;
}

#feed a{
}
#feed a:hover{
	text-decoration: underline;
	color: #09F;
}


/* ========================================================================== 
［17.0］SNS facebook
========================================================================== */

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}


  
/* 
========================================================================== 
［18.0] Group Hotel
========================================================================== 
*/

.group-hotel {
        background-color: #FFFFFF;
}
    
.group-thumbs{
    
}

.group-hotel-thumb {
        /*border: 1px solid rgba(189, 195, 199, 0.0);*/
        height: auto;
		margin-bottom: 20px;
        padding: 0px;
        text-align: center;
        width: 100%;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }


.group-hotel-thumb img {
        filter: grayscale(100%);
        opacity: 0.7;
        -webkit-filter: grayscale(100%);
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
		padding:2px;
    }

@media screen and (max-width: 479px) {
	
	.group-hotel-thumb {
        height: auto;
		margin-bottom: 10px;
		}
		
	.group-hotel-thumb img {
		-webkit-filter: none;
        filter: none;
        opacity: 1;
	}
}
	
.group-hotel-thumb:hover {
	/*border: 1px solid rgba(189, 195, 199, 0.3);*/
	/*box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);*/
	/*background:#00ac97*/
	/*background-color: rgba(0,172,151,.7);*/
  }
    
 .group-hotel-thumb:hover img {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }



/* ========================================================================== 
::owl-dot
========================================================================== */

.owl-dot {
        background-color: #999;
        display: inline-block;
        height: 8px;
        margin: 0 5px;
        position: relative;
        width: 8px;
        z-index: 1;
        border-radius: 50%;
    
}
    
.owl-dots {
        text-align: center;
}
    
.owl-dot.active {
        background-color: #00ac97;
        height: 10px;
        width: 10px;
}
    
.owl-dot.active:before {
        border: 1px solid #00ac97;
        content: "";
        height: 16px;
        left: -3px;
        position: absolute;
        top: -3px;
        width: 16px;
        z-index: 9;
        border-radius: 50%;
}
 
.owl-theme .owl-nav {
  margin-top: 5px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 15px;
    background: #00ac97;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #333;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
    
/* ========================================================================== 
［20.0］Footer area
========================================================================== */

    
.footer-area,    
.footer_area {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: relative;
    z-index: 9;
    padding-top: 60px;
 }

.footer-item-1,
.footer-item-2,
.footer-item-3,
.footer-item-4 {
    padding-bottom: 15px;
}

.footer-item-1 .title > h4,
.footer-item-2 .title > h4,
.footer-item-3 .title > h4,
.footer-item-4 .title > h4 {		
    text-transform: uppercase;
    color: #1abc9c;
    letter-spacing: 0px;
    font-size: 16px;
}
	
	
.footer-area .links {
        margin-top: 15px;
}
    
.footer-area .links > p {
        margin-bottom: 7px;
        font-size: 13px;
}
    
.footer-area .links a {
        color: #fff;
        letter-spacing: 1px;
}
    
.footer-area .links > p > i {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        padding-right: 15px;
}
    
.footer-area .links a:hover,
.footer-area .links > p:hover > i {
        color: #7fffbf;	
}

.footer-area .links a:hover{
	text-decoration:underline;
}
    
.footer-item-1 > p {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 22px;
    }
 
.footer-contact > i {
        color: #1abc9c;
        font-size: 20px;
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 1;
}
    
.footer-contact > a,
.footer-contact > p,
.footer-contact > span {
        color: #fff;
        display: block;
        font-size: 13px;
        letter-spacing: 0px;
        margin-left: 30px;
}
.footer-contact p {
		line-height:30px;
}
.footer-contact a {
		color: #fff;
}
    
    
.footer-contact {
        margin-bottom: 15px;
        position: relative;
        z-index: 1;
}
    
.title.section_heading.fo_black > h4 span {
        color: #CCCCCC;
}

.footer-social{
    margin-top: 15px;
    text-align: center;
}

.footer-social a{
    font-size: 24px;
    margin: 5px;
    color: #FFF;
}

.footer-social a:hover{
    color: aqua;
}

/* ******************************
:: 20.1.0 footer bottom area css
****************************** */
    
.footer-bottom-area,    
.footer_bottom_area {
	margin-top: 50px;
	background-color: rgba(55,55,55,.80);
}
    
.footer-bottom p,    
.footer_bottom p {
	padding-top:10px;
	padding-bottom:30px;
	text-align: center;
	letter-spacing: 2px;
	/*font: 300 13px Lato, sans-serif;*/
}

.footer-bottom img{
	padding-top:30px;
    text-align: center;
}
    

.footer_bottom p > a {
        color: #fff;
 }
    
.footer_bottom p > i,
.footer_bottom p > a:hover {
        color: #00ac97;
}


.map-area {
        width: 100%;
        height: 150px;
    }



/* ========================================================================== 
::Bckground COLOR
========================================================================== */

.section {
  padding: 20px 0;
}
.bg-default {
  background-color: #2c4f54;
  color: #ffffff;
}

.bg-white {
  background-color: #FFFFFF !important;
  /*border-top:1px solid rgba(92,63,62,0.2);
	border-bottom:1px solid rgba(92,63,62,0.2);*/
}

.bg-white-alpha {
	background-color:rgba( 255 ,255,255,.50);
}

.bg-gray {
  background-color: #F0F0F0;
  color: #222222;
}
.bg-gray2 {
	background: #EEEFF1;
	color: #222222;
}


.bg-alpha-B30 {
	background-color:rgba(0,0,0,.30);
}

.bg-alpha-B50 {
	background-color:rgba(0,0,0,.60);
}

.bg-alpha-W30 {
	background-color:rgba(255,255,255,.30);
}

.bg-alpha-W50 {
	background-color:rgba(255,255,255,.50);
}
.bg-alpha-W60 {
	background-color:rgba(255,255,255,.60);
}

.bg-alpha-GRN {
	background-color:rgba(32,55,68,.80); /*#203744*/
}

.bg-green{
	background: rgba(0, 77, 37, 0.8);
}


.bg-black {
	background: #222;
	color: #FFF;
}

.bg-blue {
	background: #82cddd;
}

.bg-beige {
	background-color: rgba(244,236,215,0.5);
	color: #000;
}


.bg-brown {
	background-color: rgba(67,49,38,1.0);
	color: #FFF !important;
}

.bg-brown h3 span{
	color: #FFF !important;
}

.bg-black {
	background-color: rgba(37,36,44,1.0);
	color: #FFF !important;
}

.bg-black-alpha{
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: relative;
    z-index: 9;
    padding: 20px 0;
 }


.bg-kids {
	background-color: rgba(189,225,224,0.8);
}

.bg-pasta {
	background: #9CCEEF;
}
  
.bg-cream_ylw {
	background: #FFF8DC;
}

.bg-sky-green {
	background: #D6EAD8;
}
  

.bg-grd-pink{
	background: #fabbc8;
	background: -moz-linear-gradient(top left, #fff2f4 0%, #fabbc8 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#fff2f4), to(#fabbc8));
	background: -webkit-linear-gradient(top left, #fff2f4 0%, #fabbc8 100%);
	background: -o-linear-gradient(top left, #fff2f4 0%, #fabbc8 100%);
	background: -ms-linear-gradient(top left, #fff2f4 0%, #fabbc8 100%);
	background: linear-gradient(to bottom right, #fff2f4 0%, #fabbc8 100%);
}

.bg-yellow{
	background: #ffedab;
}

.bg-pool{
	background-image: url("/activity/img/pool/bg_pool.jpg");
	position: relative;
	width: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.bg-pool::after{
	content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
		background-color:rgba(0,0,0,.1);
}

 /* ========================================================================== 
［30.0］404 page :: 24.0
========================================================================== */
    
.error_page{
		padding-top:300px;
        padding-bottom: 200px;
	}
	
.error_page .not-found-text h2 {
        color: #1abc9c;
        font-size: 70px;
        font-weight: 700;
        letter-spacing: 3px;
        font-family: 'Open Sans', sans-serif;
    }
    
 .error_page .not-found-text h2 span {
        color: #2c3e50;
    }
    
.error_page .not-found-text h3 {
        color: #FFF;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 3px;
        font-family: 'Open Sans', sans-serif;
    }

.error_page p {
    color: #FFF;
}
    
    .not-found-text > a {
        background-color: #2c3e50;
        display: inline-block;
        margin-top: 15px;
        padding: 15px 30px;
        color: #fff;
    }
    
    .not-found-text > a:hover,
    .not-found-text > a:focus {
        background-color: #e67e22;
        color: #fff;
    }
	
/* ==========================================================================
5 GRID
========================================================================== */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    col-sm-2-5 {
        width: 40%;
        float: left;
    }
    col-sm-3-5 {
        width: 60%;
        float: left;
    }
    col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
} 


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ==========================================================================
GO TO
========================================================================== */

.goto-travel h4{
	font-size: 18px;
	margin-bottom: .5em;
	font-weight: 600;
}

.p-orange{
	color: #ea5532;
}

.goto-travel p{
	font-size: 14px;
	line-height: 2;
	margin-bottom: 1em;
}



.notes-color1{
	background: #fff4f4;
	padding: .5em 1em;
	border: 1px solid #e6bfb2;
}

.notes-color2{
	background: #ffffea;
	padding: .5em 1em;
	border: 1px solid #fdd35c;
}


.notes-inline{
	position: relative;
	display: inline-block;
	background: #FFF;
	padding: .5em 4em;
	border: 2px solid #2cb4ad;
	
}

@media screen and (max-width: 479px) {
	
	.notes-inline{
		padding: .5em;
	}
}

/* ==========================================================================
PRINT
========================================================================== */

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}