@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;
}

.pcnone{display:none;}

/* HEADER
----------------------------------------------------------------------- */
#wrapper header{
	width:100%;
	border-top:#71534F 4px solid;
	padding:0;
	margin:0;
}
header .header_area{
	width:1000px;
	margin:15px auto;
}
.header_area .header_logo{
	float:left;
}
.header_area .header_bnr{
	float:right;
	text-align:right;
	padding-top:15px;
}
.header_area .header_tel{
	float:right;
	text-align:right;
	padding-top:13px;
	margin-right:25px;
}

/* NAV */
#wrapper nav{
	width:100%;
	border-top:#BFB6B5 1px solid;
	border-bottom:#2599DE 4px solid;
}
nav ul{
	width:1000px;
	list-style:none;
	margin:0 auto;
}
nav li{
	float:left;
	padding:0;
	margin:0;
}
/* DRAWER */
button.drawer-toggle.drawer-hamburger{
	display: none;
}

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

/* バナーエリア[共通] */
main .footer_bnrarea{
	width:100%;
	padding:0;
}
.footer_bnrarea ul{
	list-style:none;
	text-align:center;
	margin:20px 0;
}
.footer_bnrarea li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:10px;
}
.footer_bnrarea li a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* PAGE TOP */
#pagetop{
    position: fixed;
    right: 10px;
	z-index:100;
}

/* FOOTER
----------------------------------------------------------------------- */
#wrapper footer{
	width:100%;
	padding:0;
	margin:0;
}

