@charset "UTF-8";

/*
------------------------------------------------------------
下層共通
------------------------------------------------------------
*/
/* ゲストルーム */
#guestRoom {
height: 20vh;
background: url(../img/guest_room/sun_guestRoom_mainImg.png) no-repeat;
background-size: 100%;
}

#guestRoom .sun-guestRoom-ttl,
#meeting-room .sun-meetingRoom-ttl,
#coworking-room .sun-meetingRoom-ttl,
#sightseeing .sun-sightseeing-ttl,
#corporate .sun-corporate-ttl,
#lunch .sun-lunch-ttl,
#breakfast .sun-breakfast-ttl,
#accessMap .sun-accessMap-ttl,
#m7 .sun-m7-ttl,
#blogContent .sun-blogContent-ttl,
#pamphlet .sun-pamphlet-ttl{
position: relative;
top: 0;
left: 0;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

#breakfast .sun-breakfast-ttl-sp {
display: none;
}

#guestRoom .sun-guestRoom-ttl img,
#sightseeing .sun-sightseeing-ttl img,
#corporate .sun-corporate-ttl img,
#lunch .sun-lunch-ttl img,
#accessMap .sun-accessMap-ttl img,
#blogContent .sun-blogContent-ttl img,
#pamphlet .sun-pamphlet-ttl img{
width: 15%;
}

/* 宴会場・会議室 */
#meeting-room {
height: 20vh;
background: url(../img/meeting_party/sun_meetingparty_mainImg.png) no-repeat;
background-size: 100%;
}

#meeting-room .sun-meetingRoom-ttl img,
#coworking-room .sun-meetingRoom-ttl img {
width: 16%;
}

/* キャンペーンページ */
#meeting-campaign {
height: 20vh;
background: url(../img/meeting_party/sun_meetingCampaign_mainImg.jpg) no-repeat;
background-size: 100%;
}

/* 宴会プラン */
#party-plan .sun-partyPlan-ttl {
display: none;
}

#party-plan {
height: 27vh;
background: url(../img/meeting_party/sun_partyPlan_mainImg.png) no-repeat;
background-size: 100%;
}

/* かりゆし */
#kariyushi {
height: 20vh;
background: url(../img/kariyushi/sun_kariyushi_mainImg.jpg) no-repeat 50% 50%;
background-size: cover;
}

#party-plan .sun-partyPlan-ttl img {
width: 20%;
display: block;
margin: 0 auto;
}

/* 周辺情報 */
#sightseeing {
height: 20vh;
background: url(../img/sightseeing/sun_sightseeing_mainImg.jpg) no-repeat;
background-size: 100%;
}

/* よくある質問 */
#corporate,
#accessMap {
height: 20vh;
background: url(../img/common/sun_corporate_mainImg.jpg) no-repeat;
background-size: 100%;
}

/* 過ごし方 */
#stayplan {
height: 22vh;
background: url(../img/plan/sun_stay_mainImg.jpg) no-repeat;
background-size: 100%;
position: relative;
}

#stayplan .sun-stayplan-ttl {
position: absolute;
width: 20%;
left: 50%;
margin-left: -10%;
}

#stayplan .sun-stayplan-ttl img {
width: 100%;
}

/* アンカー調整 */
#rentalKariyushi {
margin-top: -170px;
padding-top: 170px;
}

/* ランチ */
#lunch {
height: 30vh;
background: url(../img/breakfast_lunch/sun_lunch_mainImg.png) no-repeat;
background-size: 100%;
}

/* 朝食 */
#breakfast {
height: 20vh;
background: url(../img/breakfast_lunch/sun_breakfast_mainImg.png) no-repeat 50% 50%;
background-size: cover;
position: relative;
}

#breakfast .sun-breakfast-ttl {
width: auto;
position: absolute;
left: 7%;
top: 0;
}

/* 7つの魅力 */
#m7 {
height: 20vh;
background: url(../img/7-m/sun_7M_mainImg.png) no-repeat;
background-size: 100%;
}

#m7 .sun-m7-ttl img {
width: 15%;
margin-left: 10%;
}

/* ブログ */
#blogContent {
height: 20vh;
background: url(../img/common/sun_corporate_mainImg.jpg) no-repeat;
background-size: 100%;
}

/* アーカイブページ */
.archiveConten-box {
overflow: hidden;
padding: 2% 0;
border-bottom: solid 1px #cccccc;
}

.archive-thumnail {
float: left;
width: 30%;
margin-right: 5%;
}

.archive-thumnail img {
height: auto;
}

.archive-contentArea {
float: left;
width: 65%;
}

.archive h2 {
text-align: left;
font-size: 1.2rem;
}

/* 記事一覧 */
.contents {
overflow: hidden;
}

.contents section.blog {
float: left;
width: 70%;
margin-right: 5%;
}

.contents aside {
float: left;
width: 25%;
}

.contents aside h3 {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
margin-bottom: 2%;
}

.contents aside ul {
border: solid 1px #dcdcdc;
box-sizing: border-box;
border-bottom: none;
}

.contents aside ul li {
border-bottom: solid 1px #dcdcdc;
padding: 2%;
box-sizing: border-box;
line-height: 1.5em;
}

.contents aside ul li a {
font-weight: bold;
color: #000000;
text-decoration: none;
line-height: 1.5em;
padding: 1%;
}

.contents aside ul li a:hover {
text-decoration: underline;
}

.blog-area {
overflow: hidden;
}

.blog-areaImg {
float: left;
width: 20%;
margin-right: 5%;
}

.blog-areaImg img {
height: auto;
}

.blog-areaTxt {
float: left;
width: 75%;
}

.blog-areaTxt label {
background: #db600e;
color: #ffffff;
text-align: center;
padding: 0.5% 1%;
margin-left: 1%;
box-sizing: border-box;
display: -webkit-inline-box;
}

.blog-areaTxt h2 {
text-align: left;
font-size: 1.2rem;
}

.blog-areaTxt a h2 {
color: #000000;
text-decoration: none;
}

.blog-areaTxt a h2:hover {
text-decoration: underline;
}

.blog-areaTxt h4 {
}

/*
------------------------------------------------------------
ゲストルーム
------------------------------------------------------------
*/
div {
*zoom: 1;
}

div:after {
display: block;
content: "";
clear: both;
}

ul.contentBox-wrap {
margin-bottom: 20px;
overflow: hidden;
padding: 10px 0;
}

ul.contentBox-wrap li {
float: left;
width: 13.4%;
margin-right: 1%;
text-align: center;
cursor: pointer;
border: solid 1px #7e9137;
box-sizing: border-box;
border-radius: 5px;
position: relative;
color: #ffffff;
z-index: 999999;
}

ul.contentBox-wrap li:last-child {
margin-right: 0;
}

@media screen and (min-width: 1025px) {
ul.contentBox-wrap li:hover {
bottom: 10px;
}

ul.contentBox-wrap li:hover:after {
content: "▼";
color: #7e9137;
position: absolute;
bottom: -20px;
z-index: 0;
width: 14px;
left: 50%;
margin-left: -7px;
}
}

ul.contentBox-wrap li a {
text-decoration: none;
color: #ffffff;
display: block;
}

ul.contentBox-wrap li.current {
bottom: 10px;
}

ul.contentBox-wrap li.current:after {
content: "▼";
color: #7e9137;
position: absolute;
bottom: -20px;
width: 14px;
left: 50%;
margin-left: -7px;
}

ul.contentBox-wrap li h3 {
line-height: 1.5em;
position: relative;
background: #7e9137;
padding: 3% 0;
min-height: 43px;
}

ul.contentBox-wrap li h3 span {
display: block;
text-align: center;
position: absolute;
width: 100%;
top: 25%;
margin-left: -50%;
left: 50%;
}

ul.contentBox-wrap li p.sun-guestRoom-tabImg {
padding: 5% 5% 0;
box-sizing: border-box;
background: #ffffff;
width: 100%;
}

ul.contentBox-wrap li p.sun-guestRoom-tabImg img:hover {
opacity: 0.7;
}

ul.contentBox-wrap li p {
width: 100%;
background: #ffffff;
border-radius: 5px;
color: #7e9137;
}

ul.js-tab {
margin-bottom: 20px;
overflow: hidden;
padding: 10px 0;
display: flex;
justify-content: center;
}

ul.js-tab li {
width: 13.4%;
margin-right: 1%;
text-align: center;
cursor: pointer;
border: solid 1px #7e9137;
box-sizing: border-box;
border-radius: 5px;
display: flex;
position: relative;
flex-direction: column;
justify-content: space-between;
color: #ffffff;
z-index: 999999;
}

ul.js-tab li.partyPlan01 {
order: 1;
}

ul.js-tab li.partyPlan02 {
order: 2;
}

ul.js-tab li.partyPlan03 {
order: 3;
margin-right: 0;
}

ul.js-tab li.partyPlan04 {
order: 4;
}

ul.js-tab li.partyPlan05 {
order: 1;
}

@media screen and (min-width: 1025px) {
ul.js-tab li:hover {
bottom: 10px;
}

ul.js-tab li:hover:after {
content: "▼";
color: #7e9137;
position: absolute;
bottom: -20px;
z-index: 0;
width: 14px;
left: 50%;
margin-left: -7px;
}
}

ul.js-tab li a {
text-decoration: none;
color: #ffffff;
}

ul.js-tab li.select {
bottom: 10px;
}

ul.js-tab li.select:after {
content: "▼";
color: #7e9137;
position: absolute;
bottom: -20px;
width: 14px;
left: 50%;
margin-left: -7px;
}

ul.js-tab li h3 {
line-height: 1.5em;
/* position: relative; */
background: #7e9137;
/* padding: 0; */
/* min-height: 43px; */
display: flex;
flex-direction: column;
justify-content: center;
padding: 3% 0;
height: 100% !important;
}

ul.js-tab li h3 span {
display: block;
text-align: center;
position: absolute;
width: 100%;
top: 25%;
margin-left: -50%;
left: 50%;
}

ul.js-tab li p.osusume {
padding: 5px 0;
text-align: center;
color: #7e9137;
border-radius: 5px 5px 0 0;
}

ul.js-tab li p.sun-guestRoom-tabImg {
padding: 5% 5% 0;
box-sizing: border-box;
background: #ffffff;
width: 100%;
}

ul.js-tab li p.sun-guestRoom-tabImg img {
margin-bottom: 10px;
}

ul.js-tab li p.sun-guestRoom-tabImg img:hover {
opacity: 0.7;
}

ul.js-tab li p {
width: 100%;
background: #fff;
border-radius: 5px;
color: #7e9137;
}

.js-tab_content {
background: #7e9137;
color: #fff;
padding: 5% 7%;
}

/* 会席
---------------------------------------------------- */
.sun-partyPlan-guideBox .sun-lunchKaiseki-inner {
  font-family: "mutsukiNmin S";
  overflow: hidden;
}
.sun-partyPlan-guideBox .sun-lunchKaiseki-inner .sun-kaiseki-txtBox {
  float: right;
  width: 20%;
  position: relative;
}
.sun-partyPlan-guideBox .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox {
  float: left;
  width: 75%;
  margin-right: 5%;
  }

.sun-partyPlan-guideBox .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox p {
  width: 100%;
  }
.sun-partyPlan-guideBox .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox ul {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #333;
  display: flex;
  flex-direction: row-reverse;
}
.sun-partyPlan-guideBox .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox li {
  width: auto;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.sun-partyPlan-guideBox .sun-lunchKaiseki-inner-sp {
  display: none;
}

@media screen and (max-width: 1135px) {

  .sun-partyPlan-guideBox .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox ul {
  font-size: 1.4rem;
  line-height: 1.6em;
  }

}

.js-tab_content p {
width: 80%;
margin: 0 auto;
}

.js-tab_content.active {
display: block;
}

.js-tab_content .sun-guestRoom-guideBox {
width: 80%;
margin: 3% auto 0;
position: relative;
}

.js-tab_content h3 {
background: #fac54c;
text-align: center;
color: #000;
font-size: 1.2rem;
padding: 1% 0;
}

.sun-guestRoom-infoBox {
background: #fff;
padding: 3%;
box-sizing: border-box;
color: #000;
}

.sun-guestRoom-infoBox p {
width: 100%;
}

.sun-infoBox-inner {
overflow: hidden;
margin-top: 2%;
}

.sun-infoBox-inner h3 {
background: none;
margin-bottom: 1%;
}

.sun-infoBox-inner dl {
display: table;
width: 100%;
border-bottom: dotted 1px #929292;
font-size: 0.9rem;
}

.sun-infoBox-inner dl dt {
display: table-cell;
width: 40%;
vertical-align: middle;
text-align: center;
padding: 1% 0;
border-right: dotted 1px #929292;
}

.sun-infoBox-inner dl dd {
padding: 1% 0 1% 2%;
box-sizing: border-box;
}

.sun-guestRoom-infoBox .sun-roomBtn {
width: 80%;
margin: 5% auto 0;
}

.sun-guestRoom-infoBox .sun-roomBtn a {
display: block;
background: #db600e;
border: solid 1px #db600e;
box-sizing: border-box;
color: #fff;
text-align: center;
text-decoration: none;
padding: 1% 0;
border-radius: 5px;
font-size: 1.2rem;
}

.sun-guestRoom-infoBox .sun-roomBtn a i {
margin-left: 1%;
}

.sun-guestRoom-infoBox .sun-roomBtn a:hover {
background: none;
color: #db600e;
}

.infoBox-innerL {
float: left;
width: 60%;
margin-right: 3%;
}

.infoBox-innerR {
float: left;
width: 37%;
}

p.infoBox-innerR {
width: 37%;
}

p.infoBox-innerR img {
width: 75%;
display: block;
margin: 0 auto;
-webkit-backface-visibility: hidden;
}

p.infoBox-innerR.room55 img {
width: 55%;
}

/* 部屋タイプごとのスライダー */
#sunRoom-01,
#sunRoom-02,
#sunRoom-03,
#sunRoom-04,
#sunRoom-05,
#sunRoom-06,
#sunRoom-07,
#sunRoom-08,
#sunRoom-09,
#sunRoom-10 {
min-width: 100%;
overflow: hidden;
}

#sunRoom-01 .bx-viewport,
#sunRoom-02 .bx-viewport,
#sunRoom-03 .bx-viewport,
#sunRoom-04 .bx-viewport,
#sunRoom-05 .bx-viewport,
#sunRoom-06 .bx-viewport,
#sunRoom-07 .bx-viewport,
#sunRoom-08 .bx-viewport,
#sunRoom-09 .bx-viewport,
#sunRoom-10 .bx-viewport {
background: transparent !important;
border: 0;
//z-index: 1;
}

