@charset "UTF-8";
/* CSS Document */
#backPage a {
font-size: 1.1em;
display: table;
}
#backPage a span {
background: #fff;
/*padding-left: 10px;*/
}

#news h3 {
text-align: center;
}
#news h3:first-letter {
/*font-size: 1.5em;*/
}
h3#blogName:first-letter {
font-size: 1em;
}
.entry-title, #news h5 {
display: table;
margin: 0 auto;
}
#news article {
border-bottom: 1px solid #ccc;
}
#news article:nth-last-of-type(1) {
border-bottom: none;
margin-bottom: 0;
}
#news article.entry {
margin-bottom: 0;
}
#news article .entry-title h4 {
font-weight: bold;
font-size: 1.1em;
}
#news article .entry-title > span time{
font-size: 0.9em;
/*border-right: 1px solid #ccc;*/
}
#news article div img {
display: block;
margin: 0 auto;
/*box-shadow: 0 0 2px #ddd;*/
}
#news article div div {
display: table;
margin: 0 auto;
}

#news .links {
	display: flex;
	justify-content: space-between;
}




ul.pager {
display: table;
border-collapse: separate;
border-spacing: 8px 0;
margin: 0 auto;
}
ul.pager li {
display: table-cell;
}
ul.pager li a {
display: block;
}
ul.pager li.pager_item a {
border: 1px solid #000;
border-radius: 3px;
}
ul.pager li.pager_item a.current_page_number {
background: #000;
color: #fff;
}


#backPage, #news, #faq, #recruit {
width: 90%;
max-width: 720px;
margin: 0 auto;
}
#faq dl dt {
font-size: 1.2em;
}
#faq dl dt span {
font-family: "Times New Roman", Times, "serif";
font-size: 1.8em;
padding-right: 5px;
}
#faq dl dd {
letter-spacing: 2px;
}

#recruit table {
width: 100%;
}
#recruit table caption {
width: 100%;
background: #595757;
color: #fff;
text-align: center;
}
#recruit table tbody {
border-top: 1px solid #000;
}
#recruit table th, #recruit table td {
border-bottom: 1px solid #000;
}
#recruit div {
display: table;
margin: 0 auto;
}

div.box {
width: 90%;
max-width: 720px;
margin: 0 auto;
}

#concept h2 {
width: 80%;
max-width: 800px;
margin: 0 auto;
}

ul.rooms-text {
list-style-type: circle;
margin-left: 20px;
}
div.box p, ul.rooms-text li {
font-size: 0.8em;
}
p.madori-text {
display: table;
margin: 0 auto;
}
.rooms-madori, .hanare-madori {
text-align: center;
}
.rooms-madori img, .hanare-madori img {
width: 60%;
max-width: 250px;
}
.box figure.rooms-madori:nth-last-of-type(1) {
padding-bottom: 0;
}

#hanare p {
text-align: center;
font-size: 0.9em;
}
ul.ChangeElem_Btn_Content {
width: 100%;
max-width: 480px;
display: table;
margin: 0 auto;
border: 1px solid #555;
}
ul.ChangeElem_Btn_Content li{
display: table-cell;
text-align: center;
}
ul.ChangeElem_Btn_Content li:first-child {
border-right: 1px solid #555;
}
ul.ChangeElem_Btn_Content li button {
width: 100%;
cursor: pointer;
opacity: 0.3;
}
.ChangeElem_Btn.is-active {
background: #000;
color: #fff;
opacity: 1;
}

.ChangeElem_Panel{
display: none;
}


figure.wp-block-image {
	margin-bottom: 2em;
}

@media screen and (max-width:320px){
#faq dl dd {
font-size: 0.85em;
}
}

@media (min-width:321px) and (max-width:413px){
#faq dl dd {
font-size: 0.9em;
}
}

@media screen and (max-width:480px){
#backPage a {
font-size: 1.2em;
margin: 0 auto;
}
	
#concept,#faq,#recruit,#news {
padding-top: 60px;
}

#news h3 {
background: url(../images/border.gif) no-repeat center bottom;
background-size: 80px auto;
font-size: 1.5em;
padding-bottom: 6px;
margin-bottom: 20px;
}
#news h4 {
padding-top: 20px;
font-size: 0.85em;
}
#news h5 {
padding-bottom: 30px;
}
#news article {
margin-bottom: 60px;
}
	
#news article .entry-title > span {
font-size: 0.75em;
}
#news article .entry-title > span time{
padding-right: 10px;
margin-right: 10px;
}
#news article div > img {
margin-bottom: 30px;
margin-top: 20px;
}
#news article div p {
font-size: 0.8em;
padding-bottom: 24px;
}
	
#faq dl dt, #faq dl dd {
padding-bottom: 10px;
}
#faq dl dd {
margin-bottom: 30px;
line-height: 1.5em;
}
	
#recruit th {
width: 80px;
}
#recruit div {
padding-bottom: 40px
}
#recruit div p span {
display: block;
}
	
