@charset "utf-8";
/* ===================================================
Home CSS
====================================================== */
#lineup-font-size-sampler{ bottom: 0; left: 0;}
iframe[name="google_conversion_frame"]{ position: absolute; bottom: 0; left: 0;}

body{
	min-width: 1266px; color: #fff; background: #240f0e;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;
}
a{ text-decoration: none;}
img{ max-width: 100%;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
@media screen and (orientation:landscape) {
	html,body{ width: 100%;}
}

@media screen and (max-width: 768px) {
	body { min-width: 0;}
}


/* ---------------------------------------------------
	Base Layout
------------------------------------------------------ */
#container,
#header_wrap,
#contents_wrap,
#footer_wrap{
	margin: 0; padding: 0; width: 100%;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#header_wrap{ }

/* スクロール後 */
#header_wrap.fix{
	top: 0; position: fixed; z-index: 5; height: 60px;
	background-color: rgba(0,0,0,0.75);
	transition: all .5s;
}

#header{
	margin: 0 auto; width: 100%; min-width: 1266px; height: 100vh;
	position: absolute;
}
#header_wrap.fix #header{ height: auto;}

#logo_area { padding: 10px 0; width: 450px; position: fixed; z-index: 5;}
#logo_area #logo,
#logo_area #h_tel{ display: inline-block; margin-left: 20px;}

@media screen and (max-width: 768px) {
	#header{ min-width: 0; height: auto; position: static;}

	#logo_area{
		padding: 20px 0; width: 100%; text-align: center;
		background-color: rgba(0,0,0,0.75); position: absolute;
	}
	#logo_area #logo{ margin-left: 0; width: 40%;}
	#logo_area #h_tel,
	#header .navToggle,
	#lang, #reservation{ display: none !important;}
}


/* ---------------------------------------------------
#movie & #slide
------------------------------------------------------ */
#movie_area { display: none; width:100%; height: 100%; position: fixed; z-index: 10000; text-align: center; background: #000; overflow: hidden;}
#movie { position: static; top: 0; left: 0; width: 100% !important; height: 100%; margin: 0;overflow: hidden;}
#movie_close { position: fixed; top: 20px; right: 20px;}
#movie_close img { width: 50px;}

#slide{ position: relative;}

.flexslider{ clear: both; margin: 0 auto !important; background: #000; border: none !important; overflow: hidden;}
.slides { margin: 0; width: 100%; height: 100vh; min-height: 450px; position: relative;}
.slides li{ width: 100%; height: 100%; text-align: center;}
.slides li p {
	width: 100%; padding: 0 2%;
	position: absolute; top: calc(36% - 3.2em); left: 0;
	font-size: 20px; line-height: 1.6;
	text-align: center; text-shadow: 0 0 5px #000, 0 0 5px #000;
}
#slide1 { background: url(../images/slide_01.jpg)no-repeat top center; background-size: cover;}
#slide2 { background: url(../images/slide_02.jpg)no-repeat top center; background-size: cover;}
#slide3 { background: url(../images/slide_03.jpg)no-repeat top center; background-size: cover;}
#slide4 { background: url(../images/slide_04.jpg)no-repeat top center; background-size: cover;}
#slide5 { background: url(../images/slide_05.jpg)no-repeat top center; background-size: cover;}
#slide6 { background: url(../images/slide_06.jpg)no-repeat top center; background-size: cover;}
#slide7 { background: url(../images/slide_07.jpg)no-repeat top center; background-size: cover;}
#slide8 { background: url(https://seiryuu.sakura.ne.jp/wordpress/wp-content/themes/seiryu/images/slide_08.jpg)no-repeat top center; background-size: cover;}
#slide8 p { top: calc(36% - 1.6em);}


#slide #tit_area {
	width: 260px;
	margin: 0 0 0 -130px;
	top: 36%;
	left: 50%;
	position: absolute;
	z-index: 3;
	text-align: center;
}
#slide #tit_area>img{ display: inline-block; }
#slide #tit_area p {
	margin: 0 auto 30px;
	position: static;
	line-height: 2;
	text-align: center;
	text-shadow: 0 0 5px #000, 0 0 5px #000;
}
#slide #tit_area a.movie {
	display: block;
	width: 74px;
	margin: 0 auto;
}

