@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

html { width: 100%; }
body { width: 100%; font: 14px/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding: 0; background-color: #fff; letter-spacing: 0.08em; -webkit-text-size-adjust: 100%; color: #1F1412; }
	  
a { text-decoration: none; color: #1F1412; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; vertical-align: bottom; } 
:focus { outline: 0; }

.wide { width:100%; margin: auto; }

h1{ margin:-999px 0 0 -999px; width: 999px; height: 999px; }



/* common
==========================================================*/

.inner { width: 1100px; margin: 0 auto;}
.inner900 { width: 900px; margin: 0 auto;}

.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); }
.centertate {position: absolute; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */ transform: translateY(-50%); } 

.bg-white { background:#fff; }
.bg-gray { background: #F2F1F1; } 
.bg-brown { background: #1F1412; } 



/* header
==========================================================*/

header { width: 100%; box-sizing: border-box; text-align: center; font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; background: #F2F1F1; }
header a { display: block; height: 80px; }

.logo { width: 240px; height: 80px; float: left;}
.logo a { background: #1F1412; }
.logo .centerposi { width: 180px;}
.nav-contact { width: 180px; height: 80px;  float: right; }
.nav-contact a {  font-size: 16px; background: #B6983F; color: #fff; }
.nav-contact a .nav-jp {  font-weight: bold; font-size: 16px;  }
.nav-contact a .nav-en { font-family: 'Poppins', sans-serif; font-weight: 300; color: #fff; font-size: 10px; }

.nav-contact .centerposi { width: 100%; }

.gnav { float: left; width: calc(100% - 240px - 180px); }
.gnav li { width: 20%; box-sizing: border-box; height: 80px; float: left; position: relative; }
.gnav li:after { position: absolute; content: ""; top: 15px; right: 0; width: 1px; height: 50px; background: #1F1412;}
.gnav li:last-child:after { background: none; }
.gnav li.long { width: 25%;}
@media screen and (max-width:1360px) {
.gnav li.long { width: 35%;}
}
@media screen and (max-width:1030px) {
.logo { width: 200px; height: 80px; float: left; }
.logo .centerposi { width: 160px;}
.nav-contact { width: 100px; height: 80px;  float: right; }
.gnav { float: left; width: calc(100% - 200px - 100px); }
.gnav li { width: 26%;}
.gnav li.long { width: 48%;}
}


.gnav li .centerposi { width: 100%; }
.gnav li a {  }
.gnav li a .nav-jp {  font-weight: bold; font-size: 16px;  }
.gnav li a .nav-en { font-family: 'Poppins', sans-serif; font-weight: 300; color: #B6983F; font-size: 10px; }



	
/* index
==========================================================*/

.ind-pointwrap { background: #1F1412; padding: 70px 0; }
.ind-pointinner { width: 960px; margin: 0 auto; }
.ind-pointul { text-align: center; margin-left: -29px; }
.ind-pointul li { width: 300px; height: 260px; position: relative; z-index: 2; float: left;  margin-left: 29px; box-sizing: border-box; border: 1px solid #B6983F; }
.ind-pointul li:after { position: absolute; content: "";
width: 0; top: 0; left: 0; z-index: -1;
height: 0;
border-style: solid;
border-width: 0 0 258px 298px;
border-color: transparent transparent #2A201E transparent; }
.ind-pointul li .centerposi { width: 215px; }
.ind-pointul li .ind-pointttl { font-size: 25px;font-family: 'Poppins', sans-serif; font-weight: 300; color: #B6983F; position: absolute; background: #1F1412; padding: 0 10px; position: absolute;
  top: 0; left: 50%; transform: translateY(-50%) translateX(-50%); }

.bnrArea { background: #F2F1F1; width: 100%; margin: 0 auto; padding-bottom: 120px;}
.bnrbox { position: relative; width: 50%; height: auto;}
.bnrboxInner img { width: 100%;}
.bnrtxt { position: absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto auto;}



/* concept
==========================================================*/

.conceptpage { }
.pannav { margin: 40px 0; margin-left: -40px; }
.pannav li { float: left; margin-left: 40px; position: relative; }
.pannav li:after { position: absolute; content: ">"; top: 0; right: -25px; }
.pannav li:last-child:after { content: ""; }
.pannav a { text-decoration: underline; }
.pannav a:hover { text-decoration: none; }

.ttlwrap { text-align: center; width: 450px; margin: 0 auto 120px; }
.ttl-jp { font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; font-size: 30px; font-size: 40px; line-height: 40px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #1F1412;}
.ttl-en { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 12px; color: #B6983F;}
.main { margin-bottom: 60px;}
.catch { font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; font-size:  34px;  margin-bottom: 100px; text-align: center;}
.catch span { margin-right: 20px;}

.conceptwrap { padding: 120px 0;}
.conceptdl {}
.conceptdl dt { float: left; width: 80px; height: 80px; line-height: 80px; background: #1F1412; color: #fff; text-align: center;}
.conceptdl dd { padding-left: 140px; border-bottom: 1px solid  #1F1412; padding-bottom: 60px; margin-bottom: 60px;  }
.conceptul { }
.conceptul li { font-size: 24px;}
.conceptul li span { font-size: 28px; font-weight: bold; font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; background: linear-gradient(transparent 60%, #D2D0D0 60%); }
.conceptdl.mini li { font-size: 24px;}




/* access
==========================================================*/

.accesspage {}
.access-main {}
.access-ttlwrap { position: absolute; color: #fff; width: 500px; text-align: center; top: 38%; left: calc(50% - 255px); }
.access-ttlwrap .ttl-jp { border-bottom:1px solid #fff;}
.access-ttlwrap .ttl-en { color: #fff;}
.access-catch { width: 1100px; font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; font-size: 26px; text-align: center; color: #fff; position: absolute; bottom: 40px; left: 0; right: 0; margin:auto auto;}

.mapwrap { margin-top: -120px; padding: 200px 0 80px; }
.mapimg { margin-bottom: 40px;}
.mapul { margin-left: -3px; font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;}
.mapul li { text-align: center; float: left; width: 298px; height: 130px; box-sizing: border-box; background: #D2D0D0; font-size: 23px; margin-left: 3px; line-height: 1.2; position: relative; }
.mapul li .centerposi { width: 100%; padding-top: 20px;}
.mapul li .small { font-size: 14px; }
.mapul li .big { font-size: 46px; }

.accesswrap { padding: 120px 0; }
.accessulwrap { margin-left: -40px; }
.accessul { width: 340px; float: left; margin-left: 40px; }
.accessul li { }
.accessul li.accessul-ttl { font-size: 20px; font-weight: bold;  margin-bottom: 20px; border-bottom: 2px solid #1F1412;}
.accessdl { border-bottom: 1px solid #1F1412; padding-bottom: 10px; margin-bottom: 10px;}
.accessdl dt { float: left; width: 270px; line-height: 1.3;}
.accessdl dd { float: right; text-align: right; width: 70px; line-height: 1.3;}
.accessdl dt .small { display: inline-block; font-size: 12px; letter-spacing: 0; padding-top: 5px; }



/* roomplan
==========================================================*/

#roomplan { background: #fff; padding: 120px 0; }
.ind-ttlwrap { text-align: center; margin-bottom: 80px; }
.ind-ttl-jp { display: inline-block; font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; font-size: 40px; line-height: 45px; padding: 0 30px 20px; border-bottom: 1px solid  #1F1412; margin-bottom: 20px;  }
.ind-ttl-jp span { font-size: 1.8em;}
.ind-ttl-en { font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #B6983F; }

.roomplanul { margin-left: -1px; margin-bottom: -60px; }
.roomplanul li { width: calc(33.3333% - 1px); margin-left: 1px; float: left; margin-bottom: 50px; }
.roomplanimg { position: relative; }
.roomplanimg .centerposi { width: 60px; }
.bosyucyu { position: absolute; top: 0; left: 0; width: 80px; height: 35px; background: #780028; color: #fff; line-height: 35px; font-size: 16px; text-align: center; }
.bosyucyu:after { position: absolute; content: ""; width: 0;
height: 0; top: 0; right: -18px;
border-style: solid;
border-width: 35px 18px 0 0;
border-color: #780028 transparent transparent transparent; }
.roomplanin { width: 86%; margin: 20px auto 0; }
.roomplanname { font-family: "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; font-size: 30px; float: left; line-height: 30px;  }
.roomplantype { float: right; width: 80px; height: 25px; line-height: 25px; color: #fff; text-align: center; background: #1F1412; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 13px; }
.roomplantxt { margin-bottom: 15px; }
.roomplanbtn { width: 100%;  height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #B6983F; color: #B6983F; background: #fff; text-align: center; position: relative; }
.roomplanbtn span { display: block; position: absolute; top: 10px; right: 10px;}
.roomplanPage .pagetop { background: #fff;}




/* footer
==========================================================*/

.pagetop { background: #F2F1F1; text-align: center; padding-bottom: 20px; }
.footer { background: #1F1412; padding: 40px 0; color: #fff; }
footer a { color: #fff;}

footer .col-l { width: calc(100% - 600px); }
.foot-logowrap { width: 200px; float: left; }
.foot-logoimg { margin-bottom: 10px; }
.foot-logotxt { font-size: 11px; }
.footinfo { float: left; font-size: 12px; padding-left: 25px; }

.footmenu { margin-top: 30px; }
.footmenu li { display: inline-block; }
.footmenu li:after { content: "|"; padding: 0 10px;}
.footmenu li:last-child:after { content: "";}


footer .col-r { width: 600px; }
.footmid { font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 15px;}
.footsupport { font-size: 12px; float: left;}
.footcontact { width: 200px; height: 60px; line-height: 60px; text-align: center; float: right; }
.footcontact a { display: block; background: #B6983F; font-weight: bold;}

.copy { height: 35px; line-height: 35px; text-align: center; font-size: 10px; color: #797271; }

















* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/