div.box p, #concept h2, ul.rooms-text, .amenities {
padding-bottom: 20px;
}
.rooms-madori {
padding-bottom: 40px;
}

#hanare {
margin-top: 70px;
}
ul.ChangeElem_Btn_Content {
margin: 15px auto;
}
ul.ChangeElem_Btn_Content li button {
padding: 3px 0;
font-size: 0.9em;
}
}

@media screen and (min-width:481px){
#backPage {
position: relative;
}
#backPage a{
/*position: absolute;
right: 0;*/
}
div.box p, #concept h2, ul.rooms-text, .amenities {
padding-bottom: 30px;
}
}

@media (min-width:481px) and (max-width:768px){
#concept,#faq,#recruit,#news {
padding-top: 80px;
}

#news h3 {
background: url(../images/border.gif) no-repeat center bottom;
background-size: 100px auto;
font-size: 1.8em;
padding-bottom: 8px;
margin-bottom: 30px;
}
#news h5 {
padding-bottom: 40px;
}
#news article {
margin-bottom: 100px;
}
#news article .entry-title > span {
font-size: 0.7em;
}
#news article .entry-title > span time{
padding-right: 16px;
margin-right: 16px;
}
#news article div > img {
margin-bottom: 40px;
margin-top: 30px;
}
#news article div p {
font-size: 0.85em;
padding-bottom: 30px;
}
	
#faq dl dt, #faq dl dd {
padding-bottom: 15px;
}
#faq dl dd {
margin-bottom: 40px;
line-height: 1.8em;
font-size: 1.15em;
}
	
.rooms-madori {
padding-bottom: 50px;
}

#hanare {
margin-top: 40px;
}
ul.ChangeElem_Btn_Content {
margin: 20px auto;
}
ul.ChangeElem_Btn_Content li button {
padding: 4px 0;
font-size: 1em;
}
}

@media screen and (max-width:768px){
#backPage {
padding-top: 60px;
}
#backPage a {
/*background: url(../images/arrow2.gif) no-repeat center left;
background-size: auto 7px;*/
padding-left: 24px;
}
#backPage a span {
background: #fff;
padding-right: 8px;
}
	
.entry-title {
margin-bottom: 40px;
}
#news article div img {
/*max-width: 90%;*/
}
ul.pager li.pager_item a {
padding: 3px 6px;
}

#recruit table {
margin-bottom: 30px;
font-size: 0.9em;
}
#recruit table caption {
font-size: 1.1em;
margin-bottom: 3px;
}
#recruit table th, #recruit table td {
padding: 2px;
}
#recruit div p span {
font-size: 1.5em;
}
	
.slider-wrapper {
padding-bottom: 20px;
}
}

@media screen and (min-width:769px){
#backPage {
padding-top: 50px;
text-align: center;
}
#backPage a {
/*background: url(../images/arrow2.gif) no-repeat center left;*/
/*background-size: auto 7px;*/
/*padding-left: 30px;*/
/*-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;*/
display: block;
}
	
#concept,#faq,#recruit,#news {
padding-top: 100px;
}

#news h3 {
background: url(../images/border.gif) no-repeat center bottom;
background-size: 120px auto;
font-size: 2em;
padding-bottom: 10px;
margin-bottom: 40px;
}
#news h5 {
padding-bottom: 50px;
}
#news article {
margin-bottom: 120px;
}
.entry-title {
margin-bottom: 50px;
}
#news article .entry-title > span {
font-size: 0.8em;
display: block;
text-align: center;
}
#news article .entry-title > span time{
/*padding-right: 20px;
margin-right: 20px;*/
}
#news article div > img {
margin-bottom: 50px;
margin-top: 40px;
}
#news article div p {
font-size: 0.8em;
padding-bottom: 40px;
}
#news article div img {
/*max-width: 600px;*/
}
ul.pager li.pager_item a {
padding: 4px 8px;
}
	
#faq dl dt, #faq dl dd {
padding-bottom: 20px;
}
#faq dl dd {
margin-bottom: 40px;
line-height: 2em;
}

#recruit table {
margin-bottom: 40px;
font-size: 0.95em;
}
#recruit table caption {
font-size: 1.2em;
margin-bottom: 5px;
}
#recruit table th, #recruit table td {
padding: 4px;
}
#recruit div {
padding-bottom: 40px;
}
#recruit div p br:nth-of-type(2){
display: none;
}
#recruit div p span {
font-size: 1.3em;
}
	
.slider-wrapper {
padding-bottom: 30px;
}	
.rooms-madori {
padding-bottom: 70px;
}

#hanare {
margin-top: 80px;
}
ul.ChangeElem_Btn_Content {
margin: 20px auto 30px;
}
ul.ChangeElem_Btn_Content li button {
padding: 6px 0;
font-size: 1.1em;
}
}

@media (min-width:769px) and (max-width:1023px){

}

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

}

@media screen and (min-width:1024px){
/*#backPage a:hover {
padding-left: 40px;*/
}
}