#sunRoom-01 .bx-wrapper .bx-prev,
#sunRoom-01 .bx-wrapper .bx-next,
#sunRoom-02 .bx-wrapper .bx-prev,
#sunRoom-02 .bx-wrapper .bx-next,
#sunRoom-03 .bx-wrapper .bx-prev,
#sunRoom-03 .bx-wrapper .bx-next,
#sunRoom-04 .bx-wrapper .bx-prev,
#sunRoom-04 .bx-wrapper .bx-next,
#sunRoom-05 .bx-wrapper .bx-prev,
#sunRoom-05 .bx-wrapper .bx-next,
#sunRoom-06 .bx-wrapper .bx-prev,
#sunRoom-06 .bx-wrapper .bx-next,
#sunRoom-07 .bx-wrapper .bx-prev,
#sunRoom-07 .bx-wrapper .bx-next,
#sunRoom-08 .bx-wrapper .bx-prev,
#sunRoom-08 .bx-wrapper .bx-next,
#sunRoom-09 .bx-wrapper .bx-prev,
#sunRoom-09 .bx-wrapper .bx-next,
#sunRoom-10 .bx-wrapper .bx-prev,
#sunRoom-10 .bx-wrapper .bx-next {
display: none;
}

#sunRoom-01 .bx-wrapper .bx-pager,
#sunRoom-01 .bx-wrapper .bx-controls-auto,
#sunRoom-02 .bx-wrapper .bx-pager,
#sunRoom-02 .bx-wrapper .bx-controls-auto,
#sunRoom-03 .bx-wrapper .bx-pager,
#sunRoom-03 .bx-wrapper .bx-controls-auto,
#sunRoom-04 .bx-wrapper .bx-pager,
#sunRoom-04 .bx-wrapper .bx-controls-auto,
#sunRoom-05 .bx-wrapper .bx-pager,
#sunRoom-05 .bx-wrapper .bx-controls-auto,
#sunRoom-06 .bx-wrapper .bx-pager,
#sunRoom-06 .bx-wrapper .bx-controls-auto,
#sunRoom-07 .bx-wrapper .bx-pager,
#sunRoom-07 .bx-wrapper .bx-controls-auto,
#sunRoom-08 .bx-wrapper .bx-pager,
#sunRoom-08 .bx-wrapper .bx-controls-auto,
#sunRoom-09 .bx-wrapper .bx-pager,
#sunRoom-09 .bx-wrapper .bx-controls-auto,
#sunRoom-10 .bx-wrapper .bx-pager,
#sunRoom-10 .bx-wrapper .bx-controls-auto {
bottom: 0;
}

#sunRoom-01 .bx-wrapper,
#sunRoom-02 .bx-wrapper,
#sunRoom-03 .bx-wrapper,
#sunRoom-04 .bx-wrapper,
#sunRoom-05 .bx-wrapper,
#sunRoom-06 .bx-wrapper,
#sunRoom-07 .bx-wrapper,
#sunRoom-08 .bx-wrapper,
#sunRoom-09 .bx-wrapper,
#sunRoom-10 .bx-wrapper {
margin-bottom: 0;
}

/* スマホver */
dl.accordion {
width: 100%;
}

dl.accordion > dt {
border-bottom: 1px solid #eee;
color: #ffffff;
height: 10vh;
font-size: 1.2rem;
padding: 1% 1% 1% 3%;
box-sizing: border-box;
text-shadow: 1px 1px 3px #000;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
}

dl.accordion > dt.open i {
position: absolute;
right: 2%;
}

dl.accordion > dt i {
position: absolute;
right: 2%;
}

dl.accordion > dt a {
display: block;
color: #ffffff;
text-decoration: none;
}

dl.accordion-room {
width: 100%;
}

dl.accordion-room > dt {
border-bottom: 1px solid #eee;
color: #ffffff;
height: 10vh;
line-height: 10vh;
font-size: 1.2rem;
padding: 1% 1% 1% 3%;
box-sizing: border-box;
text-shadow: 1px 1px 3px #000;
overflow: hidden;
position: relative;
}

dl.accordion-room > dt.open i {
position: absolute;
top: 25%;
right: 2%;
}

dl.accordion-room > dt i {
position: absolute;
top: 35%;
right: 2%;
}

dl.accordion-room > dt a {
display: block;
color: #ffffff;
text-decoration: none;
}

dl.accordion-room > dt.roomsingle {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-01.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.roomDeluxe {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-02.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.roomSmall {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-03.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.roomStandard {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-04.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.roomModerate {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-05.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.roomJapanese {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-06.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.roomPremium {
background: url(../img/guest_room/sun_guestRoom_sp_tabImg-07.jpg) no-repeat left 50% #666666;
background-size: 140%;
background-blend-mode: multiply;
}

dl.accordion-room > dt.open {
height: auto;
line-height: 1.5em;
}

dl.accordion-room > dt.open + dd {
display: block !important;
}

dl.accordion-room > dd {
background: #7e9137;
padding: 2% 3%;
box-sizing: border-box;
line-height: 1.5em;
display: block !important;
}

dl.accordion-room > dd h3 {
background: #fac54c;
margin-top: 3%;
}

dl.accordion-room dd .sun-guestRoom-infoBox h3 {
background: none;
}

dl.accordion-room dd .sun-guestRoom-infoBox .sun-infoBox-inner .infoBox-innerL,
dl.accordion-room dd .sun-guestRoom-infoBox .sun-infoBox-inner .infoBox-innerR {
width: 100%;
float: none;
margin: 0;
}

@media screen and (max-width: 568px) {
#partyPlan-wrap dl.accordion > dt {
font-size: 0.9rem;
}
}

/*
------------------------------------------------------------
宴会場・会議室
------------------------------------------------------------
*/
#meetingRoom-wrap ul.js-tab li {
width: 15.8%;
}

.meetingRoom-partyRoom-link {
overflow: hidden;
width: 60%;
margin: 5% auto;
position: relative;
z-index: 9999999;
}

.meetingRoom-partyRoom-link li {
width: 48%;
margin-right: 4%;
box-sizing: border-box;
text-align: center;
font-size: 1.3rem;
float: left;
}

.meetingRoom-partyRoom-link li:last-child {
margin-right: 0;
}

.meetingRoom-partyRoom-link li a {
display: block;
text-align: center;
box-sizing: border-box;
padding: 2% 0;
color: #ffffff;
background: #9ca774;
border: solid 1px #9ca774;
box-sizing: border-box;
text-decoration: none;
border-radius: 5px;
}

.meetingRoom-partyRoom-link li a:hover {
background: #7e9137;
color: #ffffff;
border: solid 1px #7e9137;
}

.meetingRoom-partyRoom-link li.current {
color: #ffffff;
border: solid 1px #7e9137;
padding: 1% 0;
background: #7e9137;
border-radius: 5px;
}

.meetingRoom-partyRoomDetails {
background: #98a75f;
padding: 2%;
box-sizing: border-box;
margin: 0 auto;
max-width: 699px;
overflow: hidden;
}

@media screen and (max-width: 1120px) {
.meetingRoom-partyRoomDetails {
width: 80%;
}
}

.partyRoomDetails-inner {
text-align: center;
width: 49%;
margin-right: 2%;
float: left;
}

.partyRoomDetails-inner:last-child {
margin-right: 0;
}

.partyRoomDetails-inner p {
width: 100%;
}

.partyRoomDetails-inner a {
display: block;
border-radius: 5px;
background: #ffffff;
border: solid 1px #ffffff;
box-sizing: border-box;
color: #7e9137;
text-align: center;
text-decoration: none;
padding: 1% 0;
font-size: 1.2rem;
}

.partyRoomDetails-inner a:hover {
background: none;
color: #ffffff;
}

.partyRoomDetails-inner a i {
margin-left: 1%;
}

#meetingRoom-wrap .infoBox-innerL {
width: 55%;
}

#meetingRoom-wrap .infoBox-innerL .sun-meetingDetails {
overflow: hidden;
}

#meetingRoom-wrap .infoBox-innerL .sun-meetingDetails dl {
display: block;
float: left;
width: 33%;
border-right: dotted 1px #929292;
text-align: center;
box-sizing: border-box;
}

#meetingRoom-wrap .infoBox-innerL .sun-meetingDetails dl:last-child {
border-right: 0;
}

#meetingRoom-wrap .infoBox-innerL .sun-meetingDetails dl dt {
display: block;
width: 100%;
border-right: 0;
border-bottom: dotted 1px #929292;
}

#meetingRoom-wrap .infoBox-innerR {
width: 42%;
}

#meetingRoom-wrap .infoBox-innerR > ul {
display: flex;
justify-content: center;
}

#meetingRoom-wrap .infoBox-innerR li {
flex-basis: 107px;
text-align: center;
margin-right: 20px;
}

#meetingRoom-wrap .infoBox-innerR li img {
width: 110px;
height: auto;
}

#meetingRoom-wrap .infoBox-innerR > ul > li:last-child {
margin-right: 0px;
}

.js-tab_content.palacecourt p {
width: 80%;
margin: 0 auto 0;
}

/*
#meetingRoom-wrap .infoBox-innerR > ul > li img {
width: 60%;
}
*/
#meetingRoom-wrap dl.accordion-room > dt.meetingBig {
background: url(../img/meeting_party/sun_meetingparty_sp_tabImg-01.jpg) no-repeat center bottom #666;
background-size: 140%;
background-blend-mode: multiply;
}

#meetingRoom-wrap dl.accordion-room > dt.meetingPalacecourtA {
background: url(../img/meeting_party/sun_meetingparty_sp_tabImg-02.jpg) no-repeat center bottom #666;
background-size: 140%;
background-blend-mode: multiply;
}

#meetingRoom-wrap dl.accordion-room > dt.meetingPalacecourtB {
background: url(../img/meeting_party/sun_meetingparty_sp_tabImg-03.jpg) no-repeat center bottom #666;
background-size: 140%;
background-blend-mode: multiply;
}

#meetingRoom-wrap dl.accordion-room > dt.meetingAll {
background: url(../img/meeting_party/sun_meetingparty_sp_tabImg-04.jpg) no-repeat center bottom #666;
background-size: 140%;
background-blend-mode: multiply;
}

#meetingRoom-wrap dl.accordion-room > dt.meetingAkemodoro {
background: url(../img/meeting_party/sun_meetingparty_sp_tabImg-05.jpg) no-repeat center bottom #666;
background-size: 140%;
background-blend-mode: multiply;
}

#meetingRoom-wrap dl.accordion-room > dt.meetingSamurai {
background: url(../img/meeting_party/sun_meetingparty_sp_tabImg-06.jpg) no-repeat center bottom #666;
background-size: 140%;
background-blend-mode: multiply;
}

#meetingRoom-wrap dl.accordion-room > dt.open {
height: auto;
line-height: 1.5em;
}

#meetingRoom-wrap dl.accordion-room > dt.open + dd {
display: block !important;
}

#meetingRoom-wrap ul.contentBox-wrap li {
width: 15.8%;
}

#meetingRoom-wrap dl.accordion > dt.open {
height: auto;
}

#meetingRoom-wrap dl.accordion > dt.open + dd {
display: block !important;
}

.meetingCampaing {
width: 100%;
margin: 0 auto;
}

.meetingCampaing ul {
overflow: hidden;
}

.meetingCampaing ul li {
float: left;
width: 49%;
margin-right: 1%;
}

.meetingCampaing ul li:last-child {
margin-right: 0;
}

/* キャンペーンページ */
.meetingRoom-campaign {
width: 95%;
margin: 0 auto;
padding: 5% 0;
}

.meetingRoom-campaign ul {
overflow: hidden;
margin: 0 auto;
box-sizing: border-box;
}

.meetingRoom-campaign ul li {
float: left;
width: 32%;
margin: 0 2% 2% 0;
background: #ffffff;
padding-bottom: 2%;
}

.meetingRoom-campaign ul li:nth-child(1),
.meetingRoom-campaign ul li:nth-child(2) {
width: 49%;
}

.meetingRoom-campaign ul li:nth-child(2) {
margin-right: 0;
}

.meetingRoom-campaign ul li:last-child {
margin-right: 0;
}

.meetingRoom-campaign ul li p {
width: 100%;
margin-top: 0;
}

.meetingRoom-campaign ul li h3 {
background: #fac54c;
color: #000000;
text-align: center;
font-weight: bold;
padding: 1% 0;
box-sizing: border-box;
}

.meetingRoom-campaign ul li dl {
width: 95%;
margin: 0 auto;
display: table;
border-bottom: solid 1px #dcdcdc;
}

.meetingRoom-campaign ul li dl dt {
display: table-cell;
vertical-align: middle;
width: 40%;
text-align: center;
padding: 1% 0;
}

.meetingRoom-campaign ul li dl dd {
display: table-cell;
vertical-align: middle;
text-align: left;
border-left: solid 1px #dcdcdc;
box-sizing: border-box;
padding: 1% 0 1% 1%;
}

.meetingRoom-campaign ul li dl dd span {
font-weight: bold;
color: #ff0000;
font-size: 1.35rem;
}

/* 吹き出しアイコン
.meetingRoom-campaign ul li dl dd span {
position: relative;
margin: 0 0 0 15px;
padding: 2%;
box-sizing: border-box;
color: #ffffff;
font-size: 1.3rem;
background: #da600d;
font-weight: bold;
display: -webkit-inline-box
}

.meetingRoom-campaign ul li dl dd span:before{
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #da600d;
}
.meetingRoom-campaign ul li:nth-child(3) dl dd span,
.meetingRoom-campaign ul li:nth-child(4) dl dd span,
.meetingRoom-campaign ul li:nth-child(5) dl dd span {
position: relative;
display: table;
width: 60%;
margin: 3% 0 0 0;
padding: 1% 5%;
box-sizing: border-box;
color: #ffffff;
font-size: 1.3rem;
background: #da600d;
font-weight: bold;
}
.meetingRoom-campaign ul li:nth-child(3) dl dd span:before,
.meetingRoom-campaign ul li:nth-child(4) dl dd span:before,
.meetingRoom-campaign ul li:nth-child(5) dl dd span:before {
content: "";
position: absolute;
top: 0;
left: 10%;
margin-top: -20px;
border: 10px solid transparent;
border-bottom: 15px solid #da600d;
}*/
/*
------------------------------------------------------------
宴会プラン
------------------------------------------------------------
*/
#partyPlan-wrap ul.js-tab li {
width: 19.2%;
background: #fff;
}

