@charset "utf-8";

/*--------------------
	+0 BASE_STYLE
	+1 INDEX
	+2 CONCEPT
	+3 LOCATION
	+4 STYLE
	+5 SERVICE_SUPPORT
	+6 INFORMATION
	+7 FLOOR_ROOM
	+8 PRIVACY
	+9 CONTACT
	+10 RESERVE
	+11 NEWS
	+12 FEATURES
----------------------*/

/* =======================================================================
	+0 BASE STYLE
======================================================================= */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body{
	width:100%;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size:15px;
	line-height: 1.4;
	color: #000;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
/* Clearfix */
.cf:after {
	content: "";
	clear: both;
	display: block;
}

.spnone{display:none;}

/* HEADER
----------------------------------------------------------------------- */
#wrapper header{
	width:100%;
	border-top:#71534F 4px solid;
	padding:0;
	margin:0;
}
.header_area .header_logo{
	width:92%;
	padding:10px 0;
	margin:0 auto;
}
.header_area .header_bnr{
	display:none;
}
.header_area .header_tel{display:none;}

.header_logo img{
	max-width:70%;
	height:auto;
}
/* NAV */
nav ul.w768{
	display:none;
}
/* DRAWER */
button.drawer-toggle.drawer-hamburger {
    display: block;
	margin-right:2%;
}
/* DRAWER [MAIN] */
.drawer-main{
	background:#5B4340;
	padding:0;
}
.drawer-main img{
	max-width:100%;
	height:auto;
}
.drawer-main .drawer-nav{}
.drawer-main ul.drawer-nav-list{
	line-height:1.0;
}
ul.drawer-nav-list li{
	border-bottom:#7C6966 1px solid;
}
ul.drawer-nav-list li a{
	font-size:94%;
	font-weight:bold;
	color:#FFF;
	padding:18px;
}
ul.drawer-nav-list li.tel{
	background:#FFF;
}
ul.drawer-nav-list li a.longtxt{
	font-size:80%;
}

/* MAIN
----------------------------------------------------------------------- */
#wrapper main{
	width:100%;
	padding:0;
	margin:0 auto;
}
main section{width:100%;}
main section.mainbg{
	width:100%;
	background:url(../images/index/main_bg.png) top repeat-x;
}
main p.img_notes{
	width:92%;
	font-size:80%;
	text-align:right;
	margin:0 auto 20px auto;
}

/* バナーエリア[共通] */
main .footer_bnrarea{
	width:100%;
	padding:15px 0;
	margin:0 auto;
}
.footer_bnrarea img{
	max-width:80%;
	height:auto;
}
.footer_bnrarea ul{
	list-style:none;
	text-align:center;
}
.footer_bnrarea li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:8px 0;
}

/* PAGE TOP */
#pagetop{
    position: fixed;
    right: 10px;
	z-index:100;
}
#pagetop a{
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* FOOTER
----------------------------------------------------------------------- */
#wrapper footer{
	width:100%;
	padding:0;
	margin:0;
}
/* FOOTER AREA1 */
footer .footer_area1{
	width:100%;
	border-bottom:#BFB6B5 1px solid;
}
.footer_area1 ul{
	list-style:none;
	margin:0;
}
.footer_area1 li{
	height:42px;
	line-height: 42px;
	display: block;
	border-top:#BFB6B5 1px solid;
	padding-left:15px;
}
.footer_area1 li span{
	height:100%;
	display:block;
	padding-left:20px;
}
.footer_area1 li a{
	font-size:87%;
	color:#000;
	display:block;
}

