@charset "UTF-8";


/* -------------------------------------------------------------
　客室案内
------------------------------------------------------------- */

/* TOPイメージ
------------------------------------------------------------- */

#stay #page_title {
	background: url(/makuharitoyosuna/img/stay/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　館内施設
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#facilities #page_title {
	background: url(/makuharitoyosuna/img/facilities/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}




/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#bf #page_title {
	background: url(/makuharitoyosuna/img/bf/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}


/* こだわりのポイント
------------------------------------------------------------- */

#bf #point_bl {
	margin: 0 10px 40px;
	padding: 30px 0 0;
	border-top: 1px solid #d3d4d5;
}

#bf #bf_plus .sttl {
text-align: center;
margin-bottom: 40px;
}

#bf #bf_plus .sttl h3 {
	font-size: 23px;
	font-weight: 300;
	text-align: center;
	line-height: 1.3;
}

#bf #bf_plus .sttl span{
font-size: 12px;
color: #518094;
font-weight: 300;
font-family: "Roboto";
letter-spacing: 0.1em;
}


#bf #bf_plus .point-wrap{
display: flex;
flex-wrap: wrap;
	max-width:600px;
margin: 0 auto 40px;
padding-top:30px;
background-color: #f1f5f7;
}

#bf #bf_plus .point-wrap img{
vertical-align:top;
}

#bf #bf_plus ul.point-txt{
width:100%;
text-align: left;
margin-bottom: 20px;
padding:0px 15px;
}

#bf #bf_plus ul.point-txt li.icon{
margin: 10px 0;
}

#bf #bf_plus ul.point-txt li.title{
font-size: 24px;
font-weight: 300;
color: #518094;
width: 100%;
line-height: 1.4;
text-align: center;
}

#bf #bf_plus ul.point-txt li.txt{
font-size: 12px;
line-height: 2.0;
padding: 15px 15px 30px;
}

#bf #bf_plus .point-img img{
width:100%;
}


#bf #bf_plus .order0 {
order:0;
}

#bf #bf_plus .order1 {
order:1;
}


#bf #bf_plus .sttl2{
width:100%;
	max-width:600px;
text-align: center;
  margin: 0 auto;
background: linear-gradient(#fff 0 30%, #f5f3f2 0 50%);
}

#bf #bf_plus .sttl2 span{
color: #c4b495;
font-size: 40px;
font-weight: 200;
line-height: 1;
font-family: "Roboto";
}

#bf #bf_plus .sttl2 h3{
color: #000;
font-size: 12px;
font-weight: 300;
text-align: center;
padding: 5px 0 15px;
}

#bf #bf_plus ul.osusume-wrap{
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	max-width:600px;
  padding: 15px;
  background-color: #f5f3f2;
  margin: 0 auto 50px;
}

#bf #bf_plus ul.osusume-wrap li{
line-height: 1.8;
width: 100%;
margin-bottom: 20px;
font-size: 12px;
}

#bf #bf_plus ul.osusume-wrap li img{
width: 100%;
text-align: center;
}

#bf #bf_plus ul.osusume-wrap li h4{
color: #ac9362;
margin: 10px auto;
text-align: center;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
}




/* -------------------------------------------------------------
　アクセス
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#access #page_title {
	background: url(/makuharitoyosuna/img/access/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}






/* media Queries PC //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media only screen and (min-width:810px) {


/* -------------------------------------------------------------
　ホテルTOP
------------------------------------------------------------- */

/* 周辺観光
------------------------------------------------------------- */

#access_bl .tour_bl article.item_1 {
	background: url(/makuharitoyosuna/img/top/tourism_1.jpg) center top no-repeat;
	background-size: cover;
}
#access_bl .tour_bl article.item_2 {
	background: url(/makuharitoyosuna/img/top/tourism_2.jpg) center top no-repeat;
	background-size: cover;
}
#access_bl .tour_bl article.item_3 {
	background: url(/makuharitoyosuna/img/top/tourism_3.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　客室案内
------------------------------------------------------------- */

/* TOPイメージ
------------------------------------------------------------- */

#stay #page_title {
	background: url(/makuharitoyosuna/img/stay/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　館内施設
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#facilities #page_title {
	background: url(/makuharitoyosuna/img/facilities/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#bf #page_title {
	background: url(/makuharitoyosuna/img/bf/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}


/* こだわりのポイント
------------------------------------------------------------- */

#bf #point_bl {
	max-width: 1000px;
	margin: 0 auto 120px;
	padding: 40px 0 0;
}

#bf #bf_plus .sttl h3{
font-size: 30px;
padding-top:20px;
letter-spacing:0.2em;
}

#bf #bf_plus .point-bg{
padding: 30px 0 20px;
margin-bottom: 60px;
}