.sun-partyPlan-guideBox {
background: #ffffff;
padding: 4%;
box-sizing: border-box;
width: 100%;
margin: 5% auto 0;
}

.sun-partyPlan-guideBox p.bentouB {
text-align: center;
color: #000;
margin: 20px 0 40px;
}

.sun-partyPlan-guideBox .colum2 {
overflow: hidden;
}

.sun-partyPlan-guideBox .colum2 .columInner {
float: left;
width: 49%;
margin-right: 2%;
color: #000000;
}

.sun-partyPlan-guideBox .colum2 .columInner:last-child {
margin-right: 0;
}

.sun-partyPlan-guideBox .colum2 .columInner dl {
width: 100%;
display: table;
border: solid 1px #000000;
border-bottom: none;
box-sizing: border-box;
}

.sun-partyPlan-guideBox .colum2 .columInner dl:last-child {
border-bottom: solid 1px #000000;
}

.sun-partyPlan-guideBox .colum2 .columInner dl dt {
display: table-cell;
width: 25%;
text-align: right;
padding: 1% 1% 1% 0;
box-sizing: border-box;
vertical-align: middle;
}

.sun-partyPlan-guideBox .colum2 .columInner dl dd {
display: table-cell;
vertical-align: middle;
padding: 1%;
box-sizing: border-box;
border-left: solid 1px #000000;
text-align: left;
}

.sun-partyPlan-guideBox p {
width: 90%;
}

.sun-partyPlan-guideBox ul {
overflow: hidden;
width: 80%;
margin: 5% auto;
}

.sun-partyPlan-guideBox ul li {
float: left;
width: 48%;
margin-right: 2%;
}

.sun-partyPlan-guideBox ul li:last-child {
margin-right: 0;
}

.sun-partyPlan-guideBox ul li a {
display: block;
border: solid 1px #db600e;
box-sizing: border-box;
background: #db600e;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 1% 0;
border-radius: 5px;
font-size: 1.1rem;
}

.sun-partyPlan-guideBox ul li a:hover {
background: none;
color: #db600e;
}

.sun-partyPlan-guideBox ul li:last-child a {
background: #7e9137;
border: solid 1px #7e9137;
}

.sun-partyPlan-guideBox ul li:last-child a:hover {
background: none;
color: #7e9137;
}

.sun-partyPlan-guideBox ul li a i {
margin-left: 1%;
}

#partyPlan-wrap dl.accordion > dt:nth-child(1) {
  background: url(../img/meeting_party/sun_partyPlan_sp_tabImg-04.jpg) no-repeat left bottom #666666;

background-size: 100%;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
}

#partyPlan-wrap dl.accordion > dt:nth-child(3) {
  background: url(../img/meeting_party/sun_partyPlan_sp_tabImg-06.webp) no-repeat left bottom #666666;
background-size: 100%;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
}

/*  */
#partyPlan-wrap dl.accordion > dt:nth-child(5) {
  background: url(../img/meeting_party/sun_partyPlan_sp_tabImg-03.jpg) no-repeat left bottom #666666;
 
background-size: 100%;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
}

#partyPlan-wrap dl.accordion > dt:nth-child(7) {
background: url(../img/meeting_party/sun_partyPlan_sp_tabImg-02.jpg) no-repeat left bottom #666666;
background-size: 100%;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
}

#partyPlan-wrap dl.accordion > dt:nth-child(9) {
background: url(../img/meeting_party/sun_partyPlan_sp_tabImg-05.jpg) no-repeat left bottom #666666;
background-size: 100%;
background-color: rgba(0, 0, 0, 0.7);
background-blend-mode: multiply;
}

#partyPlan-wrap dl.accordion > dt.open {
background-color: rgba(0, 0, 0, 0.1);
background-blend-mode: multiply;
}

#partyPlan-wrap dl.accordion > dt.open + dd {
display: block !important;
}

/*
------------------------------------------------------------
周辺情報
------------------------------------------------------------
*/
.palace-sightseeingBox {
overflow: hidden;
}

.palace-sightseeingBox li {
float: left;
width: 31.3%;
margin: 0 3% 5% 0;
}

.palace-sightseeingBox li:nth-child(3n) {
margin-right: 0;
}

.palace-sightseeingBox li p {
width: 100%;
padding-left: 1% 0;
}

.palace-sightseeingBox li h3 {
font-size: 1.5rem;
border-bottom: dotted 1px #aaa8a4;
padding-bottom: 2%;
line-height: 2em;
}

.palace-sightseeingBox li p.sightseeingDetails {
border-bottom: dotted 1px #aaa8a4;
line-height: 2em;
}

/*
------------------------------------------------------------
よくある質問
------------------------------------------------------------
*/
.faqBox {
background: #ffffff;
padding: 5% 2%;
box-sizing: border-box;
}

.faqBox .faq-boxInner {
width: 55%;
margin: 0 auto;
}

.faqBox .faq-boxInner h3 {
text-align: center;
font-size: 1.3rem;
border-bottom: dotted 1px #929292;
padding-bottom: 1%;
margin-bottom: 3%;
}

.faqBox .faq-boxInner dl {
margin-bottom: 10%;
}

.faqBox .faq-boxInner dl dt {
font-weight: bold;
padding: 1% 0;
}

.faqBox .faq-boxInner dl dt:before {
content: "Q：";
}

.faqBox .faq-boxInner dl dd {
background: #fef9ed;
padding: 1% 1.5em;
box-sizing: border-box;
text-indent: -1.5em;
margin-bottom: 2.5%;
}

.faqBox .faq-boxInner dl dd:before {
content: "A：";
}

.faqBox .faq-boxInner a {
font-weight: bold;
}

.faqBox .faq-boxInner a :hover {
text-decoration: none;
}

.faqBox .faq-boxInner a i {
display: inline;
margin-left: 1%;
}

/*
------------------------------------------------------------
ホテル概要
------------------------------------------------------------
*/
.sun-aboutBox {
background: #ffffff;
padding: 5% 2%;
box-sizing: border-box;
}

.sun-aboutBox .about-boxInner {
width: 55%;
margin: 0 auto;
}

.sun-aboutBox .about-boxInner dl {
display: table;
width: 100%;
border-bottom: dotted 1px #969593;
}

.sun-aboutBox .about-boxInner dl:first-child {
border-top: dotted 1px #969593;
}

.sun-aboutBox .about-boxInner dl dt {
display: table-cell;
background: #fef9ed;
text-align: center;
vertical-align: middle;
padding: 2%;
width: 22%;
}

.sun-aboutBox .about-boxInner dl dd {
padding: 2%;
display: table-cell;
text-align: left;
box-sizing: border-box;
}

.sun-aboutBox .about-boxInner dl dd > dl {
display: table;
width: 100%;
}

.sun-aboutBox .about-boxInner dl dd > dl > dt {
background: none;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 1% 0;
border-right: dotted 1px #969593;
width: 25%;
}

.sun-aboutBox .about-boxInner dl dd > dl > dd {
display: table-cell;
padding: 1%;
box-sizing: border-box;
text-align: left;
}

.sun-aboutBox .about-boxInner dl dd > dl:first-child {
border-top: none;
}

.sun-aboutBox .about-boxInner dl dd > dl:last-child {
border-bottom: none;
}

/*
------------------------------------------------------------
プライバシーポリシー
------------------------------------------------------------
*/
.sun-policyBox {
background: #ffffff;
padding: 5% 2%;
box-sizing: border-box;
}

.sun-policyBox .policy-boxInner {
width: 55%;
margin: 0 auto;
}

.sun-policyBox .policy-boxInner h3 {
text-align: left;
font-size: 1.5rem;
}

#corporate-wrap .sun-policyBox .policy-boxInner p {
width: 100%;
margin-bottom: 5%;
}

#corporate-wrap .sun-policyBox .policy-boxInner ul {
margin-bottom: 5%;
}

#corporate-wrap .sun-policyBox .policy-boxInner ul li {
text-indent: -1em;
padding-left: 1em;
}

/*
------------------------------------------------------------
宿泊約款
------------------------------------------------------------
*/
.sun-yakkanBox {
background: url(../img/bg-00123.png) repeat-x top center #fff;
padding: 5% 2%;
box-sizing: border-box;
}

.sun-yakkanBox .yakkan-boxInner {
width: 55%;
margin: 0 auto;
}

.sun-yakkanBox .yakkan-boxInner h3 {
text-align: left;
font-size: 1.5rem;
margin-bottom: 2%;
margin-top: 7%;
}

.sun-yakkanBox .yakkan-boxInner h3:first-child {
margin-top: 0;
}

.sun-yakkanBox .yakkan-boxInner h4 {
font-size: 1.1rem;
}

.sun-wrap-inner.bottom {
  margin: 0 auto;
}

.sun-yakkanBox .yakkan-boxInner p {
width: 100%;
}

.sun-yakkanBox .yakkan-boxInner ol li {
text-indent: -2.6em;
padding-left: 2.6em;
}

.sun-yakkanBox .yakkan-boxInner dl {
}

.sun-yakkanBox .yakkan-boxInner > dl {
display: table;
width: 100%;
margin-top: 1%;
}

.sun-yakkanBox .yakkan-boxInner > dl > dt {
display: table-cell;
vertical-align: middle;
width: 30%;
padding: 0 1%;
box-sizing: border-box;
border: solid 1px #969593;
border-right: none;
}

.sun-yakkanBox .yakkan-boxInner > dl > dd {
display: table-cell;
box-sizing: border-box;
}

.sun-yakkanBox .yakkan-boxInner > dl > dd > dl {
display: table;
width: 100%;
border: solid 1px #969593;
border-bottom: none;
box-sizing: border-box;
}

.sun-yakkanBox .yakkan-boxInner > dl > dd > dl:last-child {
border-bottom: solid 1px #969593;
}

.sun-yakkanBox .yakkan-boxInner > dl > dd > dl > dt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 20%;
border-right: solid 1px #969593;
}

.sun-yakkanBox .yakkan-boxInner > dl > dd > dl > dd {
display: table-cell;
vertical-align: middle;
padding: 1%;
box-sizing: border-box;
}

.sun-yakkanBox .yakkan-boxInner table {
border: solid 1px #969593;
width: 100%;
margin-top: 1%;
}

.sun-yakkanBox .yakkan-boxInner table th {
background: #cccccc;
font-weight: normal;
border: solid 1px #000000;
font-size: 0.9rem;
}

.sun-yakkanBox .yakkan-boxInner table td {
border: solid 1px #000000;
text-align: center;
font-size: 0.9rem;
}

/*
------------------------------------------------------------
施設紹介
------------------------------------------------------------
*/
.sun-facilitiesBox ul {
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}

.sun-facilitiesBox ul li {
width: 29%;
margin: 0 2% 6% 0;
}

.sun-facilitiesBox ul li:nth-child(3n),
.sun-facilitiesBox ul li:nth-child(6n),
.sun-facilitiesBox ul li:nth-child(9n) {
margin-right: 0;
}

.sun-facilitiesBox ul li p {
width: 100%;
}

.sun-facilitiesBox ul li h3 {
font-size: 1rem;
font-weight: bold;
padding-bottom: 2%;
line-height: 2em;
border-bottom: dotted 1px #aaa8a4;
}

.facilitiesDetails {
border-bottom: dotted 1px #aaa8a4;
line-height: 2em;
}

