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

/* video */	
#video-box { 
	padding: 0 0 10px;
	background-color: #000;
	border-bottom: #ccc 5px solid;
	filter: drop-shadow( 2px 2px 2px rgba(33, 33, 33, 0.6));
	}
 
#video-wrap { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 35vh;}

#video-wrap video {
	width: auto;
	height: 100%;
	}

/* video 202509SP版デザイン変更の為*/
#top #video-box { border-bottom: 0; filter: none; }
#top #video-wrap { height: 40vh; }

/* video */	
#waterIsland-video-box { 
	padding: 0 0 0;
	background-color: #000;
	border-bottom: #ccc 5px solid;
	filter: drop-shadow( 2px 2px 2px rgba(33, 33, 33, 0.6));
	}
 
#waterIsland-video-wrap { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;}

#waterIsland-video-wrap video {
	width: 100%;
	height: auto;
	}

/*bus-plan*/
.single_cont .imgBox { width: 100%; line-height:0; font-size: 0;}
.single_cont .whiteBox { margin-bottom: 5%; padding: 3%;}
.single_cont .whiteBox h3 { margin-bottom: 1%;}
/*bus-plan*/

/*GW-event*/
.Separate_cont-type01 , .Separate_cont-type02 { width: 100%; margin-bottom: 50px; display: flex; background: #fff; border-radius: 30px;}
.Separate_cont-type01 {flex-direction: row;}
.Separate_cont-type02 {flex-direction: row-reverse;}
.Separate_cont-img { width: 40%;}
.Separate_cont-text  { width: 60%; padding: 20px 20px 20px 40px;}
.Separate_cont-img img { width: 100%; transform: rotate(-5deg); box-shadow: 5px 5px 10px gray;}
.Separate_cont-title { 
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 900;
	font-size: 180%;
	margin: 5px 0 5px;
}

.Separate_cont-text .detail dt {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-size: 120%;
	margin: 10px 0 5px;
}

.font-color-01 { color: #E46D6F;} 
.font-color-02 { color: #E4974B;} 
.font-color-03 { color: #D3C018;} 
.font-color-04 { color: #5FCC52;} 
.font-color-05 { color: #5C83DC;} 
.font-color-06 { color: #8340CC;} 

/*GW-event*/

/*youtube-summer*/
#youtubeSummer .threePiece .imgBox  { height: auto !important;}
#youtubeSummer img { height: 100% !important;}
.youtubeList { display:flex; flex-direction: row; flex-wrap:wrap; width: 100%;}
.youtubeList li { width:49%; margin: 1% 0 1%;}
.youtubeList img { width: 100%;}
/*youtube-summer*/

/*standard */
#standard .imgBox img { width: 100%;}
#standard h2 { border-bottom:#000 1px solid; margin: 50px 0 30px;}
#standard #section01 dl dt { font-size: 140%; margin-bottom: 20px; font-weight: 600; line-height: 190%;}
#standard #section01 ul { display:flex;}
#standard #section01 ul li { flex:1; margin: 5% 0 0 -1px; text-align:center; border: #C90 1px solid; padding:2%; background: linear-gradient( rgb(248, 242, 222), rgb(230, 221, 190)); font-weight: 600;}
#standard #section01 ul li:first-child { border-radius: 30px 0 0 30px;}
#standard #section01 ul li:last-child { border-radius: 0 30px 30px 0;}
#standard #section01 ul li a { display:block;}
#standard #section02 ul { margin-bottom: 20px;}
#standard #section02 ul li { font-size: 120%; font-weight: 600; margin-bottom: 5px;}
#standard #section02 p.bigtext { margin: 30px 0; font-weight: 600;}
#standard #section02 dt , #standard #section04 dt { font-size: 110%; margin-bottom: 10px; font-weight: 600;}
#standard #section03 ul { display:flex; flex-direction: column; justify-content:space-between;}
#standard #section03 ul li { width: 100%; margin-bottom: 20px;}
#standard #section03 ul dt {
	width: 120px;
	background: #0a6ec8;
	position: relative;
	padding: 5px 10px 5px 10px;
	font-size: 20px;
	line-height: 1.3;
	z-index:-2;
	color:#fff;
}
#standard #section03 ul dt:after {
	position: absolute;
	content: '';
	right: -3px;
	top: -7px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;
	border-bottom: solid 79px #f8f2de;
	z-index: -1;
}
#standard #section04 ul li ul { display:flex; flex-direction: column;}
#standard #section04 ul li ul li {}
.section04List { margin-bottom: 40px;}
.section04List dd { margin-bottom: 10px;}
/*standard */

/*waterIsland*/
#waterIsland { background-size: cover; width: 100%;}
#waterIsland #mainContainer { background-color: #09F;}
#waterIsland section { font-family: 'M PLUS Rounded 1c', sans-serif; transform: rotate(0.03deg);/* シャギーを防ぐ指定 */}
.marugo { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:bold; color:#FFF;}
.ao { color: #09F;}
.kuro { color: #000;}
#waterIsland .onePiece { margin-bottom: 0%;}

#nami-sand {
    width: 100%;
    height: 50px;
    padding-top: 10%;
	background:url(../img/svg/nami-sand.svg) center center no-repeat;
    background-size: cover;
}
#bg-sand { background-color: #ffe9ba; margin-top: -2%;}

#waterIsland .twoPiece {
	flex-direction: column;
}

#waterIsland .twoPiece li {
    width: 100%;
    margin: 1% auto 1%;
}

#waterIsland h1 { font-size: 150%;}
#waterIsland h3 { font-size: 140%; margin: 0 0 10px;}
#waterIsland h4 { font-size: 130%; margin: 20px 0 10px;}
#waterIsland #section06 { margin-bottom: 0 !important;}
#waterIsland #attention div { margin-bottom: 50px;}
#waterIsland #attention div:last-child { margin-bottom:0;}

/*カレンダー */
table.schedule { font-size: 110%; background-color:#FFF; color: #999; width: 100%; margin:0 auto 0; border: 1px solid #666; text-align:center; }
table.schedule caption { font-size: 120%; color: #fff; background-color:#09F; padding: 2%;}
table.schedule th { background-color:#999; color: #FFF; padding: 5px; border: 1px solid #888; }
table.schedule td { color:#666; padding: 5px; border: 1px solid #888; }
table.schedule .sun { color:#FFF; background-color: #F55 !important;}
table.schedule .sat { color: #FFF; background-color: #4DA6FF !important;}
.green { background-color:#80FF80 !important; }
.purple { background-color: #D2BBFF !important; }
.yellow { background-color: #FFFF80 !important; }
.blue { background-color: #85E0FE !important; }
.pink { background-color: #FDD7FC !important; }
.scheduleTime { font-size: 90% !important; }
#waterIsland #attention { margin-top: 0;}
table.schedule caption.gryBg { font-size: 115%; color: #555; background-color: #EBEBEB; margin-bottom: -1px; padding: 0.5%; border: 1px solid #888;}

#waterIsland .table-flex .th dt , #waterIsland .table-flex .th dd { background: #09F !important; text-align:center; color:#FFF;}
#waterIsland .table-flex dd { flex:1; background-color:#fff; border-left: #666 1px solid;}
#waterIsland .table-flex dt , #waterIsland .table-flex dd{  border-top:#666 1px solid; border-bottom:#666 1px solid; margin-top: -1px; padding: 1.5%; }
#waterIsland .table-flex dd.redText { font-weight:bold; color:#F00;}

.waterIsland-reservation dl , .waterIsland-others dl { background-color: #FFF; background-size: cover; border-radius: 10px; margin-top: 3%;}
.waterIsland-reservation dl:first-child , .waterIsland-others dl:first-child { margin-top: 0%;}
.waterIsland-reservation dt {  background-color: #d7000f; padding: 5%; font-size: 110%; color:#FFF;}
.waterIsland-others dt {  background-color: #09F; padding: 5%; font-size: 110%; color:#FFF;}
.waterIsland-reservation dt:first-child , .waterIsland-others dt:first-child { border-radius: 10px 10px 0 0 ;}
.waterIsland-reservation dd , .waterIsland-others dd {  padding: 5%;}
.waterIsland-reservation a { text-decoration:underline;}
.waterIsland-others img { margin: 0 10px 0 0; line-height:20px; vertical-align: -3px; width: 10px;}
.waterIsland-others dd a{  display: inline-flex; margin: 0 10px 0 0; align-items: center;}
.waterIsland-others dd a:last-child{ margin: 0 0 0 0;}
.waterIsland-others dd a:hover { background-color:#CCC;}
.waterIsland-link { text-decoration:underline;}
.waterIsland-link:hover { color:#C00;}

/* 基本のflexbox */
.flexbox { display: flex; flex-direction: column; justify-content: center; align-items: stretch; margin-bottom: 2%;}
.flexbox .flexList { width: auto; padding: 1%;}
.flexbox .flex1 { flex: 1; margin: 3% 0 0 0;}
.flexbox .flex1 dl { height: 100%;}
/*waterIsland*/

/*summerEvent*/
#summerEvent main { background:url(../img/others/summer-event/stripe.png);}
#mainImage-text { width: 100%; position:absolute; top:150px;}
#mainImage-text p { width: 80%; margin: 0 auto; font-size: 500%; color: #2089FD; text-align:center;}
.wf-nicomoji { font-family: "Nico Moji"; }
#summerEvent h2 { background-color: #2089FD;}
#summerEvent .marugo { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:bold; color: #333;}
#summerEvent h2.blueBack { color:#FFF; padding: 2% 5%; opacity: 0.8;}
#summerEvent .separate-leftBox {background: rgba(255, 255, 255, 0.6);}

/*summerPage*/
#summerPage #mainContainer {background-color:#ecccc1; color: #fff;}
#summerPage #mainImage-text {
	width: 100%;
	position:absolute;
	top: 190px;
	font-family: "Kaisei HarunoUmi", serif;
	font-weight: 700;
	font-style: normal;
}
#summerPage #mainImage-text p {
	width: 90%;
	margin: 0 auto;
	font-size: 290%;
	color: #ffffff;
	text-align:center;
}
.noto-sans-jp-600 {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

#summerPage h2.h2-01 {width: 100%; margin: 2% 0 0 0;}
#summerPage h2.h2-02 {width: 100%; margin: 2% 0 0 0;}
#summerPage h2 img {width: 100%;}

#summerPage .marugo { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:bold; color: #fff;}
#summerPage .separate-leftBox {background: rgba(255, 255, 255, 0.6);}
/*
#summerPage #mainContainer {
background: #f2d9d0;
background: -moz-linear-gradient(45deg, #fde8d5, #dcbcb4, #fde8d5, #dcbcb4, #fde8d5, #dcbcb4, #fde8d5);
background: -webkit-linear-gradient(45deg, #fde8d5, #dcbcb4, #fde8d5, #dcbcb4, #fde8d5, #dcbcb4, #fde8d5);
background: linear-gradient(45deg, #fde8d5, #dcbcb4, #fde8d5, #dcbcb4, #fde8d5, #dcbcb4, #fde8d5);
}
*/
#summerPage #mainContainer {
background: #efc197;
background: -moz-linear-gradient(45deg, #d1aa9f, #e7ccc5, #d1aa9f, #e7ccc5, #d1aa9f, #e7ccc5, #d1aa9f);
background: -webkit-linear-gradient(45deg, #d1aa9f, #e7ccc5, #d1aa9f, #e7ccc5, #d1aa9f, #e7ccc5, #d1aa9f);
background: linear-gradient(45deg, #d1aa9f, #e7ccc5, #d1aa9f, #e7ccc5, #d1aa9f, #e7ccc5, #d1aa9f);
}
#summerPage main {
background:url(../img/others/summer2024/suna01.png);
}

#summerPage .slide-images img {
	background: #efefef;
	border-radius: 340px 15px 200px 15px / 15px 400px 15px 300px;
}
#summerPage .slide-text dt{
	font-size: 140%;
	font-weight: 600;
	margin-bottom: 30px;
}

.border6 {border: 6px solid #d7b1a4;}

#summerPage .katamuki01 {
	transform: rotate(-5deg);
}
#summerPage .katamuki02 {
	transform: rotate(5deg);
}
#summerPage #nami  {
	background:url(../img/others/summer2024/nami.svg) center center no-repeat;
}
#summerPage #bg-gry {
    background-color: #d1aa9f;
}
#summerPage footer {
    background: #d1aa9f;
}

#summerPage a.btn-flat {
    background: #5ec0d2;
	border-radius: 25px;
}

#summerPage a.btn-flat:before {
    background: #92e7d4;
}

/*よくある質問*/

#summerPage h2 {
	font-size: 150%;
	font-weight: 600;
}

#summerPage .accordion-faq {
    max-width: 1200px;
    margin-bottom: 10px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #fff;
}

#summerPage .accordion-faq summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 1em;
    color: #fff;
    font-weight: 600;
	font-size: 140%;
    cursor: pointer;
}

.summary01 { background-color:#5ec0d2;}
.summary02 { background-color:#92e7d4;}

#summerPage .accordion-faq summary::-webkit-details-marker {
    display: none;
}

#summerPage .accordion-faq summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 15px;
    height: 15px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

#summerPage .accordion-faq[open] summary::after {
    transform: rotate(225deg);
}

#summerPage .accordion-faq p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

#summerPage .accordion-faq[open] p {
    transform: none;
    opacity: 1;
}
#summerPage .accordion-faq {
	color: #000;
}

#summerPage #faq li {
    background: rgba(255, 255, 255, 0.3);
    margin: 0 0 5%;
    padding: 5% 5%;
    border-radius: 10px;
}
#summerPage .accordion-faq p {
	padding: 5% 5% 0;
	font-size: 130%;
}


/*dynamicpackage*/
#bnrSpace { margin-top: 50px;}
#bnrSpace img { width: 100%;}
ul.longBnr li { margin-bottom: 2%; font-size: 0; line-height: 0;}
ul.shortBnr { display:flex; flex-direction: row; justify-content:space-between; flex-wrap:wrap; width: 100%; height:auto;}
ul.shortBnr li { flex:0 0 48%; height:100%;  margin: 0 0 2%;}
ul.shortBnr li.bnr:hover img { transform: translateY(2%); }
#bnrSpace dl dt { font-weight:bold;}

/*busplan*/
.yellowBox { 
	margin-bottom: 5%;
	padding: 3%;
	background: #eeea38;
	height: auto;
	color: #23943b;
	font-weight:600;
}

 /* 新着情報アーカイブ*/

#archive {display: flex; flex-wrap: wrap;}
#archive li { width: 32%; margin-right: 1%; margin-bottom: 1%; background: #FFFFFF; font-size: 90%; line-height: 120%;}
#archive li p { padding: 5px;}
#archive li img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

#section03 ul.whiteBox { overflow-y:scroll; max-height:600px; padding: 3%;}
#section03 ul.news li { display:flex; border-bottom: #ddd 1px solid; padding-bottom: 3%; margin-bottom: 3%;}
#section03 ul.news li:last-child {  border-bottom: none; padding-bottom: 0; margin-bottom: 0%;}
#section03 ul.news li div.newsImg { width: 30%; font-size: 12px;}
#section03 ul.news li div.newsImg p { margin-bottom: 5%;font-size: 12px;}
#section03 ul.news li div.newsImg img { width: 100%; height:auto;}
#section03 ul.news li div.newsText { width: 68%; margin-left: 2%;}
#section03 ul.news li p { padding: 0 0 0 2%;}
#section03 ul.news li a:hover { text-decoration:underline;}
#section03 ul.news li {
    padding-top: 100px;
    margin-top:-100px;
}
#section03 ul.news {
    padding-top: 80px;
}

 /* FAQ */
a.underline { text-decoration:underline;}

 /* 食事ページ */
.cuisineEvent { position: relative;}
.cuisineEventMark { position: absolute; top:0; right: -20px; width: 180px;}

 /* 施設案内ページ */
.align-items-end .imgBox { align-items: end;}
article.align-items-end #mainImage { align-items: end;}

 /* グループページ */
.group_cont .imgBox img {width: 100%; margin-bottom: 5%; box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);}
.group_cont .imgBox img:last-child {width: 100%; margin-bottom: 0;}
.group_cont .whiteBox {padding: 20px;}
.group_cont .whiteBox dl {width: 100%; display: flex; flex-direction: row;}
.group_cont .whiteBox dl dt {width: 40%; line-height: 2; }
.group_cont .whiteBox dl dd {width: 60%;}
.group_cont .whiteBox a:hover { color: #C00003; text-decoration: underline;}
.link_btn {width: 100%; margin: 50px 0;}
.link_btn li { display: inline-block; margin-bottom: 5px; padding: 10px 20px; background-color: #ffffff; border-radius: 20px; white-space: nowrap;}

 /* 温泉 */
#onsen .separate-box { display:flex; flex-direction: column;}
#onsen .separate-leftBox { width: 100%; font-size: 0; line-height: 0; background: rgba(255, 255, 255, 0.6);}
#onsen .separate-rightBox { width: 100%; display:flex; flex-direction: column; background: rgba(255, 255, 255, 0.6); padding:8%;}
#onsen .separate-box {
    background: rgba(255, 255, 255, 0.6);
}

#bg-dark {
	width: 99.5vw;
	margin: -50px calc(50% - 50vw) 10%;
	background-image: linear-gradient(0deg, rgba(0, 5, 50, 1), rgba(0, 5, 50, 1) 50%, rgba(0, 5, 50, 0));
	padding: 0 0 10%;
}
.bg-dark-inner { max-width: 1000px; width: 90%!important; margin: 0 auto; padding: 5% 0 0;}
#bg-dark p , #bg-dark h2 {color: #fff;}

#bg-dark .table dl {margin-top: -2px;}
#bg-dark .table dd { width: 80%; background: none;}
#bg-dark .table-flex dt , #bg-dark .table-flex dd , #bg-dark .table dt , #bg-dark .table dd {  border-top: #c7c7c7 1px solid; border-bottom: #c7c7c7 1px solid; color: #fff; }
#bg-dark .table dt { background: none;}
#bg-dark .table-flex dt { background: none;}
#bg-dark .table-flex dd , #bg-dark .table dd{ flex:1; background: none; border-left:#c7c7c7 1px solid;}
#bg-dark .table-flex .th dt , #bg-dark .table-flex .th dd { background:  none; text-align:center; color:#FFF;}
#bg-dark .bx-wrapper .bx-controls-direction a {
    top: 50% !important;
}

/*観光イベントのご案内追加css作成松田*/
.label-btn {
  display: inline-block;
  padding: 10px 15px;
  background-color: #ceb68d;
  margin: 5px 5px 0 0;
  cursor: pointer;
  border-radius: 20px !important;
  border: 0;
  color: #fff;
  font-weight: bold;
  transition: 0.3s;
}
.all:hover {
	cursor:pointer;
	background-color: #b28c6e;
	color: #fff !important;
}
.op:hover {
	cursor:pointer;
	background-color: #f8b500;
	color: #fff !important;
}
.sp:hover {
	cursor:pointer;
	background-color: #f4b3c2;
	color: #fff !important;
}
.su:hover {
	cursor:pointer;
	background-color: #aacf53;
	color: #fff !important;
}
.au:hover {
	cursor:pointer;
	background-color: #db8449;
	color: #fff !important;
}
.wi:hover {
	cursor:pointer;
	background-color: #83ccd2;
	color: #fff !important;
}

/*親要の中のinput:checked＝チェックされた状態のとき、ボタンにstyleを適応させるf*/
.cp_tab input:checked + .all {
  background-color: #b28c6e;
  color: #fff;
}

.cp_tab input:checked + .op {
  background-color: #f8b500;
  color: #fff;
}

.cp_tab input:checked + .sp {
  background-color: #f4b3c2;
  color: #fff;
}

.cp_tab input:checked + .su {
  background-color: #aacf53;
  color: #fff;
}

.cp_tab input:checked + .au {
  background-color: #db8449;
  color: #fff;
}
.cp_tab input:checked + .wi {
  background-color: #83ccd2;
  color: #fff;
}

.cp_tab > input:checked + label {
    border: none !important;
}

.cp_tab .cp_tabpanel {border-top: 0;}

.title-m {margin: 5% 0 3%;}

#event .separate-rightBox .separate-text p {text-align: justify;}
#event .separate-rightBox .separate-text .init-bottom a {text-decoration: underline !important; text-underline-offset: 3px;}
#event .separate-rightBox .separate-text .init-bottom a:hover{text-decoration: none !important;}

#event .positionBottom .iconLink .event-map-icon {
	background-color: #ceb68d;
    border-radius: 20px;
    width: 100%;
    max-width: 150px;
}

#event .positionBottom .iconLink .event-map-icon:hover {
	cursor:pointer;
	background-color: rgba(244, 233, 197, 1);
	color: #fff !important;
}

#event .positionBottom .iconLink li a {
	color: #fff;
    width: 100%;
    display: block;
    padding: 0.6rem 1.2rem;
}
#event .eventBox .table dt, .eventBox .table dd { border-top: #CCC 1px solid; border-bottom: #CCC 1px solid; margin-top: -2px;}