@media screen and (max-width: 1100px) {
	.flexslider { width: 100%;}
}

@media screen and (max-width: 768px) {
	.flexslider { min-width: 0;}
	.slides li p br{ display: inline-block !important;}
	#slide #tit_area>img{ max-width: 260px;}
	#slide #tit_area {
		width: 100%;
		margin: 0 0 0 -50%;
		top: 36%;
		box-sizing: border-box;
	}
	#slide #tit_area p {
		text-shadow: 1px 1px 4px #000, 0px 0px 4px #000, -1px -1px 4px #000;
	}
	#slide p br{ display: none;}
}
@media screen and (max-width: 640px) {
	.slides li p { font-size: 18px;}

	#slide8 p { top: calc(36% - 3.2em);}
	#slide8 p span { display: block;}
}


/* ---------------------------------------------------
	空室検索
------------------------------------------------------ */

/* モーダル コンテンツエリア */
#modal-main {
	display: none;
	width: 96%;
	max-width: 1000px;
	margin: 0;
	padding: 0 0 55px;
	background-color: #ffffff;
	color: #666666;
	position:fixed;
	z-index: 10001;
}
/* モーダル 背景エリア */
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}

#search{
	margin: 0 auto;
	padding: 40px 0;
	width: 880px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;
	box-sizing: border-box;
}

#search h2{ margin: 0 auto 40px; text-align: center;}

#search_block{ margin: 0 auto 25px; position: relative;}

#search_block form{
	width: 100%;
	font-size: 13px;

	display: -webkit-flex;
	display: -ms-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#search_block input,
#search_block select{
	margin-right: 5px;
	padding: 15px;
	height: 50px;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #c3c6c6;
	box-sizing: border-box;
}
#search_block select{ padding: 0 15px;}

#search_block dl{ padding-right: 5px;}
#search_block dt{ margin-bottom: 5px;}

#search_block dd input,
#search_block dd select{ display: inline-block;}

#search_block dd input{ padding: 15px;}
#search_block #datepicker{ background: url(../images/search_icon_cal.png) no-repeat 96% center;}

#search_block dl:first-of-type dd { display: block;}
#search_block dl:first-of-type dd input{ margin-right: 5px;}
#search_block dl:first-of-type dd label { display: block; margin: 5px 0 0;}
#search_block dl:first-of-type dd label input { width: auto; height: auto;}

#search_block dl:nth-last-of-type(2) dd input,
#search_block dl:last-of-type dd input{ margin-right: 3px; width: 80px;}

#search_block div input{
	width: 105px; height: 50px; text-align: center; line-height: 50px;
	color: #fff; font-size: 15px; background: #793e3d; border: 1px solid #793e3d;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;
}
#search_block div input:hover{ opacity: 0.75;}


/* 空室検索・トップページ切替用 */
#search_block button[name="searchButton489ban"]{
	width: 105px; height: 50px; margin: 18px 0 0; text-align: center;
	color: #fff; font-size: 15px; background: #793e3d; border: 1px solid #793e3d;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;
}
#search_block button[name="searchButton489ban"]:hover{ opacity: 0.75;}
/**/


#search ul:first-of-type{
	margin: 0 auto 20px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;

	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
#search ul:first-of-type li{ width: calc(100% / 4 - 8px) ; text-align: center;}
#search ul:first-of-type li a{ display: block; padding: 17px 0;}
#search ul:first-of-type li:first-child  a{ background: #793e3d;}
#search ul:first-of-type li:nth-child(2) a{ background: #8e6f78;}
#search ul:first-of-type li:nth-child(3) a{ background: #9a7656;}
#search ul:first-of-type li:last-child   a{ background: #8c7b6b;}
#search ul:first-of-type a:hover{ opacity: 0.75;}

#search ul:nth-of-type(2){ margin: 0 auto 20px; text-align: center;}
#search ul:nth-of-type(2) li{
	display: inline-block; padding: 0 20px; font-size: 14px;
}
#search ul:nth-of-type(2) li a{
	padding-left: 20px; color: #000;
	background: url(../images/search_icon_arrow.png) no-repeat left center;
}
#search ul:nth-of-type(2) a:hover{ opacity: 0.5;}

#search>div:last-of-type{ padding-top: 25px; text-align: center; border-top: 1px solid #ccc;}
#search div img{ margin-right: 5px;}