.sun-facilities-summaryBox {
background: #ffffff;
padding: 5% 2%;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner {
width: 70%;
margin: 0 auto;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut {
overflow: hidden;
border-top: dotted 1px #949494;
border-bottom: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl {
float: left;
width: 50%;
border-right: dotted 1px #949494;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl:last-child {
border-right: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl dt {
background: #fef9ed;
text-align: center;
padding: 2% 0;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl dd {
color: #db600e;
font-size: 1.5rem;
text-align: center;
padding: 2% 0;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl dd span {
font-size: 1rem;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl {
display: table;
width: 100%;
border-top: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl:last-child {
border-bottom: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dt {
display: table-cell;
background: #fef9ed;
vertical-align: middle;
text-align: center;
padding: 1%;
box-sizing: border-box;
width: 30%;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dd {
display: table-cell;
vertical-align: middle;
padding: 1%;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dd > dl {
display: table;
width: 100%;
border-bottom: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dd > dl:last-child {
border-bottom: none;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dd > dl > dt {
display: table-cell;
border-right: dotted 1px #949494;
width: 20%;
vertical-align: middle;
text-align: center;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dd > dl > dd {
display: table-cell;
vertical-align: middle;
padding: 1%;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner p {
width: 100%;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox {
overflow: hidden;
border-bottom: dotted 1px #949494;
border-top: dotted 1px #949494;
border-right: dotted 1px #949494;
margin-top: 5%;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl {
float: left;
width: 20%;
border-right: dotted 1px #949494;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:last-child {
border-right: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl dt {
border-bottom: dotted 1px #949494;
background: #fef9ed;
text-align: center;
padding: 1% 0;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl dd {
color: #db600e;
font-size: 1rem;
text-align: center;
padding: 2% 0;
box-sizing: border-box;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl dd span {
font-size: 1.5rem;
}

/*
------------------------------------------------------------
お客様の声 20181127追加
------------------------------------------------------------
*/
.gallery-post {
margin-bottom: 2%;
border-bottom: 1px dotted #ccc;
}

.ttl-bar-year {
background: #da600d;
padding: 1.2%;
margin-bottom: 4%;
color: #fff;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.5em;
}

.gallery-post .ttl-bar-month {
padding: 1%;
margin-bottom: 2%;
color: #333;
text-align: center;
font-size: 1.5rem;
line-height: 1.5em;
}

/*
------------------------------------------------------------
お問合せ
------------------------------------------------------------
*/
#sun-contact #corporate {
height: 35vh;
}

.sun-contactList h2 {
background: #7e9137;
text-align: center;
color: #ffffff;
line-height: 1em;
padding: 10px;
margin-bottom: 1em;
}

.sun-contactList h2 span {
font-size: small;
}

.sun-contact-listInner {
overflow: hidden;
margin: 0 auto;
}

.sun-contact-listInner .list-box {
float: left;
width: 48%;
margin-right: 2%;
}

.sun-contact-listInner .list-box:last-child {
margin-right: 0;
width: 50%;
padding-top: 2%;
}

.sun-contact-listInner .list-box h3 {
font-size: 2rem;
margin-bottom: 5%;
line-height: 1.5em;
}

.sun-contact-listInner .list-box p {
width: 100%;
text-align: left;
}

.sun-contact-listInner .list-box h3.vietnam-h3 {
font-size: 1.6rem;
margin-bottom: 5%;
line-height: 1.5em;
}

.sun-contact-listInner .list-box p.vietnam-p {
font-size: 1.2rem;
width: 100%;
text-align: left;
}

.sun-contact-listInner .list-box .list-contactBtn {
width: 80%;
margin: 5% auto 0;
}

.sun-contact-listInner .list-box .list-contactBtn a {
display: block;
border: solid 1px #da600d;
box-sizing: border-box;
text-align: center;
color: #ffffff;
background: #da600d;
text-decoration: none;
padding: 1% 0;
border-radius: 5px;
}

.sun-contact-listInner .list-box .list-contactBtn a:hover {
background: none;
color: #da600d;
}

.sun-contact-listInner .list-box .list-contactBtn a i {
margin-left: 1%;
}

/* 通常のお問合せ */
.contactForm form {
background: none;
}

.contactForm form dl dt {
font-size: 1rem;
color: #000000;
text-align: left;
font-weight: normal;
}

.contactForm form dl dt span {
display: -webkit-inline-box;
}

.contactForm form dl dt:after {
display: none;
}

.sun-contactBox a {
color: #db600e;
text-decoration: underline;
font-weight: bold;
}

.sun-contactBox a:hover {
text-decoration: none;
}

.sun-contact-Box {
background: #ffffff;
padding: 5% 2%;
box-sizing: border-box;
}

.sun-contact-Box .contact-boxInner {
width: 55%;
margin: 0 auto;
}

.sun-contact-Box .contact-boxInner p {
width: 100%;
margin-bottom: 3%;
font-size: 0.9rem;
}

.sun-contact-Box .contact-boxInner p span {
color: #ff0000;
}

.sun-contact-Box .contact-boxInner dl {
display: table;
width: 100%;
border-top: dotted 1px #999999;
}

.sun-contact-Box .contact-boxInner dl.palace-reply {
border-bottom: dotted 1px #999999;
}

.sun-contact-Box .contact-boxInner dl.palace-reply input {
width: auto;
}

.sun-contact-Box .contact-boxInner dl dt {
display: table-cell;
width: 20%;
vertical-align: middle;
background: #fef9ed;
padding: 1%;
box-sizing: border-box;
text-align: center;
}

.sun-contact-Box .contact-boxInner dl dt span {
background: #ff0000;
color: #ffffff;
text-align: center;
padding: 1% 3%;
font-size: 0.8rem;
margin-left: 10%;
box-sizing: border-box;
}

.sun-contact-Box .contact-boxInner dl dd {
display: table-cell;
width: 100%;
padding: 1%;
vertical-align: middle;
box-sizing: border-box;
}

.sun-contact-Box .contact-boxInner dl dd input,
.sun-contact-Box .contact-boxInner dl dd textarea,
.sun-contact-Box .contact-boxInner dl dd select {
width: 100%;
padding: 1%;
box-sizing: border-box;
}

.sun-contact-Box .contact-boxInner .palace-contactBtn input[type="submit"i] {
background: #db600e;
color: #ffffff;
text-align: center;
border: solid 1px #db600e;
border-radius: 5px;
box-sizing: border-box;
padding: 1% 0;
letter-spacing: 2px;
font-size: 1.3rem;
margin-top: 5%;
display: block;
width: 100%;
}

.sun-contact-Box .contact-boxInner .palace-contactBtn i {
margin-left: 1%;
}

.sun-contact-Box .contact-boxInner .palace-contactBtn input[type="submit"i]:hover {
background: none;
cursor: pointer;
color: #db600e;
}

#sun-contact .sun-column2Btn-green {
width: 90%;
}

/* 送信後のメッセージ */
.screen-reader-response,
.wpcf7-response-output {
text-align: center;
font-weight: bold;
font-size: 1.5rem;
color: #db600e;
padding: 2% 0;
box-sizing: border-box;
}

/*
------------------------------------------------------------
ランチ
------------------------------------------------------------
*/
@font-face {
src: url("../font/MutsukiNmin-S.ttf");
font-family: "mutsukiNmin S";
}

#lunch-wrap {
margin-top: -2%;
}

#lunch-wrap .sun-lunchInformation {
width: 60%;
margin: 3% auto 0;
}

#lunch-wrap .sun-lunchInformation h2 {
margin-bottom: 2%;
}

#lunch-wrap .sun-lunchInformation dl {
display: table;
width: 100%;
border-bottom: dotted 1px #908f8e;
font-weight: bold;
}

#lunch-wrap .sun-lunchInformation dl:last-child {
border-bottom: dotted 1px #908f8e;
}

#lunch-wrap .sun-lunchInformation dl dt {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 30%;
padding: 1% 0;
}

#lunch-wrap .sun-lunchInformation dl dd {
display: table-cell;
vertical-align: middle;
text-align: center;
border-left: dotted 1px #908f8e;
box-sizing: border-box;
padding: 1% 0;
}

#lunch-wrap .sun-lunchInformation p {
width: 100%;
}

#sun-lunch-monthlyMenu h2 {
font-size: 2.5rem;
font-family: "mutsukiNmin S";
color: #011a3f;
}

#sun-lunch-monthlyMenu ul.menuBox {
overflow: hidden;
font-family: "mutsukiNmin S";
color: #011a3f;
}

#sun-lunch-monthlyMenu ul.menuBox li {
float: left;
width: 33.3%;
padding: 5% 2%;
box-sizing: border-box;
border-left: dotted 1px #838382;
border-bottom: dotted 1px #838382;
position: relative;
text-align: center;
font-size: 1.6rem;
}

#sun-lunch-monthlyMenu ul li:nth-child(3n) {
border-right: dotted 1px #838382;
}

#sun-lunch-monthlyMenu ul li:nth-child(10n),
#sun-lunch-monthlyMenu ul li:nth-child(11n),
#sun-lunch-monthlyMenu ul li:nth-child(12n) {
border-bottom: none;
}

#sun-lunch-monthlyMenu ul li a {
display: block;
}

#sun-lunch-monthlyMenu ul li a img {
position: relative;
z-index: 1;
}

#sun-lunch-monthlyMenu ul li a:hover {
opacity: 0.7;
}

#sun-lunch-monthlyMenu ul li span.month {
display: block;
color: #ffffff;
background: #011a3f;
width: 15%;
border-radius: 50%;
padding: 3%;
line-height: 1.1em;
position: absolute;
top: 5%;
left: 2%;
font-size: 1.5rem;
font-weight: normal;
z-index: 2;
}

#sun-lunch-monthlyMenu ul li span {
color: #011a3f;
display: block;
font-size: 1.9rem;
margin-top: 5%;
line-height: 1.5em;
font-weight: bold;
}

#sun-lunch-monthlyMenu ul li span.lunchWord {
font-size: 1.5rem;
}

.modal-content {
width: 50%;
margin: 0;
padding: 10px 20px;
border: 2px solid #aaaaaa;
background: #ffffff;
position: fixed;
display: none;
z-index: 2;
overflow: hidden;
}

.modal-content p {
width: 100%;
}

.modal-content .sun-modalImg {
float: left;
width: 40%;
margin-right: 5%;
}

.modal-content .sun-lunchComponent {
float: left;
width: 55%;
}

#sun-lunch-monthlyMenu .modal-content .sun-lunchComponent h4 {
text-align: center;
font-size: 1.5rem;
margin-bottom: 5%;
}

#sun-lunch-monthlyMenu .modal-content .sun-lunchComponent li {
float: none;
width: 100%;
font-size: 1rem;
border: none;
text-align: left;
padding: 0;
}

#modal-overlay {
z-index: 1;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0, 0, 0, 0.75);
}

.modal-content .button-link {
clear: both;
display: block;
text-align: center;
background: #011a3f;
border: solid 1px #011a3f;
border-radius: 5px;
color: #ffffff;
font-size: 1.3rem;
line-height: 1.5em;
padding: 1% 3%;
margin-top: 45%;
}

.modal-content .button-link:hover {
cursor: pointer;
background: none;
color: #011a3f;
}

.modal-content .button-link:hover img {
opacity: 0.7;
}

.sun-column2Btn-2color li.pc-none {
margin-right: 0;
float: left;
text-align: center;
color: #ffffff;
text-decoration: none;
background: #7e9137;
border: solid 1px #7e9137;
box-sizing: border-box;
border-radius: 5px;
padding: 0.5% 3%;
font-size: 1.1rem;
}

/*
------------------------------------------------------------
過ごし方
------------------------------------------------------------
*/
#stayplan-wrap .stayPlan-box ul {
overflow: hidden;
position: relative;
padding-top: 20px;
z-index: 99999999;
}

#stayplan-wrap .stayPlan-box ul.otherPage {
display: none;
}

#stayplan-wrap .stayPlan-box ul li {
float: left;
width: 23.87%;
box-sizing: border-box;
margin-right: 1.5%;
position: relative;
}

#stayplan-wrap .stayPlan-box ul li:last-child {
margin-right: 0;
}

#stayplan-wrap .stayPlan-box > ul > li:hover {
bottom: 20px;
}

#stayplan-wrap .stayPlan-box ul li.current {
bottom: 20px;
position: relative;
z-index: 1;
}

#stayplan-wrap .stayPlan-box ul li.current:after {
content: "▼";
color: #7e9137;
font-size: 1.8rem;
width: 30px;
height: 30px;
position: absolute;
left: 50%;
margin-left: -15px;
bottom: -25px;
z-index: 9999999999;
}

#stayplan-wrap .stayPlan-box ul li.current h3 {
background: #7e9137;
}

#stayplan-wrap .stayPlan-box ul li.current h3,
#stayplan-wrap .stayPlan-box ul li:hover h3 {
padding: 13.5px 0;
box-sizing: border-box;
}

#stayplan-wrap .stayPlan-box ul li:hover h3 {
background: #7e9137;
}

#stayplan-wrap .stayPlan-box ul li a {
display: block;
text-decoration: none;
color: #ffffff;
}

#stayplan-wrap .stayPlan-box ul li p {
text-align: center;
width: 100%;
}

#stayplan-wrap .stayPlan-box ul li h3 {
text-align: center;
color: #ffffff;
background: #9ca774;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
font-size: 1.1rem;
padding: 1% 0;
}

@media screen and (max-width: 1024px) {
#stayplan-wrap .stayPlan-box ul li h3 {
font-size: 0.9rem;
}
}

ul.sun-lunchBtn {
overflow: hidden;
}