.event-bnr { display: flex; flex-direction: column;}
.event-bnr .separate-img { padding: 0.5em 1em; }

/*お食事ページ追加css 作成者：松田*/

/*↓position: relative;から変更し、transform: translateY(-50%);を追加*/
.textInImg h4 {
  position: absolute; 
  transform: translateY(-50%);
  display: inline-block;
  margin: 0 0 -50px -10px;
  padding: 1% 5% 1%;
  color: #fff;
  background: #942148;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  z-index: 2;
}

.textInImg h4:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #57090A;
  border-left: 10px solid transparent;
}

.cuisinepoint-mb { margin-bottom: 5%!important;}
.twoPiece-box { padding: 4% 6%;}/*勝浦の魅力ページでも活用*/
.twoPiece-box dl dt { font-size: 140%; padding-bottom: 1%; border-bottom: dotted 1px #c09c3b; letter-spacing: 0.1em;}
.twoPiece-box dl dd { font-size: 110%; padding-top: 4%; letter-spacing: 0.1em; text-align: justify;}

.cuisinedrink img { height: 331px!important; object-fit: cover;}

.drink-m dd { padding: 5%; margin-bottom: 5%; border: solid 1px #c09c3b;}
.drink-m p {margin: 0; padding: 0!important;}
.drink-m video {width: 100%;}

/*勝浦魅力ページ追加　作成者松田 　　カラー候補　　#0af　#d7ebfe*/

.zen-maru {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f;
}

.kinuta { 
	font-family: "kinuta-maruminold-stdn", serif; 
	font-weight: 400; 
	font-style: normal; 
	color: #5f5f5f;}
#aboutkatsuura article #mainImage { height: 30vh;}
#aboutkatsuura .letter-box { width: 87%; margin: 0 auto; max-width: 1000px;}
#aboutkatsuura .letter-box ul { display: flex; flex-direction: row; width: 100%; align-items: center;}
#aboutkatsuura .letter-box li { width: 70%;}
#aboutkatsuura .letter-box li:last-child { width: 30%; position: relative; top: 50px;}
#aboutkatsuura .letter-box h1 { margin: 0; font-size: 210%; }
#aboutkatsuura .letter-box p { font-size: 110%; line-height: 150%;}

.kappyiconbig { width: 100%;}
.kappyphoto { width: 70px; top: -75px; display: block; position: absolute; right: 30px;}
.kappyicon { width: 120%;}

.aboutus-box { position: relative; top: -25px; }
.aboutus { margin-bottom: 0; font-size: 510%; font-family: "Poiret One", sans-serif; font-weight: 400; font-style: normal; color: rgba(89, 173, 241, 1); }

.marker { font-size: 120%; font-family: "kinuta-maruminold-stdn", serif; font-weight: 400; font-style: normal; color: #464646; background: linear-gradient(to right, rgba(89, 173, 241, 1) 0%, #ffff00 100%); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 10%;}

#aboutkatsuura #section01 { margin-bottom: 0; position: relative; top: -1.5rem;}
#aboutkatsuura .twoPiece li {  padding: 7% 0; border-bottom: dotted 2px #a99554;}
#aboutkatsuura .imgBox { height: auto;} /*border-radius: 0 45px 0 45px;*/
#aboutkatsuura .twoPiece-box { position: relative; text-align: center;}
#aboutkatsuura .twoPiece-box p { margin-bottom: 5%; font-size: 110%; letter-spacing: 0.1em; line-height: normal; text-align: justify; color: #313131;}/*#696969*/
#aboutkatsuura .twoPiece h2 { font-size: 160%; font-weight: bold; text-align: center;}
#aboutkatsuura .positionBottom { display: inline-block; width: auto; padding: 1% 3%; background-color: rgb(89 173 241); font-size: 70%; border-radius: 5px;}
#aboutkatsuura .positionBottom  a { color: #fff;}

/*客室ページ追加　作成者松田202503*/
#room .twoPiece li:nth-child(2) { display: flex; flex-direction: column-reverse; }
#room .room-view-asa, #room .room-view-yuuhi { width: 70%; height: auto; display: block; border-radius: 10px; transition: width 0.3s;}
#room .room-view-yuuhi { margin-left: auto; }
#room .twoPiece .imgBox img { width: 100%; height: auto; display: block; border-radius: 10px; }
#room .separate-box { align-items: flex-start;}/*align-items: flex-end;*/
#room .separate-leftBox img { width: 100%;}
#room .separate-rightBox { padding: 0; background-color: rgba(255, 255, 255, 1); text-align: center;}
#room .separate-text { padding: 2% 8%; }
#room .separate-text h2 { font-size: 180%; margin-bottom: 0;}
#room .separate-rightBox h3 { font-size: 160%; position: relative; top: -5px; color: rgb(221, 0, 0,0.5);}
#room .separate-text p { margin: 0; text-align: justify; }
#room #list01 { display: flex; flex-direction: column-reverse;}
#room .room-type-title { text-align: center; margin-bottom: 8%;}
.room-view-letter { position: relative; right: -40px; line-height: 2.5em !important; display: inline-block; text-shadow: #f8f2de 1px 0 10px; width: max-content; box-sizing: border-box;}
.room-panel-info { font-size: 80%; padding: 3% 8%; border-top: 1px dotted #6666; display: flex; justify-content: space-between; text-align: left; list-style: none; }
.osusume-tag { display: flex; flex-direction: column; align-items: flex-end;}
.osusume-tag li { padding: 0 0.6em 0.05em; margin: 0.3em 0; background-color: #ebf6f7; color: #1b4f7e; font-size: 80%; letter-spacing: 0.1rem; text-align: right;}
.room-detail-btn { display: flex; justify-content: center; align-items: center; height: 4.0rem; letter-spacing: .08em; transition: opacity .45s; background-color: rgba(201,198,197,0.2);}
.room-detail-btn:hover { cursor:pointer; background-color: #ababab; color: #fff;}
.room-plan-btn { display: flex; justify-content: center; align-items: center; height: 4.0rem; letter-spacing: .08em; transition: opacity .45s; background-color: rgb(221, 0, 0, 0.2); color: #800000;}
.room-plan-btn:hover { cursor:pointer; background-color: rgb(221, 0, 0, 0.8); color: #fff !important; }
.room-plan-btn02 { background-color: rgb(221, 0, 0, 0.2);}

/*〇〇室のプランを見るボタン アコーディオン*/
.accordion-check { display: none; }
.accordion-label {
    position: relative;
    color: #800000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.0rem;
    letter-spacing: .08em;
    transition: opacity .45s;}

.accordion-label::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    transform: translateY(-50%);
    text-align: center;
    font-size: 1.5em;
    content: '+';
	vertical-align: middle;}

.accordion-check:checked+.accordion-label:after { content: '－';}

.accordion-check:checked~.accordion-box { height: auto; opacity: 1; transition: all .4s;}

.accordion-check:checked+.accordion-label { background-color: rgb(221, 0, 0, 0.8); color: #fff;}
/*.accordion-check:not(:checked) ~ .accordion-label { background-color: rgb(221, 0, 0, 0.1); color: #800000;}*/

.accordion-box {
    height: 0;
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px; 
    opacity: 0;
    transition: max-height 0.5s ease;
    background: rgba(255, 255, 255, 0.5);}

/*アコーディオンの中*/
.dropdown__list { display: flex;
    justify-content: center;
    align-items: center;
    height: 4.0rem;
    letter-spacing: .08em;
    transition: opacity .4s;
    background-color: rgb(221, 0, 0, 0.1);
    border-bottom: solid #ffff 1px;}

.dropdown__list a { color:#800000; display: block;
    padding: 1rem 3rem;}
    
/* ホバー時のアコーディオン内選択色を変更する */
.dropdown__list:hover {background-color:  rgb(221, 0, 0, 0.2);}

/*sp版オーシャンビュー画像スクロール*/
.scroll-box { margin-bottom: 3%; overflow-x: scroll; 
  -ms-overflow-style: none; /*スクロールバー非表示（IE・Edge）*/
  scrollbar-width: none;  /*スクロールバー非表示（Firefox）*/
  width: 99.5vw;	
  margin: -50px calc(50% - 50vw) 2%;
  padding-top: 18%; }

.scroll-box::-webkit-scrollbar { display:none; }/*スクロールバー非表示（Chrome・Safari）*/
.scroll-box div img { max-width: 100%; min-width: 1200px; vertical-align: top; }

.room_facility_map { padding: 0 6%; margin-bottom: 30px; text-align: justify;}
.room_facility_map img { width: 100%; padding-bottom: 10px;}

/*ページ下プランページ誘導ボタン*/
.plan-Btn-box {
	background-color: #f4e9c5;
	padding: 8%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.plan-Btn-box p { margin-bottom: 10px; text-align: center; font-size: 110%;}
a.plan-Btn {
	margin-top: 0.8rem;
	padding: 0.8rem 3rem;
	background-color: #c29859;/*rgb(221, 0, 0)*/
	line-height: normal;
    text-align: center;
    border-radius: 50px;
	color: #fff;
    opacity: 0.8; }


a.plan-Btn:hover {
	cursor:pointer;
	opacity: 0.5;
}

.sdgslogo{ width: 100%; margin: 3% 0;}

/*客室詳細ページ追加　作成者松田202504*/
#room-type .table dt { width: 40%;}
#room-type .room-info-btn { margin-top: 0.3rem; padding-right: 0.5rem; text-align: right; font-size: 90%; }
#room-type .fa-solid::before  { opacity: 0.7;}/*#c2a034*/
.other_rooms_list { margin: 0; text-align: center; padding-top: 1%; background-color: rgba(201, 198, 197, 0.2); }

/*ふるさと納税ページ　作成者松田*/
#furusatonouzei #section01 .imgBox img { width: 100%; height: 30vh; object-fit: cover; object-position: center; }
#furusatonouzei .plan-Btn-box { align-items: baseline; text-align: justify; }

/*グループ団体プラン追加　作成者松田202505*/
#groupproject .fourPiece p { text-align: center;}
#groupproject .gproject_point { padding-bottom: 5%; border-bottom: 1px solid #e3d091; }
#groupproject .gproject_point .imgBox, #groupproject .gproject_point .imgBox img { border-radius: 20px; }
#groupproject .gproject_point h3 { font-weight: 700; line-height: 120%; }
#groupproject .link_btn { margin: 20px 0; }
#groupproject .facility_info { padding-bottom: 4%; border-top: 1px solid #e3d091; border-bottom: 1px solid #e3d091; }
#groupproject .facility_info .twoPiece { padding: 0 20px; }
#groupproject .facility_info .listInner h3 { text-align: center; background-color: #000; color: #fff; }

/*宴会場ページ追加　作成者松田*/
.gp_bnr img { width: 100%; }

/*summerPage2025*/
#summerPage2025 #mainContainer { color: #fff;}
#summerPage2025 #mainImage-text {
	width: 100%;
	position:absolute;
	/*top: 190px;*/
	font-family: "Kaisei HarunoUmi", serif;
	font-weight: 700;
	font-style: normal;
	z-index: 2;
}
/*#summerPage2025 article #mainImage {
    display: flex;
    justify-content: center;
	align-items: flex-end;
}*/
#summerPage2025 #mainImage-text p {
	width: 90%;
	margin: 0 auto;
	font-size: 290%;
	color: #ffffff;
	text-align:center;
	text-shadow: 0px 0px 10px rgb(31 82 107 / 79%);
}
#summerPage2025 #subImage img { width: 100%; position: relative; top: -10px; }

.noto-sans-jp-600 {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

#summerPage2025 h2.h2-01 {width: 100%; margin: 2% 0 0 0; }
#summerPage2025 h2.h2-02 {width: 100%; margin: 2% 0 0 0; text-align: center;}
#summerPage2025 h2 img {width: 100%; padding-bottom: 2%;}

#summerPage2025 .marugo { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:bold; color: #fff; text-align: center;}
#summerPage2025 .separate-leftBox {background: rgba(255, 255, 255, 0.6);}

#summerPage2025 main {
background:url("../img/others/summer2025/blue.png");
}

#summerPage2025 .slide-images img {
	background: #efefef;
	border-radius: 340px 15px 200px 15px / 15px 400px 15px 300px;
}
#summerPage2025 .slide-text dt{
	font-size: 140%;
	font-weight: 600;
	margin-bottom: 30px;
}

#summerPage2025 .border6 {border: 6px solid #fff3b8;}

#summerPage2025 #nami  {
	background:url(../img/others/summer2025/nami.svg) center center no-repeat;
}
#summerPage2025 #bg-gry {
    background-color: lemonchiffon;
}
#summerPage2025 footer {
    background: lemonchiffon;
}

#summerPage2025 a.btn-flat {
    background: #5ec0d2;
	border-radius: 25px;
}

#summerPage2025 a.btn-flat:before {
    background: #92e7d4;
}

/*ページ下プランページ誘導ボタン*/
#summerPage2025 .plan-Btn-box { background-color: transparent; text-align: center; }
#summerPage2025 .plan-Btn-box p { margin-bottom: 10px; text-align: center; font-size: 110%; }
#summerPage2025 a.plan-Btn { font-size: 140%; font-weight: 600; background-color: #1dc5e3; opacity: 1; }
#summerPage2025 a.plan-Btn:hover { cursor:pointer; opacity: 0.5; }


/*よくある質問*/

#summerPage2025 h2 {
	font-size: 150%;
	font-weight: 600;
}

#summerPage2025 .accordion-faq {
    max-width: 1200px;
    margin-bottom: 10px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #fff;
}

#summerPage2025 .accordion-faq summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 1em;
    color: #fff;
    font-weight: 600;
	font-size: 140%;
    cursor: pointer;
}