/* FOOTER AREA1 */
footer .footer_area1{
	width:100%;
	height:40px;
	line-height:40px;
}
.footer_area1 ul{
	font-size:94%;
	list-style:none;
	text-align:center;
	margin:0;
}
.footer_area1 li{
	color:#000;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.footer_area1 li:after{content:"　|　";}
.footer_area1 li:first-child:before{content:"|　";}
.footer_area1 li a{color:#000;}
.footer_area1 li a:hover{text-decoration:underline;}

/* FOOTER AREA2 */
footer .footer_area2{
	width:100%;
	background:#F6F6F6;
	margin:0 auto;
}
.footer_area2 .fa2_bx{
	width:1000px;
	padding:25px 0;
	margin:0 auto;
}
.fa2_bx .fa2_left{
	float:left;
	width:50%;
	border-left: 1px solid #BFB6B5;
	border-right: 1px solid #BFB6B5;
	padding:5px 35px;
}
.fa2_bx .fa2_right{
	float:left;
	width:50%;
	border-right: 1px solid #BFB6B5;
	padding:5px 50px;
}
.fa2_bx img{margin-right:20px;}
.fa2_bx b{
	font-size:127%;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}
.fa2_bx a{color:#000;}

/* FOOTER AREA3 */
footer .footer_area3{
	width:100%;
	color:#fff;
	height:60px;
	line-height:60px;
	background:#2599DE;
	margin:0 auto;
}
.footer_area3 .fa3_bx{
	width:1000px;
	margin:0 auto;
}
.fa3_bx .fa3_left{
	float:left;
	width:650px;
}
.fa3_left ul{
	list-style: none;
	padding-left:12px;
}
.fa3_left li{
	float:left;
	font-size:94%;
	position: relative;
	margin-right:30px;
}
.fa3_left li::after{
	display: block;
	content: '';
	position: absolute;
	top: 25px;
	left: -16px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.fa3_left li a{color:#fff;}
.fa3_left li a:hover{text-decoration:underline;}
.fa3_bx .fa3_right{
	float:left;
	width:350px;
	font-size:87%;
	text-align:right;
}

/* =======================================================================
	+1 INDEX
======================================================================= */

.sptel{display:none;}


/* メインビジュアル
----------------------------------------------------------------------- */
main .mainvisual{
	width:100%;
	height:450px;
	line-height:450px;
	background:url(../images/index/kv.jpg) center no-repeat;
}
.mainvisual .mv_area{
	width:1000px;
	text-align:right;
	margin:0 auto;
}
main #top_main{
	width:1000px;
	margin:0 auto;
}

/* 特長について
----------------------------------------------------------------------- */
main .top_reserve_bnr{
	text-align:center;
	background:url(../images/common/titbar_bg.png) repeat;
	border-top:#DBCBBD 1px solid;
	border-bottom:#DBCBBD 1px solid;
	padding:30px 0;
}
.top_reserve_bnr a{
	margin:0 10px;
}

/* 特長
----------------------------------------------------------------------- */
main .pointarea{
	padding:50px 0;
}
.pointarea p{margin-top:20px;}
p.point_txt{height:165px;}
.pointarea .point_bx1,
.pointarea .point_bx2,
.pointarea .point_bx3{
	float:left;
	width:310px;
	height:380px;
	padding:20px;
	background:#fff;
}
.pointarea .point_bx1{
	border:#EDAFA7 4px solid;
}
.pointarea .point_bx2{
	border:#B8B9DC 4px solid;
	margin:0 35px;
}
.pointarea .point_bx3{
	border:#A5D286 4px solid;
}

/* お知らせ・サイドバナー
----------------------------------------------------------------------- */
main .top_infoarea{
	margin-bottom:60px;
}
.top_infoarea .newsbx{
	float:left;
	width:680px;
	margin-right:40px;
}
.newsbx .newshead{
	background:url(../images/index/news_bg.png) left top no-repeat;
	padding:13px 5px 10px 5px;
}
.newsbx  dl{
	width:100%;
	font-size:94%;
	list-style:none;
	border-top:#D6C6C4 1px solid;
	padding-bottom:20px;
}
.newsbx dl dt{
	float:left;
	width:20%;
	padding-top:25px;
}
.newsbx dl dd{
	float:left;
	width:80%;
	padding-top:25px;
}
.newsbx dl dd a{
	color:#000;
}
.newsbx dl dd a:hover{
	opacity:0.6;
	text-decoration: underline;
}
.newsbx p.more_link{
	text-align:right;
	margin-top:10px;
}
p.more_link a{
	color:#60352F;
	background:url(../images/index/link_more_po.png) no-repeat;
	background-position: 0 1px; 
	padding-left:23px;
}
p.more_link a:hover{text-decoration: underline;}
.top_infoarea .side_bnrbx{
	float:left;
	width:280px;
}

/* =======================================================================
	LOWER
======================================================================= */
main h2.lower_title{
	height:160px;
	line-height:160px;
	text-align:center;
	background:url(../images/common/titbar_bg.png) repeat;
	border-bottom:#DBCBBD 1px solid;
}
main p.img_notes{
	margin-bottom:60px;
}

/* =======================================================================
	+2 CONCEPT
======================================================================= */
main #concept_kv{
	width:100%;
	height:760px;
	background:url(../images/lower/concept_kvbg.jpg) right no-repeat;
	border-bottom:#D6C6C4 1px solid;
	padding-top:60px;
}
#concept_kv h3{
	width:1000px;
	margin:0 auto;
}
main #concept_main{
	width:1000px;
	margin:0 auto;
}
#concept_main h4{
	text-align:center;
	margin:60px 0 40px 0;
}
#concept_main p{
	line-height:1.6;
	text-align:center;
}

/* =======================================================================
	+3 LOCATION
======================================================================= */
main #location_kv{
	width:100%;
	height:700px;
	background:url(../images/lower/location_kvbg.jpg) left no-repeat;
	border-bottom:#D6C6C4 1px solid;
	padding-top:140px;
}
#location_kv h3{
	width:1000px;
	text-align:right;
	margin:0 auto;
}
main #location_main{
	width:1000px;
	padding:60px 0;
	margin:0 auto;
}
#location_main p.location_map{margin-top:60px;}

/* =======================================================================
	+4 STYLE
======================================================================= */
main #style_kv{
	width:100%;
	height:700px;
	background:url(../images/lower/style_kvbg.jpg) left no-repeat;
	border-bottom:#D6C6C4 1px solid;
	padding-top:100px;
}
#style_kv h3{
	width:1000px;
	text-align:right;
	margin:0 auto;
}
main #style_main{
	width:100%;
	padding:60px 0 30px 0;
	margin:0 auto;
}
#style_main ul{
	width:1012px;
	list-style:none;
	text-align:center;
	margin:0 auto;
}
#style_main li{
	float:left;
	font-size:94%;
	color:#000;
	text-align:left;
	margin:15px 7.5px;
}
#style_main p{
	margin-top:8px;
}

