@charset "UTF-8";

/* ================================
	Base
================================ */
.container{ width: 100%; }
.container > .inner{ max-width: 990px; margin: 0 auto;}

/* 固定幅用調整
---------------------- */
.container.is-fix > .inner,
.is-fix + .container > .inner{ width: 990px; }

/* ================================
	module:footer
================================ */
.globalFooter{ background: #fff; }
.globalFooter__credit{
    padding: 1em 0;
    text-align: center;
    color:#000;
    font-size:16px;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
    font-weight:bold;
}
.globalFooter__link{
    max-width: 990px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    overflow: hidden;
}
.globalFooter__link a{
    display: block;
    color:#435B67;
    text-decoration: underline;
    font-size:11px;
}
@media (min-width:768px){
    .globalFooter__link{ text-align: left;}
    .globalFooter__link--left{ float: left; }
    .globalFooter__link--right{ float: right;}
}

/* 固定幅用調整
---------------------- */
.is-fix + .globalFooter .globalFooter__link{ text-align: left;}
.is-fix + .globalFooter .globalFooter__link--left{ float: left; }
.is-fix + .globalFooter .globalFooter__link--right{ float: right;}


/*************************************************************
adding css by https://juita.net
**************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }
* {padding: 0;margin: 0;}
body,html{padding: 0;margin: 0;}
a,img {transition: 0.2s;text-decoration: none; color: #333; border:none;}
a,a img{ margin:0; padding:0; border:none; text-decoration: none;}
a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
img{max-width: 100%;vertical-align: bottom;border: none;outline: none;transition: all .3s ease-in-out;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;display: block;width: 100%;}
h1,h2{text-align: center;}

body{font-size: 16px;line-height: 1.9em;letter-spacing: 1px;}
.inner{ width: 990px;margin: 0 auto;}

/* first view
------------------------- */
.fv{text-align: center;padding: 5px 0 30px;background: #162d5b;}

/* bnr
------------------------- */
.bnr{overflow: hidden;background: url(../images/bnr-bg.jpg);padding: 30px 0 60px;}
.bnr .lnk{overflow: hidden;position: relative;margin: 0 auto;width:950px; }
.bnr .lnk p{position: absolute;bottom: 30px;left: 60px;font-weight: bold;font-size: 26px;line-height: 1.4em;color: #a18238;}
.bnr .lnk p span{padding: 5px 0 ;border: 1px solid #a18238;width: 534px;display: inline-block;text-align: center;}

/* about
------------------------- */
.about{position: relative; margin: 0 0 -135px;}
.about .ti{text-align:center; background:url(../images/about.png);padding:60px 0;position: relative; top: -30px; z-index: 2; background-size: 100% 100%;}
.about .txt{background:url(../images/about-bg.jpg) center -20px no-repeat; padding:110px 0 150px;position: relative;top: -70px; background-size: cover;}

/* hotel list
------------------------- */
.list{position: relative; padding: 0 0 120px;background: #14264d;margin: 0 0 -50px;}
.list .ti{text-align:center; background:url(../images/list.png); padding:60px 0; margin: 0 0 -32px;
position: relative; top: -60px; z-index: 2; background-size: 100% 100%;}
.list ul{letter-spacing: 0;}
.list li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 10px 10px 10px 0; width:31%; background:#fff;
padding: 12px; text-align:left;position: relative;letter-spacing: 0;}
.list li .mti{color: #13489d; margin: 0 0 10px; overflow:hidden; min-height:80px; display: block;}
.list li .mti h4{font-weight:bold; font-size:18px; line-height: 1.4em;}
.list li .mti span{display: block; font-size:14px; font-weight:normal;}
.list li img{max-width: 100%;}
.list li .txt{font-size:13px;letter-spacing: 1px; line-height: 22px;}
.list li .txt .dsc{margin: 10px 0;}
.list li .btn{text-align:center; margin: 5px 0 0;}
.list li .txt .dsc.ls{letter-spacing: 0;}
.list li .op{position: absolute;right: 20px;top: 70px;z-index: 99;filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* new open
------------------------- */
.newopen{position: relative;}
.newopen .ti{text-align:center; background:url(../images/open.png); padding:60px 0;position: relative; top: -30px; z-index: 3; background-size: 100% 100%;}
.newopen .li1{background: url(../images/open1-bg.png) center center no-repeat;background-size: cover;padding: 160px 0 60px;position: relative;top: -100px;}
.newopen .li2{background: url(../images/open2-bg.png) center center no-repeat;background-size: cover;padding: 160px 0 60px;position: relative;top: -170px;z-index: 2;}
.newopen .li3{background: url(../images/open3-bg.png) center center no-repeat;background-size: cover;padding: 160px 0 60px;position: relative;top: -215px;z-index: 3;}
.newopen .tis{text-align: center;}

.open{margin: 0 0 -210px;}

@media screen and (max-width: 1024px) {
.inner{width: 95%;margin: 0 auto;}
.list{padding: 0 0 90px;margin: 0 0 -30px;}
.list li .txt .dsc{letter-spacing: 0;}
.list ul{margin: 0 0 0 8px;}
.bnr .lnk{width: 100%;}
.bnr .lnk p span{width: 140%;}
.newopen .li1{top: -115px;}
.newopen .li2{top: -190px;}
.newopen .li3{top: -250px;}

}