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

.wrapper{
	width: 100%;
	height: auto;
	overflow: hidden;/*必ず入れること*/
	padding: 30px;
	box-sizing: border-box;

}
a[href*="tel:"] {
	pointer-events: none;
}
.contents{
	width: auto;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	
}
.contents img{
	width: 100%;
	height: auto;
}

/*------------------------------------------------
ここから 共通
--------------------------------------------------*/
.KS_wrap{
	width: 950px;
	height: auto;
	margin: 0 auto;
}
.KS_gnavi{
	width: 950px;
	height: 150px;
}
.KS_gnavi ul{
	width: 950px;
	height: 150px;
	display: flex;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: #b5945f;/*茶*/
	margin-bottom: 20px;
	border-left: dotted 2px #b5945f;/*茶*/

}
.gnavi_en{
	font-size: 12px;
}
.KS_gnavi ul li{
	width: calc(950px / 6);
	height: 150px;
	padding-top: 20px;
	box-sizing: border-box;
	border-right: dotted 2px #b5945f;/*茶*/

}
.KS_gnavi ul li a{
	color: #b5945f;
}
.gnavihome{
	background:url("https://kiuchi-design.jp/atami/imgs/menu_home_off.jpg") no-repeat;
}
.gnaviroom{
	background: url("https://kiuchi-design.jp/atami/imgs/menu_rooms_off.jpg") no-repeat;
}
.gnaviservice{
	background: url("https://kiuchi-design.jp/atami/imgs/menu_service_off.jpg") no-repeat;
}
.gnavitea{
	background: url("https://kiuchi-design.jp/atami/imgs/menu_tea_off.jpg") no-repeat;
}
.gnavisights{
	background: url("https://kiuchi-design.jp/atami/imgs/menu_sightseening_off.jpg") no-repeat;
}
.gnaviaccess{
	background: url("https://kiuchi-design.jp/atami/imgs/menu_access_off.jpg") no-repeat;
}


/*-----------------ページ上部イメージ----------------*/
.pagemainimg{
	width: 100%;
	min-height: 210px;
}
.pagemainimg img{
	width: 100%;
	height: auto;
}
.pageleadbox{
	width: 950px;
	height: 250px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
}
.pageheadcopybox{
	width: 70%;
	height: auto;
	padding-top: 40px;
}
.psgehead_fukidashi{
	text-align:center;
}
.pageheadcopybox p{
	font-size: 20px;
	font-weight: bold;
	color: #b5945f;/*テーマカラー茶*/; 
	text-align: center;
	line-height: 35px;
}

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

.sectionttl{
	width: 100%;
	height: 50px;
	background-color: #e9dfcf;
	border-radius: 25px;
	font-size: 25px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	margin: 50px 0 20px 0;
}

/*------------------------------------------------
top
--------------------------------------------------*/



.topmainimg{
	width: 100%;
	height: auto;
	min-height: 590px;
}
.topmainimg img{
	width: 100%;
	height: auto;
}

/*.KS_topmainimgbox{
	width: 100%;
	height: auto;
	min-height: 590px;
	background-image: url("../imgs/mainImage.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	position: relative;
	margin-bottom: 10px;
}
.KS_topmainimgbox img{
	width: 100%;
	height: auto;
}
.topmaincopy{
	width: 450px;
	height: 200px;
	position: absolute;
	top:180px;
	left: 250px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #bb1b21;
}
*/
.top_imgcomehome{
	width: 876px;
	height: 482px;
	margin: 50px auto;
}
.topcontsbox{
	width: 950px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
}
.toptexbox{
	width: calc(890px / 2);
	height: auto;
	padding: 0px 15px;
	box-sizing: border-box;
}
.toptexbox p{
	margin-bottom: 1em
}

.topcontsbox_reverse{
	width: 950px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 70px;
}
.topimgbox{
	width: calc(890px / 2);
	height: auto;
}
.contsttl_room{
	width: 100px;
	letter-spacing: 10px;
}
.contsttl_tea{
	width: 120px;
	letter-spacing: 10px;
}
.contsttl_Service{
	width: 160px;
	margin-top: 50px;
}
.contsttl_Sightseeing,.contsttl_Access{
	width: 160px;
	margin-top: 110px;
}

