/* カスタム CSS をここに入力してください */
.hd-contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
 .hd-contents img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 20%;
     margin: auto;
 }
 .box2 {
     width: 80%;
     margin: auto .5rem;
 }
#right-sidebar{ width: 30%; }
.edit-pad01 {
	width: 80%;
}
.content{ width: 70%; }
 @media screen and (max-width: 468px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 30%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
 }
.wprm-wrapper {
display: none;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu .fa {
    font-size: 1em;
    color: #fff;
    padding: 4px;
}
@media (min-width: 640px) {
    #footerFloatingMenu {
        display: none;
    }
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
  padding-left: calc(10% + 58px + (2 * 1rem));
  padding-right: calc(10% + 58px + (2 * 1rem));
  margin-top: calc(2 * 1rem);
  margin-bottom: calc(2 * 1rem);
  left: calc( -12.5% - 75px);
  width: calc( 125% + 150px);
  max-width: calc( 125% + 150px);
}
 
.entry .entry-content .wp-block-image.alignfull img {
  max-width: calc( 125% + 150px);
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}