.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width:1235px) {
    .der111 {
        display: none
    }
}

@media (max-width:750px) {
    .sp-header-action {
        display: block
    }
}

@media (max-width:1235px) {
    .er222 {
        display: block
    }

}

@media (min-width:1235px) {
    .er222 {
        display: none !important
    }

}

@media (max-width:768px) {
    .er222 {
        display: none !important
    }

}

.er222 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body {
    overflow-x: hidden;
}

/* @media (max-width:1840px) {
    .sidepc {
        display: none !important
    }
} */


.sidepc {
    position: fixed;
    right: 0px;
    bottom: 50%;
    z-index: 9999;
    top: 700px;
}

.contact-alia {
    display: none;
}

.contact-area ul {}

.contact-area ul li {
    list-style: none;
}

/* show hide */

.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

[data-element-id] .show\@tb {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@tb:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
    text-shadow: none;
}

[data-element-id] .show\@tb.indention:after {
    content: "モバイル用はここで改行";
}

[data-element-id] .show\@pc.indention:after {
    content: "PC用はここで改行";
    display: block;
    color: #fff;
    font-weight: 700;
    background: blue;
    padding: 5px;
    text-align: center;
    text-shadow: none;
    font-size: 12px;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
    max-width:375px !important;
    margin:0 auto;
}

[data-element-id] .show\@sp:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
    text-shadow: none;
    font-size:12px;
}

[data-element-id] .show\@sp.indention{
  display:inline-block;
}

[data-element-id] .show\@sp.indention:after {
    content: "SP用改行";
}

@media (max-width: 1024px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}

@media (max-width:767px) {
    .show\@sp {
        display: block;
    }

    .hide\@sp {
        display: none;
    }
}
[data-element-id] .er222-wrap{
  position: relative !important;
}
[data-element-id] .er222{
  display: flex !important;
  border: 5px solid lightgreen;
  padding: 10px;
  width: 767px;
  margin: 10px auto;
  flex-wrap: wrap;
}
[data-element-id] .er222::before{
  content: "TB用ヘッダー";
  font-size: 14px;
  font-weight: 600;
  background: lightgreen;
  color: #fff;
  text-align: center;
  padding: 0 0 5px;
  width: calc(100% + 20px);
  margin: -10px -10px 10px;
  display: block;
}
[data-element-id] .l-header .header-action {
  flex-wrap: wrap;
  justify-content: space-between;
  /* width: 100%; */
}
[data-element-id] .header-action .header-navi {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
  opacity: 1;
}
[data-element-id] .sidepc {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 9999;
    top: auto;
    display: block !important;
    border: 5px solid lightblue;
    border-right: none;
    padding: 10px;
    width: fit-content;
    margin-left: auto;
}
[data-element-id] .sidepc::before {
    content: "追従ボタン";
    color: #fff;
    font-weight: 600;
    background: lightblue;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 0 5px 5px;
    margin: -10px -10px 30px;
}
[data-element-id] .c-mv-page h1, [data-element-id] .c-mv-page .c-mv-heading{
  flex-direction: column;
}