/* FOOTER AREA2 */
footer .footer_area2{
	width:100%;
	background:#F6F6F6;
	margin:0 auto;
}
.footer_area2 .fa2_bx{
	width:92%;
	font-size:80%;
	line-height:1.5;
	padding:0;
	margin:0 auto;
}
.fa2_bx .fa2_left{
	width:100%;
	border-bottom: 1px solid #BFB6B5;
	padding:15px 0;
	margin:0;
}
.fa2_bx .fa2_right{
	width:100%;
	padding:15px 0;
	margin:0;
}
.fa2_bx img{display:none;}
.fa2_bx b{
	font-size:15px;
	font-weight:normal;
	display:block;
	margin-bottom:3px;
}
.fa2_bx a{color:#000;}

/* FOOTER AREA3 */
footer .footer_area3{
	width:100%;
	font-weight:bold;
}
.footer_area3 .fa3_bx{}
.fa3_bx .fa3_left{
	width:100%;
	background:#2599DE;
	display:block;
}
.fa3_left ul{
	list-style:none;
}
.fa3_left li{
	height:42px;
	line-height: 42px;
	display: block;
	border-top:#71BDEA 1px solid;
	padding-left:15px;
}
.fa3_left li a{
	font-size:87%;
	color:#FFF;
	display:block;
}
.fa3_bx .fa3_right{
	width:100%;
	font-size:87%;
	color:#FFF;
	font-weight:normal;
	background:#71534F;
	text-align:center;
	display:block;
	padding:8px 0;
}

/* =======================================================================
	+1 INDEX
======================================================================= */
.sptel{
	width:100%;
	border-top:#CCC 1px solid;
	text-align:center;
}
.sptel a{display:block;padding:15px 0;}
.sptel img{width:90%;height:auto;}


/* メインビジュアル
----------------------------------------------------------------------- */
main .mainvisual{
	width:100%;
	border-top:#DBCBBD 1px solid;
	background:url(../images/index/kv.jpg) center no-repeat;
	background-size:auto 100%;
	background-position: left -95px bottom 0;
	padding:20px 0;
}
.mainvisual .mv_area{
	width:92%;
	text-align:right;
	margin:0 auto;
}
.mv_area img{
	max-width:65%;
	height:auto;
}
main #top_main{
	width:92%;
	margin:0 auto;
}

/* 特長について
----------------------------------------------------------------------- */
main .top_reserve_bnr{
	width:100%;
	text-align:center;
	background:url(../images/common/titbar_bg.png) repeat;
	border-top:#DBCBBD 1px solid;
	border-bottom:#DBCBBD 1px solid;
	padding:20px 0 5px 0;
}
.top_reserve_bnr img{
	width:90%;
	height:auto;
	margin:0 0 15px 0;
}

/* 特長
----------------------------------------------------------------------- */
main .pointarea{
	width:100%;
	text-align:center;
	padding:20px 0;
	margin:0;
}
.pointarea h3{}
.pointarea img{
	max-width:60%;
	height:auto;
}
.pointarea p{margin-top:20px;}
p.point_txt{text-align:left;}
.pointarea .point_bx1,
.pointarea .point_bx2,
.pointarea .point_bx3{
	width:100%;
	padding:15px;
	background:#fff;
	margin:0 auto;
}
.pointarea .point_bx1{
	border:#EDAFA7 3px solid;
}
.pointarea .point_bx2{
	border:#B8B9DC 3px solid;
	margin:15px auto;
}
.pointarea .point_bx3{
	border:#A5D286 3px solid;
}

/* お知らせ・サイドバナー
----------------------------------------------------------------------- */
main .top_infoarea{}
.top_infoarea .newsbx{
	width:100%;
	margin-bottom:10px;
}
.newsbx .newshead{
	background:url(../images/index/news_bg.png) left top no-repeat;
	padding:13px 5px 10px 5px;
}
.newshead img{
	max-width:22%;
	height:auto;
}
.newsbx dl{
	font-size:94%;
	list-style:none;
	border-top:#D6C6C4 1px solid;
	border-bottom:#D6C6C4 1px solid;
	padding-bottom:15px;
}
.newsbx dl dt{
	width:100%;
	padding-top:15px;
}
.newsbx dl dd{
	width:100%;
	font-size:87%;
	line-height:1.5;
	color:#4B2B25;
	margin-top:5px;
}
.newsbx dl dd a{
	color:#000;
}
.newsbx p.more_link{
	text-align:right;
	margin-top:12px;
}
p.more_link a{
	color:#60352F;
	font-weight:bold;
}
p.more_link a:hover{text-decoration: underline;}
.top_infoarea .side_bnrbx{
	display:none;
}

