@charset "UTF-8";
/* CSS Document */


/* =========================================================
　ホテルの魅力
========================================================= */


/* 枠
--------------------------------------------------------- */
@media screen and (max-width:767px) {
	.category {
		background: url(images/category_title_bg.jpg) no-repeat center top;
		background-size: 150% auto;
	}
}
@media screen and (min-width:768px) , print {
	.category {
		background: url(images/category_title_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}
}


/* ホテルの魅力
--------------------------------------------------------- */
@media screen and (max-width:767px) {
	.corner {
	}
	.point1 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		margin: 0 0 0 0;
		padding: 30px 20px 0;
		color: #fff;
	}
	.point1 h3 {
		font-size: 160%;
		line-height: 1.3;
		text-align: center;
	}
	.point2 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		margin: 0 0 0 0;
		padding: 0 20px 20px;
		color: #fff;
	}
	.point3_ichigo {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		margin: 0 0 0 0;
		padding: 30px 20px 20px;
		color: #fff;
	}
	.point3_ichigo h3 {
		font-size: 160%;
		line-height: 1.3;
		text-align: center;
	}
	.point3_box {
		margin: 0 0 0;
/*		padding: 0 0 10em;*/
		background-size: 100% auto;
	}
	.point3 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		margin: 0 0 0 0;
		padding: 30px 20px 20px;
		color: #fff;
	}
	.point3 h3 {
		font-size: 160%;
		line-height: 1.3;
		text-align: center;
	}
	.point4_box {
		margin: 0 0 0;
/*		padding: 0 0 10em;*/
		background-size: 100% auto;
	}
	.point4 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		margin: 0 0 0 0;
		padding: 30px 20px 20px;
		color: #fff;
	}
	.point4 h3 {
		font-size: 160%;
		line-height: 1.3;
		text-align: center;
	}
    .plan_btn {
        text-align: center;
		padding-bottom: 3em;
    }
    .plan_btn a {
		margin-top:25px;
        padding: 1em 6em .9em;
        color: #fff;
        display: inline-block;
        background: #bb2211 url(../common/img/arrow_w.png) no-repeat 95% center;
        background-size: 7px auto;
    }
}
@media screen and (min-width:768px) , print {
	.corner {
		font-size: 90%;
	}
	.bxslider_1_box {
		width: 80%;
		margin: 0 20% 0 0;
		position: relative;
		z-index: 1;
	}
	.point1 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		width: 25%;
		margin: -12em 0 2em 70%;
		padding: 30px 2.5% 20px;
		color: #fff;
		position: relative;
		z-index: 2;
	}
	.point1 h3 {
		font-size: 180%;
		line-height: 1.3;
	}
	.point2 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		width: 25%;
		margin: 0 70% 0 0;
		padding: 30px 2.5% 20px;
		color: #fff;
		position: relative;
		z-index: 2;
	}
	.bxslider_2_box {
		width: 80%;
		margin: -10em 0 2em 20%;
		position: relative;
		z-index: 1;
	}
	.bxslider_3_ichigo_box {
		width: 80%;
		margin: 0 20% 0 0;
		position: relative;
		z-index: 1;
	}
	.point3_ichigo {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		width: 25%;
		margin: -12em 0 2em 70%;
		padding: 30px 2.5% 20px;
		color: #fff;
		position: relative;
		z-index: 2;
	}
	.point3_ichigo h3 {
		font-size: 180%;
		line-height: 1.3;
	}
	.point3_box {
		margin: 0 0 2em;
		padding: 24em 0 4em;
		background: url(images/miyabi_bg.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.point3 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		width: 25%;
		margin: 0 70% 0 0;
		padding: 30px 2.5% 20px;
		color: #fff;
	}
	.point3 h3 {
		font-size: 180%;
		line-height: 1.3;
	}
	.point4_box {
		margin: 0 0 2em;
		padding: 14em 0;
		background: url(images/point4_box_bg.jpg) no-repeat center center;
		background-size: cover;
	}
	.point4 {
		background: url(images/bg_1.png) no-repeat left top;
		background-size: 1200px 460px;
		width: 25%;
		margin: 0 35% 0 35%;
		padding: 30px 2.5% 20px;
		color: #fff;
	}
	.point4 h3 {
		font-size: 180%;
		line-height: 1.3;
		text-align: center;
	}
    .plan_btn {
        text-align: center;
		margin: 2em 0 4em;
    }
    .plan_btn a {
        padding: 1em 6em .9em;
        color: #fff;
        display: inline-block;
        background: #c89533 url(../common/img/arrow_w.png) no-repeat 95% center;
        background-size: 7px auto;
    }
	.sp_img {
		display: none;
	}
}


/* 総料理長
--------------------------------------------------------- */
@media screen and (max-width:767px) {
	.chef_box:before {
    content: "";
    display: block;
    height: 0;
    padding: 130% 0 0;
    margin: 0 -10px 1em -10px;
    background: #F6F6F6 url(../dish/images/chef_bg_sp.jpg) no-repeat right top;
    background-size: cover;
	}
	.chef_box {
		padding: 0 10px 2em 10px;
	}
	.chef_name {
		font-size: 100%;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: .15em;
		text-align: center;
		margin-bottom:1em;
	}
	.chef_name span{
		font-size: 250%;
		font-weight: normal;
	}
}
@media screen and (min-width:768px) , print {
	.chef {
		max-width: 1000px;
		margin: 0 auto;
		padding: 6em 5% 5em 5%;
		background: #F6F6F6 url("../dish/images/chef_bg.jpg") no-repeat right center;
		background-size: auto 100%;
	}
	.chef_box {
		padding: 0 40% 0 0;
		box-sizing: border-box;
		text-shadow: 0 0 5px #F6F6F6;
	}
	.chef_name {
		font-size: 100%;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: .15em;
		text-align: center;
		margin-bottom: 2em;
	}
	.chef_name span {
		font-size: 280%;
		font-weight: normal;
	}
}