@charset "UTF-8";


/* --------------------　共通　-------------------- */

body {
	font-weight: 350;
}

.inner {
	padding: 0 20px;
}

footer .inner {
	max-width: unset;
	margin: 0;
	padding: 0;
}

#firstBl h2,
#secondBl h2,
#thirdBl h2 {
	font-size: 30px;
	font-weight: 200;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1.5px;
	margin: 0 0 15px;
}

#firstBl .ttlEng,
#secondBl .ttlEng,
#thirdBl .ttlEng {
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 450;
	text-align: center;
	line-height: 1;
	letter-spacing: 3.2px;
	margin: 0 0 30px;
}

.copyRjre {
	display: block;
	color: #1E2B30;
	font-size: 10px;
	text-align: right;
	line-height: 1.4;
}


/* コンセプトルーム予約ボタン */

#firstBl .revBl,
#thirdBl .revBl {
	padding: 25px 15px;
	background: #fff;
	border-radius: 10px;
}

#firstBl .revBl h3,
#thirdBl .revBl h3 {
	color: #1E2B30;
	font-size: 14px;
	font-weight: 350;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 20px;
}

#firstBl .revBl ul.btBl,
#thirdBl .revBl .btBl {
	margin: 0 0 28px;
}

#firstBl .revBl a,
#thirdBl .revBl a {
	display: block;
	/*width: 260px;*/
	width: 300px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.8px;
	margin: 0 auto 20px;
	padding: 17px 0 16px;
	background: #AC9362;
	border: 1px solid #AC9362;
	border-radius: 40px;
	transition: 0.5s;
}

#firstBl .revBl a .man,
#thirdBl .revBl a .man {
	font-family: "Roboto";
	font-size: 26px;
	font-weight: 200;
	font-style: italic;
	letter-spacing: 1.3px;
}

#firstBl .revBl a:hover,
#thirdBl .revBl a:hover {
	color: #AC9362;
	background: #fff;
	transition: 0.5s;

}

#firstBl .revBl .caution,
#thirdBl .revBl .caution {
	color: #1E2B30;
	font-size: 12px;
	text-align: center;
	line-height: 1.8;
}


.useTab {
	display: none;
}



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

#titleBl {
	margin: 90px 0 0;
	padding: 45px 0 60px;
}

#titleBl h1 {
	color: #1E2B30;
	font-size: 28px;
	font-weight: 200;
	text-align: center;
	line-height: 1.42;
	letter-spacing: 0.84px;
	margin: 0 0 3px;
}

#titleBl h1 .qdn {
	font-size: 22px;
}

#titleBl h2 {
	color: #1E2B30;
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1.2px;
	margin: 0 0 10px;
}

#titleBl h3 {
	color: #AC9362;
	font-size: 14px;
	font-weight: 350;
	text-align: center;
	line-height: 1.57;
	letter-spacing: 1.4px;
	margin: 0 0 30px;
}

#titleBl .mainImg {
	line-height: 1;
	margin: 0 0 5px;
	border-radius: 20px;
}

#titleBl .copyRjre {
	margin: 0 0 20px;
}

#titleBl .lead {
	color: #1E2B30;
	font-size: 12px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.24px;
	/*margin: 0 0 30px;*/
}

#titleBl .btBl a {
	display: block;
	width: 300px;
	color: #1E2B30;
	font-size: 16px;
	font-weight: 200;
	text-align: center;
	line-height: 1.12;
	letter-spacing: 0.8px;
	margin: 0 auto;
	padding: 18px 0 19px;
	background: url(./img/arrow_brownR.svg) 90% 47% no-repeat;
	border: 1px solid #AC9362;
	border-radius: 40px;
	transition: 0.5s;
}
#titleBl .btBl a:hover {
	background: url(./img/arrow_brownR.svg) 94% 47% no-repeat;
	transition: 0.5s;
}





/* --------------------　コンセプトルーム紹介　-------------------- */

#firstBl {
	padding: 60px 0;
	background: url(./img/concept_bg.png);
}

#firstBl .inner {
	padding: 0;
}

#firstBl ul.ttlBl {
	margin: 0 20px;
}

#firstBl h2 {
	color: #1E2B30;
}

#firstBl .ttlEng {
	color: #AC9362;
	margin: 0 0 15px;
}

#firstBl .article {
	color: #1E2B30;
	font-size: 12px;
	line-height: 2.17;
	margin: 0 0 30px;
}

#firstBl p.info {
	color: #1E2B30;
	font-size: 11px;
	margin: -10px 0 35px;
}