/* =======================================================================
	LOWER
======================================================================= */
main h2.lower_title{
	width:100%;
	text-align:center;
	background:url(../images/common/titbar_bg.png) repeat;
	border-top:#DBCBBD 1px solid;
	border-bottom:#DBCBBD 1px solid;
	padding:20px 0;
}
h2.lower_title img{
	max-width:55%;
	height:auto;
}

/* =======================================================================
	+2 CONCEPT
======================================================================= */
main #concept_kv{
	width:100%;
	background:url(../images/lower/concept_kvbg.jpg) top right no-repeat;
	background-size:auto 100%;
	background-position: right -150px bottom 0;
	border-bottom:#D6C6C4 1px solid;
	padding:25px 0;
}
#concept_kv h3{
	width:92%;
	margin:0 auto;
}
#concept_kv h3 img{
	max-width:100%;
	height:auto;
}
main #concept_main{
	width:92%;
	font-size:94%;
	margin:0 auto;
}
#concept_main h4{margin:20px 0;}
#concept_main h4 img{
	max-width:100%;
	height:auto;
}
#concept_main p br{display:none;}

/* =======================================================================
	+3 LOCATION
======================================================================= */
main #location_kv{
	width:100%;
	background:url(../images/lower/location_kvbg.jpg) top left no-repeat;
	background-size:auto 90%;
	background-position: left -60px bottom 0;
	border-bottom:#D6C6C4 1px solid;
	padding:25px 0;
}
#location_kv h3{
	width:92%;
	text-align:right;
	margin:0 auto;
}
#location_kv h3 img{
	max-width:55%;
	height:auto;
}
main #location_main{
	width:92%;
	margin:20px auto 0 auto;
}
#location_main p img{
	max-width:100%;
	height:auto;
}
#location_main p.location_map{
	margin:20px 0;
}
/* =======================================================================
	+4 STYLE
======================================================================= */
main #style_kv{
	width:100%;
	background:url(../images/lower/style_kvbg.jpg) top left no-repeat;
	background-size:auto 100%;
	background-position: left -65px bottom 0;
	border-bottom:#D6C6C4 1px solid;
	padding:25px 0;
}
#style_kv h3{
	width:92%;
	text-align:right;
	margin:0 auto;
}
#style_kv h3 img{
	max-width:55%;
	height:auto;
}
main #style_main{
	width:100%;
	padding:1.5%;
	margin:10px auto;
}
#style_main img{
	max-width:100%;
	height:auto;
}

#style_main ul{
	width:100%;
	list-style:none;
	text-align:center;
	margin:0 auto;
}
#style_main li{
	float:left;
	width:31.3%;
	font-size:87%;
	color:#000;
	text-align:left;
	margin:1%;
}
#style_main p{
	margin-top:5px;
}

/* =======================================================================
	+5 SERVICE_SUPPORT
======================================================================= */
main #service_support_kv{
	width:100%;
	background:url(../images/lower/service_support_kvbg.jpg) right no-repeat;
	background-size:auto 100%;
	background-position: right -40px bottom 0;
	border-bottom:#D6C6C4 1px solid;
	padding:25px 0;
}
#service_support_kv h3{
	width:92%;
	text-align:left;
	margin:0 auto;
}
#service_support_kv h3 img{
	max-width:55%;
	height:auto;
}
main #service_support_main{
	width:92%;
	margin:10px auto 0 auto;
}
#service_support_main p img,
#service_support_main h4 img{
	max-width:100%;
	height:auto;
}
#service_support_main h4{
	text-align:center;
	margin:40px 0;
}
#service_support_main ul{
	font-size:100%;
	list-style:none;
	text-align:center;
}
#service_support_main li{
	float:left;
	width:100%;
	font-size:12px;
	line-height:1.3;
	color:#000;
	text-align:left;
	margin-bottom:20px;
}
#service_support_main li img{
	float:left;
	max-width:45%;
	height:auto;
	margin:0 15px 20px 0;
}
#service_support_main h5{
	font-size:100%;
	text-align:left;
	margin-bottom:5px;
}