/*
------------------------------------------------------------
昼食
------------------------------------------------------------
*/
#sun-lunchKaiseki {
background: url(../img/breakfast_lunch/sun_lunchKaiseki_bg.jpg) no-repeat;
background-size: cover;
padding: 5%;
box-sizing: border-box;
margin-bottom: 5%;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner {
font-family: "mutsukiNmin S";
color: #ffffff;
overflow: hidden;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-txtBox {
float: right;
width: 20%;
position: relative;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner h2 {
font-size: 2rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: absolute;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner h2 span {
color: #fdd8c1;
font-size: 2.5rem;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-txtBox p {
font-size: 1.5rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-txtBox p.kaiseki-note {
text-align: right;
font-size: 1rem;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox {
float: left;
width: 75%;
margin-right: 5%;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox p {
width: 100%;
}

#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox ul {
width: 100%;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 2rem;
line-height: 1.9em;
color: #333333;
}

.sun-lunchKaiseki-inner-sp {
display: none;
}

@media screen and (max-width: 1135px) {
#sun-lunchKaiseki .sun-lunchKaiseki-inner .sun-kaiseki-detailsBox ul {
font-size: 1.4rem;
line-height: 1.6em;
}
}

/*
------------------------------------------------------------
朝食
------------------------------------------------------------
*/
@font-face {
src: url("../font/APJapanesefont.woff") format("woff"), url("../font/APJapanesefont.ttf") format("truetype");
/* for IE(>=9), Firefox(>=3.6), Safari(>=5.1), Chrome(>=6), Opera(>=11) */
font-family: "あんずもじ";
}

#breakfast-wrap {
font-family: "あんずもじ";
font-size: 1.5rem;
}

.breakfast-infoBox {
width: 50%;
margin: 0 auto;
}

.breakfast-infoBox .breakfastTime {
text-align: center;
}

.breakfast-infoBox .breakfastTime dd {
font-size: 4rem;
font-weight: bold;
line-height: .7em;
}

.breakfast-infoBox .breakfastTime dd span {
  font-size: 2rem;
  }

.breakfast-infoBox .breakfast-boxInner {
font-family: "Noto Sans Japanese", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ,
Meiryo,
Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1rem;
margin-top: 5%;
}

.breakfast-infoBox .breakfast-boxInner h3 {
text-align: center;
font-size: 1.3rem;
margin-bottom: 2%;
}

.breakfast-infoBox .breakfast-boxInner dl {
display: table;
width: 100%;
border-bottom: dotted 1px #818181;
box-sizing: border-box;
}

.breakfast-infoBox .breakfast-boxInner dl dt {
display: table-cell;
width: 25%;
text-align: center;
padding: 1.5% 0;
vertical-align: middle;
}

.breakfast-infoBox .breakfast-boxInner dl dd {
display: table-cell;
padding: 1.5% 0;
text-align: center;
box-sizing: border-box;
border-left: dotted 1px #818181;
vertical-align: middle;
}

.sun-breakfast-press {
overflow: hidden;
margin-top: 5%;
display: table;
width: 100%;
}

.sun-breakfast-press p {
}

.sun-breakfast-press .pressInner {
display: table-cell;
vertical-align: middle;
line-height: 1.5em;
width: 65%;
}

.sun-breakfast-press .pressInner:nth-child(2) {
width: 35%;
}

.sun-breakfast-press .pressInner p {
width: 100%;
}

.sun-breakfast-press .pressInner dt {
text-align: left;
font-size: 2.5rem;
line-height: 1.5em;
}

section .sun-breakfast-press:nth-child(2) {
width: 90%;
margin: 0 auto;
}

section .sun-breakfast-press:nth-child(2) .pressInner {
padding: 0 2.5%;
box-sizing: border-box;
width: 50%;
}

section .sun-breakfast-press:nth-child(2) .pressInner dt {
text-align: center;
}

.sun-breakfastCommitment {
padding: 10% 10% 0;
box-sizing: border-box;
width: 100%;
position: relative;
}

.sun-breakfastCommitment:after {
content: "";
width: 100%;
height: 101%;
display: block;
background: url(../img/breakfast_lunch/sun_breakfast_commitmentIcn_bk_01.png) 0 7% no-repeat,
url(../img/breakfast_lunch/sun_breakfast_commitmentIcn_bk_02.png) 100% 10% no-repeat,
url(../img/breakfast_lunch/sun_breakfast_commitmentIcn_bk_03.png) 70% bottom no-repeat;
background-size: 20%;
position: absolute;
top: 0;
left: 50%;
margin-left: -50%;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner {
background: #ffffff;
border-radius: 10px;
padding: 5%;
box-sizing: border-box;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner h2 {
text-align: center;
font-size: 2.8rem;
line-height: 1em;
background: url(../img/breakfast_lunch/sun_breakfast_commitment_h2Bg.png) no-repeat;
background-size: contain;
padding: 5% 0;
letter-spacing: -3px;
width: 90%;
margin: 5% auto 0;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner h2 > span {
font-size: 1.8rem;
display: block;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner h2 > span > span {
color: #ff0000;
}

.sun-breakfast-pointBox {
overflow: hidden;
position: relative;
padding: 3% 0 8%;
}

.sun-breakfast-commitmentInner .sun-breakfast-pointBox p {
width: 100%;
font-size: 1rem;
font-family: "Noto Sans Japanese", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ,
Meiryo,
Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(even) .sun-breakfast-boxInnerImg {
float: left;
width: 55%;
}

.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(even) .sun-breakfast-boxInnerTxt {
float: right;
width: 45%;
position: relative;
}

.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(odd) .sun-breakfast-boxInnerImg {
float: right;
width: 55%;
}

.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(odd) .sun-breakfast-boxInnerTxt {
float: left;
width: 45%;
position: relative;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt h3 {
position: relative;
font-size: 2rem;
margin-bottom: 5%;
padding: 5% 0 0 1%;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin01,
.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin03 {
padding-left: 2%;
box-sizing: border-box;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin02 {
padding-right: 2%;
box-sizing: border-box;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin01 h3:before {
content: url("../img/breakfast_lunch/sun_breakfast_commitmentPoint_01.png");
position: absolute;
left: -30%;
top: -35%;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin02 h3:before {
content: url("../img/breakfast_lunch/sun_breakfast_commitmentPoint_02.png");
position: absolute;
right: -25%;
top: -35%;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin03 h3:before {
content: url("../img/breakfast_lunch/sun_breakfast_commitmentPoint_03.png");
position: absolute;
left: -30%;
top: -35%;
}

.nouren-Box {
max-width: 760px;
margin: 0 auto 5%;
background-image: url(../img/breakfast_lunch/nouren_pc.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-position: top center;
padding: 10% 0;
position: relative;
padding-top: 32%;
}

.nouren-Box img {
width: 78%;
}

.nouren-Box p.txt_nouren {
position: absolute;
left: 41%;
top: 4%;
width: inherit;
}

@media screen and (max-width: 986px) {
.nouren-Box img {
width: 78%;
}

.nouren-Box p.txt_nouren {
left: 39%;
}
}

@media screen and (max-width: 568px) {
.nouren-Box {
background-image: url(../img/breakfast_lunch/nouren_sp.jpg);
background-size: cover;
padding-top: 120%;
}

.nouren-Box p.txt_nouren {
left: 2%;
top: 52%;
}
}

.loopSliderWrap {
top: 0;
left: 0;
height: 300px;
overflow: hidden;
position: absolute;
}

.loopSlider {
margin: 0 auto;
width: 100%;
height: 200px;
text-align: left;
position: relative;
overflow: hidden;
}

.loopSlider ul {
height: 500px;
float: left;
overflow: hidden;
}

.loopSlider ul li {
width: 300px;
height: 300px;
float: left;
display: inline;
overflow: hidden;
}

.loopSliderWrap:after {
content: "";
display: none;
clear: none;
}

.sun-breakfast-menuWrap {
padding: 3% 10% 0;
box-sizing: border-box;
width: 100%;
position: relative;
}

.sun-breakfast-menuWrap:after {
content: "";
width: 100%;
height: 100%;
background: url(../img/breakfast_lunch/sun_breakfast_menuWrapIcn_bk_01.png) 7% bottom no-repeat,
url(../img/breakfast_lunch/sun_breakfast_menuWrapIcn_bk_02.png) 95% bottom no-repeat;
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -50%;
background-size: 10%;
}

.sun-breakfast-menuWrap .sun-breakfast-wrapInner {
background: #ffffff;
border-radius: 10px;
padding: 5%;
box-sizing: border-box;
}

.sun-breakfast-menuWrap .sun-breakfast-wrapInner h2 {
text-align: center;
font-size: 2rem;
line-height: 1em;
font-family: "あんずもじ", sans-serif;
background: url(../img/breakfast_lunch/sun_breakfast_menuWrap_h2Bg.png) no-repeat;
background-size: contain;
padding: 2% 0;
width: 80%;
margin: 0 auto 5%;
}

.sun-breakfast-menuWrap .sun-breakfast-wrapInner h2 > span {
display: block;
font-size: 2.8rem;
}

.sun-breakfast-menuWrap .sun-breakfast-wrapInner h2 > span > span {
color: #ff0000;
}

.sun-breakfast-menuBox {
overflow: hidden;
}

.sun-breakfast-menuBox li {
float: left;
width: 20%;
}

/* ホバーエフェクト */
.menuHover {
position: relative;
background: rgba(238, 196, 99, 0.7);
margin: 0;
}

.menuHover * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.menuHover span {
display: none;
}

.menuHover:hover span {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
border: solid 5px #7e9137;
box-sizing: border-box;
text-align: center;
line-height: 1.5em;
font-size: 1.2rem;
padding-top: 10%;
}

.menuHover i {
position: absolute;
background: #7e9137;
color: #ffffff;
border-radius: 5px;
font-weight: bold;
bottom: 0;
text-align: center;
right: 0;
width: 30%;
font-size: 3em;
line-height: 1em;
opacity: 0;
}

.menuHover a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
display: block;
}

.menuHover a:before,
.menuHover a:after {
width: 1px;
height: 0;
background-color: #ffffff;
}

.menuHover a:before {
right: 0;
top: 0;
}

.menuHover a:after {
left: 0;
bottom: 0;
}

.menuHover:before,
.menuHover:after,
.menuHover a:before,
.menuHover a:after {
position: absolute;
content: "";
background: #ffffff;
z-index: 1;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0.8;
}

.menuHover:before,
.menuHover:after {
height: 1px;
width: 0%;
}

.menuHover:before {
top: 0;
left: 0;
}

.menuHover:after {
bottom: 0;
right: 0;
}

.menuHover:hover img,
.menuHover.hover img {
opacity: 0.25;
}

.menuHover:hover a:before,
.menuHover.hover a:before,
.menuHover:hover a:after,
.menuHover.hover a:after {
height: 100%;
}

.menuHover:hover i,
.menuHover.hover i {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0.7;
}

.menuHover:hover:before,
.menuHover.hover:before,
.menuHover:hover:after,
.menuHover.hover:after {
width: 100%;
}

.menuHover:hover:before,
.menuHover.hover:before,
.menuHover:hover:after,
.menuHover.hover:after,
.menuHover:hover a:before,
.menuHover.hover a:before,
.menuHover:hover a:after,
.menuHover.hover a:after {
opacity: 0.1;
}

@media screen and (max-width: 1099px) {
#breakfast {
background-position: 10% center;
}
}

/*
------------------------------------------------------------
アクセスマップ
------------------------------------------------------------
*/
.sun-accessMap-summary {
overflow: hidden;
}

.sun-accessMap-summary p {
width: 100%;
}

.sun-accessMap-summary .sun-summaryInner {
float: left;
width: 50%;
}

.sun-accessMap-summary .sun-summaryInner h2 {
font-family: "はんなり明朝";
font-size: 2.2rem;
font-weight: normal;
text-align: left;
line-height: 1em;
margin-bottom: 5%;
}

.sun-accessMap-summary .sun-summaryInner h2 span {
font-size: 1.5rem;
}

.sun-accessMap-summary .sun-summaryInner h3 {
font-size: 1.5rem;
margin-top: 10%;
}

.sun-accessMap-process {
margin-top: 10%;
}

.sun-accessMap-process h3,
.sun-accessMap-process h3#monorail {
background: #7e9137;
color: #ffffff;
text-align: center;
font-size: 1.5rem;
line-height: 1.1em;
padding: 1% 0;
letter-spacing: 3px;
margin-top: 170px;
}

.sun-accessMap-process .sun-processInner {
overflow: hidden;
margin: 3% 0 5%;
}

.sun-accessMap-process .sun-processInner p {
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL {
float: left;
width: 55%;
}

.sun-accessMap-process .sun-processInner .innerL ul {
overflow: hidden;
position: relative;
height: 350px;
}

.sun-accessMap-process .sun-processInner .innerL ul li {
float: left;
text-align: center;
color: #7e9137;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
box-sizing: border-box;
height: 100%;
font-size: 1.2rem;
position: relative;
}

.sun-accessMap-process .sun-processInner .innerL.car li {
width: 30%;
}

.sun-accessMap-process .sun-processInner .innerL.car li:last-child {
width: 10%;
}

.sun-accessMap-process .sun-processInner .innerL li span {
position: absolute;
border: solid 1px #7e9137;
display: block;
height: 100%;
box-sizing: border-box;
left: 0;
width: 20%;
line-height: 2.1em;
z-index: 9999999;
background: #fef9ed;
font-size: 1.1rem;
}

.sun-accessMap-process .sun-processInner .innerL.car li:nth-child(2) span,
.sun-accessMap-process .sun-processInner .innerL.car li:nth-child(3) span {
height: 50%;
bottom: 0;
left: 20%;
}

.sun-accessMap-process .sun-processInner .innerL.car li:nth-child(3) {
}

.sun-accessMap-process .sun-processInner .innerL.car li:last-child span {
background: #7e9137;
color: #ffffff;
margin-right: 0;
width: 65%;
}

.sun-accessMap-process .sun-processInner .innerL li:after {
content: "";
border: solid 10px #bec592;
position: absolute;
top: 50%;
width: 100%;
z-index: 1;
}

.sun-accessMap-process .sun-processInner .innerL ul li:last-child:after {
display: none;
}

.sun-accessMap-process .sun-processInner .innerL.car li span.map-explanation {
color: #7e9137;
top: 25%;
border: none;
width: auto;
padding: 0;
height: 10%;
writing-mode: horizontal-tb;
left: 0;
font-weight: bold;
font-size: 1rem;
line-height: 1.5em;
}

.sun-accessMap-process .sun-processInner .innerL.car li:nth-child(1) span.map-explanation {
top: 75%;
left: 20%;
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail ul {
height: 350px;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li {
width: 10%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(n + 2) span {
height: 50%;
top: 25%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(7) {
width: 30%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(7) span {
width: 17%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li span.map-explanation {
color: #7e9137;
top: 25%;
border: none;
width: auto;
padding: 0;
height: 10%;
writing-mode: horizontal-tb;
left: 35%;
font-weight: bold;
font-size: 1rem;
line-height: 1.5em;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li span {
width: 50%;
line-height: 1.8em;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:last-child span {
background: #7e9137;
color: #ffffff;
height: 100%;
top: 0;
width: 70%;
line-height: 2.3em;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(1) span.map-explanation {
top: 10%;
width: 200%;
left: 350%;
}

.sun-accessMap-process .sun-processInner .innerR {
float: right;
width: 40%;
}

.sun-accessMap-process .sun-processInner .innerR h3 {
background: none;
text-align: left;
color: #000000;
line-height: 1.5em;
letter-spacing: 0;
font-size: 2rem;
margin-top: 0;
}

.sun-accessMap-process .sun-processInner .innerR h3 span {
font-size: 1rem;
}

.sun-accessMap-process .sun-processInner .innerR dl {
text-align: center;
border-bottom: dotted 1px #9e9d9a;
display: table;
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerR dl:last-child {
margin-bottom: 5%;
}

.sun-accessMap-process .sun-processInner .innerR dl dt {
display: table-cell;
text-align: center;
width: 30%;
vertical-align: middle;
padding: 1% 0;
}

.sun-accessMap-process .sun-processInner .innerR dl dd {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 1% 0;
border-left: dotted 1px #9e9d9a;
}

.access-map-way {
background: #ffffff;
padding: 5%;
position: relative;
}

.access-map-way h2 {
color: #7e9137;
position: absolute;
top: 5%;
left: 10%;
text-align: left;
font-size: 2rem;
}

.access-map-way .sun-access-pdfBtn {
width: 70%;
margin: 3% auto 0;
}

.access-map-way .sun-access-pdfBtn a {
display: block;
border: solid 1px #7e9137;
background: #7e9137;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 1% 0;
box-sizing: border-box;
font-size: 1.1rem;
border-radius: 5px;
}

.access-map-way .sun-access-pdfBtn a i {
margin-left: 1%;
}

.access-map-way .sun-access-pdfBtn a:hover {
background: none;
color: #7e9137;
}

#monorail {
margin-top: -170px;
padding-top: 170px;
background: none;
}

/*
------------------------------------------------------------
7つの魅力
------------------------------------------------------------
*/
@font-face {
src: url("../font/Mamelon.otf");
font-family: "マメロン";
}

#sun-wrap.m7-content {
background: #fac54c;
border-bottom: solid 1px #d6a025;
}

#m7-wrap {
margin-top: 0;
position: relative;
}

#m7-wrap h2 {
font-family: "マメロン";
text-align: left;
font-size: 2rem;
line-height: 1.3em;
margin-bottom: 5%;
}

#m7-wrap h2.m7-ttlImg {
width: 40%;
margin: 0 auto;
}

#m7-wrap section {
background: #ffffff;
border-radius: 25px;
padding: 5% 7%;
box-sizing: border-box;
margin-bottom: 5%;
}

.sun-interviewBox {
overflow: hidden;
margin-bottom: 5%;
}

.sun-interviewBox .interviewArea {
float: left;
width: 60%;
margin-right: 5%;
}

.sun-interviewBox .interviewArea p,
.sun-interviewBox .interviewImg p,
.sun-interviewBox .interviewArea-02 p,
.sun-interviewBox .interviewImg-02 p {
width: 100%;
}

.sun-interviewBox .interviewArea-02 {
}

.sun-interviewBox .interviewImg {
float: right;
width: 35%;
}

.sun-interviewBox .interviewImg-02 {
float: left;
width: 35%;
margin: 0 5% 3% 0;
}

.sun-lohasBox {
overflow: hidden;
margin: 5% 0;
}

.sun-lohasBox h3 {
color: #db600e;
font-weight: bold;
font-size: 1.2rem;
}

.sun-lohasBox h3 i {
margin-right: 1%;
}

#m7-wrap .sun-lohasBox .lohasImg {
float: left;
width: 40%;
margin-right: 5%;
padding-top: 5%;
}

.sun-lohasBox .lohasTxt {
float: right;
width: 55%;
}

#m7-wrap .sun-lohasBox .lohasTxt p {
width: 95%;
margin: 0 auto;
}

#m7-wrap .sun-miryokuBox {
overflow: hidden;
}

#m7-wrap .sun-miryokuBox .miryoku-boxInner {
float: left;
width: 47.5% !important;
margin-right: 5%;
}

#m7-wrap .sun-miryokuBox .miryoku-boxInner:last-child {
margin-right: 0;
}

#m7-wrap .sun-miryokuBox .miryoku-boxInner p {
width: 100%;
}

.sun-miryoku-innerBox {
overflow: hidden;
}

.sun-miryoku-innerBox section {
float: left;
width: 47.5%;
margin-right: 5%;
}

.sun-miryoku-innerBox section:last-child {
margin-right: 0;
}

.sun-miryoku-innerBox section p {
width: 100%;
}

.sun-m7-ttl-sp {
display: none;
}

/*
------------------------------------------------------------
かりゆし
------------------------------------------------------------
*/
@font-face {
src: url("../font/Satisfy-Regular.ttf");
font-family: "Satisfy";
}

.sun-wrap-inner .kariyushi-grt {
overflow: hidden;
}

.kariyushi-grt .kariyushi-staff {
float: left;
width: 25%;
line-height: 0;
}

.kariyushi-grt .kariyushi-grtBox {
float: left;
width: 65%;
}

.kariyushi-grt .kariyushi-grtBox br {
display: none;
}

.kariyushi-grt .kariyushi-grtBox p {
width: 100%;
}

.kariyushi-grt .kariyushi-grtBox ul {
margin: 2% 0 0 5%;
font-weight: bold;
font-size: 1.1rem;
}

.kariyushi-grt .kariyushi-grtBox ul li {
margin-bottom: 0.5%;
color: #01aca8;
}

.kariyushi-grt .kariyushi-grtBox ul li i {
margin-right: 1%;
}

.sun-wrap-inner .kariyushi-mainWrap {
padding-bottom: 0;
box-sizing: border-box;
}

.kariyushi-mainWrap p {
width: 60%;
float: left;
margin-top: 0;
overflow: hidden;
}

.kariyushi-mainWrap p img {
line-height: 0;
height: 100%;
width: auto;
}

.kariyushi-mainWrap .kariyushiBox {
float: left;
width: 40%;
padding: 5%;
box-sizing: border-box;
position: relative;
background: #ffffff;
border-radius: 0 50px 50px 0;
}

.kariyushi-mainWrap .kariyushiBox:before {
content: url("../img/kariyushi/sun_kariyushiIcn_01.png");
display: block;
position: absolute;
z-index: 10;
top: -30%;
right: 0;
}

.kariyushi-mainWrap .kariyushiBox h2 {
text-align: center;
}

.kariyushi-mainWrap .kariyushiBox h2 span {
display: block;
font-size: 1rem;
}

.kariyushi-mainWrap .kariyushiBox p {
width: 100%;
float: none;
margin-bottom: 5%;
}

.kariyushi-mainWrap .kariyushiBox dl {
display: table;
width: 100%;
line-height: 2.5em;
border-bottom: dotted 1px #8e8e8e;
}

.kariyushi-mainWrap .kariyushiBox dl:last-child {
border-bottom: dotted 1px #8e8e8e;
}

.kariyushi-mainWrap .kariyushiBox dl dt {
display: table-cell;
width: 30%;
text-align: center;
vertical-align: middle;
}

.kariyushi-mainWrap .kariyushiBox dl dd {
text-align: center;
border-left: dotted 1px #8e8e8e;
}

.kariyushi-mainWrap .kariyushiBox ul {
font-size: 0.9rem;
line-height: 1.5em;
}

.kariyushi-pointWrap {
margin-top: 5%;
}

.kariyushi-pointWrap h2 {
color: #13b5b1;
margin-bottom: 5%;
font-weight: bold;
font-size: 2.2rem;
}

.kariyushi-pointWrap h2 br {
display: none;
}

.kariyushi-pointWrap h2 span {
font-size: 3em;
font-weight: bold;
font-family: "Satisfy";
font-weight: normal;
}

.kariyushi-pointWrap h3 {
color: #01aca8;
font-weight: bold;
font-size: 2.2rem;
line-height: 1.5em;
text-align: center;
margin-bottom: 2%;
}

.kariyushi-pointWrap h3 > span {
display: -webkit-inline-box;
border-bottom: dashed 3px #01aca8;
font-family: "Satisfy";
font-weight: normal;
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
margin-bottom: 2%;
}

.kariyushi-pointWrap h3 > span > span {
font-size: 4rem;
margin-left: 10px;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox {
padding-bottom: 5%;
position: relative;
z-index: 1;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox.pointTtl:before {
content: url("../img/kariyushi/sun_kariyushiIcn_02.png");
position: absolute;
top: -10%;
left: -3%;
z-index: 2;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox:after {
clear: both;
content: "";
display: block;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li {
float: left;
width: 49%;
margin-right: 2%;
position: relative;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li:nth-child(2n) {
margin-right: 0;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li p {
width: 100%;
margin-top: 0;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li dl {
padding: 5%;
box-sizing: border-box;
background: #ffffff;
border-radius: 0 0 50px 50px;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li dl dt {
text-align: center;
font-size: 1.5rem;
line-height: 1.5em;
margin-bottom: 2%;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair:after {
content: url("../img/kariyushi/sun_kariyushiIcn_04.png");
position: absolute;
bottom: -10%;
right: 0;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair dl dt {
position: relative;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair dl dt:before {
content: url("../img/kariyushi/sun_kariyushiIcn_03.png");
position: absolute;
top: -300%;
left: -5%;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-trip dl dt {
position: relative;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-trip dl dt:after {
content: url("../img/kariyushi/sun_kariyushiIcn_05.png");
position: absolute;
top: -140%;
right: 0;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-business:after {
content: url("../img/kariyushi/sun_kariyushiIcn_06.png");
position: absolute;
bottom: -15%;
right: 0;
}

/* ブログ */
.blogWrap {
margin-top: 10%;
}

.blogBox {
overflow: hidden;
}

.blogBox section.blog {
float: left;
width: 70%;
margin-right: 5%;
}

.blogBox section.blog p {
width: 100%;
}

.blogBox section.blog .movie-wrap {
position: relative;
padding-bottom: 56.25%;
/*アスペクト比 16:9の場合の縦幅*/
height: 0;
overflow: hidden;
}

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

.blogBox section.blog img {
height: 100%;
width: 100%;
height: auto; /* 2023.06.21 - 上書き修正 */
}

.blogBox section.blog label {
background: #db600e;
margin-left: 2%;
padding: 0 1%;
color: #ffffff;
}

.blogBox section.blog h4 {
font-weight: bold;
font-size: 1.5rem;
line-height: 1.5em;
margin-top: 5%;
}

/* サイドナビ */
.blogBox aside {
float: left;
width: 25%;
}

.blogBox aside ul {
border: solid 1px #dcdcdc;
box-sizing: border-box;
border-bottom: none;
}

.blogBox aside ul li {
border-bottom: solid 1px #dcdcdc;
padding: 2%;
line-height: 1.5em;
box-sizing: border-box;
}

.blogBox aside h3 {
font-weight: bold;
text-align: center;
font-size: 1.2rem;
margin-bottom: 2%;
}

.blogBox aside ul li a {
text-decoration: none;
font-weight: bold;
color: #000000;
line-height: 1.5em;
padding: 1%;
box-sizing: border-box;
}

.blogBox aside ul li a:hover {
text-decoration: underline;
}

/* 他調整 */
@media screen and (min-width: 751px) and (max-width: 960px) {
.sun-accessMap-process .sun-processInner .innerL.car li:nth-child(1) span.map-explanation br {
display: none;
}
}

@media screen and (max-width: 986px) {
.meetingRoom-campaign ul li p {
padding: 0;
}
}

/* タブレット表示 */
@media screen and (max-width: 849px) {
/* よくある質問 */
.faqBox .faq-boxInner,
.sun-aboutBox .about-boxInner,
.sun-policyBox .policy-boxInner,
.sun-yakkanBox .yakkan-boxInner,
.sun-facilities-summaryBox .summary-boxInner,
.sun-facilities-summaryBox .summary-boxInner,
.sun-contact-Box .contact-boxInner {
width: 90%;
}

/* アクセスマップ */
.sun-accessMap-summary .sun-summaryInner {
float: none;
width: 100%;
}

.sun-accessMap-summary .sun-summaryInner h2 {
text-align: center;
}

.sun-accessMap-summary .sun-summaryInner iframe {
height: 410px;
}

.sun-accessMap-process .sun-processInner .innerL,
.sun-accessMap-process .sun-processInner .innerR {
float: none;
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL li span {
line-height: 2.5em;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li span {
line-height: 2.2em;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:last-child span {
line-height: 3.3em;
}

.sun-accessMap-process .sun-processInner .innerR h3 {
line-height: 1em;
margin-top: 5%;
}

.sun-accessMap-process .sun-processInner .innerR h3 span {
display: block;
}

.sun-accessMap-process .sun-processInner .innerR dl {
margin-top: 0;
}

.access-map-way {
padding: 1%;
}

.access-map-way h2 {
position: static;
text-align: center;
}

/* かりゆし */
.kariyushi-mainWrap .kariyushiBox:before {
display: none;
}

.kariyushi-grt .kariyushi-staff {
float: none;
width: 25%;
margin: 0 auto;
}

.kariyushi-grt .kariyushi-grtBox {
float: none;
width: 100%;
}

.kariyushi-mainWrap > p {
width: 100%;
float: none;
line-height: 0;
}

.kariyushi-mainWrap p img {
height: auto;
width: 100%;
border-radius: 50px 50px 0 0;
}

.kariyushi-mainWrap .kariyushiBox {
border-radius: 0 0 50px 50px;
width: 100%;
float: none;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair dl dt:before {
display: none;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair:after,
.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-business:after {
bottom: -15%;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-trip dl dt:after {
top: 510%;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.js-tab_content .sun-guestRoom-guideBox {
width: 90%;
}

/* 施設情報 */
.sun-facilitiesBox ul li {
width: 32%;
}

.sun-facilitiesBox ul li:nth-child(3n) {
margin-right: 0;
}

.sun-facilitiesBox ul li:nth-child(4n) {
margin-right: 2%;
}

/* 周辺情報 */
.palace-sightseeingBox li h3 {
font-size: 1.3rem;
}

/* ホテル概要 */
.sun-aboutBox .about-boxInner {
width: 90%;
}

/* 宿泊約款 */
.sun-yakkanBox .yakkan-boxInner {
width: 90%;
}

/* お問合せ */
.sun-contact-Box .contact-boxInner {
width: 90%;
}

/* 7つの魅力 */
#m7-wrap {
margin-top: -5%;
}

#m7-wrap h2 {
font-size: 2rem;
}

#m7-wrap h2.m7-ttlImg {
width: 45%;
}

#m7-wrap section {
margin-bottom: 3%;
}

.sun-miryoku-innerBox section {
margin-right: 3%;
width: 48.5%;
}
}

@media screen and (min-width: 759px) and (max-width: 1024px) {
#m7 .sun-m7-ttl img {
width: 20%;
margin-left: 1%;
}
}

@media screen and (max-width: 1024px) {
#guestRoom {
background: url(../img/guest_room/sun_guestRoom_mainImg_sp.jpg) no-repeat;
background-size: 100%;
}

#meeting-room {
background: url(../img/meeting_party/sun_meetingparty_mainImg_sp.jpg) no-repeat center center;
background-size: 100%;
}

#coworking-room {
background: url(../img/meeting_party/sun_meetingparty_cowoworking-top_sp.jpg) no-repeat center center;
background-size: 100%;
}

#meeting-campaign {
background: url(../img/meeting_party/sun_meetingCampaign_mainImg_sp.jpg) no-repeat;
background-size: 100%;
height: 35vh;
}

#party-plan {
background: url(../img/meeting_party/sun_partyPlan_mainImg_sp.jpg) no-repeat;
background-size: 100%;
height: 40vh;
position: relative;
}

#party-plan .sun-partyPlan-ttl {
display: block;
position: absolute;
top: 40%;
left: 50%;
margin-left: -25%;
width: 50%;
}

#blogContent {
background: url(../img/common/sun_corporate_mainImg_sp.jpg) no-repeat;
background-size: 100%;
position: relative;
}

#sightseeing {
background: url(../img/sightseeing/sun_sightseeing_mainImg_sp.jpg) no-repeat;
background-size: 100%;
}

#corporate,
#accessMap {
background: url(../img/common/sun_corporate_mainImg_sp.jpg) no-repeat;
background-size: 100%;
}

#stayplan {
background: url(../img/plan/sun_stay_mainImg_sp.jpg) no-repeat;
background-size: 100%;
height: 25vh;
}

#lunch {
background: url(../img/breakfast_lunch/sun_lunch_mainImg_sp.jpg) no-repeat;
background-size: 100%;
height: 40vh;
margin-bottom: 5%;
}

#guestRoom .sun-guestRoom-ttl img,
#sightseeing .sun-sightseeing-ttl img,
#corporate .sun-corporate-ttl img,
#meeting-room .sun-meetingRoom-ttl img,
#accessMap .sun-accessMap-ttl img,
#lunch .sun-lunch-ttl img,
#pamphlet .sun-pamphlet-ttl img {
width: 20%;
}

#party-plan .sun-partyPlan-ttl img {
width: 100%;
}

#stayplan .sun-stayplan-ttl {
width: 34%;
margin-left: -17%;
}

/* 朝食 */
.sun-breakfastCommitment,
.sun-breakfast-menuWrap {
padding: 2% 1% 0;
}

.sun-breakfastCommitment:after,
.sun-breakfast-menuWrap:after {
display: none;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner,
.sun-breakfast-menuWrap .sun-breakfast-wrapInner {
padding: 2%;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner h2 {
margin-top: 0;
}

.kariyushi-mainWrap .kariyushiBox:before,
.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair dl dt:before,
.kariyushi-pointWrap ul.kariyuyshi-pointBox.pointTtl:before {
display: none;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-trip dl dt:after {
display: none;
}
}

/* sp表示 */
@media screen and (max-width: 750px) {
/* 共通 */
#guestRoom,
#accessMap,
#lunch{
background-position: 70% top;
background-size: 200%;
position: relative;
}

#corporate {
background-size: 100%;
background-position: center;
position: relative;
}

#sightseeing {
position: relative;
background-size: 100%;
background-position: center;
}

#meeting-room {
background-position: center;
background-size: 100%;
position: relative;
}

#coworking-room {
background-position: center;
background-size: 100%;
position: relative;
}

.cowh2br {
display: inline;
}

#coworking-wrap section h2 {
margin-bottom: 2%;
}

#coworking-wrap section p {
width: 90%;
text-align: left;
}

#meeting-campaign {
height: 25vh;
}

#lunch {
background-size: 100%;
height: 30vh;
margin-bottom: 0;
}

#stayplan .sun-stayplan-ttl {
width: 50%;
margin-left: -25%;
}

.palaceUnderlayer-ttl {
position: absolute;
left: 50%;
margin-left: -45%;
top: 50%;
width: 90%;
}

.palaceUnderlayer-ttl img {
width: 100%;
}

.palaceUnderlayer-ttl.lunchTtl {
top: 40%;
}

.sun-wrap-inner {
margin: 15% auto 0;
}

/* 客室 */
#guestRoom .sun-guestRoom-ttl {
max-width: 95%;
width: 95%;
}

.sun-guestRoom-infoBox .sun-roomBtn {
width: 95%;
}

.sun-guestRoom-infoBox .sun-roomBtn a {
font-size: 1rem;
}

/* 宴会場・会議室 */
.meetingRoom-partyRoom-link {
width: 95%;
}

.meetingRoom-partyRoom-link li {
font-size: 1rem;
}

#meetingRoom-wrap .infoBox-innerL,
#meetingRoom-wrap .infoBox-innerR {
width: 100%;
float: none;
}

#meetingRoom-wrap .sun-infoBox-inner dl dt,
#meetingRoom-wrap .sun-infoBox-inner dl dd {
font-size: 0.8rem;
}

#meetingRoom-wrap .infoBox-innerR > ul > li > p {
font-size: 0.8rem;
}

.meetingRoom-partyRoomDetails {
width: 95%;
}

.partyRoomDetails-inner {
width: 100%;
float: none;
margin-right: 0;
}

.partyRoomDetails-inner a {
font-size: 0.9rem;
}

.meetingCampaing ul li {
float: none;
width: 100%;
margin-right: 0;
}

.js-tab_content p {
width: 100%;
margin: 0 auto;
}

/* 会議室キャンペーン */
.meetingRoom-campaign ul li,
.meetingRoom-campaign ul li:nth-child(1),
.meetingRoom-campaign ul li:nth-child(2) {
float: none;
width: 100%;
margin-right: 0;
}

.meetingRoom-campaign ul li dl dd {
overflow: hidden;
}

.meetingRoom-campaign ul li dl dd span {
float: right;
font-size: 1.1rem;
}

/* 宴会プラン */
#party-plan {
height: 30vh;
}

#party-plan .sun-partyPlan-ttl {
display: block;
}

#party-plan .sun-partyPlan-ttl img {
width: 100%;
}

.sun-partyPlan-guideBox {
width: 100%;
}

.sun-partyPlan-guideBox p {
width: 100%;
}

.sun-partyPlan-guideBox p.bentouS {
margin-bottom: 10%;
font-size: 0.8rem;
line-height: 1.5em;
color: #000;
text-align: center;
}

.sun-partyPlan-guideBox ul {
width: 100%;
}

.sun-partyPlan-guideBox ul li {
float: none;
width: 100%;
margin: 0 0 2% 0;
clear: both;
}

.sun-partyPlan-guideBox ul li a {
font-size: 1rem;
}

.sun-partyPlan-guideBox .colum2 .columInner {
float: none;
margin: 0;
width: 100%;
}

/* 周辺情報 */
.palace-sightseeingBox li {
width: 100%;
margin-right: 0;
padding: 1%;
box-sizing: border-box;
}

.palace-sightseeingBox li:nth-child(3n) {
margin-right: 0;
}

.palace-sightseeingBox li:nth-child(2n) {
margin-right: 0;
}

.palace-sightseeingBox li h3 {
font-size: 1.2rem;
}

/* よくある質問 */
.faq-linkBtn li a {
font-size: 1rem;
}

/* ホテル概要 */
.sun-aboutBox .about-boxInner {
width: 100%;
}

.sun-aboutBox .about-boxInner dl {
display: block;
border-right: dotted 1px #969593;
border-left: dotted 1px #969593;
box-sizing: border-box;
}

.sun-aboutBox .about-boxInner dl dt {
display: block;
width: 100%;
box-sizing: border-box;
padding: 1%;
}

.sun-aboutBox .about-boxInner dl dd {
display: block;
width: 100%;
border-top: dotted 1px #969593;
padding: 1%;
}

.sun-aboutBox .about-boxInner dl dd > dl {
border-right: none;
border-left: none;
}

.sun-aboutBox .about-boxInner dl dd > dl > dd {
border-top: none;
}

/* プライバシーポリシー */
.sun-policyBox .policy-boxInner h3 {
font-size: 1.2rem;
}

/* 宿泊約款 */
.sun-yakkanBox .yakkan-boxInner > dl > dt,
.sun-yakkanBox .yakkan-boxInner > dl > dd {
display: block;
width: 100%;
box-sizing: border-box;
}

.sun-yakkanBox .yakkan-boxInner > dl > dt {
border-right: solid 1px #969593;
border-bottom: none;
text-align: center;
}

.sun-yakkanBox .yakkan-boxInner table th {
padding: 5px;
box-sizing: border-box;
}

.sp-scroll {
overflow: auto;
white-space: nowrap;
}

.sp-scroll::-webkit-scrollbar {
height: 5px;
}

.sp-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}

