@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap');


/*** common ***/

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

body { font-size:1.6rem; background-color: #E9E9E5l; overflow-x: hidden; }

body, div, p, table, h1, h2, h3, h4 {
font-family:"A1 Mincho", "Yu Mincho", "Hiragino Mincho ProN", "serif" ;
font-weight: 300 ;
-webkit-font-smoothing: antialiased; 
-moz-font-feature-settings: 'palt' 1; 
-webkit-font-feature-settings: 'palt' 1; 
font-feature-settings: 'palt' 1; 
letter-spacing: .05em;
text-align: left;
}

.fukunabe { 
font-family: "Lexend Deca", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal; 
letter-spacing: .01em;
}
		
strong,
.gothic { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: 700 }

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

main.org, header.org, footer.org, .modal__content { background-color: #fff; margin: 0 }

h2 { font-size:2.0rem; line-height:2.0rem; margin: 0; padding: 0 0 0; text-align: center; }
h3 { font-size:2.0rem; line-height:2.2rem; margin: 0; padding: 0 0 10px }
h4 { font-size:1.8rem; line-height:2.2rem; margin: 0; padding: 0 0 10px }

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% }
.bgr { background-color: hsla(0,100%,50%,.2)!important }

a { color: #000; text-decoration: none } /*hsla(138,100%,25%,1.00)*/

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

/*** typo ***/

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

.sns { text-align: center; font-size: 2em; }

main.org p { font-size: .9em; line-height: 1.8em; margin: 0; padding: 0 0 10px }
main.org .table { font-size: .9em; line-height: 1.8em; }
footer.org p { margin: 0; padding: 0 }

.address { padding: 0 0 20px }
.cr { font-size:.8rem; line-height:2.2rem; }

.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; }

.mv01 { }
main.org, footer.org { width: 1200px; margin: 0 auto; padding: 40px 60px; }
main.org { padding: 40px 60px; }

.sns { position: absolute; z-index: 100; left: 240px; top: 0px; }
.sml { font-size: .8em; line-height: 1.8em; }

.readcopy { padding: 0 0 30px; }
.readcopy p { text-align: center; }

.honbe { max-width: 900px; margin: 0 auto; }

.resebt a 
{ display: block; text-align: center; font-size: 1.3em; border: 2px solid #000; border-radius: 10px; padding: 10px; width: 240px; margin: 0 auto 50px; }
.resebt a i { padding-right: 5px }

.footer-box { position: relative; padding-left: 30% }
.footer-box h4 { padding: 2px 0 15px }
.address { position: absolute; z-index: 100; left: 0px; top: 0px; }
.footthumb { float: left; width: calc(33.333% - 40px); margin-right: 60px; padding-bottom: 20px; line-height: 1.5em }
.footthumb img { padding-bottom: 10px }
.footthumb:last-child { margin-right: 0px }
.footthumb .oswald { font-weight: 300; font-size: .8em; }

footer.org { background-color: #000; color: #fff }
footer.org a { color: #fff }

.logo { position: absolute; z-index: 100; left: 20px; top: 20px; width: 100px; }
.fukunabe { position: absolute; z-index: 10; top: 20px; right: 30px; font-size: 2.4em; color: #fff }
.h1wrap { margin: 0; padding: 50px 0 30px; text-align: center; }
h1 { font-size:2.6rem; line-height:3.0rem; margin: 0; padding: 0 0 10px; }
.kazari { border-top: 1px solid #000; width: 100px; padding: 0 0 0; margin: 30px auto 30px; }
.teicopy p { text-align: justify; }
.fukumap { border: hsla(0,0%,0%,.5) solid 1px; }

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

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

main.org, footer.org {  }

footer.org { font-size:1.4rem; line-height:2.6rem; }

.table { border-bottom: 1px #ccc solid; margin: 10px 0; }
.tr { }
.th, .td { float: left; padding: 5px 5px; box-sizing: border-box; border-top: 1px #ccc solid;  }
.th { width: 80px }
.td { width: calc(100% - 80px) }
.th.bono { border-top-color: #fff }
}

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


}

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

main.org, footer.org { width: calc(100% - 80px); padding: 40px; }
footer.org { font-size:1.2rem; line-height:2.4rem; }
.footer-box { padding-left: 0% }
.address { position: relative; padding-bottom: 50px }

.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}

.logo { position: absolute; z-index: 100; left: 20px; top: 20px; width: 60px; }
.fukunabe { position: absolute; z-index: 10; top: 15px; right: 20px; font-size: 1.8em; color: #fff }
.fukumap { width: calc(100% - 40px); margin: 0 20px 30px; }

h1 { font-size:2.0rem; line-height:2.0rem; margin: 0; padding: 0 0 10px; }

/****/
body::-webkit-scrollbar { display: none; }
body { background-color: #fff }
body { font-size:1.4rem; }

main.org { width: calc(100% - 0px); padding: 0 0; }
.readcopy { padding: 0 30px 30px; }
.readcopy p { text-align: justify; }

.thumb-wrapper { padding: 0 30px; }
.honbe { padding: 30px 30px; }
footer.org { width: calc(100% - 0px); padding: 30px; font-size:1.0rem; line-height:1.8rem; }

.footthumb { width: calc(33.333% - 20px); margin-right: 30px }
.footthumb:last-child { margin-right: 0px }

.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) { 

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

.teicopy { height: 130px; }
.att { width: 770px; margin: 0 auto 50px; }
.fukumap { width: 800px; margin: 0 auto 30px; }

.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 }


}