#search #modal-close{
	left: 50%; bottom: 10px; position: absolute;
	margin-left: -17px;
}
#search #modal-close:hover{ opacity: 0.5;}


/* ---------------------------------------------------
	Contents
------------------------------------------------------ */
/* lead
------------------------------------------------------ */

#lead { padding: 65px 0 90px; background: #352221;}

#lead .bnr { margin-bottom: 80px;}
#lead .bnr div { width: 1100px; margin: 0 auto;}

#lead section{ margin: 0 auto; width: 1266px;}
#lead section>div{
	padding: 30px 0; width: 575px;
	float: right; position: relative;
	border-top: 1px solid #686868;
	border-bottom: 1px solid #686868;
}
#lead section>div>img{ right: -43px; bottom: 26px; position: absolute;}

#lead h2{ margin-left: 25px; width: 104px; float: right; position: relative; z-index: 1;}
#lead h2+div{ width: 363px; float: right; position: relative; z-index: 1;}
#lead h2+div p{ display: none;}
#lead h2+div+a{ left: 0; bottom: 28px; position: absolute;}
#lead h2+div+a span{ display: none;}

#lead section>img{ width: 550px; float: left;}

@media screen and (max-width: 1352px) {
	#lead section{ margin: 0 auto; width: 96%;}
	#lead section>div>img{ right: 0;}
}

@media screen and (max-width: 768px) {
	#lead{ padding: 25px 0 30px;}
    #lead .bnr { margin-bottom: 50px;}
    #lead .bnr div { width: 90%;}
    #lead .bnr div img { width: 100%;}
	#lead section{ margin: 0 auto; width: 90%;}
	#lead section>div{
		padding: 0; width: 100%; float: none;
		border-top: none; border-bottom: none;
	}
	#lead section>div>img{ display: none;}
	#lead h2{
		margin: 0 0 25px; padding: 0 0 40px; width: 100%; float: none;
		text-align: center; border-bottom: 1px solid #503f3e;
	}
	#lead h2+div{ width: 100%; float: none;}
	#lead h2+div img,
	#lead h2+div+a img{ display: none;}

	#lead h2+div p{ display: block; line-height: 2;}

	#lead h2+div+a {
		left: auto; bottom: auto; position: static;
		display: block; margin: 20px 0; padding: 15px 0;
		color: #fff; text-align: center;
		background: #7e4040;
	}
	#lead h2+div+a span{
		display: inline-block; padding: 0 40px;
		background: url(../images/icon_arrow2.png) no-repeat right center;
	}

	#lead section>img{ width: 100%; float: none;}
}



/*  common
------------------------------------------------------ */

div[id^="sec"] a.more{
	display: inline-block; margin: 0 auto; padding: 10px;
	color: #fff; border: 1px solid #665757;
}

div[id^="sec"] a.more span{
	display: inline-block; margin: 0 auto; padding: 0 40px;
	background: url(../images/icon_arrow2.png) no-repeat right center;
}

div[id^="sec"] a:hover{ opacity: 0.75;}


/* sec1
------------------------------------------------------ */

#sec1{ padding: 75px 0;}
#sec1 section{ width: 100%; text-align: center;}
#sec1 h2{
	margin: 0 auto 35px; padding: 20px 0; width: 100%; max-width: 1100px;
	border-top: 1px solid #503f3e; border-bottom: 1px solid #503f3e;
}
#sec1 h2+p{ margin: 0 auto 25px; line-height: 2;}
#sec1 section>a{ margin: 0 auto 75px;}

#sec1 #movie_block{
	margin: 0 auto 50px; width: 1100px; height: 619px;
	position: relative; overflow: hidden; box-sizing: border-box;
}
#sec1 #movie_block iframe {
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
}

#sec1 ul{ width: 100%;}
#sec1 ul li{ width: 20%; padding-bottom: 20%; float: left; position: relative; overflow: hidden;}
#sec1 ul li img{ width: auto; max-width: initial; height: 100%; top: 0; left: 50%; margin-left: -50%; position: absolute;}

#sec1 ul li span{
	left: 12px; bottom: 18px; position: absolute;
	padding-right: 30px; color: #fff; font-size: 18px;
	background: url(../images/icon_arrow2.png) no-repeat right center;
}