.sp-scroll::-webkit-scrollbar-thumb {
background: #bcbcbc;
}

/* 施設紹介 */
.sun-facilitiesBox ul li h3 {
font-size: 1rem;
}

.sun-facilitiesBox ul li {
width: 49.5%;
padding: 1%;
box-sizing: border-box;
line-height: 1.5em;
margin: 0 1% 2% 0;
}

.facilitiesDetails {
line-height: 1.5em;
}

.sun-facilitiesBox ul li:nth-child(2n) {
margin-right: 0;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl {
display: block;
border-right: dotted 1px #969593;
border-left: dotted 1px #969593;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dt {
display: block;
width: 100%;
border-bottom: dotted 1px #969593;
}

.sun-facilities-summaryBox .summary-boxInner.palace-infoBox > dl > dd {
display: block;
width: 100%;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl {
width: 50%;
border-left: dotted 1px #969593;
border-top: dotted 1px #969593;
border-bottom: dotted 1px #969593;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:last-child {
border-right: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:nth-child(1) {
border-top: none;
border-right: none;
border-bottom: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:nth-child(2) {
border-top: none;
border-right: none;
border-bottom: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:nth-child(3) {
border-bottom: none;
border-right: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:nth-child(4) {
  border-right: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-policyBox dl:nth-child(5) {
border-bottom: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut {
border: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl {
float: none;
width: 100%;
border: none;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl dt {
border-bottom: dotted 1px #949494;
}

.sun-facilities-summaryBox .summary-boxInner .palace-checkInOut dl dd span {
display: block;
}

/*お問合せ */
.sun-contact-listInner .list-box,
.sun-contact-listInner .list-box:last-child {
width: 100%;
float: none;
}

.sun-contact-listInner .list-box h3 {
margin-bottom: 1%;
font-size: 1.2rem;
}

.sun-contact-listInner .list-box .list-contactBtn {
width: 95%;
}

.sun-contact-Box {
padding: 5% 0;
}

.sun-contact-Box form {
display: block;
}

.sun-contact-Box .contact-boxInner dl {
display: block;
border-right: dotted 1px #969593;
border-left: dotted 1px #969593;
}

.sun-contact-Box .contact-boxInner dl dt,
.sun-contact-Box .contact-boxInner dl dd {
display: block;
width: 100%;
text-align: left;
}

section .sun-contact-listInner .list-box p {
box-sizing: border-box;
padding: 0 1%;
}

/* 宿泊プラン */
#stayplan {
height: 15vh;
}

#stayplan-wrap .stayPlan-box ul > li {
float: none;
width: 100%;
display: none;
}

#stayplan-wrap .stayPlan-box ul li.current {
display: block;
}

#stayplan-wrap .stayPlan-box ul li.current:after {
display: none;
}

#stayplan-wrap .stayPlan-box ul li img {
display: none;
}

#stayplan-wrap .stayPlan-box ul.otherPage {
display: block;
margin-top: 10%;
}

#stayplan-wrap .stayPlan-box ul.otherPage li {
display: block;
text-align: center;
color: #ffffff;
background: #7e9137;
border-radius: 5px;
font-size: 1.1rem;
box-sizing: border-box;
padding: 1% 3%;
text-align: left;
margin-bottom: 1%;
}

#stayplan-wrap .stayPlan-box ul.otherPage li a i {
margin-left: 1%;
}

/* ランチ */
#lunch-wrap .sun-lunchInformation {
width: 95%;
}

#lunch-wrap .sun-lunchInformation dl {
display: block;
width: 100%;
border: none !important;
}