/* =======================================================================
	+5 SERVICE_SUPPORT
======================================================================= */
main #service_support_kv{
	width:100%;
	height:700px;
	background:url(../images/lower/service_support_kvbg.jpg) right no-repeat;
	border-bottom:#D6C6C4 1px solid;
	padding-top:100px;
}
#service_support_kv h3{
	width:1000px;
	text-align:left;
	margin:0 auto;
}
main #service_support_main{
	width:1000px;
	padding:10px 0 0;
	margin:0 auto;
}
#service_support_main h4{
	text-align:center;
	margin:60px 0 40px 0;
}
#service_support_main ul{
	font-size:100%;
	list-style:none;
	text-align:center;
}
#service_support_main li{
	float:left;
	width:314px;
	color:#000;
	text-align:left;
	margin:25px 9px;
}
#service_support_main h5{
	text-align:center;
	margin:15px 0 7px 0;
}

/* =======================================================================
	+6 INFORMATION
======================================================================= */
main #information_kv{
	width:100%;
	height:700px;
	background:url(../images/lower/information_kvbg.jpg) right no-repeat;
	border-bottom:#D6C6C4 1px solid;
	padding-top:60px;
}
#information_kv h3{
	width:1000px;
	text-align:left;
	margin:0 auto;
}
main #information_main{
	width:1000px;
	padding:60px 0 20px 0;
	margin:0 auto;
}
#information_main .conditions{
	text-align:center;
}
#information_main h4{
	text-align:center;
	margin:60px 0 50px 0;
}
/* =======================================================================
	+7 FLOOR_ROOM
======================================================================= */
main #floor_room_main{
	padding:60px 0 10px 0;
	margin:0 auto;
}
#floor_room_main h2{
	text-align:center;
}
#floor_room_main h3{
	text-align:center;
	margin:70px 0 30px 0;
}
#floor_room_main ul{
	width:1024px;
	font-size:94%;
	list-style:none;
	margin:0 auto;
}
#floor_room_main li{
	display:inline-block;
	margin:20px 14px;
}

/* =======================================================================
	+8 PRIVACY
======================================================================= */
main #privacy_main{
	width:1000px;
	padding:40px 0 0 0;
	margin: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:50px;
}
#privacy_main li.plast{
	height:200px;
	position:relative;
	margin-top:70px;
}
#privacy_main li.plast p{
	display:block;
	position:absolute;
	right:0;
}

#privacy_main li h3{
	font-size:19px;
	font-weight:normal;
	text-decoration: underline;
	margin:10px 0;
}
#privacy_main li h4{
	font-size:17px;
	font-weight:normal;
	margin:10px 0;
}



