@charset "utf-8";

/* base */
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

a,a:link,a:visited{color:#1f2c5c;}
a:hover{color:#3a52ab;text-decoration:none;}

a:hover img,.ro80:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

.shadow{
	box-shadow:0 0 2px 2px #ddd;
	-webkit-box-shadow:0 0 2px 2px #ddd;
	-moz-box-shadow:0 0 2px 2px #ddd;
}


html{font-size:62.5%;}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:16px;
	/*font-size:1.6rem;*/
	line-height:1.5;
	letter-spacing:0.05em;
	color:#333;
	width:100%;
	min-width:960px;
}
.container{
	width:100%;
	min-width:960px;
	margin:auto;
}
.container-inner{}
.container-inner-inner{}
.content{width:960px;margin:auto;padding:50px 0 80px;}
.c-sm .maincol{width:670px;float:right;}
.c-sm .subcol{width:240px;float:left;font-size:14px;font-size:1.4rem;letter-spacing:0 !important;}


/* header */
.header{
	width:100%;
	height:145px;
	border-top:solid 5px #e49819;
}
/*.header-inner{
	width:960px;
	margin:auto;
}*/
.header-inner h1{margin-top:25px;float:left;}
.header-inner h1 a img:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha( opacity=100 )";
}
.header-inner .h-tel{width:300px;float:right;margin-top:5px;}
.header-inner .lang{width:100px; font-size:10px; padding-right: 500px;}
.header-inner .h-bnrs{margin-bottom:10px;padding:0 10px 10px 10px;border-bottom:solid 1px #ccc;}
.header-inner .h-navi{text-align:right;}
.header-inner .h-navi li{
background: none !important;
	padding-left:10px;
	white-space:nowrap;
	display:inline;
	margin-right:20px;
	font-size:12px;
	font-size:1.2rem;
}


/* mainimage */
.mainimg{width:100%;text-align:center;overflow:hidden;}


/* nav */
.nav{width:100%;height:80px;background:#e49819;}
.nav-inner{width:1200px;height:80px;margin:auto;}
.nav ul li,.nav ul li a{display:block;width:120px;height:80px;}
.nav ul li{float:left;}
/* ナビ修正前の記述
.nav ul li a{background:url(https://www.yu-granspa.com/common/yu-granspa/img/bg-navi.jpg) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}
*/
.nav ul li a{background:url(../../../img/bg_navi2.png) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}

.nav .nav01 a{background-position:0 0;}
.nav .nav02 a{background-position:-120px 0;}
.nav .nav03 a{background-position:-240px 0;}
.nav .nav04 a{background-position:-360px 0;}
.nav .nav05 a{background-position:-480px 0;}
.nav .nav06 a{background-position:-600px 0;}
.nav .nav07 a{background-position:-720px 0;}
.nav .nav08 a{background-position:-840px 0;}
.nav .nav09 a{background-position:-960px 0; !important;}
.nav .nav10 a{background-position:-1080px 0; !important;}

.nav .nav01 a:hover{background-position:0 -80px;}
.nav .nav02 a:hover{background-position:-120px -80px;}
.nav .nav03 a:hover{background-position:-240px -80px;}
.nav .nav04 a:hover{background-position:-360px -80px;}
.nav .nav05 a:hover{background-position:-480px -80px;}
.nav .nav06 a:hover{background-position:-600px -80px;}
.nav .nav07 a:hover{background-position:-720px -80px;}
.nav .nav08 a:hover{background-position:-840px -80px;}
.nav .nav09 a:hover{background-position:-960px -80px!important;}
.nav .nav10 a:hover{background-position:-1080px -80px!important;}

/* ナビ修正前の記述
#home .nav .nav01 a{background-position:0 -80px !important;}
#onsen .nav .nav02 a{background-position:-120px -80px !important;}
#spa .nav .nav03 a{background-position:-240px -80px !important;}
#stay .nav .nav04 a{background-position:-360px -80px !important;}
#enkai .nav .nav05 a{background-position:-480px -80px !important;}
#restaurant .nav .nav06 a{background-position:-600px -80px !important;}
#relaxation .nav .nav07 a{background-position:-720px -80px !important;}
#amusement .nav .nav08 a{background-position:-840px -80px !important;}
#facilities .nav .nav09 a{background-position:-960px -80px !important;}
#access .nav .nav10 a{background-position:-1080px -80px !important;}
*/

/* ナビ位置リセット !important滅ぶべし */
#home .nav .nav01 a{background-position:0 0 !important;}
#home .nav .nav01 a:hover{background-position:0 -80px !important;}
#onsen .nav .nav02 a{background-position:-120px 0!important;}
#onsen .nav .nav02 a:hover{background-position:-120px -80px !important;}
#restaurant .nav .nav04 a{background-position:-360px 0!important;}
#restaurant .nav .nav04 a:hover{background-position:-360px -80px!important;}
#enkai .nav .nav05 a{background-position:-480px 0 !important;}
#enkai .nav .nav05 a:hover{background-position:-480px -80px!important;}
#restaurant .nav .nav06 a{background-position:-600px 0!important;}
#restaurant .nav .nav06 a:hover{background-position:-600px -80px;!important;}
#relaxation .nav .nav05 a{background-position:-480px 0!important;}
#relaxation .nav .nav05 a:hover{background-position:-480px -80px!important;}
#amusement .nav .nav06 a{background-position:-600px 0!important;}
#amusement .nav .nav06 a:hover{background-position:-600px -80px!important;}
#facilities .nav .nav07 a{background-position:-720px 0!important;}
#facilities .nav .nav07 a:hover{background-position:-720px -80px!important;}

#onsen .nav .nav01 a{background-position:0 -80px !important;}
#spa .nav .nav02 a{background-position:-120px -80px !important;}
#stay .nav .nav03 a{background-position:-240px -80px !important;}
#enkai .nav .nav04 a{background-position:-360px -80px !important;}
#restaurant .nav .nav05 a{background-position:-480px -80px !important;}
#riyou .nav .nav06 a{background-position:-600px -80px !important;}
#relaxation .nav .nav07 a{background-position:-720px -80px !important;}
#amusement .nav .nav08 a{background-position:-840px -80px !important;}
#facilities .nav .nav09 a{background-position:-960px -80px !important;}
#access .nav .nav10 a{background-position:-1080px -80px !important;}


/* subcol */
.banner div{margin-bottom:15px;}


/* footer */
.footer{
	font-size:14px;
	font-size:1.4rem;
	width:100%;
	background:#eee;
	position:relative;
}

.fnav{width:100%;background:#e49819;}
.fnav ul{
	width:960px;
	margin:auto;
	padding:15px 0;
}
.fnav ul li{
	background:url(../img/arrow-white.png) no-repeat 0 50%;
	padding-left:1em;
	line-height:1;
	margin-right:25px;
	float:left;
	white-space:nowrap;
}
.fnav ul li a,.fnav ul li a:visited{color:#fff;text-decoration:none;}
.fnav ul li a:hover{text-decoration:underline;}


.information{width:960px;padding:30px 0;margin:auto;}
.information-photo{width:160px;float:left;margin-right:30px;}
.information-access{width:340px;float:left;margin-right:30px;}
.information-read{width:400px;float:right;}

.group{width:100%;background:#fff;}
.group-inner{width:960px;margin:auto;padding:20px 0;}

.copyright{padding:20px 0;}

.btn-btt{position:absolute;right:30px;top:-60px;text-align:right;}


/* home */
.box-plan{
	width:650px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:dotted 2px #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
}
.date{
	font-size:14px;
	font-size:1.4rem;
}
.box-plan-960{
	width:960px;
	border-bottom:dotted 2px #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
}


/* FAQ */
.box-faq{
	width:650px;
	padding-right:10px;
	padding-left:10px;
	border-bottom:dotted 2px #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
}
.box-faq .question{
	background:url(../img/icon-q.png) no-repeat;
	margin-bottom:20px;
	padding-left:50px;
	min-height:36px;
	height:auto !important;
	height:36px;
	color:#6c6539;
	font-weight:bold;
}
.box-faq .answer{
	background:url(../img/icon-a.png) no-repeat;
	padding-left:50px;
	min-height:36px;
	height:auto !important;
	height:36px;
}


/* members */
.box-members-k{
	border:solid 5px #c5b868;
	padding:25px;
	background:#fffdf1;
}
.box-members-h{
	border:solid 5px #ccc;
	padding:25px;
	background:#fafafa;
}



/* sitemap */
ul.list-sitemap{margin-bottom:30px;}
ul.list-sitemap li{
	background:url(../img/arrow-blue.png) no-repeat 0 50%;
	padding-left:1em;
	margin-bottom:10px;
	line-height:2;
}



/* table */
.tableA{border-collapse:collapse;}
.tableA th,.tableA td{border:solid 1px #ccc;padding:10px;}
.tableA th{background:#f9f9f9;white-space:nowrap;text-align:center;}

.tableB{border-collapse:collapse;}
.tableB th,.tableB td{padding:10px;vertical-align:top;}
.tableB th{border-bottom:solid 1px #f90;white-space:nowrap;text-align:right;}
.tableB td{border-bottom:solid 1px #999;}

.th01{text-align:center;background:#efeac4 !important;}
.wsn{white-space:nowrap;}
.fixed{table-layout:fixed;}

.tableC th{background:#f9f9f9;white-space:nowrap;text-align:left;}
.tableC th,.tableA td{border:solid 1px #ccc;padding:10px;}

.th02{text-align:left;background:#fdf3fb !important;}



/* hdr */
.hdr-h2{
	width:650px;
	padding:15px 10px;
	margin-bottom:30px;
	background:url(../img/bg-h2.png) no-repeat left bottom;
}
.hdr-h2 p{
	background:url(../img/arrow-blue.png) no-repeat 0 6px;
	padding-left:1.1em;
	white-space:nowrap;
	min-height:14px;
	height:auto !important;
	height:14px;
	float:right;
	margin-top:10px;
	letter-spacing:0;
}
.hdr-h3{
	padding:10px;
	margin-bottom:25px;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	background:#ff9900 url(../img/bg-h3.png) repeat-x 0 bottom;
}
.hdrA{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}
.hdrB{
	border-left:solid 3px #1f2c5c;
	padding-left:0.5em;
	font-weight:bold;
}

.hdr-h2-960{
	width:960px;
	padding:15px 10px;
	margin-bottom:30px;
	background:url(../../../img/bg_h2_960.png) no-repeat left bottom;
}


/* image */
.img-right{
	background:#fff;
	padding:1px;
	border:solid 1px #ccc;
	float:right;
	margin-left:20px;
}
.img-left{
	background:#fff;
	padding:1px;
	border:solid 1px #ccc;
	float:left;
	margin-right:20px;
}
.frm{
	background:#fff;
	padding:1px;
	border:solid 1px #ccc;
}


/* box */
.boxA{padding:20px;border:solid 1px #ccc;}
.box650{width:650px;margin:auto;}
.box660{width:660px;margin:auto;}


/* gallery */
.box-gallery{padding:5px;}
.box-gallery div{width:640px;margin:auto;background:#ccc;}
.box-gallery div#mainImage,
.box-gallery div#mainImage02,
.box-gallery div#mainImage03,
.box-gallery div#mainImage04,
.box-gallery div#mainImage05,{width:640px;height:440px;overflow:hidden;text-align:center;}
.box-gallery div#imageList img:hover,
.box-gallery div#imageList02 img:hover,
.box-gallery div#imageList03 img:hover,
.box-gallery div#imageList04 img:hover,
.box-gallery div#imageList05 img:hover{
	cursor:pointer;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

#enkai .box-gallery div#mainImage,
#enkai .box-gallery div#mainImage02,
#enkai .box-gallery div#mainImage03,
#enkai .box-gallery div#mainImage04,
#enkai .box-gallery div#mainImage05{width:470px;height:331px;
}

/*#enkai .box-gallery div#mainImage04{width:950px;height:668px;overflow:hidden;text-align:center;}*/

/* list */
.list-arrow-blue li{
	background:url(../img/arrow-blue.png) no-repeat 0 50%;
	padding-left:1em;
	white-space:nowrap;
}
.arrow-blue{
	background:url(../img/arrow-blue.png) no-repeat 0 50%;
	padding-left:1em;
	white-space:nowrap;
	min-height:14px;
	height:auto !important;
	height:14px;
}
.list-arrow-white li{
	background:url(../img/arrow-white.png) no-repeat 0 50%;
	padding-left:1em;
	white-space:nowrap;
}
.list-checked li{
	background:url(../img/icon-checked.png) no-repeat;
	padding-left:1em;
	min-height:31px;
	height:auto !important;
	height:31px;
	padding-left:40px;
	margin-bottom:10px;
}
.pdf{
	background:url(../img/icon-pdf.png) no-repeat 0 4px;
	padding-left:20px;
	min-height:16px;
	height:auto !important;
	height:16px;
}
.list-circle li{list-style:circle !important;margin-left:2em;margin-bottom:1em;}
.list-decimal li{list-style:decimal;margin-left:2em;margin-bottom:1em;}


/* other */
.bb-sol20{border-bottom:solid 1px #ccc;padding-bottom:20px;margin-bottom:20px;}
.bb-dot20{border-bottom:dotted 1px #ccc;padding-bottom:20px;margin-bottom:20px;}
.bb-dot30{border-bottom:dotted 1px #ccc;padding-bottom:30px;margin-bottom:30px;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;height:0;}

.w200{width:200px;}
.w210{width:210px;}
.w286{width:286px;}
.w304{width:304px;}
.w310{width:310px;}
.w324{width:324px;}
.w640{width:640px;}

.ma{margin:auto;}
.mr0{margin-right:0 !important;}
.mr02{margin-right:2px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.mt02{margin-top:2px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt50{margin-top:50px !important;}
.mb0{margin-bottom:0px !important;}
.mb03{margin-bottom:3px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.fs12{font-size:12px;font-size:1.2rem !important;}
.fs14{font-size:14px;font-size:1.4rem !important;}
.fs18{font-size:18px;font-size:1.8rem !important;}

.tar{text-align:right;}
.tac{text-align:center;}
.fwb{font-weight:bold;}
.f-em{font-weight:bold;color:#f60;}

.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}

/* relaxation */

.ladysroom{ background-color:#f6d9f2;}

/* calendar */
.calendar{
	table-layout:fixed;
	width:240px;
	border-collapse:collapse;
	margin-bottom:15px;
}
.calendar caption{
	text-align:center;
	padding:3px;
	color:#fff;
	background-color:#1f2c5c;
}
.calendar th, .calendar td{
	border:solid 1px #ccc;
	padding:3px;
}
.calendar th{text-align:center;background-color:#eee;}
.calendar td{text-align:right;}
.sun{color:#f00;}
.sat{color:#374da2;}
.furo{background-color:#cbffd1;}
.yasumi{background-color:#eee;color:#999;}
.hinoki{background-color:#fff9cb;}
.tokubetsu{background-color:#d0cbff;}

/* enkai tab */
.motion {
    width: 960px;
    display: none;
    clear: both;
}
#motion_area1 {
    display: block;
}

.btn-enkai {
  float:left;
  margin: 0 1px;
}
.box960{width:960px;margin:auto;}


.hdr-h2-960 {
  display: none;
}

.enkai_image{
  width:480px;
  float:left;
  padding: 3px;
}
.enkai_menu {
  width:460px;
  float: right;
}

.enkai_set {
overflow: hidden;
margin-bottom: 50px;
}

#enkai .hdr-h3 {
    margin-bottom: 10px;    
}

/*.nav ul li a{background:url(../img/bg_navi.png) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}*/

strong {
    font-weight: bold;
}

/* 20170529 */
.header-inner {
    width:1200px;
    margin:auto;
}
.header-inner .h-tel {
   width: 430px;
}
#access .nav .nav08 a {
    background-position: -840px 0px !important;
}

/* ヘアーカット用 */
.txt_waribiki{
color:#ff0000;
}
.txt_small{
font-size:12px;
}