@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------
 article
----------------------------------------------------------*/
.article img{
width: 100%;
height: auto;
}
.article img.mv{
max-width: 100%!important;
width: 100%!important;
height: auto;
margin: 0 0 40px;
display: block;
}
@media (max-width: 768px){
.article img.mv{
margin: 0 0 4.5rem;
}
}

.article .catch{
width: 100%;
margin: 0 0 40px;
position: relative;
}
.article .catch .ttl{
background: linear-gradient(to right, #a87ec2, #4ea6d8);
color: #fff;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.0;
border-radius: 100px;
padding: 8px 20px;
display: inline-block;
position: absolute;
left: 20px;
top: -18px;
}
.article .catch .ttl img{
width: 160px;
margin: 0 5px 0 0;
vertical-align: -3px;
}
.article .catch .txt{
font-size: 1.4rem;
border: 1px solid #4ea6d8;
padding: 35px 30px 20px;
}
@media (max-width: 768px){
.article .catch{
margin: 0 0 3.0rem;
}
.article .catch .ttl{
width: 80%;
text-align: center;
padding: 8px 20px;
left: 10%;
top: -1.8rem;
}
.article .catch .ttl img{
width: 16.0rem;
margin: 0 0.5rem 0 0;
vertical-align: -0.3rem;
}
.article .catch .txt{
padding: 3.0rem 2.0rem 1.5rem;
}
}

.article .date{
color: #ccc;
font-size: 1.4rem;
margin: 0;
position: relative;
}
.article .date .icon-clock{
font-size: 1.3rem;
color: #ccc;
margin: 0 5px 0 0;
display: inline-block;
}
@media (max-width: 768px){
.article .date{
font-size: 1.2rem;
margin: 0 0 0.5rem;
padding: 0 1.5rem;
}
.article .date .icon-clock{
font-size: 1.0rem;
margin: 0 0.5rem 0 0;
}
}

.article .inner > *:last-child{
margin-bottom: 0!important;
}
.article  .inner > h2{
background: #e7f2f9;
font-size: 2.4rem;
margin: 0 0 30px;
padding: 15px 10px 12px 20px;
position: relative;
}
.article .inner > h2::before{
content: "";
width: 4px;
height: 100%;
background: linear-gradient(to bottom, #a87ec2, #4ea6d8);
position: absolute;
left: 0;
top: 0;
}
.article .inner > h3{
font-size: 2.0rem;
margin: 0 0 30px;
padding: 0 0 8px;
border-bottom: 3px solid #a87ec2;
border-image: linear-gradient(to right, #a87ec2, #4ea6d8);
border-image-slice: 1;
}
.article .inner > h4{
font-size: 1.8rem;
margin: 0 0 20px;
}
.article .inner > p + h2,
.article .inner > p + h3,
.article .inner > p + h4,
.article .inner .wp-block-image + h2,
.article .inner .wp-block-image + h3,
.article .inner .wp-block-image + h4,
.article .inner > ul + h2,
.article .inner > ul + h3,
.article .inner > ul + h4,
.article .inner > ol + h2,
.article .inner > ol + h3,
.article .inner > ol + h4,
.article .inner .wp-block-table + h2,
.article .inner .wp-block-table + h3,
.article .inner .wp-block-table + h4,
.article .inner .customBlock + h2,
.article .inner .customBlock + h3,
.article .inner .customBlock + h4{
margin-top: 60px;
}
.article .inner > p{
font-size: 1.4rem;
line-height: 1.8;
margin: 0 0 20px;
word-break: break-all;
}
.article .inner > p strong{
background:linear-gradient(transparent 60%, #ffc7d8 60%);
font-weight: bold;
}
.article .inner > p em{
font-weight: bold;
border-bottom: 2px solid #ff437c;
}
.article .inner > p a{
color: #0011e1;
text-decoration: underline;
}
.article .inner > ul,
.article .inner > ol{
background: #e7f2f9;
border-radius: 10px;
margin: 0 0 20px;
padding: 20px;
}
.article .inner > ol{
counter-reset: ol_number;
list-style: none;
}
.article .inner > ul li,
.article .inner > ol li{
background: #fff;
font-size: 1.4rem;
border-radius: 10px;
margin: 0 0 10px;
padding: 15px 15px 15px 32px;
position: relative;
}
.article .inner > ul li::before{
content: "";
width: 10px;
height: 10px;
background: #a87ec2;
border-radius: 100px;
position: absolute;
left: 14px;
top: 20px;
}
.article .inner > ol li::before{
counter-increment: ol_number;
content: counter(ol_number);
color: #a87ec2;
font-weight: bold;
position: absolute;
left: 14px;
top: 15px;
}
.article .inner > ul li:last-child,
.article .inner > ol li:last-child{
margin-bottom: 0;
}
.article .inner .wp-block-table table{
width: 100%;
margin: 0 0 20px;
}
.article .inner .wp-block-table table th{
background: #e7f2f9;
border: 1px solid #4ea6d8;
padding: 5px;
}
.article .inner .wp-block-table table td{
border: 1px solid #4ea6d8;
padding: 5px;
}
.article .wp-block-image{
text-align: center;
margin: 0 auto 30px;
}
.article .wp-block-image.is-style-rounded img{
border-radius: 100%;
}
.article .wp-block-image.size-thumbnail img{
width: 30%;
}
.article .wp-block-image.size-medium img{
width: 50%;
}
.article .wp-block-image.size-large img{
width: 100%;
}
.article  .wp-block-quote{
margin: 0 auto 30px;
}
.article  .wp-block-quote .wp-block-image{
margin-bottom: 15px;
}
.article  .wp-block-quote cite{
color: #757575;
font-size: 1.2rem;
}
.article  .wp-block-video{
width: 100%;
margin: 0 0 30px;
}
.article  .wp-block-video video{
width: 100%;
height: auto;
}
@media (max-width: 768px){
.article .inner > h2{
font-size: 1.8rem;
margin: 0 0 2.0rem;
padding: 1.0rem 0.5rem 0.8rem 1.5rem;
}
.article .inner > h2::before{
width: 0.3rem;
}
.article .inner > h3{
font-size: 1.8rem;
margin: 0 0 2.0rem;
padding: 0 0 0.8rem;
border-bottom: 0.2rem solid #a87ec2;
}
.article .inner > h4{
font-size: 1.6rem;
margin: 0 0 2.0rem;
}
.article .inner > p + h2,
.article .inner > p + h3,
.article .inner > p + h4,
.article .inner .wp-block-image + h2,
.article .inner .wp-block-image + h3,
.article .inner .wp-block-image + h4,
.article .inner > ul + h2,
.article .inner > ul + h3,
.article .inner > ul + h4,
.article .inner > ol + h2,
.article .inner > ol + h3,
.article .inner > ol + h4,
.article .inner .wp-block-table + h2,
.article .inner .wp-block-table + h3,
.article .inner .wp-block-table + h4,
.article .inner .customBlock + h2,
.article .inner .customBlock + h3,
.article .inner .customBlock + h4{
margin-top: 6.0rem;
}
.article .inner > p{
margin: 0 0 1.5rem;
}
.article .inner > ul,
.article .inner > ol{
margin: 0 0 2.0rem;
padding: 1.5rem;
}
.article .inner > ul li,
.article .inner > ol li{
margin: 0 0 1.0rem;
padding: 1.0rem 1.0rem 1.0rem 3.0rem;
position: relative;
}
.article .inner > ul li::before{
width: 0.8rem;
height: 0.8rem;
left: 1.5rem;
top: 1.7rem;
}
.article .inner > ol li::before{
left: 1.4rem;
top: 1.0rem;
}
.article .inner .wp-block-table table{
margin: 0 0 2.0rem;
}
.article .inner .wp-block-table table th{
padding: 0.5rem;
}
.article .inner .wp-block-table table td{
padding: 0.5rem;
}
.article .wp-block-image{
width: 100%;
margin: 0 auto 2.0rem;
}
.article .wp-block-image.size-thumbnail img{
width: 50%;
}
.article .wp-block-image.size-medium img{
width: 80%;
}
.article .wp-block-image.size-large img{
width: 100%;
}
.article  .wp-block-quote{
width: 100%;
margin: 0 auto 2.0rem;
}
.article  .wp-block-quote .wp-block-image{
margin-bottom: 1.0rem;
}
.article  .wp-block-video{
margin: 0 0 2.0rem;
}
}


.article .inner #ez-toc-container{
width: 500px;
background: #f9fdff;
border: 1px solid #4ea6d8;
border-radius: 10px;
-moz-box-shadow: 2px 2px 0px 2px rgba(78, 166, 216, 1);
-webkit-box-shadow: 2px 2px 0px 2px rgba(78, 166, 216, 1);
-ms-box-shadow: 2px 2px 0px 2px rgba(78, 166, 216, 1);
box-shadow: 2px 2px 0px 2px rgba(78, 166, 216, 1);
margin: 40px auto;
padding: 20px;
}
.article .inner #ez-toc-container .ez-toc-title-container{
margin: 0 0 20px;
}
.article .inner #ez-toc-container .ez-toc-title{
font-size: 1.8rem;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}
.article .inner #ez-toc-container .ez-toc-title-toggle{
display: table-cell;
}
.article .inner #ez-toc-container .ez-toc-list ul{
margin: 0 0 0 20px;
}
.article .inner #ez-toc-container .ez-toc-list li a{
font-size: 1.4rem;
margin: 0 0 15px;
padding: 0 0 0 20px;
display: block;
position: relative;
}
.article .inner #ez-toc-container .ez-toc-list li a::before{
content: "";
width: 8px;
height: 8px;
background: #a87ec2;
border-radius: 100px;
position: absolute;
left: 0;
top: 8px;
}
@media (max-width: 768px){
.article .inner #ez-toc-container{
width: 100%;
margin: 3.0rem auto;
padding: 2.0rem 3.0rem 1.5rem;
}
.article .inner #ez-toc-container .ez-toc-title-container{
margin: 0 0 1.0rem;
padding: 0 1.0rem 0 1.5rem;
}
.article .inner #ez-toc-container .ez-toc-title{
font-size: 1.6rem;
}
.article .inner #ez-toc-container .ez-toc-list ul{
margin: 0 0 0 1.5rem;
}
.article .inner #ez-toc-container .ez-toc-list li a{
font-size: 1.2rem;
margin: 0 0 1.5rem;
padding: 0 0 0 1.5rem;
}
.article .inner #ez-toc-container .ez-toc-list li a::before{
width: 0.8rem;
height: 0.8rem;
left: 0;
top: 0.5rem;
}
}