/* コンセプトルーム写真 */

#firstBl .mainImg {
	line-height: 1;
	margin: 0 0 5px;
	border-radius: 20px;
}

#firstBl ul.ttlBl .copyRjre {
	margin: 0 0 20px;
}

#firstBl ul.imgBl {
	display: flex;
	margin: 0 0 10px;
}

#firstBl .copyRjre {
	margin: 0 20px 20px;
}


/* コンセプトルーム予約ボタン */

#firstBl .revBl {
	margin: 0 20px;
	text-align: center;
}





/* --------------------　限定ノベルティ　-------------------- */

#secondBl {
	position: relative;
	padding: 60px 0;
	background: url(./img/novel_bg.png);
	background-size: 46px auto;
}

#secondBl h2 {
	color: #fff;
}

#secondBl .ttlEng {
	color: #638FA2;
}

#secondBl .article {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.7px;
	margin: 0 0 30px;
}


/* ノベルティ写真 */

#secondBl ul.imgBl img {
	line-height: 1;
	margin: 0 0 15px;
	border-radius: 20px;
}

#secondBl ul.imgBl h3 {
	color: #AC9362;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
	margin: 0 0 3px;
}

#secondBl ul.imgBl .discription {
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 30px;
}

#secondBl .caution {
	color: #BCBCBC;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	line-height: 1.6;
}

#secondBl .copyRjre {
	position: absolute;
	right: 20px;
	bottom: -25px;
}





/* --------------------　宿泊プランについて　-------------------- */

#thirdBl {
	padding: 60px 0;
	background: #F5F3F2;
}

#thirdBl h2 {
	color: #1E2B30;
}

#thirdBl .ttlEng {
	color: #AC9362;
}

#thirdBl .article {
	color: #1E2B30;
	font-size: 12px;
	text-align: center;
	line-height: 2;
	margin: 0 0 30px;
}


/* 宿泊プラン予約ボタン */

#thirdBl .revBl {
	margin: 0 0 40px;
	text-align: center;
}

/* 宿泊プラン画像 */
#firstBl .revBl img,
#thirdBl .revBl img{
	margin: 0 0 15px;
	width:100%;
}

/* 宿泊プラン内容 */

#thirdBl ul.planInfoBl {
	background: #fff;
	border-top: 0.5px solid #D1D1D1;
	border-left: 0.5px solid #D1D1D1;
	border-right: 0.5px solid #D1D1D1;
}

#thirdBl ul.planInfoBl li:nth-child(odd) {
	color: #1E2B30;
	font-size: 14px;
	line-height: 1.92;
	letter-spacing: 0.28px;
	padding: 16px 10px 4px;
}

#thirdBl ul.planInfoBl li:nth-child(even) {
	color: #1E2B30;
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.24px;
	padding: 0 10px 18px;
	border-bottom: 0.5px solid #D1D1D1;
}





/* --------------------　ホテル情報　-------------------- */

#fourthBl {
	padding: 60px 0;
	background: #638FA2;
}

#fourthBl h2 {
	color: #F5F0D7;
	font-size: 20px;
	font-weight: 350;
	line-height: 1.5;
	margin: 0 0 5px;
}

#fourthBl .ttlEng {
	color: #F5F0D7;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 20px;
}

#fourthBl .article {
	color: #fff;
	font-size: 12px;
	line-height: 1.9;
	margin: 0 0 15px;
	padding: 0 0 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#fourthBl ul.hotelInfoBl {
	margin: 0 0 30px;
}

#fourthBl ul.hotelInfoBl li:nth-child(odd) {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.8;
}

#fourthBl ul.hotelInfoBl li:nth-child(even) {
	color: #fff;
	font-size: 12px;
	line-height: 2;
	padding: 0 0 5px;
}


#fourthBl ul.wrap img {
	line-height: 1;
	border-radius: 20px;
}





/* --------------------　注意事項　-------------------- */

#fifthBl {
	padding: 40px 0 70px;
}

#fifthBl h2 {
	color: #1E2B30;
	font-size: 14px;
	font-weight: 350;
	line-height: 1.4;
	letter-spacing: 0.7px;
	margin: 0 0 20px;
}

#fifthBl .attention {
	color: #1E2B30;
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.24px;
}












/*media Queries tablet
------------------------------------------------------------------------------------------------- 601px */
@media screen and (min-width:601px), print {


/* --------------------　共通　-------------------- */

.inner {
	max-width: 640px;
	margin: 0 auto;
}

.useSP {
	display: none;
}

.useTab {
	display: inline;
}



} /*media Queries PC 601*/