#summerPage2025 .accordion-faq summary::-webkit-details-marker {
    display: none;
}

#summerPage2025 .accordion-faq summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 15px;
    height: 15px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

#summerPage2025 .accordion-faq[open] summary::after {
    transform: rotate(225deg);
}

#summerPage2025 .accordion-faq p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

#summerPage2025 .accordion-faq[open] p {
    transform: none;
    opacity: 1;
}
#summerPage2025 .accordion-faq {
	color: #000;
}

#summerPage2025 #faq li {
    background: rgba(255, 255, 255, 0.3);
    margin: 0 0 5%;
    padding: 5% 5%;
    border-radius: 10px;
}
#summerPage2025 .accordion-faq p {
	padding: 5% 5% 0;
	font-size: 130%;
}


/*フォトスポット　作成者：松田*/
.photo_grid { position: relative; }
.ps_caption { position: absolute; bottom: 10px; left: 10px; background-color: #fff; color: black; padding: 1.2rem 1em; font-size: 17px; border-radius: 0; 
 border-top-right-radius: 8px; }

/*スパ　日帰り入場料金表表内 市民割アイコン　作成者：松田*/
.shiminwari { background-color: #D26219; color: #fff; font-size: 80%; display: inline-block; padding: 0 0.6rem; border-radius: 10px; }

/*プレミアムクラブ会員募集ページ*/
.premiumBox{display: flex; flex-direction: column; justify-content: center; width:100%; margin: 0 auto; }
.premiumBoxInner img{width: 100%;}
.premiumBoxInner02{ margin: 6% 0 15%;}
.premiumBtn{width: 100%; display: block; margin: 10% 0 ;}
.premiumBtn .catchphrase{ width: 100%;display: block; font-size: 140%; text-align: center; margin: 0 auto;}
.pBtn-con{display: flex;flex-direction: column;justify-content: center;}
.pBtn-con div{color: #fff; background:#b72216; margin:2% 5% 5%;text-align: center; font-size: 120%;}/*ボタン1つ元の色#5d483f*/
.pBtn-con div a{color: #fff;display:block; width:100%;padding:3%;}/*ボタン1つ*/
.pBtn-con div a:hover{background:#dcd5d7;color:#5d483f;}/*ボタン1つ*/
.pBtn-con02{display: flex;flex-direction: column;justify-content: center;}
.pBtn-con02 div{background:#c29859;; margin:0% 5% 5%;text-align: center; font-size: 120%;}/*ボタン2つ元の色#9f978d*/
.pBtn-con02 div a{color: #fff; display:block; width:100%;padding:3%;}/*ボタン2つ*/
.pBtn-con02 div a:hover{background:#dcd5d7; color:#5d483f;}/*ボタン2つ*/
.p-nav01{background:#dcd5d7;}
.p-nav02{margin:0 5% 5%;}
/*会員特典表組---------------*/
h2.TokutenTit{ font-weight: 600; margin-bottom: 2em;text-align: center; margin:0 0 1em; }
h2.TokutenTit .underColor{display: inline-block; background: linear-gradient(transparent 90%, #D8CC9C 90%); padding: 0 1em 0.2em;}
#kaiinTokuten tr, #kaiinTokuten th, #kaiinTokuten td { border: 1px solid #888888; padding: 0.5em;}
#kaiinTokuten th.diaBack { padding: 0.2em; }
#kaiinTokuten { width: 100%; text-align: center; line-height: 120%;}
#kaiinTokuten th { background-color: #01436f; text-align: center; white-space: normal; }/*元の紺色#172C68*/
#kaiinTokuten td { vertical-align:middle; text-align: center;background: #fffef9;}
#kaiinTokuten th.left , #kaiinTokuten td.left {text-align: left; }
.whiteTxt { color: #fff;}
.blackTxt { color: #000;}
.goldBack{ background: linear-gradient(-20deg, #D3A900 0%, #D8CC9C 100%); }
.diaBack{ background: #E8B92F;/* 枠線の色*/ background: linear-gradient(-20deg, #7A98D3 0%, #E5EBF9 100%);}
/*プレミアムクラブ会員募集ページここまで*/

/*館内施設ページ内施設紹介動画202509*/
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*ハロウィンフェア2025*/
#halloween2025 #mainContainer { background: linear-gradient(to bottom, #ff7518 0%, #6c436f 40%); color: #FFF; }
#halloween2025 #section01 { position: relative; }
#halloween2025 #section01 h1, #halloween2025 #section01 p { text-align: center; }
#halloween2025 #section01 h1 span:nth-of-type(2) { font-size: 230%; line-height: 0.9; }
.spiderline img { width: 80%; display: block; margin: 0 auto; } 
#halloween2025 .Separate_cont-img img { width: 100%; }
#halloween2025 .Separate_cont-type01 , .Separate_cont-type02 { width: 100%; margin-bottom: 30px; /*display: flex;*/ background: #fff; border-radius: 30px;}
#halloween2025 .Separate_cont-type01 {flex-direction: row;}
#halloween2025 .Separate_cont-type02 {flex-direction: row-reverse;}
#halloween2025 .Separate_cont-img { width: 40%;}
#halloween2025 .Separate_cont-text  { width: 100%; padding: 20px; position: relative; color: #000000;}
#halloween2025 .Separate_cont-type02 .Separate_cont-text { padding: 20px 5px 20px 30px; }
.pumpkin { position: absolute; top: 170px; left: -80px; width: 60px; display: block; }
.pumpkin img, .cat img { width: 120% }
.bat { position: absolute; top: 105px; right: 30px; width: 30px; display: block; }
.bat img { transform: rotate(-20deg); width: 120%; }
.cat { position: absolute; top: 170px; left: -80px; width: 60px; display: block; }
#halloween2025 .font-color-01 { color: #931f54; line-height: 1.1; padding-bottom: 7px;}
#halloween2025 .font-color-02 { color: #cb8540; line-height: 1.1; padding-bottom: 7px;}
#halloween2025 .Separate_cont-title dd { color: #000000; }
#halloween2025 #section04 h2 { text-align: center; font-size: 180%; }
#halloween2025 .plan-Btn-box { background-color: #422647; }
.halloweenplanbox img { width: 100%; display: block; margin: 0 auto; }



@media (max-width: 375px) {
	
/*勝浦魅力ページ追加　作成者松田 */
.aboutus { font-size: 375%;}
.room-box { display: flex; flex-direction: column;}
	
/*summerPage2025*/
#summerPage2025 #mainImage-text { top: 140px; }
#summerPage2025 #mainImage-text p { font-size: 260%; }
	
/*プレミアムクラブ会員募集ページ*/
	h2.TokutenTit{ font-size: 120%; }
	
}

@media (min-width: 620px) {
	
/* video 202509SP版デザイン変更の為*/
#top #video-wrap video {
	width: 100%;
	height: auto;
	}
	
}

@media (min-width: 768px) {
	
/* video */	
#video-box {
	padding: 0 0 20px;
	background-color: #000;
	border-bottom: none;
	filter: none;
	}
 
#video-wrap { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: auto;}

#video-wrap video {
	width: 100%;
	height: auto;
	}
	
/* video 202509SP版デザイン変更の為*/	
#top #video-wrap { height: auto; }
	
/* waterIsland-video */	
#waterIsland-video-box {
	padding: 0 0 0;
	background-color: #000;
	border-bottom: none;
	filter: none;
	}
 
#waterIsland-video-wrap { 
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: auto;}

#waterIsland-video-wrap video {
	width: 100%;
	height: auto;
	}
	
#video-box { margin-top: 0; height: auto;}

/*standard */
#standard h2 { margin: 100px 0 70px;}
#standard #section03 ul { flex-direction: row;}
#standard #section03 ul li { width: 49%; margin-bottom: 0px;}
#standard #section04 ul li ul { display:flex; flex-direction: row;}
#standard #section04 ul li ul li {}
/*standard */

/*waterIsland*/
#waterIsland h1 { font-size: 160%;}
#nami-sand { height: 10px; padding-top: 45%; margin-bottom: -150px;}
#waterIsland .twoPiece { flex-direction: row;}
#waterIsland .twoPiece li { width: 49%; margin: 1% auto 1%;}
.scheduleTime { font-size: 110%; }
.waterIsland-others dl dd ul { display:flex;}
.waterIsland-others dl dd li { flex:1;}
.waterIsland-others img {width: 20px;}
.waterIsland-reservation dt , .waterIsland-others dt { padding: 3%;}
.waterIsland-reservation dd , .waterIsland-others dd { padding: 3%;}

/* 基本のflexbox */
.flexbox { flex-direction: row; padding: 0%;}
.flexbox .flexList { padding: 3%;}
.flexbox .flex1 { margin: 0 1% 0 0;}
.flexbox .flex1:last-child { margin: 0 0 0 0;}
/*waterIsland*/

/*summerEvent*/
#summerEvent .separate-leftBox {background: none;}
/*summerEvent*/
	
/*summerPage*/
#summerPage .separate-leftBox {background: none;}
#summerPage #mainImage-text { top:300px;}
#summerPage #mainImage-text p {
	width: 80%;
	font-size: 450%;
}
#summerPage h2.h2-01 {width: 100%; margin: 2% 0 0 -100px;}
#summerPage h2.h2-02 {width: 100%; margin: 2% -100px 0 0;}
#summerPage .accordion-faq summary {
    padding: 1em 2em;
}
/*summerPage*/

/*dynamicpackage*/
#bnrSpace { margin: 0 auto 7%;}
#bnrSpace ul.shortBnr li { flex:0 0 32%; margin-bottom: 1%;}

 /* 新着情報アーカイブ*/	
#archive li { width: 24%;}
#archive li img {
  height: 150px;
}
#section03 ul.whiteBox { max-height:600px;}
#section03 ul.news li div.newsImg { width: 20%;}
#section03 ul.news li div.newsText { width: 78%;}
	
 /* 食事ページのハワイイベント */
.cuisineEventMark {width: 250px;}

 /* 温泉 */
#onsen .separate-box { display:flex; flex-direction: row; margin-bottom: 10%; justify-content:space-between;}
#onsen .separate-box:last-child { margin: 0 auto 0;}
#onsen .separate-leftBox { width: 45%; font-size: 0; line-height: 0; background: rgba(255, 255, 255, 0.6);}
#onsen .separate-rightBox { width: 55%; display:flex; flex-direction: column; background: rgba(255, 255, 255, 0.6); padding:8%;}
#onsen .separate-box {
    background: rgba(255, 255, 255, 0.6);
}
	
 /*観光イベントページ追加作成者松田20250131*/
#event #section01 { margin-bottom: 0;}
.event-box-p { padding: 2.1rem !important;}
.rightBox-p { padding: 0 0 0 2.1rem !important; width: 40%;}
#event #separate_02 .rightBox-p { padding: 0 2.1rem 0 0 !important;}
.event-bnr { display: flex; flex-direction: row;}
.event-bnr .separate-img:last-of-type { margin-top: 4%; }
	
/*お食事ページ追加　作成者松田202503*/
.cuisinedrink img { width: 100%;}
.twoPiece-box dl dd {padding-top: 2%;}
.drink-f { display: flex; justify-content: space-between;}
	
.drink-p { padding: 2% 3%;}
	
.drink-m-p { padding: 0 3% 0 0;}	
.drink-m-p dl dd { padding: 2% 0 0 0;}
	
.drink-m {width: 68%;}
.drink-v {width: 30%;}
	
/*勝浦魅力ページ追加　作成者松田202503 */
#aboutkatsuura article #mainImage { height: 40vh;}
#aboutkatsuura .letter-box ul { padding-top: 20px;}
#aboutkatsuura .letter-box li { width: 90%;}
#aboutkatsuura .letter-box li:last-child { width: 10%; top: 0; right: 155px;}
	
.oshiete { width: 45%!important; display: block; margin: 0 auto;}
.aboutus-box { top: 0; text-align: center; overflow-wrap: anywhere;}
.aboutus { font-size: 460%; }
.kappyphoto { width: 70px; top: -85px; display: block; position: absolute; right: 45px;}
.kappyicon { width: 140% !important;}

.marker { font-size: 100%;}
#aboutkatsuura .twoPiece li { width: 47%; padding: 4% 0;}
#aboutkatsuura .twoPiece p { margin: 2% 1% 6%;}
/*#aboutkatsuura .imgBox img { object-fit: cover; border-radius: 0 45px 0 45px;} */
#aboutkatsuura .twoPiece-box { display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#aboutkatsuura .twoPiece-box p { height: 10.5rem;}
	
	
/*客室ページ追加　作成者松田202504*/
#room .twoPiece li:nth-child(2) { display: flex; flex-direction: column; position: relative; top: -50px;}
#room .voice dt { width: 5%;}
#room .voice dd { width: 95%;}
	
.bg-roomview { position: relative; }

.bg-roomview::before {
    content: "";
    position: absolute;
    width: 99.5vw;
    height: 40vh;
	margin: -50px calc(50% - 50vw);
    top: 200px;
    background: linear-gradient(0deg, #f8f2de, #f8f2de,transparent);
}
	
#room .room-view-asa, #room .room-view-yuuhi { width: 100%; border-radius: 20px; transition: width 0.3s;}
#room .twoPiece .imgBox img { width: 100%; border-radius: 20px; }
#room .separate-leftBox { width: 65%; }
#room .separate-leftBox img { width: 103%; }
#room .separate-rightBox { width: 35%; position: relative; top: 60px; filter: drop-shadow(3px 3px 3px rgba(210, 194, 185, 0.4)); }
#room #separate_02 .separate-leftBox img { position: relative; left: -3%; }
#room .separate-text { padding: 13% 8% 8%; }
#room .separate-text h2 { margin-bottom: 3%; }
.room-view-letter { position: static; }
#room .room-type-title { margin-bottom: 5%;}
.room-en-name { padding: 2% 0; margin-bottom: 2% !important; font-size: 100%; line-height: 0.9em; }
.room-panel-info { padding: 5% 8%; }
#room .view-box img { width: 99.5vw; height: 40vh; margin: -50px calc(50% - 50vw); padding-top: 9%; }	
.room_facility_map { padding: 3%; display: flex; flex-direction: row; align-items: center; }
.room_facility_map img { width: 50%; }
.room_facility_map p { padding-left: 30px; }
.plan-Btn-box { padding: 6%; }
a.plan-Btn { padding: 1.2rem 5rem; }
.sdgslogo{ width: 50%; margin: 0 0 3%; }

.accordion-label:hover {
	cursor:pointer;
	background-color: rgb(221, 0, 0, 0.8) !important;
	color: #fff !important; }
	
/*ふるさと納税ページ　作成者松田*/
#furusatonouzei #section01 .imgBox img { height: 60vh; }
	
/*宴会場ページ追加　作成者松田*/
.gp_bnr { text-align: right; }
.gp_bnr img { width: 40%; }
	
/*summerPage2025*/
/*#summerPage2025 article #mainImage { height: 80vh; margin: 0 auto 0; align-items: self-end;}*/
#summerPage2025 #subImage img { top: -100px; }
#summerPage2025 .separate-leftBox {background: none;}
#summerPage2025 #mainImage-text { top:300px;}
#summerPage2025 #mainImage-text p {
	width: 80%;
	font-size: 450%;
	text-shadow: 5px 5px 10px rgb(31 82 107 / 79%);
}
#summerPage2025 h2.h2-01 {width: 100%; margin: 2% 0 0 -100px;}
#summerPage2025 h2.h2-02 {width: 100%; margin: 2% -100px 0 0;}
#summerPage2025 .accordion-faq summary {
    padding: 1em 2em;
}
/*summerPage2025*/
	
/*プレミアムクラブ会員募集ページ*/
.premiumBox{max-width: 1200px;}
.premiumBoxInner02{ background: #fffef9; padding: 3%; margin: 0 0 10%;}
.premiumBtn{ max-width: 1200px; margin: 0 auto 5%;}
.pBtn-con{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; }
.pBtn-con div{width:48%; /*background:#5d483f;*/ margin:1% 26% 2% 26%;text-align: center;}
.pBtn-con div a{color:#fff; display:block; width:100%;padding:3%;}
.pBtn-con02{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; }
.pBtn-con02 div{width:48%;/*background:#9f978d;*/ margin:2% 0% 2% 0;text-align: center;}
.pBtn-con02 div a{color:#fff;display:block; width:100%;padding:3%;}
.pBtn-con02 .p-nav01{margin-right: 2%;}
.pBtn-con02 .p-nav02{margin:2% 0 2% 0;}
.premiumBtn .catchphrase{font-size: 200%; }
h2.TokutenTit{font-size: 140%; }
#kaiinTokuten tr, #kaiinTokuten th, #kaiinTokuten td { padding: 20px 10px;}
#kaiinTokuten th.diaBack { padding: 20px 10px; }
#kaiinTokuten th.left , #kaiinTokuten td.left {text-align: left; padding-left: 20px;}
	
/*ハロウィンフェア2025*/
#halloween2025 #section01 h1, #halloween2025 #section01 p { text-align: center; }
halloween2025 .Separate_cont-type01 , .Separate_cont-type02 { width: 100%; margin-bottom: 50px; display: flex; background: #fff; border-radius: 30px;}
#halloween2025 .Separate_cont-type01 {flex-direction: row;}
#halloween2025 .Separate_cont-type02 {flex-direction: row-reverse;}
#halloween2025 .Separate_cont-img { width: 40%;}
#halloween2025 .Separate_cont-img img { width: 90%; }
#halloween2025 .Separate_cont-text  { width: 60%; padding: 20px 20px 20px 40px; color: #000000; }
#halloween2025 .Separate_cont-text { position: relative; }
.pumpkin { top: 130px; left: 400px; }
.pumpkin img, .cat img { width: 190% }
.bat { top: 70px; right: 120px; }
.bat img { width: 220%; }
.cat { top: 130px; left: 400px; }

	
}


@media (min-width: 800px) {
	
/*waterIsland*/
#nami-sand { padding-top: 40%; }
/*waterIsland*/

/*summerEvent*/
#mainImage-text { top:220px;}
/*summerEvent*/

}


@media (min-width: 900px) {
	
/*summerEvent*/
#mainImage-text { top:280px;}
/*summerEvent*/
	
}

@media (min-width: 1000px) {

/* video */		
#language #video-wrap { height: 70vh; max-width: 1200px; margin: 0 auto;}
	
/*waterIsland*/	
#nami-sand { padding-top: 35%;}	
#bg-sand { margin: -15% auto 0;}
/*waterIsland*/
	
 /* 新着情報アーカイブ*/	
#archive li { width: 19%;}
#archive li img {
  height: 150px;
}

  /*お食事ページ　作成者松田*/
#cuisine .twoPiece .imgBox { height: auto;}

/*勝浦魅力ページ追加　作成者松田 */
#aboutkatsuura .letter-box li:last-child { right: 210px;}
#aboutkatsuura .letter-box h1 { font-size: 270%;}
#aboutkatsuura .letter-box p { font-size: 140%;}
#aboutkatsuura .twoPiece-box p { height: 8rem;}
.aboutus { font-size: 630%;} 
.marker { font-size: 120%;}

/*客室ページ追加　作成者松田*/
.room-view-letter { font-size: 115%; }
	
}

@media (min-width: 1300px) {
/*waterIsland*/
#nami-sand { padding-top: 30%;}
/*waterIsland*/
	
/*勝浦魅力ページ追加　作成者松田 */
.marker { font-size: 120%;}
	
/*客室ページ追加　作成者松田*/
#room .view-box img { height: 70vh; }
.bg-roomview::before { top: 400px;}
#room .room-view-asa, #room .room-view-yuuhi { height: 35vh; }
.room-view-letter { position: relative; top: -50px; }
	
}