@charset "utf-8";
/* Theme Name: hoshi */
@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700&display=swap');
@import url(/cnt/themes/hoshi/css/drawer.min.css);
@import url(/cnt/themes/hoshi/css/animate.css);
/* ==========================================================================
   Base
   ========================================================================== */
html {width:100%; font-family: 'Noto Sans JP', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{ margin:0; padding:0; width:100%; background:#fff;font-family: "Noto Serif JP", serif; font-weight: 300; letter-spacing:0.04em; color:#0f0f0f; text-align:center; font-size: 14px; line-height:1.7;}
ol,ul,li,dt,dl,dd,p{list-style: none; padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0; font-size: 14px; line-height:1.6; margin: auto;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
img{ border:none; vertical-align:bottom; margin:0; padding:0; max-width: 100%; height:auto;}
a,a:visited,a:active,a:hover{color:#2c2c2c; text-decoration:none; outline: 0; }a:focus { outline: thin dotted;} .ab a{ display: block;}
.cf:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}.cf{ /min-height:1px; /display:inline-block;}.cBoth{clear:both;}
.t8{ font-size:8px; line-height:14px;}.t9{ font-size:9px; line-height:14px;}.t10{ font-size:10px; line-height:14px;}.t11{ font-size:11px; line-height:14px;}.t12{ font-size:12px;}.t13{ font-size:13px;}.t14{ font-size:14px;}.t15{ font-size:15px;}.t16{ font-size:16px;}.t18{ font-size:18px;}.t20{ font-size:20px;}.t21{ font-size:21px;}.t22{ font-size:22px;}.t24{ font-size:24px;}.t26{ font-size:26px;}.t28{ font-size:28px;}.t30{ font-size:30px;}.t32{ font-size:32px;}.t34{ font-size:34px;}.t36{ font-size:36px;}.t38{ font-size:38px;}.t40{ font-size:40px;}.t42{ font-size:42px;}.t46{ font-size:46px;}.t50{ font-size:50px;}.t52{ font-size:52px;}.t54{ font-size:54px;}.t56{ font-size:56px;}.t60{ font-size:60px;}.t70{ font-size:70px;}.t80{ font-size:80px;}
.gray{ color:#999;}.darkGray{ color:#666;}.pink{color: #d87b7b;}.gold{color: #d9b614;}.white{color: #fff;}
.tG1,.tG2,.tG3,.tG3{font-family: 'Noto Sans JP', sans-serif;}.ls{letter-spacing:0.05em;}
.tG1{font-weight:300;}.tG2{font-weight:500;}.tG3{font-weight:700;}.tG4{font-weight:900;}
.tE1,.tE2,.tE3,.tE4{font-family:"Bodoni Moda", serif;}.tE1{ font-weight: 400;}.tE2{font-weight: 500;}.tE3{font-weight: 600;}.tE4{font-weight: 700;}
.tE1.i,.tE2.i,.tE3.i,.tE4.i{font-style: italic;}
.tM1,.tM2,.tM3,.tM4{font-family: "Noto Serif JP", serif;}
.tM1{font-weight:300;}.tM2{font-weight:500;}.tM3{font-weight:700;}.tM4{font-weight:900;}
h1,h2,h3,h4,h5{ font-family: 'Noto Sans JP', sans-serif; margin:0; font-weight:900;}h1{ line-height: 1.2;}h2,h3,h4,h5{ line-height: 1.4;}
.alignright{float:right;margin:0 0 20px 20px;}.alignleft{float:left;margin:0 20px 20px 0;}.aligncenter{clear: both;display: block;margin-left: auto;margin-right: auto;}
.taLeft{ width: 100%; text-align:left;}
.taRight{ width: 100%; text-align:right;}
.taCenter{ width: 100%; text-align:center;}
.tal{text-align: left;}
input:not([type=checkbox] ):not([type=image]),textarea,select{color:#231815; font-family:'Roboto', 'Noto Sans JP', sans-serif;font-weight: 300; font-size: 16px; border:1px solid #ccc; padding:15px; margin:5px 0px;box-sizing: border-box;  border-radius: 5px;}
input:not([type=checkbox] ):not([type=image]),textarea{width: 100%;}
.wrap{ width:1000px; margin:auto;}.wrapV{ width:1500px; margin:auto;}.wrapW{ width:1300px; margin:auto;}.wrapN{ width:800px; margin:auto;}.wrapS{ width:700px; margin:auto;}
div,span,li,section,p,ul,ol{box-sizing: border-box;}
.fade{ display:none;}
.pc{}.tb,.sp{ display:none;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
ul.dot{margin: auto; width: auto; display:inline-block}
ul.dot li{list-style: disc; line-height: 1.4; margin:0 5px 0 20px; text-align: left; width: auto;}
.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.indent{margin-top: 5px; line-height:1.3; display: inline-block;}
.indent > p, p.indent{padding-left:1em; text-indent: -1em; line-height: 1.4; margin: 4px auto;}
.indentS{margin-top: 10px; line-height:1.3; display: inline-block;}
.indentS > p{padding-left:1em; text-indent: -1em;}
p.indent2{padding-left:2.5em; text-indent: -2.5em;}

/* ==========================================================================
   common
   ========================================================================== */
header button .nemu{padding-top:22px; display: inline-block; font-size: 16px !important; color: #000;;}
header nav li{line-height: 1; display:block; text-align: left; padding: 7px 20px;}
header nav li.logo{text-align: center; margin: 20px auto;}
header nav li a{display: block; padding: 5px;}
header nav li a p{margin-top: 10px; font-size: 11px;}

footer{border-top: 1px solid #333; padding: 80px 20px 10px 20px; margin-top: 30px; }
footer section{float: left; width: 40%; text-align: left;}
footer section ul{margin: 20px auto;}
footer section ul li{display: inline-block; margin: 15px 30px 15px 0;}
footer section ul li a{ display: inline-block; }
footer section ul li a p{margin-top:5px; font-size: 11px;}
footer section .tel{margin: 15px auto; letter-spacing:0.05em;}
footer .map{float: right; width: 60%; }
footer .cr{margin-top: 20px; text-align: right;}

#page-top{position:fixed; bottom:0; right:0;line-height:0; z-index:9999;}
#page-top a{display: block; background:#fff; font-size:30px; padding:20px;}
#page-top a:hover{background:#ccc; color:#fff;}

.more_btn{margin-top: 20px;}
.more_btn a,.more_btn a:hover{border-bottom: 1px solid #0a0a0a; color: #0a0a0a; padding:0 0 8px 0;  letter-spacing: 0.01em; display: inline-block; line-height: 1.4;}
.more_btn a:before{ content: "\f105 "; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right:5px;}
.more_btn.pink a{background: #d87b7b;border: none; color: #fff;}
.snsshare{text-align: center; margin-top: 40px;}

.snsshare ul{background: url(/cont/themes/nlba/img/common/bg_s.png); padding: 20px; display: inline-block;}
.snsshare ul li{display: inline-block; margin: 0 5px; vertical-align: top;}
.snsshare .tag{margin-top: 10px;}
.snsshare .tag a{background: #ccc; color: #fff; padding:3px 12px; border: 0; border-radius: 3px; display: inline-block; margin:0 2px 2px 0;}

.line{border-top: 1px solid #ccc;}
.pd{padding: 80px 0;}
.pdTop{padding-top: 80px;}
.bg{background: #fbeee3;}
.bg2{background: linear-gradient(to bottom, #efd7d5, #fff,#fff);}
.mTtl{margin-bottom: 40px;}
.mTtl h2{line-height: 1.1; }
.mTtl h3{margin-top: 10px;}
.mainPh{z-index:0 !important;}
.mainPh,.mainPh div,.mainPh ul.bxslider li{width: 100%; height: 1000px; overflow: hidden; background-size:cover !important;}
.mainPh.n,.mainPh.n div,.mainPh.n ul.bxslider li{width: 100%; height: 700px; }
.mainPh_ttl{width: 100%; height: 1000px; z-index:100; position: absolute; text-align: center; display: table;}
.mainPh_ttl div{display: table-cell; width: 20000px; height: 1000px; vertical-align: center;  vertical-align: middle; text-align: center;}
.mainPh.sub,.mainPh.sub div,.mainPh.sub ul.bxslider li,.subPh_ttl,.subPh_ttl div{height: 700px;}
.mainPh .bx-wrapper .bx-pager{display: none;}
.subPh_ttl{width: 100%; height: 700px; z-index:100; position: absolute; display: table;}
.subPh_ttl div{display: table-cell; width: 20000px; height: 600px; vertical-align: left; vertical-align: middle; text-align: left; padding-left: 50px; }

ul.catNav li{display:inline-block;}
ul.catNav li a{display:inline-block; background: #000; color: #fff; padding: 3px 15px; }
ul.li_list li{text-align: left; padding: 20px 0; vertical-align: bottom;}
ul.li_list li .date{display:block; float: left; width: 15%; text-align: left;vertical-align: bottom;}
ul.li_list li h3{display:block; float: right; width: 85%; text-align:left; vertical-align: bottom;}

#top .about ul li.ph{float: right; width: 55%;}
#top .about ul li.txt{float: left; width: 40%; text-align: left;}
ol.navi li{display: inline-block; margin: 0 15px;}
#top .news .ph{float: left; width: 45%;}
#top .news section{float: right; width: 50%; text-align: left;}

#about .menu{padding: 50px 0;}
#about .menu ul{border-bottom: 1px solid #333; padding-bottom: 50px;}
#about .menu ul li{display: inline; margin: 0 15px;}
#about section.b2.ph{float: right; width: 55%;}
#about section.b2.txt{float: left; width: 40%; text-align: left;}
#about section.b22.ph{float: left; width: 40%;}
#about section.b22.txt{float: right; width: 55%; text-align: left;}

ul.b2 li{float: left; width: 50%; padding:25px; text-align: left;}
ul.b2 li .ph{margin-bottom: 30px;}
ul.b2 li h4{margin-bottom: 10px; display:block;}

#about #munch .sk .ph{float: left; width: 55%;}
#about #munch .sk .txt{float: right; width: 40%; text-align: left;}
#about #munch .op .txt{float: left; width: 40%; margin-top: 120px;}
#about #munch .op ul.liF{float: right; width: 60%;}
#facilities .parse{background:url("/cnt/themes/hoshi/img/about/parse.png") center 230px no-repeat; background-size: 600px auto; margin-top: 60px;}
#facilities .parse ul li{float: left; width: 33.33%;}
#facilities .parse ul li p{margin-top: 15px; line-height: 1.3;}
#facilities .parse ul.top li:first-child,#facilities .parse ul.top li:last-child{padding-top: 50px;}
#facilities .parse ul.top li:first-child img{margin-bottom:10px;}
#facilities .parse ul.bottom{padding-top: 200px;}
#facilities .parse ul.bottom li:nth-of-type(2){padding-top: 100px;}
#facilities .parse ul li img {width: 230px; cursor: zoom-in; transition: transform 0.2s;}
#facilities .parse ul li img:hover {transform: scale(2);}




.wp-pagenavi {clear: both; text-align:center; margin-top:20px; font-family: 'Noto Sans Japanese', sans-serif;}
.wp-pagenavi a, .wp-pagenavi span {}
.wp-pagenavi a:hover, .wp-pagenavi span.current {font-weight: 700;}


.col2{padding:80px 0;}
aside{float: left; width: 200px;}
aside ul{margin-top: 10px;}
aside ul li{text-align: left; margin-top: 2px;}
aside ul li a,aside ul li a:hover,aside ul li a:visited{background: #ccc; color: #fff; display: block; padding: 5px 10px; box-sizing: border-box;}
aside ul li a:before{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin:0 10px 0 20px; }
.primary{float: right; width: 750px; }
article{text-align: left; }
article a,article a:visited{color:#7d298f; border-bottom: 1px dotted #7d298f;}
article a:hover{color:#ff0000; border-color:#ff0000;}
article .ph{width: 100%; height: 450px;}
article .header{margin: 60px 0; }
article .header h1{line-height: 1.4; margin-bottom: 15px;}
article .header .date{line-height: 1.4; }
article .bg_pg{text-align: center; padding: 50px 30px;}
article section{padding: 0 30px; line-height:2.5;}
table.line{border: 1px solid #ccc; }
table.line th,table.line td{border: 1px solid #ccc; padding: 10px 20px;}
table.line th{background: #f3f3f3;}

#contact article{text-align: center; margin: 60px auto;}
article table{margin: auto;}
article table th{text-align: right; padding-right: 20px; white-space: nowrap;}
article table th span{display: inline-block; background: #ccc; color: #fff; padding: 5px 8px; margin-right:5px; font-size: 10px; font-weight: normal;}
article table td:not(.btn){text-align: left;}
article table td.btn{padding-top: 10px; text-align: center;}
article table td.btn input{background:#d87b7b; color: #fff; width: inherit; margin: 0 10px; padding: 10px 30px;}
article table td.btn input:hover{background:#000; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #cc0000; background: #cc0000; color: #fff;}
.wpcf7 form.sent .wpcf7-response-output { border-color: #d87b7b;}
.wpcf7 form .wpcf7-response-output {border-color: #d87b7b; background: #d87b7b; color: #fff;}
.wpcf7-checkbox#block .wpcf7-list-item{display: block; margin: 3px auto;}
.wpcf7-form-control{font-size: 16px;}


/* ==========================================================================
   responsive
   ========================================================================== */
   @media screen and (max-width:1500px) {
.wrapV{ width:100%;}
}
@media screen and (max-width:1400px) {
.wrapW{ width:100%;}
}
@media screen and (max-width:1200px) {
.wrapW,{ width:100%;}
}
@media screen and (max-width:1000px) {
.wrap{ width:100%;}
}
@media screen and (max-width:768px) {
.pc{display:none;}.tb{ display:inline-block;}
input:not([type=checkbox] ){-webkit-appearance: none;border-radius: 0;}
.pc{display:none;}.sp{ display:inline-block;}
.rpsTaLeft{text-align: left;}
.wrapN,.wrapS{ width:100%;}
.wps95{width: 95%; margin: auto;}.wps90{width: 90%; margin: auto;}
.mainPh,.mainPh div,.mainPh ul.bxslider li,.mainPh_ttl,.mainPh_ttl div{height: 700px;}
footer{padding-left: 0; padding-right: 0;}
footer section{float: none; width:100%; margin: auto; padding: 0 20px;}
footer .map{float: none; width: 100%; margin-top: 40px;}
footer .map iframe{height: 300px !important;}
footer .cr{margin-top: 20px; text-align: right;}

#top .mainPh_ttl div img{width: 300px;;}
#top .about ul li.ph{float: none; width: 100%; }
#top .about ul li.txt{float: none; width: 100%;margin: 50px auto 20px auto;}
#top .news .ph{float: none; width: 100%; margin-bottom: 50px;}
#top .news section{float: none; width: 100%;}
ol.navi li,#about .menu ul li{display: inline-block; margin: 0 12px;}
ol.navi li img,#about .menu ul li img{width: 90px;}
ul.li_list li .date{float: none; width: 100%;}
ul.li_list li h3{float: none; width: 100%; }
.subPh_ttl div img{width: 70px;}
#about section.b2.ph{float: none; width: 100%; margin-top: 40px;}
#about section.b2.txt{float: none; width: 100%; }
#about section.b22.ph{float: none; width: 100%;margin-bottom: 40px;}
#about section.b22.txt{float: none; width: 100%;}
ul.b2 li{float: none; width: 100%; padding:25px; text-align: left;}


article table th{text-align: left; padding-right: 0; display: block;}
article table td{display: block; padding-bottom: 10px;}
article table td.btn{text-align: center;}

.col2{width:100%; padding:0; }
aside{display: none;}
aside ul li a,aside ul li a:hover,aside ul li a:visited{ font-size: 14px; padding:5px 10px;}
.primary{width: 100%; float: none; }
article .ph{height: 450px;}

}
@media screen and (max-width:640px) {
#page-top a{font-size:20px; padding:12px;}
footer section .logo img{width: 200px;}
footer section ul li{display:block; margin: 15px auto;}
footer section ul{margin-bottom: 30px;}
.sptaleft{text-align: left; display: inline-block;}
.subPh_ttl div{padding-left: 20px; }
#facilities .parse{background:url("/cnt/themes/hoshi/img/about/parse.png") center 230px no-repeat; background-size: 450px auto; margin-top: 25px;}
#facilities .parse ul{width: 85%; margin: auto;}
#facilities .parse ul li{padding: 0 5px;}
#facilities .parse ul.bottom{padding-top: 300px;}
}