/*media Queries Tablet
------------------------------------------------------------------------------------------------- */
@media screen and (min-width:769px), print {


/* --------------------　共通　-------------------- */

.inner {
	max-width: 1000px;
	padding: 0 10px;
}

#firstBl h2,
#secondBl h2,
#thirdBl h2 {
	line-height: 1.5;
	letter-spacing: 2.4px;
	margin: 0 0 5px;
}

#firstBl .ttlEng,
#secondBl .ttlEng,
#thirdBl .ttlEng {
	line-height: 1.2;
}

.copyRjre {
	font-size: 12px;
}


/* コンセプトルーム予約ボタン */

#firstBl .revBl h3,
#thirdBl .revBl h3 {
	font-size: 16px;
	line-height: 1.3;
	margin: 0 0 30px;
}

#firstBl .revBl ul.btBl,
#thirdBl .revBl ul.btBl {
	display: flex;
	justify-content: center;
	margin: 0 0 25px;
}

#firstBl .revBl a,
#thirdBl .revBl a {
	width: 450px;
	/*width: 320px;  ボタン2個用*/
	margin: 0 25px;
}

#firstBl .revBl .caution,
#thirdBl .revBl .caution {
	font-size: 14px;
	line-height: 1.7;
}


.useTab {
	display: none;
}



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

#titleBl {
	margin: 140px 0 0;
	padding: 40px 0 74px;
}

#titleBl h1 {
	font-size: 42px;
	line-height: 1.3;
	letter-spacing: 2.3px;
}

#titleBl h1 .qdn {
	font-size: 36px;
	font-weight: 240;
	letter-spacing: 2.2px;
}

#titleBl h2 {
	font-size: 32px;
	line-height: 1.4;
	letter-spacing: 2px;
	margin: 0 0 5px;
}

#titleBl h3 {
	font-size: 19px;
	letter-spacing: 2px;
}

#titleBl .copyRjre {
	margin: 0 0 10px;
}

#titleBl .lead {
	font-size: 16px;
	line-height: 1.9;
	letter-spacing: 0.34px;
}

#titleBl .btBl a {
	width: 360px;
}




/* --------------------　コンセプトルーム紹介　-------------------- */

#firstBl {
	padding: 80px 0;
}

#firstBl .inner {
	padding: 0 10px;
}

#firstBl h2 {
	font-size: 36px;
}

#firstBl ul.ttlBl {
	display: flex;
	width: 100%;
	margin: 0 0 50px;
}

#firstBl ul.ttlBl li:nth-child(1) {
	width: 52%;
}
#firstBl ul.ttlBl li:nth-child(2) {
	width: 48%;
	padding: 0 0 0 6%;
}

#firstBl .article {
	font-size: 13px;
	line-height: 2.1;
	margin: 0;
}

#firstBl p.info {
   font-size: 12px;
  margin: 0;
  } 

/* コンセプトルーム写真 */

#firstBl .mainImg {
	margin: 0 0 5px;
}

#firstBl ul.ttlBl .copyRjre {
	margin: 0;
}

#firstBl ul.imgBl {
	justify-content: space-between;
}
#firstBl ul.imgBl li {
	width: 31%;
	line-height: 1;
}
#firstBl ul.imgBl li img {
	border-radius: 16px;
}

#firstBl .copyRjre {
	margin: 0 0 48px;
}


/* コンセプトルーム予約ボタン */

#firstBl .revBl {
	margin: 0;
}





/* --------------------　限定ノベルティ　-------------------- */

#secondBl {
	padding: 80px 0;
}

#secondBl h2 {
	font-size: 40px;
}

#secondBl .article {
	font-size: 15px;
	line-height: 1.69;
	letter-spacing: 0.8px;
	margin: 0 0 30px;
}


/* ノベルティ写真 */

#secondBl ul.imgBl {
	display: flex;
}
#secondBl ul.imgBl li {
	width: 50%;
	padding: 0 5%;
}

#secondBl ul.imgBl img {
	margin: 0 0 15px;
}

#secondBl ul.imgBl h3 {
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 5px;
}

#secondBl ul.imgBl .discription {
	font-size: 14px;
	line-height: 1.9;
	margin: 0 0 25px;
}


#secondBl .caution {
	font-size: 14px;
	line-height: 1.5;
}

#secondBl .copyRjre {
	right: 10px;
}

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

#secondBl .copyRjre {
	right: calc(50% - 500px);
}

}/*  */




/* --------------------　宿泊プランについて　-------------------- */

#thirdBl {
	padding: 80px 0;
}

