 @charset "utf-8";
/* ==========================================================

title : レジデンス 新館　
scope : 体験宿泊・宿泊ゴルフプレー

last modify :2015/06/08 266_shintani(ページ差し替え)
             2015/06/08 242_hayakawa

========================================================== */
body {
	background: #000;
}

#main {
	padding: 28px 0 0 0;
	background: url(../image/img_maincontent_bg01.png) 0 0 no-repeat #000;
	width: 1058px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.4;
}

/*--------------------------------------------------------------
　#toparea ロゴ周りのテキスト画像 
--------------------------------------------------------------*/
#toparea {
	margin: 0 0 0 76px;
}

#toparea dl {
	margin: 18px 0 0 0;
	width: 582px;
	overflow: hidden;
}

#toparea dt {
	float: left;
	width: 228px;
	padding: 24px 0 0 0;
}

#toparea dd {
	float: right;
	width: 335px;
}

/*--------------------------------------------------------------
　#introduction 
--------------------------------------------------------------*/
#introduction h1 {
	margin: 18px 0 0 0;
	text-align: center;
}

#introduction p {
	margin: 93px 0 0 0;
	text-align: right;
}

#introduction p.lead_text {
	width: 730px;
	margin: 500px auto 0 auto;
	text-align: left;
}

#introduction p.lead_img {
	margin: 50px 0 0 0;
	text-align: center;
}

#introduction ol {
	margin: 40px 0 22px 0;
}

#introduction ol li {
	margin: 0 0 18px 0;
	overflow: hidden;
	background: url(../image/img_maincontent_left_bg.png) left top no-repeat;
}

#introduction  .dl_right {
	background: url(../image/img_maincontent_right_bg.png) right top no-repeat;
}

#introduction dl {
	width: 527px;
	float: left;
	text-align: center;
}

#introduction .dl_right dl {
	width: 531px;
	float: right;
}

#introduction dt {
	text-align: center;
	margin-top: 50px;
}

#introduction .dl_right dt {
	margin-top: 32px;
}

#introduction dd {
	width: 375px;
	margin: 20px auto 0 auto;
	text-align: left;
	color: #604240;
	font-size: 17px;
}


.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*--------------------------------------------------------------
　客室、天然温泉プール、御食事　共通
--------------------------------------------------------------*/
[id$="groups"] {
	padding: 0 92px 30px 93px;
	color: #1b1b1b;
	overflow: hidden;
}

[id$="groups"] h2 {
	text-align: center;
	padding: 50px 0 0 0;
}

[id$="groups"] .lead_img {
	text-align: center;
	margin: 40px 0 0 0;
}

[id$="groups"] .lead_text {
	text-align: left;
	margin: 33px auto 38px auto;
	color: #1f1e19;
	width: 713px;
}

[id$="groups"] figure {
	float: right;
	margin: 20px 4px 0 0;
}

[id$="groups"] figcaption {
	font-size: 16px;
	margin-top: 5px;
}

[id$="groups"] .area_first {
	float: none;
	margin: 0;
}

[id$="groups"] .area_left { 
	float: left;
	margin: 20px 0 0 4px;
}

[id$="groups"] dl { 
	font-size: 16px;
}

[id$="groups"] dt { 
	margin: 10px 0 5px 5px;
}

[id$="groups"] dt span { 
	font-size: 20px;
	margin: 0 5px 0 0;
}

[id$="groups"] dd { 
	margin: 0 0 16px 25px;
}

/*--------------------------------------------------------------
　#member_hotel_flor_groups MEMBERS&HOTEL FLOOR 客室
--------------------------------------------------------------*/
#member_hotel_flor_groups {
	background: url(../image/img_member_hotel_flor_bg01.png) 0 0 no-repeat #f4f0d3;
}

#member_hotel_flor_groups .lead_text {
	color: #1f1e19;
}