/*----------------------------------------------------------
 bread
----------------------------------------------------------*/
.breadList{
width: 1000px;
line-height: 1.2;
border-bottom: 1px dotted #ccc;
margin: 0 auto;
padding: 10px 0;
}
.breadList > li{
color: #ccc;
font-size: 1.4rem;
margin: 0 20px 0 0;
display: inline;
position: relative;
}
.breadList > li:last-child{
margin-right: 0;
}
.breadList > li::after{
content: "＞";
color: #ccc;
position: absolute;
right: -19px;
top: 1px;
}
.breadList > li:last-child::after{
display: none;
}
.breadList > li a{
color: #4ea6d8;
text-decoration: underline;
padding: 0 0 0 20px;
display: inline-block;
position: relative;
}
.breadList > li:nth-child(1) a::before{
content: "\e903";
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: absolute;
left: 0;
top: 2px;
}
.breadList > li:nth-child(2) a::before{
content: "\e930";
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: absolute;
left: 0;
top: 1px;
}
@media (max-width: 768px){
.breadList{
width: 100%;
padding: 0.3rem 1.5rem 0.5rem;
}
.breadList > li{
font-size: 1.2rem;
margin: 0 2.0rem 0 0;
}
.breadList > li::after{
right: -1.8rem;
top: 0.1rem;
}
.breadList > li a{
padding: 0 0 0 2.0rem;
}
.breadList > li:nth-child(1) a::before{
top: 0.1rem;
}
.breadList > li:nth-child(2) a::before{
top: 0.1rem;
}
}