#thirdBl h2 {
	font-size: 44px;
	margin: 0 0 6px;
}

#thirdBl .article {
	font-size: 13px;
	line-height: 2;
	margin: 0 0 60px;
}


/* 宿泊プラン予約ボタン */

#thirdBl .revBl {
	margin: 0 0 60px;
}

/* 宿泊プラン画像 */

#firstBl .revBl img,
#thirdBl .revBl img{
	margin: 0 0 15px;
    width: 60%;
}


/* 宿泊プラン内容 */

#thirdBl ul.planInfoBl {
	display: flex;
	flex-wrap: wrap;
}

#thirdBl ul.planInfoBl li:nth-child(odd) {
	width: 25%;
	font-size: 13px;
	padding: 13px 25px;
	border-bottom: 0.5px solid #D1D1D1;
}

#thirdBl ul.planInfoBl li:nth-child(even) {
	width: 75%;
	font-size: 13px;
	line-height: 1.92;
	letter-spacing: 0.28px;
	padding: 13px 25px 13px 0;
}





/* --------------------　ホテル情報　-------------------- */

#fourthBl ul.wrap {
	display: flex;
	flex-wrap: wrap;
}

#fourthBl ul.wrap > li:nth-child(1) {
	width: 54%;
}
#fourthBl ul.wrap > li:nth-child(2) {
	width: 46%;
	padding: 0 0 0 4%;
}

#fourthBl h2 {
	font-size: 24px;
}

#fourthBl .ttlEng {
	font-size: 14px;
	line-height: 1.4;
}

#fourthBl .article {
	font-size: 13px;
	line-height: 1.86;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

#fourthBl ul.hotelInfoBl {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

#fourthBl ul.hotelInfoBl li:nth-child(odd) {
	width: 6em;
	font-size: 14px;
	font-weight: 350;
	line-height: 2.14;
}

#fourthBl ul.hotelInfoBl li:nth-child(even) {
	width: calc(100% - 6em);
	font-size: 14px;
	line-height: 2.14;
	padding: 0;
}





/* --------------------　注意事項　-------------------- */

#fifthBl {
	padding: 50px 0 100px;
}

#fifthBl h2 {
	font-size: 16px;
	letter-spacing: 0.8px;
	margin: 0 0 25px;
}

#fifthBl .attention {
	font-size: 13px;
	line-height: 1.93;
	letter-spacing: 0.28px;
}






} /* media Queries Tablet 769 */








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


/* --------------------　共通　-------------------- */

.inner {
	padding: 0;
}

#firstBl .ttlEng,
#secondBl .ttlEng,
#thirdBl .ttlEng {
	font-size: 16px;
}


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


#titleBl h1 {
	font-size: 46px;
}

#titleBl h1 .qdn {
	font-size: 40px;
}

#titleBl h2 {
	font-size: 40px;
}

#titleBl h3 {
	font-size: 20px;
}

#titleBl .lead {
	font-size: 17px;
}




/* --------------------　コンセプトルーム紹介　-------------------- */



/* コンセプトルーム予約ボタン */

#firstBl .inner {
	padding: 0;
}

#firstBl h2 {
	font-size: 48px;
}

#firstBl .article {
	font-size: 14px;
}

#firstBl p.info {
	font-size: 12px;
	margin-top: 20px;
}



/* --------------------　限定ノベルティ　-------------------- */


#secondBl h2 {
	font-size: 44px;
}

#secondBl .article {
	font-size: 16px;
}


#secondBl .caution {
	font-size: 14px;
}




/* --------------------　宿泊プランについて　-------------------- */

#thirdBl h2 {
	font-size: 40px;
}

#thirdBl .article {
	font-size: 14px;
}

/* 宿泊プラン画像 */

#firstBl .revBl img,
#thirdBl .revBl img{
	margin: 0 0 15px;
    width: 46%;
}


/* 宿泊プラン内容 */

#thirdBl ul.planInfoBl li:nth-child(odd) {
	width: 24%;
	font-size: 14px;
	padding: 13px 30px;
}

#thirdBl ul.planInfoBl li:nth-child(even) {
	width: 76%;
	font-size: 14px;
	padding: 13px 30px 13px 0;
}




/* --------------------　ホテル情報　-------------------- */

#fourthBl h2 {
	font-size: 30px;
}

#fourthBl .article {
	font-size: 14px;
}






}/* media Queries PC 1024 */






/*media Queries PC
------------------------------------------------------------------------------------------------- 920px */
@media screen and (min-width:920px), print {



} /*--------- /920px ---------*/