/*--------------------------------------------------------------
　#member_hotel_flor_groups MEMBERS&HOTEL FLOOR 客室 フロアガイド
--------------------------------------------------------------*/

#room{
	margin:0 auto 20px;
}
.room_2colom{
	display: flex;
    margin-top:10px;
}
#room figure.mt-l{
	margin-left:10px;
}

#room figure{
	margin:5px auto;
}

#madori figure{
	margin:5px auto;
}

#madori figure figcaption{
	margin:10px auto 10px;
	text-align: center;
}

#madori figure p.note{
	margin-left:1em;
	text-indent:-1em;
	margin-top:10px;
	padding:0 0 0 30px;
    font-size:15px;
}

#madori figure p.btn{
	width:200px;
	margin:30px 0 0 120px;
	background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
    color:#fff;
	padding:10px;
	border-radius: 3px;
	border:1px solid #2989d8;
	font-size:15px;
	font-weight:bold;
}

#madori figure p.btn:hover{
	opacity:0.8; 
}

#madori{
	clear:both;
	width:865px;
	margin:25px auto;
}

.floormap{
	display: flex;
}

.floor_guide_area li {
	width:845px;
	overflow:hidden;
	margin:10px auto 0;
	padding:0 0 10px;
	border-top:3px ridge #e6d8b0;
	
}
.floor_guide_area li:first-child {
	border-top:none;
	margin-top:0;
}



/*--------------------------------------------------------------
　#aqua_zone_groups Aqua zone 天然温泉プール（ジャグジー／サウナ）
--------------------------------------------------------------*/
#aqua_zone_groups {
	background: url(../image/img_aqua_zone_img01.png) 0 0 no-repeat #d0ecf2;
}

#About {
	width: 424px;
}

#About h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 16px 0 5px 0;
}

#About dt {
	width: 105px;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#About dd {
	width: 319px;
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
}

/*--------------------------------------------------------------
　#dinner_groups Dinner 御料理
--------------------------------------------------------------*/
#dinner_groups {
	background: url(../image/img_dinner_groups_bg01.png) 0 0 no-repeat #100f0f;
}

#dinner_groups .lead_text {
	color: #ccdfb4;
}

#dinner_groups dt {
	margin: 47px 0 0 0;
}

#dinner_groups dt span {
	margin: 5px 0 0 18px;
	display: inline-block;
}

#dinner_groups dd {
	overflow: hidden;
	margin: 0;
}

#dinner_groups dd figure {
	margin: 28px 0 0 0;
}

#dinner_groups dd figure.short_left {
	float: left;
	margin: 28px 16px 0 0;
}

#dinner_groups dd figcaption {
	color: #fff;
}

#dinner_groups dd figure:first-child {
	float: left;
}

/*--------------------------------------------------------------
　#executivechef 総料理長 鈴木 康弘
--------------------------------------------------------------*/
#executivechef {
	width: 840px;
	overflow: hidden;
	margin: 65px auto 0 auto;
	color: #e1d5bc;
}

.about_suzuki {
	width: 428px;
	margin: 0 50px 0 0;
	float: right;
}

.about_suzuki p {
	margin: 45px 0 0 0;
	font-size: 16px;
}

.profile {
	width: 380px;
	float: left;
	margin: 20px 0 0 0;
	font-size: 14px;
}

.profile + .profile {
	float: right;
}

#executivechef .profile li {
	margin: 8px 0 0 0;
}

#executivechef .profile dl {
	overflow: hidden;
	padding:0 10px;
	font-size: 14px;
}

#executivechef .profile dt {
	margin: 8px 0 0 0;
	width: 64px;
	float: left;
	clear: both;
}

#executivechef .profile dd {
	margin: 8px 0 0 0;
}

#executivechef .profile p {
	margin: 8px 0 0 30px;
}

#executivechef .profile span {
	margin-left: -20px;
}