@media screen and (max-width: 1100px) {
	#sec1 #movie_block{ padding-bottom: 56.25%; width: 100%; height: 0;}
}
@media screen and (max-width: 768px) {
	#sec1 section{ margin: 0 auto; width: 100%;}
	#sec1 h2,
	#sec1 h2+p{ width: 90%;}
	#sec1 h2+p{ text-align: left;}
	#sec1 h2+p br{ display: none;}
	#sec1 #movie_block{ margin-bottom: 25px;}

	#sec1 ul li{ width: 50%; padding-bottom: 0;}
	#sec1 ul li img{
		width: 100%; max-width: 100%; height: auto;
		top: auto; left: auto; margin-left: 0; position: static;
	}
	#sec1 ul li:first-child{ width: 100%; float: none;}
	#sec1 ul li span{ font-size: 13px;}
}


/* sec2 & sec3
------------------------------------------------------ */

#sec2 .pic_col,
#sec3 .pic_col{ width: 70%; min-height: 620px;}

#sec2 .pic_col img,
#sec3 .pic_col img{ width: 100%; height: auto;}

#sec2 .tit_col,
#sec3 .tit_col { padding-top: 150px; width: 30%; float: left;}

#sec2 .tit_col h2,
#sec3 .tit_col h2 {
	margin: 0 auto 35px; padding: 20px 0;
	border-top: 1px solid #503f3e; border-bottom: 1px solid #503f3e;
}

#sec2 .tit_col p,
#sec3 .tit_col p { margin: 0 auto 40px; font-size: 16px; line-height: 1.8;}

#sec2 .tit_col div,
#sec3 .tit_col div { margin: 0 auto;}

#sec2 .tit_col a,
#sec3 .tit_col a { margin: 0;}


@media screen and (max-width: 768px) {
	#sec2 .pic_col,
	#sec3 .pic_col{ margin: 0 0 45px; width: 100%; min-height: 0;}

	#sec2 .pic_col img,
	#sec3 .pic_col img{ display: block; margin: 0 auto;}

	#sec2 .tit_col,
	#sec3 .tit_col { padding-top: 0; width: 100%; float: none;}

	#sec2 .tit_col h2,
	#sec2 .tit_col p,
	#sec2 .tit_col div,
	#sec3 .tit_col h2,
	#sec3 .tit_col p,
	#sec3 .tit_col div{
		width: 90% !important; max-width: 90% !important;
	}

	#sec2 .tit_col h2,
	#sec3 .tit_col h2{ text-align: center;}

	#sec2 .tit_col p br,
	#sec3 .tit_col p br{ display: none;}

	#sec2 .tit_col div,
	#sec3 .tit_col div { text-align: center;}

	#sec2 .tit_col a,
	#sec3 .tit_col a { margin: 0 auto;}
}

/* sec2
------------------------------------------------------ */
#sec2 .pic_col{ float: right;}

#sec2 .tit_col h2,
#sec2 .tit_col p,
#sec2 .tit_col div{
	width: 70%; max-width: 410px;
}

@media screen and (max-width: 768px) {
	#sec2{ margin-bottom: 80px;}
	#sec2 .pic_col{ float: none; background: none;}
}


/* sec3
------------------------------------------------------ */
#sec3 .pic_col{ float: left;}

#sec3 .tit_col h2,
#sec3 .tit_col p,
#sec3 .tit_col div{
	width: 78%; max-width: 460px;
}

@media screen and (max-width: 768px) {
	#sec3{ margin-bottom: 80px;}
	#sec3 .pic_col{ float: none; background: none;}
}


/* plan area
------------------------------------------------------ */
#plan_area{ padding: 115px 0 90px; background: #fff url(../images/plan_bg.jpg);}
#plan_area section{ margin: 0 auto; width: 1100px; text-align: center;}
#plan_area h2{ margin: 0 auto 45px;}

#plan_area #recommend{ }
#plan_area #recommend_489ban:after { clear: both; content: "."; display: block; height: 0; font-size: 0; visibility: hidden; }

