@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');


/*** common ***/

html, body { margin: 0; padding: 0; height: 100%; }
html { font-size: 62.5%; }

body { 
color: hsla(0,0%,0%,1); 
font-size: 1.4rem; 
line-height: 2.6rem; -webkit-font-smoothing: antialiased; 
overflow-x: hidden;
-moz-font-feature-settings: 'palt' 1; 
-webkit-font-feature-settings: 'palt' 1; 
font-feature-settings: 'palt' 1; 
letter-spacing: .05em;
text-align: left;
}

.clearfix:after { content: ''; display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }

.lft, .lftpc { float: left; width: 47% }
.rgt, .rgtpc { float: right; width: 47% }

img { max-width: 100%; width: 100%; height: auto; }
img { border: none; vertical-align: bottom }

.phj img { width: 100% /*width: calc(100% - 2px); padding: 1px 1px 0; height: auto*/ }
img.phj  { width: 100% }

.kakomi { border: #ccc 1px solid; box-sizing: border-box; }

p { margin: 0; padding: 0; font-size: 1em; line-height: 2.0em }


/*** design ***/

.keycolor1 { color: hsla(138,100%,25%,1); }
.keycolor1 { color: #007F26; }
.bgr { background-color: hsla(0,100%,50%,.2)!important; }
.bgy { background-color: hsla(52,100%,50%,1)!important; }

.nosee { display: none; }

a { color: #000; text-decoration: none } /*hsla(138,100%,25%,1.00)*/
a.tul { color: #000; padding: 0 0 3px 0; border-bottom: 1px dashed #000; }
article.org.bgblk a.tul { padding: 0 0 3px 0; border-bottom: 1px dashed hsla(0,0%,0%,.7); }

.headerlogo, .headertxt,
.navlogo, .navtxt { position: absolute; z-index: 1000; }

.headertxt, .navtxt { letter-spacing: .08em }
.headertxt a, .navtxt a { color: #fff }

body.infopage .headertxt a { color: #000 }

section.org, article.org, main.org, footer.org, body.org div.header { position: relative; }
section.org- { background-color: hsla(0,100%,100%,.99999); }
main.org , footer.org { z-index: 100; }

.figre { position: relative; width: 100%; margin: 0; padding: 0 }
.blk { color: #000!important }
.wht { color: #fff!important }
.gray { color: #aaa!important }
.thumb i, i { padding-right: 5px }

#photobg01, #photobg02, #photobg03
{ 
height: 100%; 
position: absolute; 
top: 0; 
background-repeat: no-repeat; background-color: #000; 
}

#photobg01 { z-index: 1; } #photobg02 { z-index: 2; } #photobg03 { z-index: 3; }

ul { margin: 0 0 0 15px; padding: 0 }
ul { font-size: 1.0em; line-height: 2em }
li { margin: 0 0 0 0px; padding: 0 }

ul.nodeco { margin-left: 0}
ul.nodeco li { list-style: none; margin: 0 0 0 0px; }

/*** typo ***/

.txl { text-align: left; }
.txc { text-align: center; }
.txj { text-align: justify; }
.typo { font-size: 0; line-height: 0; text-indent: -5000px }


h1, h2, h3, h4, p { margin: 0; padding: 0 }

h1 span { font-size: .8em; vertical-align: .2em; padding-left: .2em }
h2 span { font-size: .6em; vertical-align: .2em; padding-left: .2em }
h3 span { font-size: .8em; vertical-align: .1em; padding-left: .2em }
h4 span, .small { font-size: .8em; vertical-align: .2em; padding-left: .2em }
li span { font-size: .6em; vertical-align: .2em; letter-spacing: 0; padding-left: .2em }

p span.small { font-size: .8em; vertical-align: .1em; letter-spacing: 0; }


.pric strong { font-size: 120%; display: inline-block; }
.pric span { font-size: 90%; padding-left: 3px; padding-right: 3px; vertical-align: .1em }

/*** font-family ***/

body, h1, h2, h3, h4, p, section.org, article.org, div, .pric strong
{ font-family: toppan-bunkyu-mincho-pr6n, serif; font-weight: 300; font-style: normal; text-align: justify }

.modal__content strong,
.gothic, section.org strong { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" }
.modal__content strong,
.gothic, section.org strong { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal;}

.cwr, .garamond { font-family: "Cormorant Garamond", serif; font-optical-sizing: auto; font-weight: 400; }
.oswald,.viewmore { font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;
}

/*.meno { font-family: meno-banner, serif; font-weight: 400; font-style: normal; }*/

/*** layout ***/

body.infopage main.org { background-color: #fff; }

.parallax_spacer- { background-color: hsla(353,82%,35%,.0) }
section.org.first_view 
{ position: fixed; z-index: 1; width: 100%; padding: 0; }

footer.org { width: 100%; background-color: #fff; padding: 0; margin: 0 }

nav, nav a, .sitemap-box a { color: #fff }
nav a i, .sitemap-box a i, .sitemapsub a i { opacity: .3 }

ul.sitemap, ul.sitemaprsv { padding: 0; margin: 0; } 
ul.sitemap li, ul.sitemaprsv li, ul.sitemaprsv li, ul.sitemapsub li 
{ position: relative; margin: 0; padding: 0; list-style: none; }

ul.sitemaprsv li.external-txt { padding-top: 38px; color: #fff; }
ul.sitemaprsv li.external-txt a { pointer-events: none; }
footer.org ul.sitemaprsv li.external-txt { padding-top: 42px; }

ul.sitemap li a, ul.sitemaprsv li a { display: block; padding: 5px 0 5px }

ul.sitemapsub { padding: 20px
0 0; margin: 0 }
ul.sitemapsub li { float: left; font-size: .8em; }
ul.sitemapsub li a { padding-right: .8em  }
ul.sitemapsub li a i { padding-right: .1em  }

.snsicon ul.sitemap li a i { color: hsla(0,0%,100%,.5); font-size: 3rem; opacity: 1 }
.snsicon ul.sitemap li a img { width: 26px; padding: 5px 5px 5px 0px; vertical-align: -7px;opacity: .5; filter: brightness(100); }
/*.snsicon ul.sitemap li { padding-right: 40px; text-align: right; }
*/

ul.sitemap li a:hover { opacity: 1; transition: all  0.5s ease; }
ul.sitemap li a:hover, ul.sitemap li a:focus { opacity: 1 }

.address h4 img { width: 110px; padding-bottom: 20px; }

body#index ul.sitemap li.index a i,
body#overview ul.sitemap li.overview a i,
body#rakuen ul.sitemap li.rakuen a i,
body#rakan ul.sitemap li.rakan a i,
body#dayuse ul.sitemap li.rakan a i,
body#dayuse ul.sitemap li.dayuse a i,
body#art ul.sitemap li.art a i,
body#haginooen ul.sitemap li.haginooen a i,
body#rooms ul.sitemap li.rooms a i,
body#rooms ul.sitemaprsv li.rooms a i,
body#honkan ul.sitemap li.honkan a i,
body#honkan ul.sitemaprsv li.honkan a i,
body#naigosho ul.sitemap li.naigosho a i,
body#naigosho ul.sitemaprsv li.naigosho a i,
body#cuisine ul.sitemap li.cuisine a i,
body#faq ul.sitemapsub li.faq a i,
body#access ul.sitemap li.access a i,
body#memorial ul.sitemap li.memorial a i,
body#faq ul.sitemap li.faq a i
{ opacity: 1; }

body#recruit ul.sitemapsub li.recruit a i,
body#profile ul.sitemapsub li.profile a i,
body#profile ul.sitemapsub li.pp a i
{ opacity: 1; }

section.org.second_view { border-top: #ccc 1px solid; background-color: #fff; padding-bottom: 40px }
section.org.third_view { background-color: #fff; padding: 40px 40px 50px 0; border-top: #ccc 1px solid; }
section.org.fourth_view { background-color: #fff; padding: 40px 0 20px 0; }

.breadcrumb-links { top: 15px; left: 20px }

footer.org .sitemap-box 
{ background-color: hsla(110,12%,58%,1.00); font-size: .9em; line-height: 1em }

.header ul.sitemaprsv { float: left; width: 40%; } 
.header ul.sitemap { float: right; width: 55%; }

#amenities dt { float: left; width: 30%; font-size: .9em }
#amenities dd { float: left; width: 70%; font-size: .9em }

.benefits dl, .restaurantdl dl  { width: 100%; margin: 0; padding: 5px 0!important; }
.restaurantdl dt, .restaurantdl dd, 
.benefits dt, .benefits dd 
{ 
font-size: .9em!important; 
line-height: 1.8em!important; 
vertical-align: middle; 
margin: 0; padding: 0!important; 
float: left; 
background-color: hsla(138,100%,25%,.0); }

.restaurantdl dt { width: 60px; }
.restaurantdl dd { width: calc(100% - 60px); }

.benefits dt { width: 130px; }
.benefits dd { width: calc(100% - 130px); }
.abso { position: absolute; z-index: 10 }
.boto { border-top: #ccc 1px solid; }
.bobo { border-bottom: #ccc 1px solid; }

.modal .boto, .modal .bobo { border-color: #aaa }

.relazu { position: relative; margin: 0; padding: 0; }
.relazu a 
{ position: absolute; z-index: 1; display: block; border-radius: 6px; 
background-color: hsla(0,100%,50%,.0) }

.btg a { color: #000; font-weight: 700 }

.thumbp .btg { position: relative; padding: 4px 0 10px 20px; line-height: 1.6em}
.thumbp .btg span.dli-chevron-right { position: absolute; z-index: 1; left: 0px; top: 8px }
.thumbp .btg span.gothic { font-size: 1.2em; }

.pp-box { margin: 0 0 40px 20px }

.sns a { font-size: 2em; color: #000; padding: 5px }
.sns a img { width: 25px; padding: 5px 5px 5px 5px; vertical-align: -7px; opacity: 1 }

.cwr { text-transform: uppercase; font-size: .7em; text-align: center }
.ccard span { display: inline-block; font-size: .9em; line-height: 1em; padding: 4px 8px; border: 1px #ccc solid; margin: 0 10px 10px 0; border-radius: 3px }
.saunapj span { display: block; font-size: .9em; line-height: 2em; width: 50%; float: left }

.dli-chevron-right {
  display: inline-block;
  vertical-align: -.1em;
		margin-right: .5em;
  color: #000;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
}

.breadcrumb-links { position: absolute; z-index: 1; font-size: .8em; line-height: 1em; }
.breadcrumb-links .dli-chevron-right { height: .6em; width: .6em; vertical-align: .1em; margin-left: .5em; margin-right: .5em; border-color: hsla(0,0%,0%,.5) }

.breadcrumb-links a { border-bottom: dashed 1px #555; display: inline-block; padding-bottom: 4px }

.banbt a { display: block; }

.spc { font-size: .9em; line-height: 1.8em}
.zuname { display: block; position: absolute; z-index: 1; left: 0; bottom: 0; font-size: .8em; line-height: 1.2em; background-color: hsla(359,100%,50%,.0); }

.thumbp .lft { float: left; width: 33%; margin-right: 5% }
.thumbp .rgt { float: right; width: 62%; font-size: .9em }

.details .thumbp .lft { float: left; width: 33%; margin-right: 3% }
.details .thumbp .rgt { float: right; width: 62%; font-size: .9em; line-height: 1.9em }

figure.ImgBox { border-radius: 6px; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; position: relative }
img.ImgBox-Img { border-radius: 6px; transition-duration: 0.6s; background-color: hsla(0,0%,0%,.05) }
img.ImgBox-Img:hover { transform: scale(1.1); transition-duration: 0.6s; }

figure.ImgBox::after { 
position: absolute; z-index: 1; right: 8px; bottom: 10px;
content: "";
display: inline-block;
background-color: hsla(0,0%,100%,.05) ;
background-image: url('../img/dot4.png');
opacity: .5 ;
width: 12px;
height: 12px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.viewmore { position: relative; letter-spacing: .03em }
.viewmore a { display: inline-block; padding-left: 20px; coler:hsla(0,0%,0%,.7); }
.viewmore a::before { 
position: absolute; z-index: 1; left: 0px; top: 7px;
content: "";
display: inline-block;
background-image: url('../img/dot4b.png');
opacity: .7;
width: 12px;
height: 12px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}

.external-link a{ position: relative; }

.external-link a::before { 
position: absolute; z-index: 1; content: ""; display: inline-block;
background-position: center; background-size: contain; background-repeat: no-repeat;
}
.external-link a::before { }
.modal .external-link a, 
article .external-link a { padding-left: 25px; margin-bottom: 5px; color: hsla(138,100%,25%,1); }
.modal .external-link a::before,
article .external-link a::before { left: 0px; top: 4px; width: 15px; height: 15px;
background-image: url('../img/external-linkg.png');
}
article .external-link.doticon a { margin-bottom: 0px; padding-left: 18px; line-height: 1rem; color: #000;  }
article .external-link.doticon a::before 
{ left: 0px; top: 6px; width: 11px; height: 11px; background-image: url('../img/dot4b.png'); }

nav li.external-link a,
footer li.external-link a { padding-left: 18px;}
nav li.external-link a::before, 
footer li.external-link a::before 
{ left: 0px; top: 12px; width: 12px; height: 12px;
background-image: url('../img/external-linkw.png');
}

.sitemapsub { ; background-color: hsla(138,100%,25%,.0); }

figure.ImgBox.nolink::after { opacity: 0 }
figure.ImgBox.nocap { margin-bottom: 20px }

p.capt { font-size: 1.2rem!important; line-height: 1.2rem!important; padding: 8px 0 20px; text-align: right; }

p.tel { font-size: 1.8rem!important; line-height: 1.2rem!important; padding: 30px 0 5px}
p.tel span { font-size: 1.4rem!important; }

.thumbs { }
.thumb { }
.thumb .lft { width: 30%!important }
.thumb .rgt { width: 66%!important }

.thumbs a { color: #000; display: block; border-top: hsla(138,100%,25%,.5) 1px solid; margin-bottom: 20px }
.thumbs a h3 { position: relative; padding-left: 20px; padding-top: 6px; font-size: 1em; line-height: 1.4em; color: #007F26 }
.thumbs a p { font-size: .8em; }

.thumbs.externals {  }
.thumbs.externals a h3::before {
position: absolute; z-index: 1; 
left: 0px; top: 10px; width: 12px; height: 12px;
content: ""; display: inline-block;
background-position: center; background-size: contain; background-repeat: no-repeat;
background-image: url('../img/external-linkg.png');
}

/*************************** 小さい画面?? ******************************

*/

.hrlike { border-top: solid 1px #ccc; background-color: hsla(0,0%,100%,1.00); font-size: 10px; line-height: 10px }
.modal__content .hrlike { border-color: hsla(139,15%,45%,.5); background-color: hsla(109,17%,82%,1.00);;margin-right: 40px }

.rgt .figre { text-align: right; padding-top: 6px }

article.org.h1box h1, 
article.org.h1box h2 
{ font-size: 2.0rem; line-height: 3.0rem; margin-bottom: 2rem; }

article.org .h2box h2 
{ font-size: 1.8rem; line-height: 2.8rem; padding-bottom: 2rem; }

article.org .h2box p 
{ font-size: 1.4rem; line-height: 2.6rem; padding-bottom: 2.5rem; }

article.org h3 
{ font-size: 1.6rem; line-height: 2.2rem;  padding-bottom: 1rem; }

article.org.article_goriyo h2,
article.org.article_official h2
{ 
font-size: 1.6rem; line-height: 2.2rem; padding-bottom: 1rem; 
}

article.org.article_goriyo h3,
article.org.article_official h3 
{ 
display: inline-block; font-size: 1.4rem; line-height: 2.2rem; margin-bottom: 1rem; padding-top: 1rem; padding-bottom: .1rem;
border-bottom: 1px solid #ccc;
}

.sandan { }
.sandan .lft { width: calc(33.333% - 1px); margin: 0; padding: 0 1px 1px 0 }
.sandan p.capt  { text-align: left; height: 20px; }

.cwr { padding: 0 0 50px; }
.chikurinbt { margin-top: 30px }
span.kaishi { display: inline-block; padding-right: 10px;}

.transfer { margin-top: 30px }

.hamburger-grid {top: 5px; left: calc(50% - 50px); }

.headerlogo { width: 60px; left: 15px; top: 15px; }
.headertxt { width: 150px; left: 90px; top: 25px; font-size: 1.4rem; line-height: 1.4rem; }

.modal__content { overflow-x: hidden; }
.modal__content h2,.modal__content h3 { padding-right: 40px; }
.modal__content h2 { font-size: 2.0rem; line-height: 2.8rem; padding-bottom: 1.6rem; }
.modal__content h3 { font-size: 1.8rem ; line-height: 2.2rem; padding-bottom: 1.6rem; }

/**.modal__content p  { padding: 0 40px 1.6rem 0; }**/

.pb0 { padding-bottom: 0!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pb110 { padding-bottom: 110px!important; }
.pb120 { padding-bottom: 120px!important; }
.pb130 { padding-bottom: 130px!important; }
.pb140 { padding-bottom: 140px!important; }
.pb150 { padding-bottom: 150px!important; }
.pb160 { padding-bottom: 160px!important; }
.pb170 { padding-bottom: 170px!important; }
.pb180 { padding-bottom: 180px!important; }
.pb190 { padding-bottom: 190px!important; }
.pb200 { padding-bottom: 200px!important; }

.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }

.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt20 { padding-top: 20px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }

.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }

.ml10 { margin-left: 10px!important; }
.ml20 { margin-left: 20px!important; }

.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }

.pl10 { padding-left: 10px!important; }
.pl20 { padding-left: 20px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.plm10 { padding-left: -10px!important; }


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

.sp { display: none } .pc { display: block}

body.org { background-color: hsla(0,0%,0%,.07); }

body.org div.header,
footer.org, 
main.org { max-width: 1300px; margin: 0 auto; }

#photobg01, #photobg02, #photobg03 { width: 1300px; left: 50%; margin-left: -650px; }

section.org.first_view .garamond { font-size: 4.4rem; line-height: 1em; letter-spacing: .06em }
section.org.first_view .garamond { left: calc(50% - 600px); width: 1200px; }

section.org.second_view .child2 .roomspc .lft 
{ width: 100%!important; padding: 0 0 20px 0!important }
section.org.second_view .child2 .roomspc .rgt 
{ width: 100%!important; padding: 0 0 60px 0!important; }

li.pric { padding-bottom: 20px }
#rooms li.pric { padding-bottom: 0px }

.modal__content {
max-width: 990px; 
width: calc(100% - 50px) ;
padding: 70px 30px 120px 20px ; 
}
.modal__content::before { left: 50%; margin-left: 608px; top: 60px; }
.modal__content::after { left: 20px; bottom: 50px;}
.modalspec { width: 80% }
.modalspec ul { float: left; width: 35% }
.modalspec p.figre { float: right; width: 55%; padding-top: 5px }

}

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

body.org div.header,
footer.org, 
main.org { max-width: 1200px; margin: 0 auto; }

section.org.first_view, .parallax_spacer { height: 50vh; }

#photobg01, #photobg02, #photobg03 { width: 1200px; left: 50%; margin-left: -600px; }
section.org.first_view .garamond { left: calc(50% - 550px); width: 1100px; }

section.org.second_view .child2 .lft { width: 55%; padding: 0!important; }
section.org.second_view .child2 .rgt { width: 40%; padding: 0!important; }

.modal__content {
max-width: 990px; 
width: calc(100% - 50px) ;
padding: 70px 30px 120px 20px ; 
}
.modal__content::before { left: 50%; margin-left: 558px; top: 60px; }
.modal__content::after { left: 20px; bottom: 50px;}

}

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

body { overflow-x: hidden; }

.ip { display: block}
	
body.org div.header,
footer.org, 
main.org { max-width: 640px; margin: 0 auto; }
#photobg01, #photobg02, #photobg03 { width: 640px; left: 50%; margin-left: -320px; }

section.org.first_view, .parallax_spacer { height: 80vh; }
.nav-grid__content { max-width: 600px; padding: 100px 40px; margin: 0 auto; left: 50% }

section.org.first_view .garamond { font-size: 3.8rem; }
section.org.first_view .garamond { left: calc(50% - 300px); width: 600px; }

article.org.bgblk { background-color: hsla(0,0%,0%,1.00); color: #fff; }
article.org.bgblk a.tul { color: #fff; border-bottom-color: hsla(0,0%,100%,.7); }
article.org.bgblk a { color:hsla(0,0%,100%,1); }
article.org.bgblk .viewmore a { color:hsla(0,0%,100%,.7); }
article.org.bgblk .viewmore a::before { background-image: url('../img/dot4.png'); }

section.org.second_view .thumbp .lft { float: left; width: 38%; margin: 0 5% 20px 0; }
section.org.second_view .thumbp .rgt { float: right; width: 57%; font-size: .9em }

footer.org .footer-box { padding: 0px 20px 0px 30px; }
footer.org .sitemap-box { padding: 40px 0px 40px 30px; }

footer.org ul.sitemaprsv { float: left; width: 48%; } 
footer.org ul.sitemap { float: left; width: 52%; }

.sns { text-align: right; padding: 20px 10px 0 }

.banbt { width: 220px; margin: 30px 30px 10px }
.banbt p { float: none; width: 100%; margin: 10px 0;  }

.cwr { text-align: left; padding: 0px 0px 100px 30px }

.modal__content {
max-width: 600px; 
width: calc(100% - 60px) ;
padding: 70px 30px 120px 30px ; 
}
.modal__content::before { left: 50%; margin-left: 278px; }
.modalspec { width: 100% }
.modalspec2 { width: 100% }

article.org { padding: 0 60px 0 20px; position: relative; }
article.roomlist { padding-left: 20px; padding-right: 0 }

article.org.h1box { padding-top: 40px; padding-bottom : 40px; border: none!important; }

article.org.bgblk { padding-top: 40px; padding-bottom: 30px;}

article.org.bgwht { padding-top: 40px; padding-bottom: 30px; }

article.org.child1 { padding-top: 40px; padding-bottom: 50px; border: none!important; }
section.org.third_view article.org.child1 { padding-top: 0px; }
article.org.child2 { padding-top: 40px; padding-bottom: 50px; border: none!important; }

.third_view article.zu { padding-left: 20px; padding-right: 20px; }

.botosp, 
article.org.child1.botosp, 
article.org.child2.botosp 
{ border-top: #ccc 1px solid!important; }

article.map { padding: 0 0 0 0 }
article.map .maptxt { position: absolute; z-index: 1; left: 20px; top: 40px; }
article.map .gothic { font-size: .8em; letter-spacing: 0; }

section.org.second_view .child2 .roomspc .lft 
{ width: 47%!important; padding: 0 0 0 0!important }
section.org.second_view .child2 .roomspc .rgt 
{ width: 47%!important; padding: 0 0 0 0!important; }

.modal__content .clearfix { padding-right: 40px; }
.modal__content .clearfix .fl,
.modal__content .clearfix .fr
{ padding-bottom: 20px!important }

.modal__content .heyazu { width: 60%; }

.pts0 { padding-top: 0!important; }
.pts10 { padding-top: 10px!important; }
.pts20 { padding-top: 20px!important; }
.pts30 { padding-top: 30px!important; }
.pts40 { padding-top: 40px!important; }
.pts50 { padding-top: 50px!important; }
.pts60 { padding-top: 60px!important; }

.pbs0 { padding-bottom: 0!important; }
.pbs10 { padding-bottom: 10px!important; }
.pbs20 { padding-bottom: 20px!important; }
.pbs30 { padding-bottom: 30px!important; }
.pbs40 { padding-bottom: 40px!important; }
.pbs50 { padding-bottom: 50px!important; }
.pbs60 { padding-bottom: 60px!important; }

}

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

.pc { display: none } .sp { display: block}

body::-webkit-scrollbar { display: none; }

body.org { background-color: #fff; }
body.org-- { background-color: #f00 }
section.org.first_view, .parallax_spacer { height: 70vh; }

#photobg01, #photobg02, #photobg03 { width: 100%; left: 0; margin-left: 0; }
section.org.first_view .garamond { font-size: 2.8rem; }
section.org.first_view .garamond { left: 20px; width: calc(100% - 40px); }

section.org.second_view .thumbp .lft 
{ float: left; width: 38%; padding: 0 0 10px!important; margin: 0 5% 0 0!important; }
section.org.second_view .thumbp .rgt 
{ float: right; width: 57%; }


section.org.second_view .child2 .roomspc .lft 
{ width: 100%!important; padding: 0 0 30px 0!important }
section.org.second_view .child2 .roomspc .rgt 
{ width: 100%!important; padding: 0 0 0 0; }

article.zu, 
.third_view article.zu
{ padding-left: 20px; padding-right: 20px }

.modal__content {
max-width: 640px; 
width: calc(100% - 40px) ;
padding: 70px 20px 200px 20px ; 
}
.modal__content::before { left: calc(100% - 41px); margin-left: 0px; }
.modal__content::after { left: 20px; bottom: 150px;}
.modalspec p.figre { float: none; width: 100%; padding-top: 0 }
.modalspec ul { float: none; width: 100%; padding-bottom: 40px }

.modal__content .heyazu { width: calc(100% - 50px)!important; }

.pts0 { padding-top: 0!important; }
.pts10 { padding-top: 10px!important; }
.pts20 { padding-top: 20px!important; }
.pts30 { padding-top: 30px!important; }
.pts40 { padding-top: 40px!important; }
.pts50 { padding-top: 50px!important; }
.pts60 { padding-top: 60px!important; }

.pbs0 { padding-bottom: 0!important; }
.pbs10 { padding-bottom: 10px!important; }
.pbs20 { padding-bottom: 20px!important; }
.pbs30 { padding-bottom: 30px!important; }
.pbs40 { padding-bottom: 40px!important; }
.pbs50 { padding-bottom: 50px!important; }
.pbs60 { padding-bottom: 60px!important; }

}

@media screen and (min-width: 1201px) { 

body.org-- { background-color: #f00 }

section.org.first_view, .parallax_spacer { height: 50vh; }

section.org.second_view { position: relative; padding: 50px 0 0 0 }
article.org.h1box { padding-top: 50px}

article.org.h1box 
{ position: absolute; width: calc(25% - 20px); top: 50px; left: 0; padding-left: 20px; }
article.org.child1 
{ float: left; width: 43%; margin-left: 25%; padding: 0 0 0 0; }
article.org.child2 
{ float: right; width: calc(28% - 20px); padding: 0 20px 0 0 }

.customept50 { padding-top: 50px!important }

footer.org .footer-box, 
footer.org .footer-box a
{ color: #fff!important }

footer.org .footer-box img, .sns a img { filter: brightness(100); }
footer.org .sitemap-box { width: calc(100% - 100px); padding: 40px 0 80px 100px; }
.sitemapsub,
.address,
.sns { position: absolute; z-index: 1; }
.sns { right: 50px; top: 40px; }
.sns a { font-size: 2em; color: #fff; padding: 5px }
.header ul.sitemaprsv { width: 50%; } 
.header ul.sitemap { width: 50%; }

footer.org ul.sitemaprsv { float: left; width: 180px; } 
footer.org ul.sitemap { float: left; width: 180px; }

.address { left: 500px; top: 40px; }
.sitemapsub { left: 500px; top: 306px; }

.banbt { position: absolute; z-index: 1; bottom: 105px; right: 60px; }
.banbt p { width: 220px; margin: 0; padding: 0 0 20px 0; }
.cwr { position: absolute; z-index: 1; bottom: 85px; right: 60px; color: #fff; padding: 0 }

article.map .maptxt { position: absolute; z-index: 1; left: 20px; top: 40px; }

.modal__content .clearfix { padding-right: 40px; padding-bottom: 40px}
.modal__content .clearfix .fl,
.modal__content .clearfix .fr
{ width: 47%; }
.modal__content .clearfix .fl { float: left; padding: 0 }
.modal__content .clearfix .fr { float: right; padding: 0 }

.modal__content .clearfix .fl.rokubu { width: 57% }
.modal__content .clearfix .fr.rokubu { width: 57% }

.modal__content .clearfix .fl.yonbu { width: 37% }
.modal__content .clearfix .fr.yonbu { width: 37% }

.modal__content .clearfix .fl.nanabu { width: 64% }
.modal__content .clearfix .fr.nanabu { width: 64% }

.modal__content .clearfix .fl.sanbu { width: 30% }
.modal__content .clearfix .fr.sanbu { width: 30% }

.pbc0 { padding-bottom: initial; padding-bottom: 0px!important; }
.pbc10 { padding-bottom: 10px!important; }
.pbc20 { padding-bottom: 20px!important; }
.pbc30 { padding-bottom: 30px!important; }
.pbc40 { padding-bottom: 40px!important; }
.pbc50 { padding-bottom: 50px!important; }
.pbc60 { padding-bottom: 60px!important; }
.pbc70 { padding-bottom: 70px!important; }

.ptc20 { padding-top: 20px!important }
.ptc30 { padding-top: 30px!important }
.ptc40 { padding-top: 40px!important }
.ptc50 { padding-top: 50px!important }
.ptc80 { padding-top: 80px!important }


}