/*--------------------------------------------------------------
　#golf 宿泊に加えて「ゴルフプレー」も楽しみたい方は
--------------------------------------------------------------*/
#golf {
	width: 930px;
	margin: 0 auto;
	background: #c9edc2;
	padding: 20px 10px 20px 20px;
	overflow: hidden;
}

#golf h2 {
	text-align: center;
}

#golf p {
	text-align: center;
	color: #434343;
	margin: 20px 0 0 0;
}


#golf p.mincho {
	font-size:24px;
	text-align: center;
	color:#087f11;
	margin: 20px 0 0 0;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.note{
	font-size:15px;
}
#golf figure {
	margin-top: 37px;
	float: left;
}

#golf figure + figure {
	float: right;
	width: 489px;
	margin-top: 10px;
}

#golf .challenge {
	clear: both;
	width: 820px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	overflow: hidden;
}

#golf .challenge p.text_lead {
	text-align: left;
	width: 670px;
	margin: 20px auto 0 auto;
}

#golf ul {
	clear: both;
	padding-top: 10px;
}

#golf li {
	font-size: 16px;
	color: #62530b;
	padding:1px 0;
}

/*--------------------------------------------------------------
　.price 体験宿泊
--------------------------------------------------------------*/
.price {
	width: 777px;
	margin: 95px auto 0;
	overflow: hidden;
}

/*--------------------------------------------------------------
　.price 体験宿泊
--------------------------------------------------------------*/
#reservation {
	margin: 60px auto 0 auto;
	width: 750px;
	
}

#reservation dt {
	text-align: center;
	background: url(../image/img_for_user_bg01.png) 50% 50% no-repeat;
}

#reservation ul {
	margin: 20px 0 0 20px;
}

#reservation li {
	background: url(../image/icon_circle.png) 0 18px no-repeat;
	padding: 10px 0 0 20px;
}

#reservation p {
	margin: 60px 0 0 0;
	text-align: center;
	
}

span.iro a{
	color:#F4F9BA!important;
}


/*-------------------------------------------------

修正追加_20160115

-------------------------------------------------*/

#introduction figure.btn_yoyaku{
	text-align: center;
  margin: 40px 0 30px 0;
	}



#main figure.btn_yoyaku{
	text-align: center;
	margin: 40px 0 30px 0;
	}



figure.movie {
	width: 820px;
	text-align: center;
	position: relative;
}
figure.movie:after{
	position:absolute;
	content:"ダイジェスト動画";
	background:#f70808;
	padding:10px;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	top:3.2rem;
	left:38.25rem;
	opacity:0.8;
	border-radius:10px 0 0 0;
}


figure.movie figcaption{
	color: #333333;
	padding: 10px 0 0 0;
}

#golf .photo {
	border: #c9edc2 solid 1px;
	overflow: hidden;
	padding: 40px 0 0 0;
}

#golf .photo figure.pt_01 {
	float: left;
	margin: 0;
}

#golf .photo figure.pt_02 {
	float: right;
	width: 400px;
	margin: 0;
}

#golf figure.hekisouan{
	margin: 35px 0 40px 53px;
}

.user{
	width: 263px;
	overflow: hidden;
	margin: 0 auto;
}


/*-------------------------------------------

ヘッダー追加

-------------------------------------------*/

#header .tel_stay{
  position: absolute;
  top: 30px;
  right: 21px;
}

mt20{
  margin-top:20px!important;
}

/*-------------------------------------------

フッター修正

-------------------------------------------*/


#footer .ask_about_trial{
	background: #5c4838;
	margin:0;
}
#footer .ask_about_trial .flex{
	display:flex;
	width: 780px;
	margin:0 auto;
}
#footer .ask_about_trial ul{
	width:380px;
	color:#fff;
	margin:10px 15px;
	padding:10px;
}
#footer .ask_about_trial ul li.number{
	font-size: 25px;
	margin:0 20px 0 0;
}
#footer .ask_about_trial ul li{
	font-size:16px;
}