#plan_area .PlanView{
	padding: 0 1%;
	width: calc(100%/4);
	float: left;
	box-sizing: border-box;
}
#plan_area .picture{ margin: 0 0 10px; width: 100%; text-align: center;}
#plan_area .explan{ line-height: 1.6;}
#plan_area .plan{ margin-bottom: 20px; text-align: left;}
#plan_area .comment{ display: none;}
#plan_area .planlist a{
	display: block; margin: 0; padding: 10px 40px; text-align: center;
	border: 1px solid #bcbcbb;
	background: url(../images/icon_arrow3.png) no-repeat 94% center;
}

#plan_area .PlanView a{ color: #000;}
#plan_area .PlanView a:hover{ opacity: 0.5;}

#plan_area section>a{ display: block; margin: 40px auto 0; width: 270px;}
#plan_area section>a:hover{ opacity: 0.75;}

@media screen and (max-width: 768px) {
	#plan_area{ padding: 45px 0 30px;}
	#plan_area section{ width: 94%;}
	#plan_area .PlanView{ margin-bottom: 20px; width: calc(100%/2);}
	#plan_area .planlist a{ padding: 10px; background: none;}
	#plan_area section>a{ display: none;}
}


/* info area
------------------------------------------------------ */
#info_area{ padding: 100px 0;}
#info_area section{ margin: 0 auto; width: 1100px;}
#info_area h2{ margin: 0 auto 90px; text-align: center;}

#info_area section>div{ margin: 0 0 50px;}

#news_col{ width: 730px; float: left;}
#news_col .tit_col{ margin: 0 0 20px; position: relative;}
#news_col .tit_col h3{
	display: inline-block; padding: 10px 0 10px 40px;
	background: url(../images/icon_w.png) no-repeat left center;
	background-size: 32px;
}
#news_col .tit_col a{
	top: 0; right: 0; position: absolute;
	padding: 5px; color: #fff;
	background: #535353;
}
#news_col .tit_col a span{
	display: inline-block; padding: 0 40px;
	background: url(../images/icon_arrow2.png) no-repeat right center;
}

#news_col dl{
	display: table; width: 100%;
	margin: 0 0 20px; padding: 12px 15px;
	font-size: 14px; line-height: 1.6;
	border: 1px solid #503f3e; box-sizing: border-box;
}

#news_col dt,
#news_col dd{ display: table-cell;}

#news_col dt{ width: 85px; color: #b96d6d;}
#news_col dd{ }
#news_col dd a{ color: #fff;}
#news_col dd a:hover{ text-decoration: underline;}

#news_col #bnr {
	margin: 30px 0 0;
	padding: 15px 20px 25px;
	text-align: center;
	background: url(https://seiryuu.sakura.ne.jp/wordpress/wp-content/themes/seiryu/images/bnr_wifi_bg.jpg)no-repeat center bottom;
	border: none;
}
#news_col #bnr dt {
	width: 100%;
	padding-bottom: 12px;
	display: block;
}
#news_col #bnr dd {
	display: block;
}

#fb_col{ width: 310px; float: right;}
#fb_col .fb-page{ width: 100%;}

@media screen and (max-width: 768px) {
	#info_area section{ width: 100%;}
	#news_col{ margin: 0 auto 30px; width: 100%; float: none;}
	#news_col #bnr dd { text-align: left; }
	#fb_col{
		margin: 0 auto; width: 100%; max-width: 310px;
		float: none; text-align: center; overflow: hidden;
	}
	#fb_col .fb-page { margin: 0 auto; max-width: 100%;}

	#info_area{ padding: 50px 0 25px;}
	#info_area h2{ margin: 0 auto 45px;}
	#info_area section{ width: 90%;}
}
@media screen and (max-width: 640px) {
	#news_col .tit_col a{ top: 7px;}
}


/* pickup area
------------------------------------------------------ */
#pickup_area{
	padding: 45px 0; text-align: center; background: #352220;
	border-top: 1px solid #534241;
}
#pickup_area h2{ margin: 0 auto 35px;}

/* ---- 一枚ずつのカルーセル ---- */
#pickup_area .slick-slider { margin-bottom: 0; overflow: hidden;}
#pickup_area .slick_center .slick-slide { width: 870px; padding: 0 40px; text-align: center;}
#pickup_area .slick_center .slick-slide img { max-width: 100%; margin: 0 auto;}
#pickup_area .slick_center .slick-slide img:hover{ opacity: 0.75;}