#lunch-wrap .sun-lunchInformation dl dt {
display: block;
width: 100%;
text-align: center;
background: #818181;
color: #ffffff;
}

#lunch-wrap .sun-lunchInformation dl dd {
display: block;
width: 100%;
text-align: center;
border: solid 1px #818181;
}

#sun-lunch-monthlyMenu ul.menuBox li {
width: 50%;
}

#sun-lunch-monthlyMenu ul li:nth-child(3n) {
border-right: 0;
}

#sun-lunch-monthlyMenu ul li:nth-child(2n) {
border-right: dotted 1px #838382;
}

#sun-lunch-monthlyMenu ul li:nth-child(10n) {
border-bottom: dotted 1px #838382;
}

#sun-lunch-monthlyMenu h2 {
font-size: 1.5rem;
}

.modal-content {
width: 90%;
padding: 2%;
box-sizing: border-box;
height: 80%;
overflow-y: scroll;
top: 20px !important;
}

.modal-content .sun-modalImg,
.modal-content .sun-lunchComponent {
float: none;
width: 100%;
margin: 0;
}

#sun-lunch-monthlyMenu ul.menuBox li {
font-size: 1rem;
}

#sun-lunch-monthlyMenu ul li span {
font-size: 1.2rem;
}

#sun-lunch-monthlyMenu ul li span.lunchWord {
font-size: 1rem;
margin-top: 0;
}

.modal-content .button-link {
margin-top: 0;
}

#sun-lunch-monthlyMenu .modal-content .sun-lunchComponent h4 {
font-size: 1.1rem;
margin-bottom: 1%;
}

.sun-lunchKaiseki-inner {
display: none;
}

.sun-lunchKaiseki-inner-sp {
display: block;
color: #333333;
font-family: "mutsukiNmin S";
}

.sun-lunchKaiseki-inner-sp h2 {
color: #333333;
font-size: 1.5rem;
letter-spacing: 4px;
font-weight: bold;
}

.sun-lunchKaiseki-inner-sp h2 span {
font-size: 1rem;
}

.sun-lunchKaiseki-inner-sp ul {
background: rgba(255, 255, 255, 0.5);
color: #000000;
margin-top: 3%;
padding: 2%;
box-sizing: border-box;
overflow: hidden;
}

.sun-lunchKaiseki-inner-sp ul li {
float: left;
width: 50%;
margin-bottom: 2%;
font-size: 1.2rem;
font-weight: bold;
}

/* 朝食 */
#breakfast {
background: url(../img/breakfast_lunch/sun_breakfast_mainImg_sp.jpg) no-repeat;
background-size: 100%;
}

#breakfast .sun-breakfast-ttl {
display: none;
}

#breakfast .sun-breakfast-ttl-sp {
display: block;
width: 90%;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -45%;
top: 50%;
}

.breakfast-infoBox .breakfastTime dd {
font-size: 2.5rem;
}

.breakfast-infoBox .breakfast-boxInner h3 {
font-size: 1.1rem;
margin-bottom: 1%;
}

.breakfast-infoBox .breakfast-boxInner dl {
display: block;
width: 100%;
border: none !important;
}

.breakfast-infoBox .breakfast-boxInner dl dt {
display: block;
width: 100%;
text-align: center;
padding: 1% 0;
background: #818181;
color: #ffffff;
}

.breakfast-infoBox .breakfast-boxInner dl dd {
display: block;
width: 100%;
text-align: center;
border: solid 1px #818181;
}

.breakfast-infoBox {
width: 95%;
}

.sun-breakfast-press {
display: block;
}

.sun-breakfast-press .pressInner {
display: block;
width: 100%;
padding-left: 5%;
box-sizing: border-box;
}

.sun-breakfast-press .pressInner p {
font-size: 1.2rem;
line-height: 1.2em;
}

.sun-breakfast-press .pressInner:nth-child(2) {
width: 100%;
padding: 0;
}

.sun-breakfast-press .pressInner dt {
text-align: center;
line-height: 1em;
font-size: 2rem;
}

section .sun-breakfast-press:nth-child(2) {
overflow: hidden;
width: 95%;
margin: 3% auto;
}

section .sun-breakfast-press:nth-child(2) .pressInner {
float: left;
padding: 0;
width: 49%;
margin-right: 2%;
}

