<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.post_content p {
margin-bottom: 1px;
}
.p-entry__body {
color: #000;
line-height: 1.5;
margin-top: 30px;
}
.pdv {
width:100%;
max-width:700px;
margin:0 0 50px 0;
padding: 0;
display: block;
}
.icol {
width:100%;
max-width:700px;
margin:0 0 120px 0;
padding: 0;
display: block;
}
.cdvt {
display:table;
width:700px:
box-sizing: border-box;
margin-bottom: 150px;
}
.cdvtr {
display:table-row;
}
.cdvi {
display:table-cell;
width:67%:
margin: 0;
box-sizing: border-box;
}
.cdvi img{
display:block;
width:100%;
margin: 0;
padding: 0;
}
.cdvtx {
display:table-cell;
width:33%:
box-sizing: border-box;
vertical-align:top;
padding: 1em 1.5em;
font-size:14px;
}
.dtx {
width:320px;
}
.tth {
display: block;
font-family: 'Heimat', sans-serif;
font-style: normal;
font-weight: 600;
}
.h4b {
font-size: 24px;
}
.h4k {
font-size: 24px;
}
.h4l {
font-size: 23px;
}
.h4w {
font-size: 22px;
}
.h5b {
font-size: 18px;margin:0;font-family: 'Heimat', sans-serif;
}
.h4j {
display: block;
font-style: normal;margin:0;
font-family: 'Zen Antique', serif;
}
.twolines {
margin-bottom:1.5em;
}
.tline {
line-height:200%;
}
.brpc {
display:inline;
}
@font-face {
font-family:"heimatdisplay-10bold--_";
src:url(https://100years.jp/liberator/Heimat Display 10 Bold.otf) format("woff"),
url(https://100years.jp/liberator/Heimat Display 10 Bold.otf) format("opentype"),
url(https://100years.jp/liberator/Heimat Display 10 Bold.otf) format("truetype");
}
.heimat {font-family:"heimatdisplay-10bold--_";}
.ctee {
width:50%;
max-width:230px;
padding:10px;
box-sizing: border-box;
}
.ctee img{
width:100%;display:block;
}
.use {
color: #000;
font-size: 14px;
width: 100%;
max-width:700px;
text-align: center;box-sizing: border-box;display: flex;
flex-wrap: wrap;
}
.how {
width:90%;
}
.tou {
color: silver;
}
.cteesp {
display: none;
}
.cteepc {
display: inline;
width:50%;
max-width:230px;
padding:5em 1em;
box-sizing: border-box;
vertical-align: middle;
text-align:left;
}
.usage {
display:block;
width:95%;
margin: 0 auto;
}
.tab-wrap {
background: White;
box-shadow: 0 0 5px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
overflow: hidden;
padding: 0 0 20px;
width:100%;
max-width:1200px;
}
.tab-label {
color: Gray;
cursor: pointer;
flex: 1;
font-weight: bold;
order: -1;
padding: 12px 24px;
position: relative;
text-align: center;
transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
user-select: none;
white-space: nowrap;
-webkit-tap-highlight-color: transparent;
font-size:13px;
}
.tab-label:hover {
background-color:rgba(222,222,222,0.5);
}
.tab-switch:checked + .tab-label {
color: #c2154f;
}
.tab-label::after {
background: #c2154f;
bottom: 0;
content: '';
display: block;
height: 3px;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateX(100%);
transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
width: 100%;
z-index: 1;
}
.tab-switch:checked ~ .tab-label::after {
transform: translateX(-100%);
}
.tab-switch:checked + .tab-label::after {
opacity: 1;
transform: translateX(0);
}
.tab-content {
height:0;
opacity:0;
padding: 0 20px;
pointer-events:none;
transform: translateX(-30%);
transition: transform .3s 80ms, opacity .3s 80ms;
width: 100%;
font-size:14px;
color:#333;
}
.tab-switch:checked ~ .tab-content {
transform: translateX(30%);
}
.tab-switch:checked + .tab-label + .tab-content {
height: auto;
opacity: 1;
order: 1;
pointer-events:auto;
transform: translateX(0);
}
.tab-wrap::after {
content: '';
height: 20px;
order: -1;
width: 100%;
}
.tab-switch {
display: none;
}
.acd-check{
display: none;
}
.acd-label{
background: #fff;
color: #333;
display: block;
margin: 1px 0;
padding: 10px;
position: relative;
border: 1px solid #333;
}
.acd-label:after{
box-sizing: border-box;
content: '+';
display: block;
font-family: Impact,Charcoal;
font-size:24px;
height: 52px;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
.acd-content{
border: 1px solid #333;
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
line-height:180%;
}
.acd-check:checked + .acd-label:after{
content: '-';
}
.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
.acd_ic {
width:25%;
max-width:95px;
padding: 0 1em;
display:table-cell;
}
.acd_tt {
width:75%;
padding: 0 1em;
display:table-cell;
vertical-align: middle;
}
.hmt {
font-size:24px;
}
.hmk {
font-size:16px;
margin-left:1em;
color: gray;
}
.brsp {
display:none;
}
.imthebox {
width:95%;
display: block;  
}
.og_how {
width:100%;
display: block; 
margin: 1em auto;	
}
.poppins {
font-family: 'Poppins', sans-serif;
}
.sspn span{
font-size:14px;
color:gray;
}
@media screen and (max-width:600px) { 
.cdvt {
display:block;
width:100%:
box-sizing: border-box;
margin-bottom: 150px;
}
.cdvtr {
display:block;
}
.cdvi {
display:block;
width:100%:
margin: 0;
box-sizing: border-box;
}
.cdvtx {
display:block;
width:100%:
box-sizing: border-box;
vertical-align:top;
padding: 2em;
font-size:14px;
}
.dtx {
width:100%;
}
.h4k {
font-size: 32px;
}
.brpc {
display:none;
}
.cteesp {
display: inline;
width:50%;
max-width:340px;
padding:5em 1em;
box-sizing: border-box;
vertical-align: middle;
text-align:left;
}
.cteepc {
display: none;
}
.brsp {
display:inline;
}
}
</style>
<!-- end Simple Custom CSS and JS -->@font-face{
font-family:"heimatdisplay-10bold--_";
src:url(http://100years.jp/liberator/Heimat Display 10 Bold.otf) format("woff"),
url(http://100years.jp/liberator/Heimat Display 10 Bold.otf) format("opentype"),
url(http://100years.jp/liberator/Heimat Display 10 Bold.otf) format("truetype");
}
.heimat {font-family:"heimatdisplay-10bold--_";}
.tbtl {
font-size:150%;
font-weight: bold;
font-family: Meiryo;
}
.ssp1 {
background: url(http://100years.jp/liberator/wp-content/uploads/2022/03/pleasureair.png) ;
background-repeat: no-repeat;
background-position: 15px 0; 
padding:0 115px;
}
.su-spoiler-title {
font-size: 20px!important; 
}
.sspn span{
font-size:14px;
color:gray;
}
.su-spoiler-content {
font-size:14px;
height:auto;
background:#fff;  
}
.spec {
font-size:14px;
color:#333;
width:95%;max-width:800px;
border-collapse: collapse;
border:1px solid #333;
}
.spec1 {
border-collapse: collapse;
border:1px solid #333;
margin: 0;
padding:0.5em;
width:30%;
}
.spec2 {
border-collapse: collapse;
border:1px solid #333;
margin: 0;
padding:0.5em;
width:70%;
}
.spec3 {
border-collapse: collapse;
border:1px solid #333;
margin: 0;
padding:0.5em;
width:30%;
}