.contsttl_room,.contsttl_Service,.contsttl_tea,.contsttl_Sightseeing,.contsttl_Access{
	height: auto;
	font-size: 40px;
	font-weight: bold;
	color: #b5945f;/*茶*/
	text-align: center;
	line-height: 35px;
	margin-bottom: 20px;
}
.contsttl_en{
	font-size: 12px;
	letter-spacing: 0px;
}

a.btn_yellow{
	display: block;
	width: 100%;
	height: 75px;
	background-color: #fffec5;
	border: dotted 2px #fbc848;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	line-height: 75px;
	margin-top: 20px;
	color: #333333;
}
a.btn_yellow:hover{
	color: #bb1b21;
	background-color:rgba(253,216,85,1.00);
}

/*------------------------------------------------
room
--------------------------------------------------*/

.roompic{
	width: 100%;
	height: auto;
	margin: 10px;
	text-align: center;
}
.ttl_Amenities{
	width: 100%;
	height: auto;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	color: #b5945f;/*テーマカラー茶*/; 
	border-top: solid 2px #b5945f;
	border-bottom:  solid 2px #b5945f;
	text-align: center;
	margin: 50px 0 20px 0;
}
ul.Amenities{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Amenities li{
	width: 450px;
	height: 40px;
	background-color: #cce198;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	border-radius: 10px;
	margin-bottom: 10px;
}
.AmeIcon{
	width: 950px;
	height: 76px;
	margin-bottom: 100px;
}
/*------------------------------------------------
Service
--------------------------------------------------*/
.onsengirl{
	width: 100%;
	height: 176px;
	text-align: right;
}
.holebox{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sono1box,.sono2box,.sono3box,.sono4box{
	width: 436px;
	height: 404px;
	text-align: center;
}
.sono1box{
	background: url("https://kiuchi-design.jp/atami/imgs/hole_1.jpg") no-repeat;
}
.sono2box{
	background: url("https://kiuchi-design.jp/atami/imgs/hole_2.jpg") no-repeat;
}
.sono3box{
	background: url("https://kiuchi-design.jp/atami/imgs/hole_3.jpg") no-repeat;
}
.sono4box{
	background: url("https://kiuchi-design.jp/atami/imgs/hole_4.jpg") no-repeat;
}
.sono1ttl{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 310px;
	font-size: 22px;
	font-weight: bold;
}
/*------------------------------------------------
tea 202506~
--------------------------------------------------*/
.pageleadbox_tea{
	width: 1050px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0 0 0;
}

.pageheadteaimg{
	width: 257px;
	height: 181px;
}

.fukumando_logo{
	width: 326px;
	height: 91px;
	margin: 30px auto;
}
.ttl_teaconsept{
	font-size: 18px;
	font-weight: bold;
	color: #b5945f;/*テーマカラー茶*/; 
	text-align: center;
	line-height: 35px;
	margin-bottom: 3em;
}
.tex_teaconcept{
	width: 100%;
	height: auto;
	padding: 0 200px;
	box-sizing: border-box;
	margin-bottom: 100px;
}
.tex_teaconcept p{
	margin-bottom: 1em;
}

.img_tea_concept{
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}
.img_tea_concept img{
	width: 100%;
	height: auto;
	border-radius: 25px;
}

.bg_fukumandomark{
	width: 100%;
	height: 144px;
	background: url("../imgs/bg_fukumark.jpg") no-repeat center center;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

/*------------------------------------------------
sightseeing
--------------------------------------------------*/
.taikenbox{
	width: 48%;
	height: auto;
	margin-bottom: 50px;
}
.taikenpic{
	width: 400px;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
}
.shopname{
	font-weight: bold;
	margin-top: 10px;
}
.gourmetbox{
	width:300px;
	height: auto;
	margin-bottom: 50px;
}
.gourumetimg{
	width:300px;
	height: auto;
	margin-bottom: 5px;
	text-align: center;
}

/*------------------------------------------------
access
--------------------------------------------------*/
.accessillust{
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}
.aceessstep{
	width: 450px;
	height: auto;
	margin-bottom: 30px;
}
.accesspic{
	width: 450px;
	height: 260px;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.accesstex{
	font-size: 20px;
	text-indent: -1em;
	padding-left: 1em;
}

.googlemapbox{
	width: 950px;
	height: 750px;
	margin-bottom: 50px;
}


/*------------------------------------------------
youtube追加　レスポンシブ
--------------------------------------------------*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin: 40px auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}