#pickup_area .slick_center .slick-prev,
#pickup_area .slick_center .slick-next { width: 40px; height: 40px; z-index: 1;}
#pickup_area .slick_center .slick-prev:before,
#pickup_area .slick_center .slick-next:before { color: #fff; font-size: 40px; opacity: 0.5;}

#pickup_area .slick_center .slick-prev:hover:before,
#pickup_area .slick_center .slick-next:hover:before { opacity: 1;}
#pickup_area .slick_center .slick-prev { margin-left: -450px; left: 50%;}
#pickup_area .slick_center .slick-prev:before { content: '〈';}
#pickup_area .slick_center .slick-next { margin-left: 410px; left: 50%; right: auto;}
#pickup_area .slick_center .slick-next:before { content: '〉';}

#pickup_area .slick-dots li button::before,
#pickup_area .slick-dots li.slick-active button:before{ color: #5c3e51; opacity: 0.5;}
#pickup_area .slick-dots li.slick-active button:before{ opacity: 1;}


@media screen and (max-width: 768px) {
	#pickup_area .slick_center .slick-slide { margin: 0 40px; padding: 0; overflow: hidden;}
	#pickup_area .slick_center .slick-prev { margin-left: 0; left: -10px;}
	#pickup_area .slick_center .slick-next { margin-left: 0; left: auto; right: -10px;}

	#pickup_area .slick_center .slick-slide img { max-width: 100%; height: auto;}
}


/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#pagetop { display:block; position: fixed; bottom: 50px; right: 10px; z-index: 1; cursor: pointer;}
#pagetop a { display: block; width: 50px; height: 50px;}
#pagetop a img:hover { -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity: 0.70;}

#footer_wrap {
	font-size: 13px; border-top: 1px solid #373736;
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}

#ft_area{ padding: 15px 0 20px; background: #fff;}
#ft_area>div{
	margin: 0 auto; width: 100%; max-width: 1100px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

#ft_logo,
#ft_nav {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#ft_logo img { display: block; margin-right: 30px;}
#ft_logo address { color: #000; line-height: 1.6;}
#ft_logo address span { display: inline-block;}
#ft_logo address span:first-child,
#ft_logo address span.tel-link{ margin-right: 15px;}

#ft_nav li{ margin-left: 5px;}
#ft_nav li a{ display: block;}
#ft_nav li a:hover{ opacity: 0.5;}

#ft_nav li:first-child a{
	 padding: 10px 25px 10px 50px;
	font-size: 14px; color: #000; border: 1px solid #d0d0d0;
	background: url(../images/icon_mail.png) no-repeat 18px center;
	background-size: auto 18px;
}

#ft_nav li:not(:first-child) a img{ width: 25px; height: 25px;}

#bn_col{ margin: 30px auto 15px;}
#bn_col ul{
	margin: 0 auto; width: 100%; max-width: 1100px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;

	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
#bn_col li{ padding: 0 0.5%;}

#bn_col a:hover{ opacity: 0.75;}



#footer { margin: 0 auto; padding: 90px 0 75px; width: 100%; max-width: 1100px; order: -1;}

#f_nav { width: calc( 100% - 380px); max-width: 700px; float: left;}
#f_nav .acc_tit,
#f_nav .add_menu{ display: none;}

#f_nav ul { width: calc(100%/4); float: left;}
#f_nav li {
	margin: 0 0 10px; padding: 0 0 0 12px;
	background: url(../images/icon_arrow.png) no-repeat left center;
}
#f_nav a { color: #fff;}
#f_nav a:hover{ text-decoration: underline;}

#f_guide{ width: 360px; float: right;}
#f_guide img{ float: left;}
#f_guide ul{ width: 215px; float: right;}
#f_guide li{ font-size: 15px; text-align: left;}
#f_guide li:first-child{ margin-bottom: 12px; background-color: #7e4040;}
#f_guide li:last-child { background-color: #454749;}
#f_guide li a{
	display: block; padding: 18px 30px; color: #fff; text-align: center;
	background: url(../images/icon_arrow2.png) no-repeat 95% center;
}
#f_guide li:hover{ opacity: 0.75;}

#copyright { clear: both; padding: 15px 0; text-align: center;}