#bf #bf_plus .point-wrap{
width:92%;
	max-width: unset;
padding:20px;
margin: 0 auto 20px;
display: flex;
justify-content: space-between;
}

#bf #bf_plus ul.point-txt{
*width:42%;
margin-bottom: 0;
}

#bf #bf_plus ul.point-txt li.icon{
margin-bottom: 20px;
}

#bf #bf_plus ul.point-txt li.title{
font-size: 22px;
padding-bottom: 20px;
}

#bf #bf_plus ul.point-txt li.txt{
font-size: 14px;
line-height: 1.8
}

#bf #bf_plus .point-img img{
margin-bottom: 0;
}

#bf #bf_plus .point-img{
width:90%;
margin: 0 auto;
}

#bf #bf_plus .order0 {
*order:inherit;
}

#bf #bf_plus .order1 {
*order:inherit;
}

#bf #bf_plus .sttl2{
	max-width: unset;
}

#bf #bf_plus ul.osusume-wrap{
display: flex;
justify-content: space-between;
	max-width: unset;
margin: 0 auto 60px;
}

#bf #bf_plus ul.osusume-wrap li{
width: 32%;
margin-bottom: 0;
}

#bf #bf_plus ul.osusume-wrap li img{
width: 100%;
}

#bf #bf_plus ul.osusume-wrap li h4{
font-size: 18px;
}




/* -------------------------------------------------------------
　アクセス
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#access #page_title {
	background: url(/makuharitoyosuna/img/access/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}






}/* /810 */







/*media Queries PC
---------------------------------------------------------------------------------1024*/
@media only screen and (min-width:1024px) {

/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* こだわりのポイント
------------------------------------------------------------- */

#bf #bf_plus .sttl h3{
font-size: 34px;
padding-top:20px;
letter-spacing:0.1em;
}

#bf #bf_plus .sttl2 h3{
padding:5px 0 30px;
}

#bf #bf_plus .point-bg{
padding: 30px 0 0px;
}

#bf #bf_plus .point-wrap{
width: 1000px;
    padding: 0px;
    margin: 0 auto 200px;
    display: flex;
    justify-content: space-between;
    position: relative;
    background: none;
}

#bf .pc-bg1{
background-color: #eaf0f3;
    width: 580px;
    height: 425px;
    position: absolute;
    top: 50px;
    left: 42%;
    z-index: -10;
    }

#bf .pc-bg2{
    background-color: #eaf0f3;
    width: 590px;
    height: 415px;
    position: absolute;
    top: 50px;
    left: 0%;
    z-index: -10;
    }


#bf .point-top-img1{
position: absolute;
    top: 86%;
    left: 44%;
    z-index: 3;
}

#bf .point-top-img2{
position: absolute;
    top: 84%;
    left: 2.4%;
    z-index: 3;
}

#bf #bf_plus ul.point-txt{
width: 44%;
  padding-left: 30px;
margin-bottom: 0;
z-index: 1;
}


#bf #bf_plus ul.point-txt li.icon{
margin-bottom: 20px;
}

#bf #bf_plus ul.point-txt li.title{
font-size: 36px;
padding: 20px 0 30px;
line-height:1.3;
text-align: left;
}

#bf #bf_plus ul.point-txt li.txt{
font-size: 14px;
line-height: 1.8;
padding:0px;
width: 90%;
}

#bf #bf_plus .point-img img{
width:540px;
margin-bottom: 0;
}

#bf #bf_plus .point-img{
margin: 0;
text-align: left;
width:auto;
}

#bf #bf_plus .sttl2 span{
font-size: 60px;
}


#bf #bf_plus .order0 {
order:inherit;
}

#bf #bf_plus .order1 {
order:inherit;
}

#bf #bf_plus ul.osusume-wrap{
width:1000px;
margin: 0px 0px 60px;
display: flex;
justify-content: space-between;
padding: 20px 20px 30px;
}

#bf #bf_plus ul.osusume-wrap li{
width: 305px;
margin-bottom: 0;
font-size: 14px;
}

#bf #bf_plus ul.osusume-wrap li img{
width: 305px;
}

#bf #bf_plus ul.osusume-wrap li h4{
font-size: 20px;
}

#bf #bf_plus .ticket-bg{
padding:0px;

}

#bf #bf_plus .ticket-wrap{
width:100%;
display: flex;
justify-content: space-between;
}

#bf #bf_plus ul.ticket-txt{
width: 500px;
    text-align: left;
    padding: 10px 30px 30px;
}

#bf #bf_plus ul.ticket-txt li.txt {
  font-size: 14px;
}

#bf #bf_plus ul.ticket-txt li.info{
margin-top: 10px;
margin-bottom: 0;
}

#bf #bf_plus .ticket-img{
width:500px;
display: inherit;
}




}/* 1024 */