.thumbp h3 span { font-size: .8em; vertical-align: .1em;  }
.modal h3 span { font-size: .7em; }
.headertxt a { color: #fff }

.reccom a img { border-radius: 10px }
.reccom { padding: 0 0 20px }
#att .external-link { font-size: 1.4rem; }

#modal07 dl { margin: 0!important; padding: 0!important}
#modal07 dl dt, #modal07 dl dd
{ float: left!important; font-size: .9em; margin: 0!important; padding: 0!important }

#modal07 dl dt { width: 80%!important; }
#modal07 dl dd { width: 20%!important; }
#modal07 h3 { line-height: 1.6em; }

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

.hamburger-grid__dot { background-color: #ccc; }
section.org.first_view .garamond { color: #fff; bottom: 40px; text-align: right; }
article.org.h1box { left: 50px; }

.headertxt a { color: #fff; }
.pc.emaki { width: 75%; margin-left: 25%; }

.second_view#topemaki { padding-right: 0}
.second_view article.org.child1 { float: left; width: 33%; margin-left: 25%; padding-bottom: 50px }
.second_view article.org.child2 { float: left; width: 33%; margin-left: 5%; padding-bottom: 50px }

section.org.second_view#rekishiaru article.org.child1 h2 { font-size: 2.0rem; line-height: 3.0rem; padding-bottom: 10px }

section.org.third_view .article_event { width: 75%; padding-top: 10px; padding-right: 20px; padding-bottom: 0 }
section.org.third_view .h1box { left: 30px; top: 0px }
section.org.third_view .h1box h2 { padding-bottom: 0px; line-height: 1.4em; }
section.org.third_view .h1box h3 { padding-top: 0px; line-height: 1em; }
section.org.third_view .article_event h3 { padding-bottom: 30px }

section.org.third_view .h2box { position: absolute; z-index: 1; left: 50px; top: 50px }

section.org.third_view#fourseason .h2box h2
{ font-size: 1.3em!important; line-height: 1.4em!important }
section.org.third_view#midokoro h2 
{ position: absolute; z-index: 1; left: 50px; top: 40px; font-size: 1.3em; line-height: 1.4em }

.thumb .lft { width: 100%!important; float: none; }
.thumb .rgt { width: 100%!important; float: none; }
.thumbs a { width: 20%!important; float: left; margin: 0 50px 0 0 }
.thumbs a:last-child {margin-right: 0% }
.thumbs a img { padding-bottom: 10px }

#shigeyoshi.thumbp .lft { float: left; width: 33%; margin-right: 3% }
#shigeyoshi.thumbp .rgt { float: right; width: 62%; }

#reccoms .thumbp { width: calc(50% - 40px); float: left; height: 170px }
#reccoms .thumbp:nth-child(even) { padding-left: 40px; }

section.org.third_view .child2 { padding-left: calc(20% + 70px); width: calc(80% - 90px) }
.reccom { width: calc(50% - 20px); float: left; padding-bottom: 50px; }
.reccom:nth-child(even) { padding-right: 40px; }
.btg span { font-size: 1.6rem }

#midokoro { width: calc(75% - 100px); padding-left: calc(25% - 3px); padding-right: 103px }
#midokoro .thumbp { width: calc(50% - 20px); float: left; padding-bottom: 0; }
#midokoro .thumbp:nth-child(even) { padding-right: 40px; }

section.org.third_view#rakueninfo { padding: 0px 0px 0px 0px }
article.org.map.zu#parkingzu { padding-left: calc(20% + 70px); width: calc(80% - 70px) }
article.org.map.zu#parkingzu .relazu { padding-left: 40%; width:60%}

#parking, #att { position: absolute; z-index: 1; left: 25%; }

#parking { top: 50px }
#att { top: 180px }

#photobg01, #photobg02, #photobg03 { background-size: 120% auto; }
#photobg01 { background-image: url("../rakuen/pc001r.jpg"); background-position: left top; }
#photobg02 { background-image: url("../rakuen/pc002.jpg"); background-position: center bottom; }
#photobg03 { background-image: url("../rakuen/pc003.jpg"); background-position: center center; }

.spirits 
{ 
display: block; 
font-size: 3vw; 
line-height: 1em; 
font-weight: 500; 
letter-spacing: .1vw; 
color: hsla(0,0%,100%,.8); /*color: #CCBFBF*/
position: absolute; z-index: 1; left: 26%; bottom: 10px; 
}


}

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

.hamburger-grid__dot { background-color: #777; }
section.org.first_view .garamond { color: #fff; top: 70px; text-align: right; }
section.org.second_view { border-top: #fff 0 solid!important; padding-top: 0!important }

section.org.second_view .h1box { letter-spacing: .2em }
body#rakuen article.org.h1box h1 { margin-bottom: .5rem!important; }
section.org.second_view .h1box p { letter-spacing: .09em; }

section.org.second_view#rekishiaru article.org.child1 { padding-top: 0!important; margin-top: 0!important  }
section.org.second_view#rekishiaru article.org.child1 h2 { font-size: 2.0rem; line-height: 3.0rem; padding-bottom: 10px }

section.org.third_view.article_eventwrap { padding-bottom: 0 }

section.org.third_view .article_event { padding-right: 20px; padding-bottom: 0 }
section.org.third_view .article_event .thumb { padding-bottom: 20px }

section.org.third_view .article_event h2 { font-size: 1.8rem; line-height: 2.8rem; padding-bottom: 		20px; letter-spacing: .09em }

article.org.child2#reccoms { padding-right: 10px; padding-bottom: 0 }
.thumbp { width: 100%; }

#shigeyoshi.thumbp .lft { float: left; width: 33%; margin-right: 3% }
#shigeyoshi.thumbp .rgt { float: right; width: 62%; }

section.org#midokoro h2,
.article_event h2 
{ font-size: 2.0rem!important; line-height: 3.0rem!important; padding: 0 0 10px 0!important; margin: 0!important }
.h2box h2 
{ font-size: 2.0rem!important; line-height: 3.0rem!important; padding: 0 0 10px 0!important; margin: 0!important }
.article_event h3 
{ font-size: 1.4rem; line-height: 2.0rem; padding-bottom: 30px!important }

section.org.third_view#midokoro { padding: 40px 50px 0 20px }

section.org.third_view#rakueninfo { padding: 0px 0px 0 0px }
article.org.map.rakuenzu { width: 100% }

#parkingzu { padding: 0px;  }
#parking { padding: 40px 50px 20px 20px; }
#att { padding: 0px 40px 50px 20px; }

.spirits 
{ 
display: block; 
font-size: 9vw; 
line-height: 1em; 
font-weight: 500; 
letter-spacing: .3vw; 
color: hsla(0,0%,100%,.8); /*color: #CCBFBF*/
position: absolute; z-index: 1; left: 20px; bottom: 60px; 
}

#photobg01, #photobg02, #photobg03 { background-size: 120% auto; }
#photobg01 { background-image: url("../rakuen/sp002r.jpg"); background-position: left top; }
#photobg02 { background-image: url("../rakuen/sp001r.jpg"); background-position: right top; }
#photobg03 { background-image: url("../rakuen/sp003.jpg"); background-position: center top; }
}

@keyframes infinity-scroll-left { 
from { transform: translateX(0); } to { transform: translateX(-100%); } 
}

.scroll-infinity__wrap { display: flex; overflow: hidden; }
.scroll-infinity__list { display: flex; list-style: none; padding: 0!important; margin: 0!important }
.scroll-infinity__list--left { animation: infinity-scroll-left 80s infinite linear 0.5s both; }
.scroll-infinity__item { width: calc(200vw); }
.scroll-infinity__item>img { width: 100%; }

.scroll-infinity__item { position: relative; }

.spiritsabso 
{ position: absolute; z-index: 1; left: 20px; bottom: 20px; font-size: 10vw; font-weight: 500; letter-spacing: .3vw; color: #f00 }