@media screen and (max-width: 768px) {
	#footer_wrap { padding-bottom: 100px; color: #000; background: #fff;}
	#footer_wrap a { color: #000;}

	#pagetop { position: static; bottom: auto; right: auto; text-align: center; z-index: 0;}
	#pagetop a { width: auto; padding: 15px 0; height: auto; border-bottom: 1px solid #000;}

	#ft_area>div,
	#ft_logo{ display: block;}

	#ft_logo{ margin: 15px 0 25px; text-align: center;}
	#ft_logo img{ display: inline-block; margin: 0 auto 20px; max-width: 50%;}

	#ft_nav{
		-webkit-justify-content: center;
		justify-content: center;
	}

	#bn_col{ width: 95%;}
	#bn_col li{ padding: 0 1%;}

	#footer { padding: 0; order: 0;}

	#f_nav { margin: 0 auto; width: 94%; max-width: none; float: none; font-size: 15px;}
	#f_nav .acc_tit {
		display: block; width: 100%; padding: 10px 25px; margin: 0 0 15px;
		color: #fff; text-align: center; background: #000; position: relative;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#f_nav .acc_tit:after {
		content: ''; width: 9px; height: 9px; margin: -4px 0 0 0;
		position: absolute; top: 50%; right: 10px;
		background: url(../images/arrow_off.png) no-repeat left top;
	}
	#f_nav .acc_tit.active:after { background-image: url(../images/arrow_on.png);}
	#f_nav ul { display: block; width: 100%; float: none;}
	#f_nav li {
		padding: 0 1%; width: 50%; float: left; background: none;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#f_nav .add_menu{ display: block;}

	#f_guide{ display: none;}

	#copyright {
		margin: 0 auto;
		width: 94%;
		display: flex;
		align-items: center;
	}
	#copyright:before,
	#copyright:after {
		content: "";
		flex-grow: 1;
		height: 1px;
		background: #444;
		display: block;
	}
	#copyright:before { margin-right: .4em;}
	#copyright:after { margin-left: .4em;}
}
@media screen and (max-width: 640px) {
	#f_nav li { margin: 10px 0; line-height: 1.4;}
}
@media screen and (max-width: 400px) {
	#f_nav li { padding: 0; width: 100%; float: none;}
}


/* ---------------------------------------------------
	sp_nav
------------------------------------------------------ */

#sp_nav { display: none;}

@media screen and (max-width: 768px) {
	#sp_nav {
		display: block; position: fixed; bottom: 0; left: 0;
		background: #000; border-top: 1px solid #fff; z-index: 5;
	}
	#sp_nav ul { display: table; width: 100%; table-layout: fixed;}
	#sp_nav li {
		display: table-cell; text-align: center; vertical-align: middle;
		-webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#sp_nav li + li { border-left: 1px solid #fff;}
	#sp_nav a	{ display: block; padding: 10px 15px; text-align: center;}

	#sp_nav .navToggle { padding: 10px; text-align: center;}

	#sp_nav li:first-child{ width: 21%; background: #8c7b6b;}
	#sp_nav li:nth-child(2){ width: 21%; background: #a66767;}
	#sp_nav li:nth-child(3){ width: 36%; background: #7e4040;}
	#sp_nav li:last-child{ width: 21%; background: #fff;}

	#sp_nav li img{ max-width: 75%;}
	#sp_nav .navToggle img { max-width: 60%;}
}
@media screen and (max-width: 400px){
	#sp_nav li img{ max-width: 100%;}
}
@media screen and (orientation:landscape) {
	#sp_nav li img{ max-width: 50%;}
	#sp_nav .navToggle img { max-width: 40%;}
}


/* ---------------------------------------------------
	clear
------------------------------------------------------ */
#header_wrap:after,
#header:after,
#search_block:after,
#contents_wrap:after,
section:after,
#lead section>div:after,
#sec1 ul:after,
#plan_area #recommend:after,
#info_area section>div:after,
#news_col .tit_col:after,
#footer_wrap:after,
#footer:after,
#f_nav:after,
#f_guide:after,
#f_nav ul:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}




/* ---------------------------------------------------
	更新履歴
------------------------------------------------------

190410_mori #lead 更新、#lead .bnr 追加
190624_furusawa #news_col #bnr追加
190625_furusawa #slide #tit_area追加
190729_daimon #search_block及び#plan_area v5切り替えに伴いレイアウト調整

------------------------------------------------------ */