/*----------------------------------------------------------
 customBlock
----------------------------------------------------------*/
.article .inner .customBlock{
margin: 0 auto 40px;
}
.article .inner .block_tweet,
.article .inner .block_instagram{
width: 500px;
}
.article .inner .block_tweet iframe,
.article .inner .block_instagram iframe{
width: 100%!important;
max-width: 100%!important;
}
.article .inner .block_youtube .movie{
width: 100%;
padding-top: 56.25%;
position: relative;
}
.article .inner .block_youtube .movie iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.article .inner .block_youtube .movie + .txt{
color: #757575;
font-size: 1.2rem;
font-style: italic;
margin: 15px 0 0;
}
.article .inner .block_sauna_address{
border: 4px double #ccc;
border-radius: 10px;
padding: 35px 0 0;
overflow: hidden;
}
.article .inner .block_sauna_address .name{
font-size: 2.0rem;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
}
.article .inner .block_sauna_address .name span{
color: #BD0000;
font-size: 2.4rem;
margin: 0 10px 0 0;
vertical-align: -4px;
}
.article .inner .block_sauna_address .tableBlock{
margin: 0 60px;
}
.article .inner .block_sauna_address .tableBlock table{
width: 100%;
table-layout: fixed;
}
.article .inner .block_sauna_address .tableBlock table th{
width: 20%;
font-weight: bold;
}
.article .inner .block_sauna_address .tableBlock table td{
width: 80%;
}
.article .inner .block_sauna_address .tableBlock table td a{
color: #0011e1;
text-decoration: underline;
}
.article .inner .block_sauna_address .tableBlock table th,
.article .inner .block_sauna_address .tableBlock table td{
font-size: 1.4rem;
border-bottom: 1px solid #ccc;
padding: 15px 0;
vertical-align: top;
}
.article .inner .block_sauna_address .notes p{
font-size: 1.4rem;
margin: 30px 60px;
}
.article .inner .block_sauna_address .map{
width: 100%;
margin: 15px auto 0;
padding: 0;
}
.article .inner .block_sauna_address .map iframe{
width: 100%!important;
height: 300px!important;
vertical-align: bottom;
}
.article .inner .block_sauna_temperature{
width: 500px;
}
.article .inner .block_sauna_temperature .tabBtn{
width: 400px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.article .inner .block_sauna_temperature .tabBtn .btn{
width: 180px;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
letter-spacing: 3px;
border-radius: 10px 10px 0 0;
padding: 8px 0;
opacity: 0.4;
cursor: pointer;
}
.article .inner .block_sauna_temperature .tabBtn .btn + .btn{
margin: 0 0 0 10px;
}
.article .inner .block_sauna_temperature .tabBtn .btn.active{
opacity: 1;
}
.article .inner .block_sauna_temperature .tabBtn .btn span{
font-size: 1.8rem;
margin: 0 5px 0 0;
vertical-align: -3px;
}
.article .inner .block_sauna_temperature .tabBtn .btn.man{
background: #132266;
}
.article .inner .block_sauna_temperature .tabBtn .btn.woman{
background: #970c0c;
}
.article .inner .block_sauna_temperature .panel{
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px 40px;
}
.article .inner .block_sauna_temperature .panel .tab{
display: none;
}
.article .inner .block_sauna_temperature .panel .tab.active{
display: block;
}
.article .inner .block_sauna_temperature .panel .block{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.article .inner .block_sauna_temperature .panel .block + .block{
border-top: 1px solid #ccc;
margin: 20px 0 0;
padding: 20px 0 0;
}
.article .inner .block_sauna_temperature .panel .notes{
color: #999;
font-size: 1.2rem;
text-align: right;
margin: 15px 0 0;
}
.article .inner .block_sauna_temperature .panel .block .name{
width: 100%;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin: 0 0 10px;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"]{
width: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .ttl{
font-size: 1.0rem;
font-weight: bold;
line-height: 1.0;
margin: 0 15px 0 0;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .ttl span{
font-size: 3.0rem;
margin: 0 0 5px;
display: block;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .dataTxt{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.0;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .dataTxt b span{
font-size: 3.2rem;
margin: 0 5px;
display: inline-block;
}
.article .inner .block_sauna_temperature .panel .block .data01 .ttl,
.article .inner .block_sauna_temperature .panel .block .data01 .dataTxt b span{
color: #f03b04;
}
.article .inner .block_sauna_temperature .panel .block .data02 .ttl,
.article .inner .block_sauna_temperature .panel .block .data02 .dataTxt b span{
color: #045af0;
}
.article .inner .block_fukidashiA{
display: flex;
align-items: center;
}
.article .inner .block_fukidashiA .image{
width: 100px;
border-radius: 100px;
overflow: hidden;
}
.article .inner .block_fukidashiA p{
width: 560px;
background: #f9fdff;
font-size: 1.4rem;
border-radius: 10px;
border: 1px solid #4ea6d8;
margin: 0 0 0 20px;
padding: 20px;
position: relative;
}
.article .inner .block_fukidashiA p::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 12px 8px 0;
border-color: transparent #f9fdff transparent transparent;
position: absolute;
left: -10px;
top: 50%;
margin-top: -8px;
z-index: 2;
}
.article .inner .block_fukidashiA p::after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 12px 8px 0;
border-color: transparent #4ea6d8 transparent transparent;
position: absolute;
left: -11px;
top: 50%;
margin-top: -8px;
z-index: 1;
}
.article .inner .block_googlemap iframe{
width: 100%;
height: 400px;
}
@media (max-width: 768px){
.article .inner .customBlock{
margin: 0 auto 3.0rem;
}
.article .inner .block_tweet,
.article .inner .block_instagram{
width: 100%;
}
.article .inner .block_youtube .movie + .txt{
margin: 1.0rem 0 0;
}
.article .inner .block_sauna_address{
padding: 2.5rem 0 0;
}
.article .inner .block_sauna_address .name{
font-size: 1.6rem;
margin: 0 0 1.5rem;
}
.article .inner .block_sauna_address .name span{
font-size: 2.0rem;
margin: 0 1.0rem 0 0;
vertical-align: -3px;
}
.article .inner .block_sauna_address .tableBlock{
margin: 0 1.5rem;
}
.article .inner .block_sauna_address .tableBlock table th{
width: 25%;
}
.article .inner .block_sauna_address .tableBlock table td{
width: 75%;
}
.article .inner .block_sauna_address .tableBlock table th,
.article .inner .block_sauna_address .tableBlock table td{
font-size: 1.2rem;
padding: 1.5rem 0;
}
.article .inner .block_sauna_address .notes p{
font-size: 1.2rem;
margin: 2.0rem 1.5rem;
}
.article .inner .block_sauna_address .map{
margin: 1.5rem 0 0;
}
.article .inner .block_sauna_address .map iframe{
height: 20.0rem!important;
}
.article .inner .block_sauna_temperature{
width: 100%;
}
.article .inner .block_sauna_temperature .tabBtn{
width: 100%;
padding: 0 1.5rem;
}
.article .inner .block_sauna_temperature .tabBtn .btn{
width: 48%;
font-size: 1.4rem;
border-radius: 1.0rem 1.0rem 0 0;
padding: 0.8rem 0;
}
.article .inner .block_sauna_temperature .tabBtn .btn + .btn{
margin: 0 0 0 4%;
}
.article .inner .block_sauna_temperature .tabBtn .btn span{
margin: 0 0.5rem 0 0;
}
.article .inner .block_sauna_temperature .panel{
padding: 2.0rem 1.5rem 1.0rem;
}
.article .inner .block_sauna_temperature .panel .block + .block{
margin: 2.0rem 0 0;
padding: 2.0rem 0 0;
}
.article .inner .block_sauna_temperature .panel .notes{
font-size: 1.0rem;
margin: 1.0rem 0 0;
}
.article .inner .block_sauna_temperature .panel .block .name{
font-size: 1.6rem;
margin: 0 0 0.5rem;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"]{
display: block;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .ttl{
margin: 0 0 1.0rem;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .ttl span{
margin: 0 0 0.5rem;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .dataTxt{
font-size: 1.6rem;
}
.article .inner .block_sauna_temperature .panel .block [class^="data0"] .dataTxt b span{
margin: 0 0.5rem;
}
.article .inner .block_fukidashiA .image{
width: 25%;
}
.article .inner .block_fukidashiA p{
width: 75%;
margin: 0 0 0 5%;
padding: 1.0rem 1.5rem;
}
.article .inner .block_fukidashiA p::before{
border-width: 0.8rem 1.2rem 0.8rem 0;
left: -1.0rem;
margin-top: -0.8rem;
}
.article .inner .block_fukidashiA p::after{
border-width: 0.8rem 1.2rem 0.8rem 0;
left: -1.1rem;
margin-top: -0.8rem;
}
.article .inner .block_googlemap iframe{
height: 30.0rem;
}
}