/* =======================================================================
	+6 INFORMATION
======================================================================= */
main #information_kv{
	width:100%;
	background:url(../images/lower/information_kvbg.jpg) right no-repeat;
	background-size:auto 100%;
	background-position: right -40px bottom 0;
	border-bottom:#D6C6C4 1px solid;
	padding:25px 0;
}
#information_kv h3{
	width:92%;
	text-align:left;
	margin:0 auto;
}
#information_kv h3 img{
	max-width:55%;
	height:auto;
}
main #information_main{
	width:92%;
	margin:30px auto 15px auto;
}
#information_main p img,
#information_main h4 img{
	max-width:100%;
	height:auto;
}
#information_main h4{
	text-align:center;
	margin:30px 0;
}
/* =======================================================================
	+7 FLOOR_ROOM
======================================================================= */
main #floor_room_main{
	width:92%;
	margin:25px auto 0 auto;
}
#floor_room_main h3{
	margin:30px 0 20px 0;
}
#floor_room_main h2 img,
#floor_room_main h3 img{
	max-width:100%;
	height:auto;
}
#floor_room_main ul{
	width:100%;
	list-style:none;
	margin:0 auto;
}
#floor_room_main li{
	float:left;
	width:46%;
	margin:2%;
}
#floor_room_main li img{
	max-width:100%;
	height:auto;
}

/* =======================================================================
	+8 PRIVACY
======================================================================= */
main #privacy_main{
	width:92%;
	font-size:94%;
	margin:5px auto 0 auto;
}
#privacy_main ul{
	text-align:left;
	list-style:none;
	padding:0;
	margin:0;
}
#privacy_main li{
	line-height:1.6;
	padding:0;
	margin-top:25px;
}
#privacy_main li.plast{
	margin:50px 0 30px 0;
}
#privacy_main li h3{
	font-size:16px;
	font-weight:normal;
	text-decoration: underline;
	margin:10px 0;
}
#privacy_main li h4{
	font-size:16px;
	font-weight:normal;
	margin:10px 0;
}

/* =======================================================================
	+9 CONTACT
======================================================================= */
main #contact_main{
	width:92%;
	font-size:94%;
	margin:5px auto 40px auto;
}
#contact_main h3{
	font-size:94%;
	text-align:center;
	line-height:1.6;
	font-weight:normal;
	margin:20px 0 0 0;
}
#contact_main h3 br{
	display:none;
}
#contact_main span.msg_err{
	color:red;
}
#contact_main #request{
	margin-top:30px;
}
/* 【フォーム】 */
#contact_main table.form{
	width:100%;
	font-size:94%;
	text-align:left;
    border-collapse:collapse;
    border-spacing:1px;
    border-top: solid 1px #BBB;
	margin:20px auto 0 auto;
}
table.form th{
	width:100%;
	display:block;
	font-weight:normal;
	text-align:left;
	background: #f6f6f6;
	border-right: solid 1px #BBB;
	border-left: solid 1px #BBB;
	padding:3% 5%;
	margin:0;
}
table.form td{
	width:100%;
	display:block;
	border: solid 1px #BBB;
	padding:4% 5%;
	margin:0;
}
table.form span.req{
	font-size:80%;
	line-height:1.0;
	letter-spacing: 1px;
	color:#FFF;
	background:#C51014;
	display:inline-block;
	padding:4px 4px 3px 4px;
	margin-left:10px;
}
table.form span.notes{
	font-size:87%;
	color:#555;
}
#contact_main .reserve_notes{
	font-size:87%;
	line-height:1.6;
	color:#D70000;
	text-align:left;
	margin-top:15px;
}

/* 【フォーム】ボタン */
.formbtn_area{}
.formbtn_area ul{
	font-size:114%;
	list-style:none;
	text-align:center;
	margin-top:30px;
}
.formbtn_area li{
	width:100%;
	margin-top:20px;
}
.formbtn_area .form_btn1{
	width:80%;
	height:60px;
	line-height:60px;
	color:#FFF;
	cursor: pointer;
	background:#2194D8;
	text-align:center;
	display:block;
	margin:0 auto;
}
.formbtn_area .form_btn2{
	width:80%;
	height:60px;
	line-height:60px;
	color:#FFF;
	cursor: pointer;
	background:#DB5E80;
	text-align:center;
	display:block;
	margin:0 auto;
}