/* =======================================================================
	+9 CONTACT
======================================================================= */
main #contact_main{
	width:1000px;
	padding:60px 0 30px 0;
	margin:0 auto;
}
#contact_main h3{
	text-align:center;
	line-height:1.6;
	font-weight:normal;
}
#contact_main span.msg_err{
	color:red;
}
#contact_main #request{
	margin-top:40px;
}
/* 【フォーム】 */
main table.form{
	width:800px;
	font-size:94%;
	text-align:left;
    border-collapse:collapse;
    border-spacing:1px;
	border: solid 1px #BBB;
	margin:40px auto 30px auto;
}
table.form th{
	width:32%;
	font-size:94%;
	font-weight:normal;
	text-align:left;
	background: #f6f6f6;
	border: solid 1px #BBB;
	padding:25px;
	margin:0;
}
table.form td{
	border: solid 1px #BBB;
	padding:25px;
	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{
	width:800px;
	font-size:80%;
	line-height:1.6;
	color:#D70000;
	text-align:left;
	margin:0 auto;
}

/* 【フォーム】ボタン */
.formbtn_area{}
.formbtn_area ul{
	font-size:134%;
	list-style:none;
	text-align:center;
	margin-top:50px;
}
.formbtn_area li{
	display: inline-block;
	margin:0 12px;
}
.formbtn_area .form_btn1{
	width:300px;
	height:70px;
	line-height:70px;
	color:#FFF;
	cursor: pointer;
	background:#2194D8;
	text-align:center;
	display:block;
	margin:0 auto;
}
.formbtn_area .form_btn2{
	width:300px;
	height:70px;
	line-height:70px;
	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=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
table.form textarea{
	width:90%;
	height:120px;
	border:1px solid #BBB;
	margin-top:5px;
}
table.form textarea.addr{
	width:90%;
	height:45px;
	border:1px solid #BBB;
	margin-top:5px;
}
table.form select.number{
	width:50px;
	text-align:center;
}

/* =======================================================================
	+10 CONTACT
======================================================================= */
main .reserve_head{
	text-align:center;
	margin:35px 0 -10px 0;
}

/* =======================================================================
	+11 NEWS
======================================================================= */
main .news_area{
	width:1000px;
	padding:0;
	margin:60px auto;
}
.news_area .news_area_left{
	float:left;
	width:720px;
	margin-right:50px;
}
.news_area_left h3{
	font-size:113%;
	font-weight:normal;
	text-align:center;
	border-bottom:#888 1px dashed;
	padding-bottom:40px;
}
.news_area .news_area_right{
	float:left;
	width:230px;
}
.news_area_right h3{
	font-size:113%;
	font-weight:normal;
	padding-bottom:40px;
}
.news_area_right p{
	padding:0;
	margin:;
}

/* 一覧 */
.news_area_left dl{
	border-bottom:#888 1px dashed;
	margin:0;
	padding:30px 0;
}
.news_area_left dt{
	float:left;
	width:120px;
	margin:0;
	padding:0;
}
.news_area_left dd{
	float:left;
	width:580px;
	margin:0;
	padding:0;
}
.news_area_left a{
	color:#006699;
}
.news_area_left a:hover{
	opacity:0.6;
}
/* 詳細 */
.news_area_left h3.news_title{
	font-size:167%;
	text-align:left;
	border-top:#DDD 1px solid;
	border-bottom:#DDD 1px solid;
	padding:25px 0;
	margin:15px 0 30px 0;
}
.news_area_left p.news_date{
	font-size:94%;
	padding:0;
	margin:0;
}
.news_area_left div.news_article{
	line-height:2.0;
	padding:0;
	margin:0;
}
div.news_article p{
	padding:0;
	margin:0;
}
.news_area_left p.news_backlink{
	text-align:center;
	padding-top:30px;
	margin:100px 0 0 0;
}
/* ウィジェット */
.news_area_left .widget{}
.widget h3{
	color:#FFF;
	font-size:94%;
	line-height:1.0;
	background:#71534F;
	padding:12px 12px 10px 12px;
	margin:0 0 25px 0;
}
.widget a{
	color:#000;
}
.widget a:hover{
	opacity:0.6;
}
.widget ul{
	font-size:94%;
	list-style:none;
	line-height:1.4;
	margin-bottom:60px;
}
.widget li{
	margin-top:20px;
}


/* =======================================================================
	+12 FEATURES
======================================================================= */
main .features_area{
	width:1000px;
	padding:0;
	margin:60px auto;
}
.features_area .fa_bx{
	line-height:1.7;
}
.fa_bx .fa_bx_left{
	float:left;
	width:420px;
	margin-right:30px;
}
.fa_bx_left p.bg_g{
	background:#F6F6F6;
	padding:35px;
	margin-bottom:30px;
}
.fa_bx .fa_bx_right{
	float:left;
	width:550px;
}
.fa_bx_right a{
	color:#006699;
	text-decoration: underline;
}
.features_area h3{
	margin:30px 0;
}
.fa_bx h4{
	font-size:127%;
	line-height:1.0;
	font-weight:normal;
	color:#FFF;
	background:#381F1F;
	padding:12px 15px;
	margin-bottom:25px;
}
.features_area #fa1,
.features_area #fa2,
.features_area #fa3{
	margin-bottom:80px;
}

.features_area a.privacy_link{
	width:100%;
	font-size:16px;
	color:#000;
	text-decoration: underline;
	display:block;
	margin-top:70px;
}


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