section .sun-breakfast-press:nth-child(2) .pressInner:last-child {
margin-right: 0;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner h2 {
width: 100%;
font-size: 1.8rem;
background: none;
}

.sun-breakfastCommitment .sun-breakfast-commitmentInner h2 > span {
font-size: 1.5rem;
}

.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(even) .sun-breakfast-boxInnerImg,
.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(even) .sun-breakfast-boxInnerTxt,
.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(odd) .sun-breakfast-boxInnerTxt,
.sun-breakfast-commitmentInner .sun-breakfast-pointBox:nth-child(odd) .sun-breakfast-boxInnerImg {
float: none;
width: 100%;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt h3 {
padding-left: 0;
letter-spacing: -4px;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin02 h3 {
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin01 h3:before {
display: none;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin02 h3:before {
display: none;
}

.sun-breakfast-pointBox .sun-breakfast-boxInnerTxt.poin03 h3:before {
display: none;
}

.sun-breakfast-menuWrap .sun-breakfast-wrapInner h2 {
width: 100%;
font-size: 1.5rem;
background: none;
}

.sun-breakfast-menuWrap .sun-breakfast-wrapInner h2 > span {
font-size: 1.6rem;
}

.sun-breakfast-menuBox li {
width: 50%;
}

/* アクセスマップ */
.sun-accessMap-ttl {
display: none;
}

.sun-accessMap-summary .sun-summaryInner h2 {
font-size: 1.6rem;
line-height: 1.2em;
}

.sun-accessMap-process h3 {
font-size: 1.3rem;
}

.sun-accessMap-summary .sun-summaryInner h3 {
margin-top: 5%;
}

.sun-accessMap-process .sun-processInner .innerR h3 {
font-size: 1.5rem;
line-height: 1.5em;
}

.sun-accessMap-process .sun-processInner .innerR h3 span {
display: -webkit-inline-box;
}

.sun-accessMap-process .sun-processInner .innerL ul {
height: 100%;
}

.sun-accessMap-process .sun-processInner .innerL ul li {
-ms-writing-mode: inherit;
writing-mode: horizontal-tb;
}

.sun-accessMap-process .sun-processInner .innerL li:after {
width: 0;
height: 25px;
right: 10%;
}

.sun-accessMap-process .sun-processInner .innerL li:before {
content: "";
border: solid 10px #bec592;
position: absolute;
top: 50%;
width: 0;
height: 25px;
z-index: 1;
left: 10%;
}

.sun-accessMap-process .sun-processInner .innerL li:last-child:before {
display: none;
}

.sun-accessMap-process .sun-processInner .innerL.car li {
width: 100%;
float: none;
}

.sun-accessMap-process .sun-processInner .innerL.car li span.map-explanation {
}

.sun-accessMap-process .sun-processInner .innerL.car li:nth-child(1) span.map-explanation {
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL li span {
position: static;
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL.car li:last-child {
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL.car li:last-child span {
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail ul {
height: auto;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li {
height: 100%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li,
.sun-accessMap-process .sun-processInner .innerL.monorail li span {
width: 100%;
position: relative;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(n + 2) span {
height: auto;
top: unset;
margin: 0 auto 5%;
width: 80%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(7),
.sun-accessMap-process .sun-processInner .innerL.monorail li:last-child span {
width: 100%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(7) span {
margin-bottom: 0;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:before {
left: 20%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:after {
right: 20%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li:nth-child(1) span.map-explanation {
position: static;
top: unset;
width: auto;
left: unset;
margin-bottom: 1%;
padding-top: 1%;
}

.sun-accessMap-process .sun-processInner .innerL.monorail li span.map-explanation {
width: 100%;
margin-bottom: 3%;
position: static;
}

.access-map-way h2 {
font-size: 1.5rem;
text-align: left;
}

.sun-accessMap-summary .sun-summaryInner iframe {
height: 300px;
}

#monorail {
margin-top: 0;
padding-top: 0;
}

.sun-accessMap-process h3,
.sun-accessMap-process h3#monorail {
margin-top: 0;
font-size: 1.2rem;
padding: 1%;
box-sizing: border-box;
line-height: 1.5em;
letter-spacing: 0;
}

/* 7つの魅力 */
#m7 {
background: url(../img/7-m/sun_7M_mainImg_sp.jpg) no-repeat 0 80%;
background-size: 100%;
position: relative;
height: 30vh;
}

#m7 .sun-m7-ttl {
display: none;
}

.sun-m7-ttl-sp {
display: block;
position: absolute;
top: 0;
}

#m7-wrap section {
padding: 3%;
margin-bottom: 2%;
}

#m7-wrap h2 {
font-size: 1.3rem;
}

.interviewImg p {
text-align: center;
}

.sun-lohasBox .lohasTxt,
#m7-wrap .sun-lohasBox .lohasImg,
#m7-wrap .sun-miryokuBox .miryoku-boxInner {
float: none;
width: 100% !important;
margin: 0;
}

h2.m7-ttlImg {
display: none;
}

.sun-interviewBox .interviewArea {
float: none;
width: auto;
}

.sun-interviewBox .interviewImg {
margin: 0 0 5% 5%;
}

#m7-wrap .sun-miryoku-innerBox section {
margin-right: 0;
margin-bottom: 2%;
width: 100%;
}

#m7-wrap .sun-miryoku-innerBox section h2 {
font-size: 1.3rem;
}

.sun-interviewBox .interviewImg-02 {
float: none;
width: 100%;
margin: 0 0 1% 0;
}

/* かりゆし */
#kariyushi {
background: url(../img/kariyushi/sun_kariyushi_mainImg_sp.jpg) no-repeat center center;
background-size: 100%;
position: relative;
height: 15vh;
}

.kariyushi-grt .kariyushi-grtBox br {
display: block;
}

.kariyushi-grt .kariyushi-staff {
width: 60%;
}

.kariyushi-grt .kariyushi-grtBox ul {
margin: 0;
font-size: 1rem;
margin: 2% 0;
}

.kariyushi-grt .kariyushi-grtBox ul li {
line-height: 1.5em;
margin: 0;
}

.kariyushi-pointWrap h2 {
font-size: 1.8rem;
}

.kariyushi-pointWrap h2 br {
display: block;
}

.kariyushi-pointWrap h3 {
font-size: 1.2rem;
}

.kariyushi-pointWrap h3 > span > span {
font-size: 2rem;
}

.kariyushi-pointWrap h2 span {
font-size: 2.5rem;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li {
float: none;
margin: 0 0 5% 0;
width: 100%;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li dl {
padding: 3%;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li dl dt {
font-size: 1.1rem;
font-weight: bold;
text-align: left;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox.pointTtl:before {
display: none;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-pair:after {
top: 40%;
bottom: auto;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-trip dl dt:after {
top: -250%;
}

.kariyushi-pointWrap ul.kariyuyshi-pointBox li.kariyushi-business:after {
display: none;
}

#rentalKariyushi {
margin-top: 0;
padding-top: 0;
}

/* ブログ */
.contents section.blog,
.blogBox section.blog {
float: none;
width: 100%;
margin: 0;
}

.contents aside,
.blogBox aside {
float: none;
width: 100%;
margin-top: 5%;
}

.blog-areaImg {
margin-right: 2%;
}
}

/*20200302追加　宴会プラン*/
#partyPlan-wrap ul.js-tab li.partyPlan01 {
font-weight: bold;
}

.sp-none.pB00 .accordion dt span {
font-size: 12px;
}

/*20200529 朝食に文言追加*/
@media screen and (max-width: 420px) {
.breakfast-infoBox h2 > br {
display: none;
}
}

/* ::::::::::::::::::::::::::::::::::
20201020 会議室・宴会場　ボタン追加
::::::::::::::::::::::::::::::::::: */
section p.btn-corona3.meeting_room {
width: 50%;
line-height: 1.9;
border: double 5px #b70000;
background: #fff;
text-align: center;
}

section p.btn-corona3.meeting_room a {
text-decoration: none;
display: block;
padding: 1em;
font-size: 20px;
color: #b70000;
}

@media screen and (max-width: 480px) {
section p.btn-corona3.meeting_room {
width: 100%;
line-height: 2;
}
}

/* ::::::::::::::::::::::::::::::::::
20210125 会議室・宴会場　ボタン追加
::::::::::::::::::::::::::::::::::: */
section .meeting-btn {
display: flex;
justify-content: space-around;
max-width: 1000px;
margin: 55px auto 3%;
}

section .btn-jitan.meeting_room {
width: 50%;
margin-left: 20px;
border: double 5px #b70000;
background: #fff;
text-align: center;
line-height: 3.8;
}

section .btn-jitan.meeting_room a {
text-decoration: none;
display: block;
padding: 1em;
font-size: 20px;
color: #b70000;
}

@media screen and (max-width: 480px) {
section .meeting-btn {
display: block;
margin-top: 0;
}

section .btn-jitan.meeting_room {
width: 100%;
line-height: 2;
margin: 20px 0;
}
}

@media screen and (max-width: 780px) {
section .meeting-btn {
margin-top: 0;
}

section .btn-jitan.meeting_room a {
padding: 2em 0 0;
line-height: 1.8;
}
}

/* 20210122　宴会場・会議室　和室のみ一時非表示対応 */
li.meetingAll,
li.akemodoro,
li.samurai,
dt.meetingAll,
dt.meetingAkemodoro,
dt.meetingSamurai {
display: none;
}

/* 一時非表示に伴いサイズ変更 元に戻したら削除してOK*/
#meetingRoom-wrap ul.contentBox-wrap li {
width: calc(97% / 3);
}

/* 20210524 ベトナム語お問い合わせページ追加 */
.Vietnam-form {
font-family: "Roboto", sans-serif;
}

.Vietnam-form .sun-contact-Box .contact-boxInner p {
font-size: 100%;
}

.Vietnam-form .sun-contact-Box .contact-boxInner dl dt {
width: 35%;
}

@media screen and (max-width: 750px) {
.Vietnam-form .sun-contact-Box .contact-boxInner dl dt {
width: 100%;
}
}

/*202109291 会議室追加*/
span.red {
color: red;
}

/*20220426 宴会プラン追加　お弁当・オードブル*/
.js-tab_content p.te-bent {
margin-top: 3%;
}

/*
------------------------------------------------------------
かりゆしウェアのレンタル
------------------------------------------------------------
*/

.movie-box {
width: 70%;
margin: 20px auto;
aspect-ratio: 16 / 9;
}

.movie-box iframe {
width: 100%;
height: 100%;
}

@media screen and (max-width: 480px) {
.movie-box {
width: 100%;
}
}
/* 2022.09.20追加 - 夜のレストラン営業休業のお知らせ */

.textdiner {
border: #da600d double 5px;
padding: 20px 30px;
color: #da600d;
text-align: center;
width: 53%;
margin: 0 auto 50px;
}
.textdiner h4 {
font-size: 1.5rem;
padding-bottom: 20px;
}
section .textdiner p {
width: 100%;
margin: 1% auto 0;
}
@media screen and (max-width: 480px) {
.textdiner {
width: 82%;
padding: 20px;
margin: 30px auto;
}
.textdiner h4 {
font-size: 1rem;
}
}
@media screen and (max-width: 780px) {
.textdiner {
width: 72%;
}
}

/* 2022.11.17追加 - お弁当・オードブルの注文受付は休止のお知らせ */
p.pause {
width: 50%;
margin: 30px auto 0;
text-align: center;
}
p.pause_sp {
margin: 2% auto 5%;
font-size: 0.8rem;
line-height: 1.5em;
color: #000;
text-align: left;
}

/* single - lineアイコン */
.icon-box {
text-align: center;
}
.blogBox section.blog .line-icon img {
width: auto;
height: auto;
}

/* 2023.04.06追加 - ブログ記事下部、Gフォーム、LINEボタン */

.blog_under_btn {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
text-align: center;
color: #ff0000;
font-weight: bold;
}
.blog_under_btn_column {
width: 50%;
margin: 20px 0px;
}

@media screen and (max-width: 780px) {
.blog_under_btn_column {
width: 100%;
}
}
/*
2023.07.21 - 会議室レイアウト変更
----------------------------------------*/
#meetingRoom-wrap .sun-infoBox-inner.sun-meeting .infoBox-innerL.meeting-info {
width: 80%;
margin: 0 auto 50px;
}
#meetingRoom-wrap .sun-infoBox-inner.sun-meeting > .infoBox-innerL {
float: none;
width: 80%;
margin: 0 auto;
}
#meetingRoom-wrap .infoBox-innerL.meeting-info .infoBox-innerL {
width: 100%;
}
/* 大会議室 */
#meetingRoom-wrap .sun-infoBox-inner.sun-meeting .infoBox-innerL.meeting-info p {
width: 100%;
}
/*
2023.07.24 - 会議室レイアウト変更
----------------------------------*/
p.bur-box {
max-width: 367px;
margin: 0 auto 20px;
}
@media screen and (max-width: 750px) {
p.bur-box {
margin: 30px auto 10px;
}
}

/*
2023.07.26 - 7つの魅力　修正
----------------------------------*/
.h3_deco{
  font-family: "マメロン";
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.5em;
  margin-bottom: 4%;
}
/*
.h3_deco span:nth-child(1){
  display: block;
}
.h3_deco span:nth-child(2){
  display: block;
  text-align: left;
}
*/
@media screen and (max-width:750px){
  .h3_deco{
    font-size: 1.3rem;
  }
  .h3_deco span:nth-child(1){
    display: inline;
  }
}

/* 2023.10.05 - 月替わりお弁当 */
.rool{
  max-width: 1080px;
  margin: 0 auto;
}

/*
2023.10.16 - お客様の声
--------------------------*/
.fg-media.fg-loaded .fg-media-content{
  width: auto;
}

/*
2023.10.30 - ギャラリページ追加
-----------------------------------------*/
#pamphlet {
  height: 20vh;
  background: url(../img/pamphlet/sun_pamphlet_mainImg.webp) no-repeat;
  background-size: 100%;
  }

.pamphlet-container .columm3{
  max-width: 1200px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 20px 40px;  
  margin-bottom: 60px;
}
.pamphlet-container .column3__inner{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
.pamphlet-container .columm3__ttl{
  font-size: 1.1rem;
}
.pamphlet-container figure{
  margin: 0;
}
.pamphlet-container img{
  width: 100%;
  margin: 0;
}
.column3__inner .columm3__txt{
  width: 100%;
}
.column3__inner .sun-column2Btn-green{
  width: 100%;
}
.column3__inner .sun-column2Btn-green li{
  width: 100%;
}
.column3__inner::after{
  content: none;
}

@media screen and (max-width:1024px){
  #pamphlet{
    background: url(../img/pamphlet/sun_pamphlet_mainImg_sp.webp) no-repeat;
  }
}
  @media screen and (max-width:750px){
    #pamphlet {
      background-position: 70% top;
      background-size: 200%;
      position: relative;
      }
    .sun-pamphlet-ttl{
      display: none;
    }
    .pamphlet-container .column3__inner{
      width: 100%;
      margin-bottom: 5em;
    }
  }

@media screen and (max-width:480px){
  .pamphlet-container .columm3{
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .pamphlet-container .columm3__ttl{
    text-align: center;
  }
  .column3__inner .sun-column2Btn-green li a{
    font-size: 15px;
  }
}

/*----------------------------------------
  2024.04.01 - 小会議室　レイアウト修正
------------------------------------------*/
.infoBox-innerL .pay .freeBox01Lift {
  margin: 0 0 20px 0;
  padding: 140px 0px 0px;
  max-width: 100%;
  background: url(../img/meeting_party/foodanddriks.png) no-repeat top center;
}

.infoBox-innerL .pay figure{
  margin: 0 0 0 0;
}

@media screen and (max-width:480px){
  .infoBox-innerL .pay .freeBox01Lift{
    margin: 30px 0 20px 0;
    padding: 80px 0px 0px;
    background-size: 20%;
  }
}