/* 【フォーム】パーツ */
table.form input,
table.form select{
	vertical-align:middle;
	padding:2px 6px;
	margin:5px 5px 5px 0;
	border: 1px solid #BBB;
}
table.form input[type="text"],
table.form input[type="number"]{
	border:1px solid #BBB;
}

input[type="submit"],
input[type="button"],
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
table.form textarea{
	width:100%;
	height:100px;
	border:1px solid #BBB;
}
table.form textarea.addr{
	width:100%;
	height:45px;
	border:1px solid #BBB;
	margin-top:5px;
}
table.form select.number{
	width:50px;
	text-align:center;
}

/* =======================================================================
	+10 CONTACT
======================================================================= */
main .reserve_head{
	width:92%;
	text-align:center;
	margin:20px auto 0 auto;
}
.reserve_head img{
	max-width:100%;
	height:auto;
}

/* =======================================================================
	+11 NEWS
======================================================================= */
main .news_area{
	width:92%;
	font-size:94%;
	margin:30px auto 20px auto;
}
.news_area_left h3{
	width:100%;
	font-weight:normal;
	border-bottom:#888 1px dashed;
	padding-bottom:30px;
}
.news_area .news_area_left{
	width:100%;
}
.news_area .news_area_right{
	width:100%;
	margin-top:30px;
}
.news_area_right h3{
	width:100%;
	text-align:center;
	font-weight:normal;
	border-bottom:#888 1px dashed;
	padding-bottom:30px;
}

/* 一覧 */
.news_area_left dl{
	border-bottom:#888 1px dashed;
	margin:0;
	padding:20px 0;
}
.news_area_left dt{
	width:100%;
	margin-bottom:5px;
	padding:0;
}
.news_area_left dd{
	width:100%;
	margin:0;
	padding:0;
}
.news_area_left a{
	color:#006699;
}
/* 詳細 */
.news_area_left h3.news_title{
	font-size:113%;
	border-top:#DDD 1px solid;
	border-bottom:#DDD 1px solid;
	padding:15px 0;
	margin:10px 0 20px 0;
}
.news_area_left p.news_date{
	font-size:87%;
	padding:0;
	margin:0;
}
.news_area_left p.news_article{
	line-height:1.6;
	padding:0;
	margin:0;
}
.news_area_left p.news_backlink{
	text-align:center;
	padding-top:40px;
}
/* ウィジェット */
.news_area_left .widget{}
.widget h3{
	color:#FFF;
	font-size:100%;
	border:0;
	line-height:1.0;
	background:#71534F;
	padding:10px 12px 10px 12px;
	margin:0;
}
.widget a{
	color:#000;
}
.widget ul{
	list-style:none;
	margin:25px 0 40px 0;
}
.widget li{
	margin-top:15px;
}


/* =======================================================================
	+12 FEATURES
======================================================================= */
main .features_area{
	width:92%;
	font-size:94%;
	margin:30px auto 20px auto;
}
.features_area .fa_bx{
	line-height:1.8;
}
.fa_bx .fa_bx_left{
	width:100%;
}
.fa_bx_left p.bg_g{
	margin-bottom:30px;
}
.fa_bx .fa_bx_right{
	width:100%;
	margin-top:30px;
}
.fa_bx_right a{
	color:#006699;
	text-decoration: underline;
}
.fa_bx_right img{
	max-width:100%;
	height:auto;
}
.features_area h2 img{
	max-width:100%;
	height:auto;
}
.features_area h3{margin:20px 0;}
.features_area h3 img{
	max-width:100%;
	height:auto;
}
.fa_bx h4{
	font-size:114%;
	line-height:1.0;
	color:#FFF;
	background:#381F1F;
	padding:12px;
	margin-bottom:20px;
}
.features_area #fa1,
.features_area #fa2,
.features_area #fa3{
	margin-bottom:40px;
}
.features_area a.privacy_link{
	line-height:1.6;
	color:#000;
	text-decoration: underline;
	display:block;
	margin-top:30px;
}

section.privacy h2.lower_title{
	font-size:18px;
	line-height:1.5;
	color:#4F3937;
	padding: 20px 0 20px 0!important;
}
section.privacy h2.lower_title span{
	font-size:15px;
	display:block;
	line-height:1;
	margin-top:15px;
}