@charset "utf-8";
/* base color  #48070A */
/* font red    #C41A1F */
/* font orange #EB6120 */
/* font blue   #004C91 */
/* bgc  ivory  #FDF5DC */
/* #774922 */
/* #F1BD3F */
/* #E77600 */
/* #8B6443 */
/* #FCF0D9 */
/* #B21E23 */
/* #420806 */


html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

html {
  /* scroll-behavior: smooth;  */
  /* background-image: url(../images/common/furuikami_base01.jpg); */
}

a.ybg_fm:hover p {
  background: #ffd61c;
}

a[href="/pado"] {
  pointer-events: none;
}

header {
  position: relative;
}

.webp header:not(.body-) {
  background: url(../images/asset/common/hbg_s.png.webp) no-repeat;
}

.no-webp header:not(.body-) {
  background: url(../images/asset/common/hbg_s.png) no-repeat;
}

.webp body {
  background-image: url(../images/common/furuikami_base01.jpg.webp);
  background-repeat: repeat-y;
  background-size: 1920px;
  background-position-x: center;
}

.no-webp body {
  background-image: url(../images/common/furuikami_base01.jpg);
  background-repeat: repeat-y;
  background-size: 1920px;
  background-position-x: center;
}

body.bg-none {
  background-image: none;
}

.body- {
  overflow: initial;
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
  .body- {
    overflow: hidden;
  }
}

.webp .body- header {
  /* background: url(../images/asset/common/hbg_fp.png.webp) no-repeat; */
  background-repeat: no-repeat;
}

.no-webp .body- header {
  background: url(../images/asset/common/hbg_fp.png) no-repeat;
}

.webp .body- header,
.webp .body-page header,
.webp .body-post header .no-webp .body- header,
.no-webp .body-page header,
.no-webp .body-post header {
  background-position: top;
  height: 455px;
  max-width: 100vw;
  /*2019/07/18*/
  width: 100%;
  margin: auto;
}

header img {
  max-width: 100%;
}

.body- .tm_oth {
  display: none;
}

.body-page .tm_fp,
.body-post .tm_fp {
  display: none;
}

.toplink {
  width: 175px;
  height: 100px;
  position: absolute;
  left: calc(50% - 490px);
}

.body- .toplink {
  width: 205px;
  height: 110px;
}

.toplink a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.top3 {
  width: 245px;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: calc(50% + 208px);
  /*2019/07/18*/
}

.top3 a {
  color: white !important;
}

.tm {
  width: 660px;
  position: absolute;
  left: calc(50% - 100px);
  /*2019/07/18*/
  top: 297px;
  font-size: 14px;
  font-weight: bold;
  z-index: 999;
}

.tm li {
  text-align: left;
  line-height: 27px;
  color: #420806;
}

.tm li a {
  color: #420806;
}

.tm li::before {
  content: "\025b6";
}

@supports (-ms-ime-align: auto) {
  .webp .tm li::before {
    content: url("../images/common/jsm_arrow2.png.webp");
    width: 10px;
  }

  .no-webp .tm li::before {
    content: url("../images/common/jsm_arrow2.png");
    width: 10px;
  }
}

.tm li:nth-of-type(3n+1) {
  width: 220px;
}

.tm li:nth-of-type(3n+2) {
  width: 185px;
}

.tm li:nth-of-type(3n) {
  width: 255px;
}

.tm li:nth-of-type(13) {
  width: 660px;
}

.body-page .top3,
.body-post .top3 {
  width: 96px;
  font-size: 15px;
  top: 2px;
  left: calc(50% + 397px);
  line-height: 25px;
}

.body-page .top3 a,
.body-post .top3 a {
  color: white;
}

.body-page .tm,
.body-post .tm {
  width: 600px;
  top: 169px;
}

.body-page .tm li,
.body-post .tm li {
  text-align: left;
  line-height: 21px;
  color: #420806;
}

.body-page .tm li:nth-of-type(3n+1),
.body-post .tm li:nth-of-type(3n+1) {
  width: 170px;
}

.body-page .tm li:nth-of-type(3n+2),
.body-post .tm li:nth-of-type(3n+2) {
  width: 175px;
}

.body-page .tm li:nth-of-type(13),
.body-post .tm li:nth-of-type(13) {
  width: 600px;
}


header nav {
  position: fixed;
  top: 30px;
  right: 0;
  z-index: 9999;
  background: aliceblue;
  width: 140px;
  font-size: 11px;
}

main {
  width: 100%;
  margin: auto;
  padding: 30px 0;
  /*2019/07/18*/
}

.body- main {
  padding: 10px 0;
}

.bcl {
  font-size: 15px;
  margin: 20px;
}

.floatmenu a {
  display: block;
  background: #ffd800;
  border-radius: 30px;
  width: 112px;
  height: 35px;
  margin: 3px 0px 0 3px;
  font-weight: 900;
  font-size: .9em;
  line-height: 2.1em;
  box-sizing: border-box;
  border: solid 3px;
  color: #480709;
  font-family: 'Noto Sans Japanese';
}

.floatmenu a:hover {
  background: #ffff00;
}

.floatmenu a.fl7 {
  background: #ffcdcd
}

.floatmenu a.fl7:hover {
  background: #fff6f6
}

.floatmenu a.fl9 {
  background: #eef0a4
}

.floatmenu a.fl9:hover {
  background: #ffffc5
}

.floatmenu .small-txt {
  font-size: .9em;
  letter-spacing: -0.1em;
}

.floatmenu {
  position: absolute;
  top: 384px;
  left: calc(50% - 710px);
  margin-top: 10px;
  z-index: 1000;
  text-align: right;
  width: 210px;
  justify-content: flex-end;

}

.floatmenu.aside-absolute-home {
  top: 384px;
}

.floatmenu.aside-fixed {
  top: 276px;
}

.aside-absolute {
  top: 276px;
  position: absolute;
}

.aside-absolute-home {
  top: 384px;
  position: absolute;
}

.floatmenu.aside-fixed {
  top: 0;
  position: fixed;
}



.bnr_box3.ba_fp1 span {
  background: #480709;
  color: #fff;
  font-weight: 600;
  font-size: .9em;
  display: block;
  margin-top: -6px;
  margin-bottom: 6px;
  text-align: left;
  padding: 0px 0 5px 9px;
  box-sizing: border-box;
  width: 278px;
}

.bnr_box3.ba_fp1.ba_fp2 {
  line-height: 1.3em;
  font-size: .875em;
  letter-spacing: -1px;
}

.bnr_box3.ba_fp1:hover span {
  background: #56080c;
}


footer {
  background: #48070A;
  height: 650px;
  width: 100%;
  position: relative;
  z-index: 999;
}


.body-sitemap footer {
  clear: both;
}

body .jsm a {
  color: white;
  font-weight: bold;
}

.jsm .fmb a:hover {
  opacity: 0.5;
}

.jsm .fmb a:hover p {
  opacity: 0.5;
}

.fm_box .fmb a:hover {
  opacity: 1;
}

.mm_box .jsm .fmb a:hover {
  opacity: 1;
}

.mm_box .jsm .fmb a:hover p {
  opacity: 0.5;
}

main .fm_box,
footer .fm_box {
  width: 980px;
  margin: auto;
  height: inherit;
}

.webp .hm_box .jsm .fm {
  background: url(../images/asset/common/bg_hms.png.webp) no-repeat;
  position: relative;
  width: 1013px;
  height: 220px;
  margin: -220px auto 0;
}

.no-webp .hm_box .jsm .fm {
  background: url(../images/asset/common/bg_hms.png) no-repeat;
  position: relative;
  width: 1013px;
  height: 220px;
  margin: -220px auto 0;
}

.webp main .jsm .fm {
  background: url(../images/asset/frontpage/mmbg_fp.png.webp) no-repeat;
  position: relative;
  width: 980px;
  height: 330px;
  margin: 0;
}

.no-webp main .jsm .fm {
  background: url(../images/asset/frontpage/mmbg_fp.png) no-repeat;
  position: relative;
  width: 980px;
  height: 330px;
  margin: 0;
}

.webp footer .jsm .fm {
  background: url(../images/asset/common/bg_fm.png.webp) no-repeat;
  position: relative;
  width: 980px;
  height: 300px;
  margin: 0;
}

.no-webp footer .jsm .fm {
  background: url(../images/asset/common/bg_fm.png) no-repeat;
  position: relative;
  width: 980px;
  height: 300px;
  margin: 0;
}

.hm_box .jsm .fm ul,
main .fm ul,
footer .fm ul {
  position: absolute;
  width: 948px;
  top: 65px;
  left: 215px;
  justify-content: flex-start;
}

@media all and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .hm_box .jsm .fm {
    margin: -220px 0 0 -1.9%;
  }
}

.mm_box .cb_box {
  top: 10px;
  right: 0;
  z-index: 10;
  height: 109px;
  overflow: hidden;
}

main .jsm .fm ul {
  top: 135px;
  left: 15px;
}

footer .jsm .fm ul {
  top: 90px;
  left: 15px;
}

.hm_box .jsm .fm ul img {
  display: none;
}

main .jsm .fm ul img,
footer .jsm .fm ul img {
  display: flex;
  margin: -20px -5px 0px;
}

.webp .hm_box .jsm .fmb li,
.webp main .fmb li,
.webp footer .fmb li {
  background: url(../images/asset/common/btnbg_fm1.png.webp) no-repeat;
  height: 44px;
  box-shadow: 0px 3px 6px 0px white inset, 0px 0px 0px 0px white inset, 0px -3px 10px 0px black inset, 0px 0px 0px 0px white inset;
}

.no-webp .hm_box .jsm .fmb li,
.no-webp main .fmb li,
.no-webp footer .fmb li {
  background: url(../images/asset/common/btnbg_fm1.png) no-repeat;
  height: 44px;
  box-shadow: 0px 3px 6px 0px white inset, 0px 0px 0px 0px white inset, 0px -3px 10px 0px black inset, 0px 0px 0px 0px white inset;
}

main .jsm .fmb li,
footer .jsm .fmb li {
  height: 82px;
}

.hm_box .jsm .fmb li:first-child {
  width: 100px;
}

.hm_box .jsm .fmb li:first-child,
.hm_box .jsm .fmb li:nth-child(2),
.hm_box .jsm .fmb li:nth-child(4),
.hm_box .jsm .fmb li:nth-child(6),
.hm_box .jsm .fmb li:nth-child(7) {
  line-height: 44px;
}

.mm_box .jsm .fmb li:first-child,
.fm_box .jsm .fmb li:first-child {
  line-height: 82px;
}


main .fmb li:first-child,
footer .fmb li:first-child {
  width: 140px;
}

.hm_box .jsm .fmb li:not(:last-child),
main .fmb li:not(:last-child),
footer .fmb li:not(:last-child) {
  border-right: 3px solid white;
}

.hm_box .jsm .fml,
main .fml,
footer .fml {
  font-size: 13px;
  font-weight: bold;
}

.hm_box .jsm .fml ul,
main .fml ul,
footer .fml ul {
  position: absolute;
  justify-content: flex-start;
  top: 124px;
  left: 140px;
}

main .jsm .fml ul {
  top: 225px;
  left: 120px;
}

footer .jsm .fml ul {
  top: 180px;
  left: 120px;
}

.hm_box .jsm .fml li,
main .fml li,
footer .fml li {
  text-align: left;
  line-height: 22px;
  color: white;
}

.hm_box .jsm .fml li::before,
main .fml li::before,
footer .fml li::before {
  content: "\025b6";
}

@supports (-ms-ime-align: auto) {

  .webp .hm_box .jsm .fml li::before,
  .webp main .fml li::before,
  .webp footer .fml li::before {
    content: url("../images/common/jsm_arrow.png.webp");
    width: 10px;
  }

  .no-webp .hm_box .jsm .fml li::before,
  .no-webp main .fml li::before,
  .no-webp footer .fml li::before {
    content: url("../images/common/jsm_arrow.png");
    width: 10px;
  }
}

.hm_box .jsm .fml li:nth-of-type(5n+1),
main .fml li:nth-of-type(5n+1),
footer .fml li:nth-of-type(5n+1) {
  width: 130px;
}

.hm_box .jsm .fml li:nth-of-type(5n+2),
main .fml li:nth-of-type(5n+2),
footer .fml li:nth-of-type(5n+2) {
  width: 180px;
}

.hm_box .jsm .fml li:nth-of-type(5n+3),
main .fml li:nth-of-type(5n+3),
footer .fml li:nth-of-type(5n+3) {
  width: 190px;
}

.hm_box .jsm .fml li:nth-of-type(5n+4),
main .fml li:nth-of-type(5n+4),
footer .fml li:nth-of-type(5n+4) {
  width: 180px;
}

.hm_box .jsm .fml li:nth-of-type(5n),
main .fml li:nth-of-type(5n),
footer .fml li:nth-of-type(5n) {
  width: 190px;
}

.jsm li:nth-of-type(3) img,
.jsm li:nth-of-type(4) img,
.jsm li:nth-of-type(8) img {
  animation: shakeAnime 2s ease-in-out infinite;
}


@keyframes shakeAnime {
  0% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }

  20% {
    transform: rotate(-5deg);
    transform-origin: 50% 100%;
  }

  40% {
    transform: rotate(5deg);
    transform-origin: 50% 100%;
  }

  60% {
    transform: rotate(-5deg);
    transform-origin: 50% 100%;
  }

  80% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }

  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }
}

@keyframes shakeAnime2 {
  0% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }

  20% {
    transform: rotate(-1deg);
    transform-origin: 50% 100%;
  }

  40% {
    transform: rotate(1deg);
    transform-origin: 50% 100%;
  }

  60% {
    transform: rotate(-1deg);
    transform-origin: 50% 100%;
  }

  80% {
    transform: rotate(1deg);
    transform-origin: 50% 100%;
  }

  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }
}

footer .ybg_fm {
  background: #F9B218;
  color: #48070A;
  width: 200px;
  font-weight: bold;
}

footer .cp_fm {
  width: 380px;
  margin: 10px 0;
}

footer .cp_fm span,
footer .cp_fm span a {
  font-size: 12px;
  color: white;
  line-height: 30px;
  font-weight: bold;
}


footer .v_box {
  width: 179px;
  height: 75px;
  line-height: 1;
}

footer .v_box p {
  background: #F9B218;
  border: 1px solid white;
  border-radius: 3px;
  width: 120px;
  margin: 5px auto;
  padding: 6px;
}


footer .tel_fm a {
  background: linear-gradient(to bottom, #A41519, #C9161C 35%, #A41519);
  border: 1px solid white;
  border-radius: 5px;
  padding: 2px 10px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}

footer .tel_fm a:hover {
  background: linear-gradient(to bottom, #ab262a, #e8373d 35%, #c52126);
}

footer .ads {
  font-family: "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, verdana, sans-serif;
  margin-top: 140px;
  display: flex;
  clear: both;
}

footer .ads a.ado_fm>* {
  float: left;
}

footer .ads a.ado_fm * {
  text-align: left;
}

footer .ads a.ado_fm img {
  padding-right: 10px;
}

footer .ads a.ado {
  font-style: normal;
}

footer .ads a.ado_fm {
  display: block;
  width: 50%;
  height: 105px;
  border: solid 1px #fff;
  padding-top: 7px;
}

footer .ads h4 {
  width: 95px;
  text-align: left;
  font-size: .9em;
  padding: 3px 0px 0 8px;
}

footer .ads h4 span,
footer .ads address {
  color: #fff;
}

footer .ads h4 strong {
  color: #f8b217;
  font-size: 1.3em;
}

footer .ads h4 small {
  display: block;
  font-size: 0.8em;
}

footer .ads a.ado_fm:hover h4 strong {
  color: #ffd61c;
}

footer .ads address {
  width: 295px;
  text-align: left;
  font-style: normal;
  font-size: .9em;
  line-height: 1.3em;
}

footer .ads address strong {
  font-size: 1.3em;
  display: block;
}

footer .law_fm {
  text-align: right;
  font-size: 12px;
}

footer .law_fm span {
  color: white;
}

footer .law_fm a,
footer .copyright p {
  color: white;
}

/* -------------------------------------------------------- */
/*                                                          */
/*                    last of time sprit                    */
/*                                                          */
/* -------------------------------------------------------- */

.mt30 {
  margin-top: 30px;
}

.mb0 {
  margin-bottom: 0;
}

.play {
  background: linear-gradient(90deg, rgba(0, 0, 0, .0), rgba(0, 0, 0, .0) calc(50% - 160px), white calc(50% - 160px), white calc(50% + 160px), rgba(0, 0, 0, .0) calc(50% + 160px), rgba(0, 0, 0, .0));
  margin-bottom: 20px;
}

.sns.df.dfw a {
  margin-bottom: 10px;
}

/* -------------------------------------------------------- */
/*                                                          */
/*                         fixmenu                          */
/*                                                          */
/* -------------------------------------------------------- */
.fixmenu {
  position: fixed;
  width: 980px;
  top: 0;
  left: calc(50% - 490px);
  z-index: 10002;
  font-family: "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, verdana, sans-serif;
  font-weight: bold;
}

.menu {
  position: relative;
  width: 100%;
  height: 30px;
  max-width: 980px;
  margin: 0 auto;
}

.menu>li {
  float: left;
  width: 12.5%;
  height: 30px;
  line-height: 30px;
  background: #48070A;
  font-size: 13px;
}

.menu>li a {
  display: block;
  color: #fff;
}

.menu>li a:hover {
  color: #999;
}

ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

ul.menu__third-level {
  visibility: hidden;
  opacity: 0;
}

ul.menu__fourth-level {
  visibility: hidden;
  opacity: 0;
}

.menu>li:hover {
  background: #48070A;
  transition: all .5s;
}

.menu__second-level li {
  border-top: 1px solid #111;
}

.menu__third-level li {
  border-top: 1px solid #111;
}

.menu__second-level li a:hover {
  background: #111;
}

.menu__third-level li a:hover {
  background: #2a1f1f;
}

.menu__fourth-level li a:hover {
  background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
  content: " ";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

.menu>li.menu__single {
  position: relative;
}

li.menu__single ul.menu__second-level {
  position: absolute;
  top: 20px;
  width: 200px;
  background: #48070A;
  transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
  top: 30px;
  visibility: visible;
  opacity: 1;
}

.menu>li.menu__multi {
  position: relative;
}

li.menu__multi ul.menu__second-level {
  position: absolute;
  top: 20px;
  width: 200px;
  background: #48070A;
  transition: all .2s ease;
}

li.menu__multi:hover ul.menu__second-level {
  top: 30px;
  visibility: visible;
  opacity: 1;
}

li.menu__multi ul.menu__second-level li {
  position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
  background: #48070A;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 500px;
  height: 320px;
  background: #48070A;
  transition: all .2s ease;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
  visibility: visible;
  opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
  position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
  opacity: .7;
}

.init-right:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}

/* -------------------------------------------------------- */
/*                        frontpage                         */
/* -------------------------------------------------------- */
.body- .hm_box .jsm {
  display: none;
}

.body- .breadcrumbs {
  display: none;
}

.breadcrumbs {
  width: 980px;
  margin: auto;
}

.breadcrumbs p {
  text-align: left;
  margin: 0px 10px -30px;
}

.reverse {
  /* right: 7px; */
  right: 103px;
  width: 193px;
  height: 386px;
  /* overflow: hidden;
  display: flex; */
}

.reverse a:first-child {
  min-width: 100%;
  animation: sliderAnime 12s ease-in-out infinite;
}

.reverse a:last-child {
  min-width: 100%;
  animation: sliderAnime 12s ease-in-out infinite;
  animation-delay: 6s;
}

@keyframes sliderAnime {
  0% {
    opacity: 1;
    visibility: none;
  }

  45% {
    opacity: 1;
    visibility: none;
  }

  50% {
    opacity: 0;
    visibility: hidden;
  }

  95% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: none;
  }
}

/* @keyframes sliderAnime{
  0%{
    transform: translateX(-50%);
  }
  20%{
    transform: translateX(-50%);
  }
  40%{
    transform: translateX(-150%);
  }
  60%{
    transform: translateX(-150%);
  }
  80%{
    transform: translateX(-50%);
  }
  100%{
    transform: translateX(-50%);
  }
} */

.reverse a img {
  max-width: 100%;
  min-width: 100%;
}

.slider {
  margin-right: 200px;
}

article.slider {
  margin-bottom: 20px;
}

.slider .bx-wrapper {
  margin: 0 auto 20px;
}

.bx-viewport {
  z-index: 10000;
}

.bx-viewport:hover {
  z-index: 0;
}

.subslider1 .bx-wrapper .bx-controls-direction a:first-child {
  left: -40px;
  filter: grayscale(1) brightness(3) opacity(.9);
}

.subslider1 .bx-wrapper .bx-controls-direction a:last-child {
  right: -40px;
}

.slider .bx-wrapper .bx-controls-direction a:first-child,
.slider .bx-wrapper .bx-controls-direction a:last-child,
.subslider1 .bx-wrapper .bx-controls-direction a:first-child,
.subslider1 .bx-wrapper .bx-controls-direction a:last-child {
  filter: grayscale(1) brightness(3) opacity(.9);
}

.bx-wrapper .bx-controls-direction a:hover {
  z-index: 10001;
}

.subslider1 .wp-block-gallery .blocks-gallery-item {
  flex-grow: unset;
  height: 64px;
}

.subslider2 .wp-block-gallery .blocks-gallery-item {
  flex-grow: unset;
  height: 128px;
}

.subslider2 .bx-wrapper .bx-controls-direction a:first-child {
  left: -40px;
}

.subslider2 .bx-wrapper .bx-controls-direction a:last-child {
  right: -40px;
}

.body- .ringmemo {
  padding-bottom: 40px;
}

.fp0 {
  margin-left: 15px;
}

.fp0 img {
  object-fit: contain;
  margin: 0 5px;
}

.fp0 .w450 {
  width: 450px;
}

.bnr_box,
.top5 {
  width: 870px;
  margin: auto;
}

.bnr_box3 {
  width: 907.5px;
  margin: auto;
  padding-top: 8px;
}

.webp .bg_sw {
  background: url(../images/asset/frontpage/bg_sandwall.png.webp);
}

.no-webp .bg_sw {
  background: url(../images/asset/frontpage/bg_sandwall.png);
}

.denzo,
.atsutaro,
.yoshiko {
  font-weight: bold;
  text-align: left;
  margin-left: 20px;
  padding-left: 120px;
  line-height: 2;
}

.webp .denzo {
  width: 717px;
  height: 120px;
  background: url(../images/asset/frontpage/cha_denzo_face.png.webp) no-repeat;
  background-position: 0 0;
}

.no-webp .denzo {
  width: 717px;
  height: 120px;
  background: url(../images/asset/frontpage/cha_denzo_face.png) no-repeat;
  background-position: 0 0;
}

.fp2_0 .atsutaro {
  padding-left: 108px;
}

.fp4 .denzo {
  width: 860px;
}

.webp .atsutaro {
  width: 690px;
  height: 120px;
  background: url(../images/asset/frontpage/cha_atsutaro_face.png.webp) no-repeat;
  background-position: 0 0;
}

.no-webp .atsutaro {
  width: 690px;
  height: 120px;
  background: url(../images/asset/frontpage/cha_atsutaro_face.png) no-repeat;
  background-position: 0 0;
}

.fp5 .atsutaro {
  width: 870px;
  height: 200px;
  background-position: 0 40px;
}

.webp .yoshiko {
  width: 730px;
  height: 100px;
  background: url(../images/asset/frontpage/cha_yoshiko_face.png.webp) no-repeat;
  background-position: 0 0;
}

.no-webp .yoshiko {
  width: 730px;
  height: 100px;
  background: url(../images/asset/frontpage/cha_yoshiko_face.png) no-repeat;
  background-position: 0 0;
}

.fp6 .yoshiko {
  width: 340px;
  line-height: 1.8;
  margin: 20px auto;
}

.sm_fp {
  font-size: 12px;
}

.sm_fp h4 {
  background: #48070A;
  font-size: 16px;
  color: white;
  line-height: 2;
  font-weight: bold;
}

.sm_fp ul {
  border: 1px solid #48070A;
  background: #F3EEDB;
}

.sm_fp li {
  border-bottom: 1px solid;
  margin: 10px;
  padding-left: 40px;
  font-weight: bold;
  text-align: left;
  line-height: 2;
  position: relative;
}

.sm_fp li:last-child {
  border: none;
}

.sm_fp li a {
  display: flex;
  margin: -2px auto 2px;
  text-align: left;
}

.webp .sm_fp .lv::before {
  content: url(../images/asset/frontpage/ico1.png.webp);
  position: absolute;
  top: -2px;
  left: 0;
  margin-left: -10px;
}

.no-webp .sm_fp .lv::before {
  content: url(../images/asset/frontpage/ico1.png);
  position: absolute;
  top: -2px;
  left: 0;
  margin-left: -10px;
}

.sm_fp .lv2::before {
  top: 12px;
}

.webp .sm_fp .lv3::before {
  content: url(../images/asset/frontpage/ico1.png.webp);
  position: absolute;
  top: 5px;
  left: 0;
  margin-left: -10px;
}

.no-webp .sm_fp .lv3::before {
  content: url(../images/asset/frontpage/ico1.png);
  position: absolute;
  top: 5px;
  left: 0;
  margin-left: -10px;
}

.sm_fp li span {
  /* content:  url(../images/asset/frontpage/ico2.png); */
  position: absolute;
  top: -12%;
  right: 0;
}

.sm_fp li img {
  float: left;
  margin-left: -41px;
}

.fp1_1 .bnr_box p {
  font-size: 13px;
  text-align: left;
}

.fp2_0 .chaos {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  bottom: 23px;
  right: 80px;
}

.webp .fp2_1 {
  background: url(../images/asset/frontpage/bg_wood.png.webp) no-repeat;
  background-size: 100% 2930px;
}

.no-webp .fp2_1 {
  background: url(../images/asset/frontpage/bg_wood.png) no-repeat;
  background-size: 100% 2930px;
}

.fp2_1 div {
  margin-bottom: 35px;
}

.fp2_1 .chaos_memo {
  justify-content: flex-start;
  align-items: flex-end;
}

.fp2_1 .chaos_memo a {
  margin-left: 20px;
}

.fp2_1 .chaos_memo2 {
  justify-content: flex-end;
  align-items: flex-end;
}

.fp2_1 .chaos_memo2 a {
  margin-right: 20px;
}

.fp3 .bnr_box p {
  font-size: 12px;
  color: white;
  background: #48070A;
  width: 124px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fp3 .bnr_box p:hover {
  opacity: 0.8;
}

.fp3 .bnr_box img:not(:last-child)::before {
  content: "▼";
  height: 30px;
}

.fp3 .tv_box p {
  font-size: 14px;
  font-weight: bold;
  font-feature-settings: "palt";
  text-align: left;
  margin-left: .5em;
}

.fp4 .chaoslinks {
  width: 196px;
  height: 28px;
  bottom: 29px;
  right: 85px;
}

.fp4 .chaoslinks a {
  width: 60px;
  height: 28px;
  border-radius: 20px;
  display: inline-block;
}

.fp5 .btn_box h3 {
  margin-top: -100px;
}

.fp5 .btn_box {
  width: 560px;
  background: white;
  border: 2px solid #333;
  border-radius: 15px;
  margin: 100px 0 0 40px;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
}

.fp5 .ac1 a {
  color: #450A0E;
}

.fp5 .bnr_box2 {
  width: 400px;
  background: white;
  border: 2px solid #333;
  border-radius: 15px;
  margin: 126px 15px 0px 40px;
  padding: 40px 0 20px;
  font-size: 12px;
  font-weight: bold;
}

.fp5 .blog h3 {
  width: 320px;
  margin-bottom: -30px;
  z-index: 1;
}

.webp .fp6 h2 {
  background: url(../images/asset/frontpage/ba_fp2.png.webp) no-repeat;
  background-position: right;
  padding-right: 100px;
  width: 100%;
}

.no-webp .fp6 h2 {
  background: url(../images/asset/frontpage/ba_fp2.png) no-repeat;
  background-position: right;
  padding-right: 100px;
  width: 100%;
}

.webp .fp6 h2::before {
  content: url(../images/asset/frontpage/tel_ico.png.webp);
  margin-left: -10px;
  margin-right: 5px;
  line-height: 1;
  vertical-align: top;
}

.no-webp .fp6 h2::before {
  content: url(../images/asset/frontpage/tel_ico.png);
  margin-left: -10px;
  margin-right: 5px;
  line-height: 1;
  vertical-align: top;
}

.fob {
  font-size: 28px;
  font-weight: bold;
  color: #EB6120;
}

.webp .ceo p {
  background: url(../images/asset/frontpage/ceo_link.png.webp) no-repeat;
  width: 450px;
  height: 70px;
  padding: 15px 0 15px 67px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
}

.no-webp .ceo p {
  background: url(../images/asset/frontpage/ceo_link.png) no-repeat;
  width: 450px;
  height: 70px;
  padding: 15px 0 15px 67px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
}

.obtn_fp {
  width: 540px;
  display: flex;
  justify-content: space-around;
}

.er_fp {
  width: 600px;
  margin: 5px -30px 20px;
}

.ico_box {
  width: 44px;
  margin-top: 20px;
}

.cha_box a,
.cha_box b {
  margin: 0 20px 0 5px;
}

.webp .cha_box a:nth-of-type(1)::before,
.webp .cha_box b:nth-of-type(1)::before {
  content: url(../images/asset/frontpage/cha_atsutaro1.png.webp);
}

.no-webp .cha_box a:nth-of-type(1)::before,
.no-webp .cha_box b:nth-of-type(1)::before {
  content: url(../images/asset/frontpage/cha_atsutaro1.png);
}

.webp .cha_box a:nth-of-type(2)::before,
.webp .cha_box b:nth-of-type(2)::before {
  content: url(../images/asset/frontpage/cha_denzo1.png.webp);
}

.no-webp .cha_box a:nth-of-type(2)::before,
.no-webp .cha_box b:nth-of-type(2)::before {
  content: url(../images/asset/frontpage/cha_denzo1.png);
}

.webp .cha_box a:nth-of-type(3)::before,
.webp .cha_box b:nth-of-type(3)::before {
  content: url(../images/asset/frontpage/cha_yoshiko1.png.webp);
}

.no-webp .cha_box a:nth-of-type(3)::before,
.no-webp .cha_box b:nth-of-type(3)::before {
  content: url(../images/asset/frontpage/cha_yoshiko1.png);
}

.cha_box a:hover {
  opacity: 1;
  cursor: default;
}

.cha_box img {
  margin-bottom: 10px;
}

.tn {
  display: inline-flex;
  margin: 10px auto;
}

.webp .tn_link {
  background: url(../images/asset/frontpage/tn_link.png.webp);
  width: 327px;
  height: 168px;
}

.no-webp .tn_link {
  background: url(../images/asset/frontpage/tn_link.png);
  width: 327px;
  height: 168px;
}

.tn_link p {
  font-weight: bold;
}

.tn_link p:nth-child(2) {
  margin-top: 100px;
}

iframe {
  margin-left: 320px;
}

/* -------------------------------------------------------- */
/*                          budget                          */
/* -------------------------------------------------------- */

.budget .bg h3 {
  margin-top: 65px;
}

.budget .bg img {
  margin: 5px auto;
}

.budget .bg p {
  font-size: 30px;
  font-weight: bold;
  margin: 10px;
}

.budget .bg div.pr p.pa {
  font-size: 14px;
  bottom: 18px;
  right: 10px;
  width: 686px;
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

.budget .bg div.pr p.pa a {
  color: #EB6120;
}

.budget .btn_box {
  width: 980px;
  margin: auto;
  justify-content: center;
}

.budget .btn_box a {
  margin: 5px;
}

.budget .pa {
  bottom: -80px;
  right: 0;
  width: 150px;
}

.budget .pa {
  bottom: -80px;
  right: 0;
  width: 150px;
}

.recommend .top5,
.recommend .bnr_box {
  width: 840px;
}

.recommend .top5 h3 img {
  width: 90%;
}

.recommend .top5 .bnr_box img {
  width: 95%;
}

/* -------------------------------------------------------- */
/*                           tips                           */
/* -------------------------------------------------------- */

.tips h2 {
  margin: -32px -68px 0 0;
}

.tips .ringmemo {
  padding-bottom: 50px;
  background-color: #fff;
}

.tips .tips_btnbox {
  width: 840px;
  margin: auto;
  justify-content: start;
}

.tips_button {
  background: ivory;
  margin-top: 20px;
}

.tips_button img {
  margin-top: -20px;
}

.tips_btnbox .tips_button:nth-child(3n+1) {
  width: 250px;
}

.tips_btnbox .tips_button:nth-child(3n+2) {
  width: 280px;
}

.tips_btnbox .tips_button:nth-child(3n) {
  width: 310px;
}

.webp .tips span::before {
  content: url(../images/asset/tips/tips.png.webp);
  margin-right: 5px;
}

.no-webp .tips span::before {
  content: url(../images/asset/tips/tips.png);
  margin-right: 5px;
}

.tips .sbox_tips {
  justify-content: flex-start;
  height: fit-content;
  min-height: 30px;
}

.tips .br2s {
  border-right: 2px solid #48070A;
  margin: 10px auto;
}

.tips .sbox_tips:nth-child(3n+1) {
  width: 250px;
}

.tips .sbox_tips:nth-child(3n+2) {
  width: 280px;
}

.tips_btnbox a img:hover {
  opacity: 0.8;
}

.tips span {
  margin: 0 15px;
}

.tips .m120 {
  margin-top: 120px;
}

.tips .m-120 {
  margin-top: -120px;
}

.obtn_tips {
  position: absolute;
  top: 1379px;
  right: 5px;
}

.ibtn_tips {
  position: absolute;
  top: 435px;
  right: 135px;
}

.cha_tips {
  position: absolute;
  top: 330px;
  right: -30px;
}

/* -------------------------------------------------------- */
/*                           faq                            */
/* -------------------------------------------------------- */
main {

  width: 980px;
}

.faq main {
  padding: 30px 0;
}

.faq-anchor {
  margin-top: -60px;
  padding-top: 60px;
}

.ringmemo {
  border: 7px solid #48070A;
  border-radius: 20px;
  margin: 15px 30px;
  padding-top: 40px;
}

.fag .ringmemo {
  padding: 50px;
}

.ringmemo:last-child {
  padding-bottom: 40px;
}

.webp .ring {
  background-image: url(../images/common/dougu_ring.png.webp);
  background-size: 225px;
  background-repeat: space;
  width: 674px;
  margin: -44px auto;
  padding: 40px;
  z-index: 99;
  position: relative;
}

.no-webp .ring {
  background-image: url(../images/common/dougu_ring.png);
  background-size: 225px;
  background-repeat: space;
  width: 674px;
  margin: -44px auto;
  padding: 40px;
  z-index: 99;
  position: relative;
}

.hakushi {
  background-color: #fff;
  border-radius: 10px;
  margin: 20px;
  padding: 10px;
}

.question {
  color: #48070A;
  background-color: #FEF7E8;
  border: 1px solid #48070A;
  margin-top: 10px;
}

.webp .question p::after {
  content: url(../images/faq/toggle.png.webp);
  float: right;
  margin-top: 5px;
  height: 15px;
}

.no-webp .question p::after {
  content: url(../images/faq/toggle.png);
  float: right;
  margin-top: 5px;
  height: 15px;
}

.question p.upper::after {
  transform: rotateX(180deg);
  transition: .5s;
}

.webp .question p::before {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: -24px;
  content: url(../images/faq/question.png.webp);
}

.no-webp .question p::before {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: -24px;
  content: url(../images/faq/question.png);
}

.answer {
  color: #231815;
  /*EB6120*/
  border: 1px solid #48070A;
  border-top: none;
  margin-bottom: 10px;
}

.webp .answer p:first-of-type::before {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: -24px;
  content: url(../images/faq/answer.png.webp);
}

.no-webp .answer p:first-of-type::before {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: -24px;
  content: url(../images/faq/answer.png);
}

.question p,
.answer p {
  position: relative;
  text-align: left;
  margin-left: 30px;
  padding: 15px;
}

.question a,
.answer a {
  color: #EB6120;
}


.pi-info {
  position: relative;
}

.pi-info__link {
  background: none !important;
  text-decoration: none !important;
}

.pi-info__link:hover {
  opacity: .7;
  transition: .3s;
  background: none;
  text-decoration: none;
}

.pi-info__img {
  position: absolute;
  top: 50%;
  right: 76px;
  width: 44px;
  transform: translateY(-50%);
}

.pi-info__img img {
  width: 100%;
}



/* 共通hover  */

.question a,
.answer a,
.budget .dfw p a,
.dataai p a.underline {
  background: linear-gradient(to right, yellow 50%, transparent 50%) 100% bottom / 200% 70% no-repeat;
  transition: background-position .5s ease-out;
  text-decoration: underline;
}

.question a:hover,
.answer a:hover,
.budget .dfw a:hover,
.dataai p a.underline:hover,
.rbox_se .ref_se li a:hover {
  background-position: 0% bottom;
}

/* 共通hover  */

.breadcrumbs p a {
  text-decoration: none;
}

.breadcrumbs p a:hover {
  opacity: .65;
}

.gototop {
  color: #290305;
  float: right;
  margin: 0 20px 30px;
  position: relative;
  z-index: 10;
}

.gototop--middle {
  color: #290305;
  float: right;
  margin: 0 20px;
  position: relative;
  z-index: 10;
}

.faq_title {
  margin-left: -35px;
}

.faq_atsutarou {
  position: relative;
  height: 150px;
  margin: -160px 90px;
  z-index: 10;
}

.faq_btnbox {
  width: 800px;
  margin: auto;
}

.faq_button a {
  background: linear-gradient(to bottom, #85595B, #4B0C0F 35%, #48070A);
}

.faq_button a:hover {
  background: linear-gradient(to bottom, hsla(369, 20%, 65%, 1), hsl(359, 81%, 19%) 35%, hsl(359, 81%, 19%));
}

.faq_button a,
.recommend a {
  position: relative;
  border-radius: 10px;
  width: 195px;
  height: 51px;
  margin: 5px;
}

.faq .recommend a {
  background: linear-gradient(to bottom, #85595B, #4B0C0F 35%, #48070A);
}

.short5 a {
  width: 154px;
}

.faq_button img,
.recommend_btn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.faq_comment {
  position: absolute;
  margin: 30px 0 30px -130px;
}

.faq_denzou {
  position: relative;
  top: 57px;
  left: 43px;
}

.faq_movie {
  width: 600px;
  margin: 20px 100px 0 0;
}

.faq_tv a {
  margin: 5px;
}

.cut {
  width: 600px;
  margin: auto;
}

.cut div {
  margin: auto;
}

.cut img {
  width: 65%;
}

.dlzip {
  margin: 10px 21%;
}

.faq_banner img {
  margin: auto 7px;
}

.contact {
  margin: 30px auto 50px;
}

.tel {
  vertical-align: bottom;
}

.webp .contact a {
  background: url(../images.contact_btnbg.png.webp) no-repeat;
  padding: 80px 28px 6px;
  vertical-align: super;
}

.no-webp .contact a {
  background: url(../images.contact_btnbg.png) no-repeat;
  padding: 80px 28px 6px;
  vertical-align: super;
}

.webp .recommend {
  background-image: url(../images/faq/recommend_bg.png.webp);
  position: relative;
  width: 841px;
  height: 161px;
  margin: 50px auto 0;
}

.no-webp .recommend {
  background-image: url(../images/faq/recommend_bg.png);
  position: relative;
  width: 841px;
  height: 161px;
  margin: 50px auto 0;
}

.webp .recommend::before {
  content: url(../images/faq/recommend_lavel.png.webp);
  position: absolute;
  top: -30px;
  left: -30px;
}

.no-webp .recommend::before {
  content: url(../images/faq/recommend_lavel.png);
  position: absolute;
  top: -30px;
  left: -30px;
}

.recommend_title {
  margin: 40px auto 10px;
}

.recommend_btn {
  display: inline-flex;
}

.recommend a {
  width: 190px;
}

.webp .rcmtop5 {
  background-image: url(../images/asset/budget/rcm_bg.png.webp);
  height: 271px;
}

.no-webp .rcmtop5 {
  background-image: url(../images/asset/budget/rcm_bg.png);
  height: 271px;
}

/* -------------------------------------------------------- */
/*                        posttop                           */
/* -------------------------------------------------------- */

.posttop .pa {
  bottom: 20px;
  right: 20px;
}

main.newspaper,
main.posting,
main.pado,
main.lnp,
main.chirash,
main.dms {
  margin-top: 30px;
  padding-top: 0;
}

/* -------------------------------------------------------- */
/*                        chirash                           */
/* -------------------------------------------------------- */

.chirash .bnr_box,
.lnp .bnr_box,
.newspaper .bnr_box,
.posting .bnr_box,
.pado .bnr_box,
.dms .bnr_box {
  width: 930px;
  justify-content: flex-end;
}

.chirash .bnr_box a,
.lnp .bnr_box a,
.newspaper .bnr_box a,
.posting .bnr_box a,
.pado .bnr_box a,
.dms .bnr_box a {
  margin: 5px;
}

.chirash .ringmemo {
  padding-bottom: 50px;
}

.webp .chirash h2 {
  background-image: url(../images/asset/chirash/tbg_cr.png.webp);
  margin-bottom: -300px;
  padding: 10px 0 300px;
}

.no-webp .chirash h2 {
  background-image: url(../images/asset/chirash/tbg_cr.png);
  margin-bottom: -300px;
  padding: 10px 0 300px;
}

.webp .chirash .bg_mask {
  background-image: url(../images/common/furuikami_base01.jpg.webp);
}

.no-webp .chirash .bg_mask {
  background-image: url(../images/common/furuikami_base01.jpg);
}

/* -------------------------------------------------------- */
/*                          lnp                             */
/* -------------------------------------------------------- */
.lnp .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.lnp .pop {
  display: block;
  margin: auto;
}

.lnp .popup div {
  width: 980px;
  margin: auto;
}

.lnp .pop_lnp {
  background: white;
  padding: 10px 20px 120px 10px;
  border-radius: 10px;
}

.lnp .plus {
  top: 56px;
  right: calc(50% - 300px);
  position: absolute;
  z-index: 1;
}

.lnp .btn_lnpp1 {
  top: 488px;
  right: 245px;
}

.lnp .popup .bnrbox_p {
  width: 580px;
  bottom: 15px;
  right: 200px;
}

.lnp .fr,
.newspaper .fr,
.posting .fr,
.pado .fr,
.dms .fr {
  width: 250px;
  margin-left: -20px;
}

.lnp .btn_lnp-1 {
  top: 270px;
  right: 20px;
}

.lnp .btn_lnp-2 {
  top: 523px;
  right: 20px;
}

.lnp .btn_lnp-3 {
  top: 763px;
  right: 20px;
}

.lnp .btn_lnp0 {
  bottom: 10px;
  right: 10px;
}

.lnp .btn_lnp1 {
  top: 32px;
  right: 30px;
}

.lnp .btn_lnp2 {
  top: 256px;
  right: 30px;
}

.lnp .btn_lnp3 {
  top: 450px;
  right: 30px;
}

#lnp_a span {
  bottom: 510px;
}

/* -------------------------------------------------------- */
/*                       newspaper                          */
/* -------------------------------------------------------- */
.newspaper .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.newspaper .pop {
  display: block;
  margin: auto;
}

.newspaper .popup div {
  width: 980px;
  margin: auto;
}

.newspaper .pop_np {
  background: white;
  padding: 10px 20px 120px 10px;
  border-radius: 10px;
}

.newspaper .plus {
  top: 56px;
  right: calc(50% - 300px);
  position: absolute;
  z-index: 1;
}

.newspaper .btn_npp1 {
  top: 458px;
  right: 257px;
}

.newspaper .btn_npp2 {
  top: 500px;
  right: 246px;
}

.newspaper .popup .bnrbox_p {
  width: 560px;
  bottom: 15px;
  right: 210px;
}

.n .btn_np2 {
  top: 523px;
  right: 20px;
}

.newspaper .btn_np3 {
  top: 763px;
  right: 20px;
}

.newspaper .btnbox_np {
  top: 1072px;
  right: -70px;
}

.newspaper .btn_np1 {
  top: 276px;
  right: 90px;
}






.newspaper .btn_np1:hover,
.posting .btn_pg1:hover,
.lnp .btn_lnp-1:hover,
.datasend button img:hover,
.price .popforms+img:hover {
  filter: brightness(1.2);
  cursor: pointer;
}






.newspaper .btn_np2 {
  top: 534px;
  right: 18px;
}

.newspaper .btn_np3 {
  top: 870px;
  right: 22px;
}

#np_a div {
  width: 138px;
}

.area a {
  background: white;
  width: 65px;
  height: 22px;
  line-height: 24px;
  margin: 2px;
}

.area .hokkaido {
  top: 179px;
  right: 339px;
  height: 32px;
  line-height: 34px;
}

.newspaper .wide {
  width: 138px;
}

.newspaper .mra {
  margin-right: auto;
}

.newspaper .area2 {
  top: 285px;
  right: 77px;
}

.newspaper .area3 {
  top: 287px;
  right: 351px;
}

.newspaper .area4 {
  top: 444px;
  right: 77px;
}

.newspaper .area5 {
  top: 311px;
  right: 523px;
}

.newspaper .area6 {
  top: 633px;
  right: 77px;
}

.newspaper .area7 {
  top: 633px;
  right: 240px;
}

.newspaper .area8 {
  top: 339px;
  right: 696px;
}

.newspaper .area9 {
  top: 633px;
  right: 404px;
}

.newspaper .area10 {
  top: 633px;
  right: 568px;
}

.newspaper .rbtn_np1 {
  bottom: 126px;
  right: 60px;
}

.np_chaos {
  width: 150px;
  height: 23px;
  border-radius: 5px;
  transform: rotate(5deg);
  top: 97px;
  right: 70px;
}

.newspaper .pd_np {
  width: 920px;
  margin: 20px auto;
  border: 5px solid #48070A;
  height: 200px;
  overflow: hidden;
  background: ivory;
}

.newspaper .pds label {
  bottom: -3px;
  right: 38px;
  z-index: 10;
  opacity: .95;
}

.newspaper #label1,
.newspaper #label2,
.newspaper #label3 {
  display: none;
}

.newspaper .pds input:checked~.pd_np {
  height: auto;
  z-index: 11;
}

.newspaper .pd_np h4 {
  background: #48070A;
  color: white;
  font-size: xx-large;
  text-align: left;
  font-weight: bold;
}

.newspaper .pd_np p {
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  margin: 8px;
}

.webp .newspaper .np_bgi {
  background: url(../images/asset/newspaper/as_np5.png.webp) no-repeat;
  background-position: bottom right;
}

.no-webp .newspaper .np_bgi {
  background: url(../images/asset/newspaper/as_np5.png) no-repeat;
  background-position: bottom right;
}

.newspaper .tbox_np {
  width: 500px;
  top: 115px;
  right: 35px;
}

.newspaper .tbox_np p {
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
}

.Android .newspaper .tbox_np p {
  line-height: 1.487;
}

.Android .newspaper .tbox_np .android-only {
  padding-top: 12px !important;
}

.newspaper .btn_np16 {
  bottom: 24px;
  right: 70px;
}

.dr__note-desc-outer {
  position: relative;
}

.dr__note-desc {
  top: 508px !important;
}

.dr__step4 {
  position: relative !important;
}

/* -------------------------------------------------------- */
/*                        posting                           */
/* -------------------------------------------------------- */
.posting .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.posting .pop {
  display: block;
  margin: auto;
}

.posting .popup div {
  width: 980px;
  margin: auto;
}

.posting .pop_pg {
  background: white;
  padding: 10px 20px 120px 10px;
  border-radius: 10px;
}

.posting .plus {
  top: 56px;
  right: calc(50% - 300px);
  position: absolute;
  z-index: 1;
}

.posting .btn_pgp1 {
  top: 393px;
  right: 245px;
}

.posting .popup .bnrbox_p {
  width: 560px;
  bottom: 15px;
  right: calc(50% - 280px);
}

.posting .btn_pg1 {
  top: 262px;
  right: 60px;
}

.posting .btn_pg2 {
  top: 516px;
  right: 20px;
}

.posting .btn_pg3 {
  top: 680px;
  right: 20px;
}

.posting .btn_pg4 {
  bottom: 10px;
  right: 10px;
}

.posting .btn_pg5 {
  bottom: 175px;
  right: 35px;
}

.posting .btn_pg6 {
  bottom: 119px;
  right: 280px;
}

#pg_b {
  bottom: 270px;
}

/* -------------------------------------------------------- */
/*                          pado                            */
/* -------------------------------------------------------- */
.pado .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.pado .pop {
  display: block;
  margin: auto;
}

.pado .popup div {
  width: 980px;
  margin: auto;
}

.pado .pop_pado {
  background: white;
  padding: 10px 20px 120px 10px;
  border-radius: 10px;
}

.pado .plus {
  top: 56px;
  right: calc(50% - 300px);
  position: absolute;
  z-index: 1;
}

.pado .btn_padop1 {
  top: 488px;
  right: 245px;
}

.pado .popup .bnrbox_p {
  width: 560px;
  bottom: 15px;
  right: 210px;
}

.pado .btn_pado1 {
  top: 272px;
  right: 90px;
}

.pado .btn_pado2 {
  top: 546px;
  right: 20px;
}

.pado .btn_pado3 {
  top: 786px;
  right: 20px;
}

.pado .btn_pado4 {
  bottom: 10px;
  right: 10px;
}

.pado .btn_pado7 {
  top: 32px;
  right: 30px;
}

.pado .btn_pado8 {
  top: 254px;
  right: 30px;
}

.pado .btn_pado9 {
  top: 418px;
  right: 30px;
}

#pado_c {
  bottom: 520px;
}

/* -------------------------------------------------------- */
/*                          dms                             */
/* -------------------------------------------------------- */
.dms .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.dms .pop {
  display: block;
  margin: auto;
}

.dms .popup div {
  width: 980px;
  margin: auto;
}

.dms .pop_dms {
  background: white;
  padding: 10px 20px 70px 10px;
  border-radius: 10px;
}

.dms .plus {
  top: 56px;
  right: calc(50% - 300px);
  position: absolute;
  z-index: 1;
}

.dms .btn_dmsp1 {
  top: 374px;
  right: 439px;
}

.dms .popup .bnrbox_p {
  width: 560px;
  bottom: 15px;
  right: 210px;
}

.dms .btn_dms1 {
  top: 286px;
  right: 60px;
}

.dms .btn_dms2 {
  top: 443px;
  right: 20px;
}

.dms .btn_dms3 {
  top: 603px;
  right: 20px;
}

/* -------------------------------------------------------- */
/*                           sss                            */
/* -------------------------------------------------------- */
.sss .attention {
  font-size: 13px;
  text-align: left;
  margin-left: 30px;
}

.pbtn_sss2 {
  bottom: 114px;
  right: 90px;
}

.bbtn_sss1 {
  bottom: 20px;
  right: 10px;
}

.box_sss {
  width: 200px;
  margin: -10px 0 0 -120px;
}

.btn_sss2 {
  bottom: 10px;
  left: 2px;
}

.bnrbox_sss {
  margin: 50px 100px;
}

.sss .recommend_btn {
  margin: 0 0 15px;
}


/* -------------------------------------------------------- */
/*                         datatop                          */
/* -------------------------------------------------------- */
.datatop {
  background-image: none;
}

.datatop .box_dt {
  background: #C8161E;
  padding: 20px 50px;
  width: 920px;
  height: 620px;
  margin: auto;
}

.datatop .box_dt p {
  flex: 1;
  color: white;
  font-size: 13px;
  border-right: 2px solid white;
  height: 40px;
}

.datatop .box_dt p:last-child {
  border: none;
}

.datatop .box_dt .pa {
  bottom: -80px;
  right: 0;
}

.datatop .pdfbox {
  bottom: 30px;
  right: 13px;
  width: 200px;
}

.datatop .pdfbox p {
  font-size: 12px;
  line-height: 1.2;
  margin: 11px 11px 3px;
  font-feature-settings: "palt";
  text-align: left;
}

.datatop .pdfbox span {
  color: #C8161E;
}

.datatop .link_dt {
  bottom: 20px;
  right: 363px;
}

.ctcbox img {
  height: max-content;
}

.datatop .lbox_dt {
  width: 920px;
  margin: 30px auto 0;
}

.datatop .lbox_dt div:not(:last-child) {
  border-right: 2px solid silver;
  padding-right: 10px;
}

.datatop .lbox_dt li {
  text-align: left;
  font-size: 14px;
}

.data_rcm a {
  color: #565656;
  font-weight: bold;
}

/* -------------------------------------------------------- */
/*                         datasend                         */
/* -------------------------------------------------------- */
.datasend {
  background-image: none;
}

.datasend .bnr_box {
  bottom: 40px;
  right: 90px;
  width: 800px;
}

.datasend .as_ds9 {
  bottom: 20px;
  right: 107px;
}

.datasend .as_ds20 {
  bottom: 172px;
  right: 340px;
}

.datasend .as_ds22 {
  bottom: 14px;
  right: 107px;
}

.ctcbox {
  width: 933px;
  margin: 10px auto;
}

.datasend .hyde_ds .ptt {
  display: none;
}

.ptt {
  font-size: 20px;
  border: 2px solid indianred;
  width: 919px;
  margin: auto;
  color: #333;
}

/* -------------------------------------------------------- */
/*                        datacheck                         */
/* -------------------------------------------------------- */
.datacheck {
  background-image: none;
}

.datacheck .lbox {
  bottom: 80px;
  right: 30px;
  width: 800px;
}

.datacheck .lbox li {
  width: 250px;
  height: 40px;
  text-align: left;
  list-style: disc;
  color: darkslategray;
}

.datacheck .lbox a {
  font-weight: bold;
  color: darkslategray;
}


/* -------------------------------------------------------- */
/*                          dataai                          */
/* -------------------------------------------------------- */
.dataai {
  background-image: none;
}

.dataai .flowbox {
  bottom: 26px;
  right: 116px;
  width: 278px;
  height: 299px;
  flex-direction: column;
  justify-content: flex-end;
}

.dataai .slash {
  clip-path: polygon(9% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.dataai .kitchen_knife {
  width: 163px;
  height: 44px;
  top: 467px;
  right: 234px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 72% 50%, 72% 100%, 70% 100%, 0% 100%);
}

.dataai .upper {
  transform: rotateX(180deg);
  transition: .5s;
}

.dataai .csbtn {
  right: 70px;
}

.dataai .origami a:hover {
  color: #C41A1F;
}

.dataai .origami a {
  font-weight: bold;
  color: #565656;
}

.dataai .column_ai div.pa {
  bottom: 60px;
  left: 130px;
}

.dataai .column_ai ul {
  justify-content: flex-start;
  width: 500px;
  color: #280404;
  font-size: 20px;
}

.dataai .column_ai li {
  width: 250px;
  margin: 0px;
  padding-right: 50px;
  text-align: left;
}

.data_ai .list_ai ul {
  border-right: 1px solid silver;
  padding-right: 12px;
}

.data_ai .list_ai li {
  text-align: left;
}

/* -------------------------------------------------------- */
/*                         datamso                          */
/* -------------------------------------------------------- */
.datamso .conbox {
  width: 650px;
  margin: 30px auto;
  padding: 10px;
  border: 3px solid #CB151B;
  border-radius: 20px;
  align-items: flex-end;
}

.datamso .ringmemo {
  background: white;
}

.datamso .as_dm3 {
  left: 90px;
}

.datamso .recommend_btn a {
  width: 260px;
}

/* -------------------------------------------------------- */
/*                          datapp                          */
/* -------------------------------------------------------- */
.datapp .pline {
  text-align: left;
  margin-left: 70px;
}

.datapp .ringmemo {
  padding: 0 0 40px;
}

.datapp .rbtn_box {
  bottom: 1260px;
  right: 100px;
  width: 700px;
}

/* -------------------------------------------------------- */
/*                        dataformat                        */
/* -------------------------------------------------------- */
.dataformat {
  background-image: none;
}

.dataformat .rbb {
  width: 800px;
  margin: auto;
  padding: 10px;
  border: 5px solid #C8161E;
}

.dataformat .btnbox {
  bottom: 30px;
  right: 35px;
  width: 720px;
}

.dataformat h3 {
  margin: 30px 0 -10px -470px;
}

.dataformat .btnbox img:nth-child(n+6) {
  margin-top: 10px;
}

.dataformat .icon_box {
  width: 725px;
  height: 100px;
  right: -115px;
  z-index: 1;
  line-height: 2.2;
}

.dataformat .icon_box2 {
  width: 32px;
  top: 303px;
  line-height: 2.2;
}

.dataformat .icon_box div {
  width: 32px;
}

.dataformat .mr30 {
  margin-right: 30px;
  z-index: 10;
}

.dataformat .ctcbox {
  width: 770px;
}

.dataformat .ctcbox img {
  height: 45px;
}

.dataformat .ptt {
  border: none;
  width: auto;
  margin: 10px auto;
}

div.lbox_dt a,
div.faq_dt a,
.nos div.tal a,
.tips_btnbox a span {
  background: linear-gradient(to right, yellow 50%, transparent 50%) 100% bottom / 200% 70% no-repeat;
  transition: background-position .5s ease-out;
}

div.lbox_dt a:hover,
div.faq_dt a:hover,
.designsearch div.tal a:hover,
.nos div.tal a:hover,
.tips_btnbox a:hover span,
.sitemap li a:hover {
  background-position: 0% bottom;
}

.tips_btnbox a:hover {
  opacity: 1 !important;
}

/* -------------------------------------------------------- */
/*                           ddsf                           */
/* -------------------------------------------------------- */
.sm_ddsf {
  width: 930px;
  margin: auto;
  font-size: 12px;
}

.sm_ddsf div {
  width: 280px;
}

.sm_ddsf h4 {
  background: #48070A;
  font-size: 16px;
  color: white;
  line-height: 2;
  font-weight: bold;
}

.sm_ddsf ul {
  border: 3px solid #48070A;
  background: #F3EEDB;
}

.sm_ddsf a {
  color: #48070A;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  margin: 0 0 7px -10px;
  display: inline-block;
}

.sm_ddsf li {
  border-bottom: 1px solid;
  margin: 10px;
  line-height: 2;
  position: relative;
  text-align: left;
  padding-left: 10px;
}

.sm_ddsf.df li:last-child {
  border: none;
  margin-bottom: 0;
}

.lm_ddsf li {
  line-height: 1.83;
}

.mm_ddsf li {
  line-height: 1.9;
}

.rm_ddsf li {
  line-height: 1.56;
}

.sm_ddsf li span {
  position: absolute;
  top: -5%;
  right: 0;
}

.lm_ddsf li span {
  top: -6%;
}

.rm_ddsf li span {
  top: -13%;
}

.ddsf_box1,
.ddsf_box2 {
  width: 900px;
  margin: auto;
}

.ddsf_box1 div,
.ddsf_box2 div {
  display: grid;
  margin: 15px auto;
}

.ddsf_box1 div img {
  margin-bottom: -50px;
}

.ddsf_box2 div img {
  margin-bottom: -60px;
}

.ddsf_box1 .m600 {
  margin-right: 600px;
}

.ddsf_box1 div a img,
.ddsf_box2 div a img {
  margin-bottom: 0px;
}

.flow_ddsf img {
  margin: auto;
}

.btn_ddsf1 {
  top: 620px;
  right: 80px;
}

.btn_ddsf2 {
  top: 1058px;
  right: 80px;
}

/* -------------------------------------------------------- */
/*                           nos                            */
/* -------------------------------------------------------- */
lime #00B432 skyblue #00A0E9 pink #FF507D darkorange #FF5000 orange #FF8200 purple #7D32B4 gray #D9CDCD .lboxs {
  background: white;
  width: 950px;
  margin: 20px auto;
}

.nos .lbox_nos {
  margin: -15px 0;
}

.lbox_nos ul {
  width: 240px;
}

.webp .lbox_nos li::before {
  content: url(../images/asset/tips/tips.png.webp);
  margin-right: 5px;
}

.no-webp .lbox_nos li::before {
  content: url(../images/asset/tips/tips.png);
  margin-right: 5px;
}

.nos .tal p,
.nos .tal li {
  text-align: left;
  margin-left: 30px;
}

.nos .br2s {
  border-right: 2px solid #48070A;
  height: 150px;
}

.lbox_nos_end {
  flex: .5;
  margin: 0 18px;
}

.nos .ringmemo {
  padding-bottom: 50px;
}

.nos .m56 {
  margin-top: 56px;
  margin-bottom: -56px;
  z-index: 10;
}

.pil {
  width: 930px;
  background: white;
  border-radius: 10px;
  margin: 30px auto;
  padding: 10px;
}

.nos .vh {
  visibility: inherit;
}

.ps {
  width: 280px;
  padding: 10px 0;
  margin: 10px 0;
}

.pil .ps a {
  background: white;
  padding: 5px;
  border-radius: 5px;
  font-weight: bold;
}

.pil .ps a:hover {
  background: yellow;
}

.pil .ps span {
  font-size: 11px;
}

.pil .gpil {
  background: #00B432;
}

.pil .gpil a {
  color: #00B432;
}

.pil .bpil {
  background: #00A0E9;
}

.pil .bpil a {
  color: #00A0E9;
}

.pil .ppil {
  background: #FF507D;
}

.pil .ppil a {
  color: #FF507D;
}

.pil .dpil {
  background: #FF5000;
}

.pil .dpil a {
  color: #FF5000;
}

.pil .opil {
  background: #FF8200;
}

.pil .opil a {
  color: #FF8200;
}

.pil .vpil {
  background: #7D32B4;
}

.pil .vpil a {
  color: #7D32B4;
}

.pil li {
  margin: 5px;
}

.pil li a {
  width: 80px;
  height: 46px;
  background: #D9CDCD;
  color: #48070A;
  border-radius: 10px;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pil li a:hover {
  background: #48070A;
  color: #D9CDCD;
}

.pil1 .hyde12,
.pil2 .hyde12,
.pil1 .hyde13,
.pil2 .hyde2,
.pil3 .hyde13 {
  display: none;
}

.nos .come_nos1 {
  bottom: 350px;
  right: 10px;
  border-radius: 80px;
}

.rbtn_nos {
  bottom: 8px;
  right: 139px;
}

.nos .recommend_btn a {
  margin: 8px;
}

/* -------------------------------------------------------- */
/*                          price                           */
/* -------------------------------------------------------- */
.price {
  background-image: none;
}

.price .df {
  align-items: flex-end;
}

.price img {
  max-width: 100%;
}

.as_price1 {
  top: -50px;
  right: -20px;
  z-index: -1;
}

.price .chaos {
  margin: 70px -120px 20px -240px;
  text-align: left;
}

.price .pic label img {
  cursor: pointer;
}

#dai a,
#sho a,
#tt_price4 a {
  width: 290px;
  height: 32px;
  bottom: 39px;
  right: 84px;
  border-radius: 8px;
}

#sho a,
#tt_price4 a {
  bottom: 7px;
}

#item0 h4 a {
  width: 198px;
  height: 46px;
  top: 52px;
  right: 225px;
  border-radius: 8px;
}

.price form {
  background: none;
  position: absolute;
  width: 600px;
  top: 20px;
  right: 200px;
}

.price .math1 form .b3,
.price .math1 form .b5,
.price .math1 form .a4,
.price .math2 form .b4,
.price .math2 form .b3,
.price .math2 form .a4,
.price .math3 form .b4,
.price .math3 form .b5,
.price .math3 form .a4,
.price .math4 form .b4,
.price .math4 form .b5,
.price .math4 form .b3 {
  display: none;
}

.price .price_box {
  /* bottom: 50px; */
  /* right: 360px; */
  top: 94px;
  left: 65px;
}

.price .math1 a .pa,
.price .math2 a .pa,
.price .math3 a .pa,
.price .math4 a .pa {
  bottom: 48px;
  right: 0px;
}

.price .ccpa {
  align-items: center;
  width: 90%;
  height: 70px;
  margin: auto;
  font-size: 13px;
}

.price .colors {
  text-align: left;
}

.price .colors::before {
  content: '色数';
  position: absolute;
  top: 16%;
  left: 43%;
  font-size: 16px;
}

.price .nobox div {
  text-align: left;
}

.price .whitebox label {
  display: inline-block;
  width: 5em;
  text-align: left;
}

.price .whitebox div,
.price .whitebox input[type="text"] {
  width: 170px;
  height: 22px;
  background: white;
  border: 1px solid;
  margin: 0 5px 1px;
  font-size: 1em;
  padding-right: 7px;
}

.price .whitebox div::before {
  content: '約';
  position: absolute;
  left: 86px;
  line-height: 20px;
  font-size: 18px;
}

.price .whitebox div::after {
  content: '円';
  position: absolute;
  right: 56px;
  line-height: 19px;
  font-size: 18px;
}

.price .hyde_price {
  display: none;
}

.price .pil p {
  font-size: 30px;
  position: absolute;
  top: 0;
}

.price .btn_box {
  bottom: 20px;
  right: 20px;
}

#item8 .fr a:last-child,
#item9 .fr a:last-child {
  display: none;
}

.price input.popforms,
.price .pop1,
.price .pop2,
.price .pop3,
.price .pop4 {
  display: none;
}

.price .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  top: 0;
  left: 0;
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
}

.price .pop {
  display: block;
  margin: auto;
}

.price .popup div {
  width: 980px;
  margin: auto;
}

.plus {
  top: 65px;
  right: calc(50% - 470px);
  position: absolute;
  z-index: 1;
}

.price .plusalfa {
  top: calc(50% - 195px);
}

.price .come {
  bottom: 73px;
  right: 220px;
}

.price .pop3 {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}

.price .cbtn_price {
  bottom: 90px;
  right: 100px;
}

/* -------------------------------------------------------- */
/*                        designtop                         */
/* -------------------------------------------------------- */

.designtop .dfc p {
  height: 50px;
  margin-left: 42px;
  text-align: left;
}

.designtop .ringmemo {
  margin: 15px -10px 15px 15px;
  padding-bottom: 40px;
}

.designtop .show_box:nth-of-type(-n+6) {
  margin-bottom: 30px;
}

.designtop .show_box img:hover {
  filter: brightness(1.1) opacity(.9);
}

.designtop .bd {
  border-top: 8px dotted #48070A;
  margin: 15px;
}

.designtop .tallh12m-200 {
  text-align: left;
  line-height: 1.2;
  margin-left: -200px;
}

.designtop .show_box .close {
  right: 0;
  left: 0;
  bottom: -150px;
  background: #BE252C;
  color: white;
  width: 80%;
  margin: 20px auto 0;
  cursor: pointer;
}

.designtop .pop_ds + .pop_ds {
  display: none;
}
  
.designtop .pop_ds {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 10px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.designtop .pop_ds div {
  width: 980px;
  height: 80vw;
  margin: 10px auto;
  background: white;
  padding: 10px 20px 120px 10px;
  border-radius: 10px;
}

/*2019.11.20*/
.designtop .show_box .close {
  top: 10px;
  right: calc(50% - 950px);
  left: inherit;
  width: 30px;
  background: white;
  z-index: 9999;
  /* width: 28px;
top: 3%;
left:47%;
background-color: white; */
}

.designtop .show_box .backside {
  transform: translate(-50%, -50%) rotateY(180deg);
  top: 50%;
  left: 50%;
  opacity: 0;
  max-width: 65vw;
  max-height: 65vw;
  position: fixed;
}

/* .designtop .show_box .frontside {
  transform: translate(-50%, -50%) rotateY(0deg);
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 65vw;
  max-height: 65vw;
  position: fixed;
} */
/* .designtop .show_box img.flag ,
.designtop .show_box .frontside:active {
  transform: translate(-50%, -50%) rotateY(180deg);
  transition: 1.5s;
  opacity: 0;
}
.designtop .show_box img.flag2 ,
.designtop .show_box .frontside:active + .backside {
  transform: translate(-50%, -50%) rotateY(0deg);
  transition: 1.5s;
  opacity: 1;
} */

.designtop .show_box .rcm_img {
  max-width: 25%;
  max-height: 250px;
  height: max-content;
}

.designtop .mt900 {
  margin-top: 900px;
}

.designtop .chaosbnr1 {
  bottom: 130px;
  right: 40px;
  width: 270px;
  height: 170px;
  border-radius: 80px 90px 50px 70px/ 40px 150px 50px 70px;
}

.designtop .chaosbnr2 {
  bottom: 180px;
  right: 40px;
  width: 250px;
  height: 160px;
  border-radius: 80px 90px 50px 60px/ 40px 80px 20px 50px;
}

.designtop .qed .pa {
  top: 8px;
  left: 116px;
}

.designtop .qed .chaoslinks1 {
  width: 503px;
  height: 30px;
  top: 104px;
  left: 136px;
}

.designtop .qed .chaoslinks1 a,
.designtop .qed .chaoslinks2 a,
.designtop .qed .chaoslinks3 a {
  height: 30px;
  border-radius: 15px;
}

.designtop .qed .chaoslinks2 {
  width: 310px;
  height: 30px;
  top: 140px;
  left: 137px;
}

.designtop .qed .chaoslinks3 {
  width: 377px;
  height: 30px;
  top: 134px;
  left: 136px;
}

.designtop .qed .pa p {
  font-size: 14px;
  text-align: left;
  margin-left: 16px;
}

.designtop .bd {
  border-top: 3px dashed #831B22;
  margin: 15px 0;
}

.faq_dt {
  font-size: 12px;
  text-align: left;
}

.faq_dt li {
  text-align: left;
}

.faq_dt li a {
  color: #48070A;
}

.aw_dt h3 {
  text-align: left;
  margin-left: 20px;
}

.aw_dt p {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 0 0 30px 10px;
  width: 735px;
}

.aw_dt .pa {
  bottom: -70px;
  right: -248px;
}

.webp .designtop .sm_dt {
  background-image: url(../images/asset/designtop/bg_dtsm.png.webp)
}

.no-webp .designtop .sm_dt {
  background-image: url(../images/asset/designtop/bg_dtsm.png)
}

.sm_dt .il_dt {
  top: 277px;
  right: 0px;
}

.sm_dt .il_dt p {
  color: white;
}

.srcm .pa {
  top: 170px;
  right: -16px;
}

.link_eigyou,
.link_designer {
  bottom: 787px;
  right: 18px;
  width: 170px;
  height: 80px;
  border-radius: 20px;
}

.link_designer {
  bottom: 42px;
}

.body-designtop .breadcrumbs {
  position: relative;
  z-index: 10;
}

.body-designtop .breadcrumbs p,
.body-designtop .breadcrumbs a {
  color: white;
}

.designtop {
  margin: -30px auto;
  padding: 0;
}

.designtop .chaoslabel_dt {
  bottom: 0;
  left: calc(50% - 480px);
  position: fixed;
  animation: flashAnime 3s ease-in-out infinite;
}

@keyframes flashAnime {
  0% {
    filter: opacity(.3) brightness(1);
  }

  20% {
    filter: opacity(.8) brightness(1.3);
  }

  40% {
    filter: opacity(1) brightness(1);
  }

  60% {
    filter: opacity(1) brightness(1.3);
  }

  80% {
    filter: opacity(.8) brightness(1);
  }

  100% {
    filter: opacity(.3) brightness(1);
  }
}

/* -------------------------------------------------------- */
/*                            dr                            */
/* -------------------------------------------------------- */
.dr .rbtnbox {
  width: 630px;
  top: 200px;
  right: 140px;
}

.dr .rbtnbox img:nth-child(n+4) {
  margin-top: 10px;
}

.dr .btn_box {
  bottom: 320px;
  right: 30px;
  width: 800px;
}

.dr .come_dr1 {
  right: -20px;
  bottom: 820px;
}

.dr .come_dr2 {
  right: -20px;
  bottom: 540px;
}

.dr .cc_dr {
  margin-bottom: 10px;
  height: fit-content;
}

.dr .btn_dr4 {
  top: 1123px;
  right: 83px;
}

.dr .btn_dr5 {
  top: 1991px;
  right: 243px;
}

.dr .btn_dr6 {
  top: 2668px;
  right: 61px;
}

.dr .cbnr_dr {
  width: 300px;
  height: 70px;
  top: 1421px;
  left: 50px;
}

.dr .box1 {
  bottom: 518px;
  right: 30px;
  width: 640px;
}

.dr .box2 {
  width: 640px;
  bottom: 333px;
  right: 27px;
}

.dr .box3 {
  width: 640px;
  bottom: 216px;
  right: 25px;
}

.dr .box4 {
  bottom: 10px;
  right: 30px;
  width: 730px;
}


.dr input.popforms,
.dr .pop5,
.dr .pop1,
.dr .pop2,
.dr .pop3,
.dr .pop4 {
  display: none;
}

.dr .popup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  top: 0;
  left: 0;
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
}

.dr .pop {
  display: block;
  margin: auto;
}

.dr .popup div {
  width: 980px;
  margin: auto;
}



/* -------------------------------------------------------- */
/*                        designsearch                        */
/* -------------------------------------------------------- */
.lboxs {
  background: white;
  width: 950px;
  margin: 20px auto;
}

.designsearch .lbox_ds {
  margin: -15px 0;
}

.lbox_ds ul {
  width: 240px;
}

.webp .lbox_ds li::before {
  content: url(../images/asset/tips/tips.png.webp);
  margin-right: 5px;
}

.no-webp .lbox_ds li::before {
  content: url(../images/asset/tips/tips.png);
  margin-right: 5px;
}

.designsearch .tal p,
.designsearch .tal li {
  text-align: left;
  margin-left: 30px;
}

.designsearch .br2s {
  border-right: 2px solid #48070A;
  height: 300px;
}

.lbox_ds_end {
  flex: .5;
  margin: 0 18px;
}

.designsearch .obi1 {
  background: white;
  margin: 0 15px;
  padding: 10px 0px;
}

.designsearch .obi1 h3 {
  background: white;
  border-bottom: 2px solid #48070A;
  border-left: 5px solid #48070A;
  margin: 0 25px;
  text-align: left;
  font-size: 24px;
  line-height: 40px;
  text-indent: 1em;
}

.designsearch .obi2 {
  background: seagreen;
  height: 70px;
  margin: 30px 15px;
}

.designsearch #c_nav {
  font-size: 30px;
  text-align: left;
  top: 14px;
  left: 40px;
  color: white;
  width: 900px;
}

.designsearch .show_box {
  width: 224px;
  height: 302px;
  background: white;
  box-sizing: border-box;
  margin: 4px 0 20px 0px;
  border-bottom: 1px solid black;
}

.designsearch .h_line {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #48070A;
}

.designsearch .h_line:last-of-type {
  border: none;
}

.designsearch .show_box .number_tl {
  bottom: 35px;
  right: 50%;
}

.designsearch .show_box .number_tl::before {
  content: '【No.】';
  color: #C41A1F;
}

.designsearch .show_container {
  background: white;
  margin: 30px 15px;
  padding: 20px 22px;
}

.designsearch .show_box .more {
  right: 0;
  left: 0;
  background: #BE252C;
  color: white;
  width: 80%;
  margin: 20px auto 0;
  cursor: pointer;
  bottom: 8px;
  position: absolute;
}

.designsearch .show_box .more:hover {
  background: hsl(357, 70%, 57%);
}

.designsearch .show_box .close {
  z-index: 2;
  position: fixed;
  width: 10%;
  bottom: 10px;
}

.designsearch .show_box .backside {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  opacity: 0;
  position: fixed;
  transition: 1.5s;
}

/* .designsearch .show_box .frontside {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: fixed;
  transition: 1.5s;
} */
.designsearch .show_box .flag {
  transform: translate(-50%, -50%);
  transition: 1.5s;
  opacity: 1;
  transition: 1.5s;
}

.designsearch .pop_ds,
.templist .pop_ds {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 10px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.designsearch .show_box .close,
.designexample .show_box .close,
.templist .show_box .close {
  top: 30px;
  right: calc(50% - 488px);
  width: 30px;
  background: white;
}

/* -------------------------------------------------------- */
/*                       designexample                      */
/* -------------------------------------------------------- */
.designexample .sm_de h4 {
  background: #48070A;
  font-size: 16px;
  color: white;
  line-height: 2;
  font-weight: bold;
}

.designexample .sm_de ul {
  border: 2px solid #48070A;
  background: ivory;
}

.designexample .sm_de a {
  font-weight: bold;
  color: #48070A;
}

.designexample .sm_de li {
  border-bottom: 1px solid;
  margin: 10px;
  line-height: 2;
  position: relative;
  text-align: left;
  padding-left: 10px;
}

.designexample .sm_de .list_c li {
  border-bottom: none;
  margin: 8px;
  padding: 0;
}

.designexample .sm_de li:last-child {
  border-bottom: none;
}

.designexample #c_nav {
  font-size: 30px;
  top: 6px;
  left: 40px;
  color: #48070A;
}

.designexample #c_nav::before {
  content: '◆';
}

.designexample .de_list span {
  float: right;
}

.designexample .de_list span::before {
  content: '(';
}

.designexample .de_list span::after {
  content: ')';
}

.designexample .refill,
.designexample .show_box {
  width: 224px;
  height: 400px;
  background: white;
  box-sizing: border-box;
  margin: 10px 10px 10px 0px;
  align-items: center;
}

.designexample .show_box {
  margin-right: 18px;
}

.designexample .show_box .number_tl {
  top: 0;
  left: 0;
  background: #C41A1F;
  color: white;
  padding: 3px;
  z-index: 10;
}

.designexample .show_box .list_pic,
.designexample .show_box .frip {
  max-width: 100%;
  max-height: 300px;
  margin: -45px 0px 45px;
}

.webp .designexample .wd1::after {
  content: url(../images/asset/designexample/er_de6.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd1::after {
  content: url(../images/asset/designexample/er_de6.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd2::after {
  content: url(../images/asset/designexample/er_de7.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd2::after {
  content: url(../images/asset/designexample/er_de7.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd3::after {
  content: url(../images/asset/designexample/er_de4.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd3::after {
  content: url(../images/asset/designexample/er_de4.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd4::after {
  content: url(../images/asset/designexample/er_de8.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd4::after {
  content: url(../images/asset/designexample/er_de8.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd5::after {
  content: url(../images/asset/designexample/er_de5.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd5::after {
  content: url(../images/asset/designexample/er_de5.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd6::after {
  content: url(../images/asset/designexample/er_de2.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd6::after {
  content: url(../images/asset/designexample/er_de2.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd7::after {
  content: url(../images/asset/designexample/er_de1.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd7::after {
  content: url(../images/asset/designexample/er_de1.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.webp .designexample .wd8::after {
  content: url(../images/asset/designexample/er_de3.png.webp);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.no-webp .designexample .wd8::after {
  content: url(../images/asset/designexample/er_de3.png);
  position: absolute;
  bottom: 60px;
  right: 5px;
}

.designexample .show_box .more

/* ,.designexample .show_box .close  */
  {
  right: 0;
  left: 0;
  bottom: 10px;
  background: #BE252C;
  color: white;
  width: 80%;
  margin: 20px auto 0;
  cursor: pointer;
}

.designexample .pop_ds {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 10px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}


.designexample .pop_ds div {
  width: 980px;
  height: 80vw;
  margin: 10px auto;
  background: white;
  padding: 10px 20px 120px 10px;
  border-radius: 10px;
}

/* .designexample .show_box .close {
  z-index: 2;
  width: 10%;
} */
/* < > hover */
.designexample .show_box .df.pa,
.designtop .show_box .df.pa,
.designsearch .show_box .df.pa,
.templist .show_box .df.pa {
  filter: brightness(0.9);
}

.designexample .show_box .backside,
.designtop .show_box .backside,
.designsearch .show_box .backside,
.templist .show_box .backside {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  opacity: 0;
  max-width: 65vw;
  max-height: 65vw;
  position: fixed;
  transition: 1.5s;
}
.designexample .show_box .flag2 + .backside {
  opacity: 1;
}
.templist .show_box .backside {
  max-width: 750px;
  max-height: 750px;
}



.designexample .show_box img.flag,
.designtop .show_box img.flag,
.designsearch .show_box img.flag,
.templist .show_box img.flag {
  transform: translate(-50%, -50%);
  transition: 1.5s;
  opacity: 0;
}

.designexample .show_box img.flag2,
.designtop .show_box img.flag2,
.designsearch .show_box img.flag2,
.templist .show_box img.flag2 {
  transform: translate(-50%, -50%);
  transition: 1.5s;
  opacity: 1;
}

.designexample .show_box .frip,
.designtop .show_box .frip,
.designsearch .show_box .frip,
.templist .show_box .frip {
  transition: 1.5s;
  opacity: 0;
}

.designexample .show_box img.flag3,
.designtop .show_box img.flag3,
.designsearch .show_box img.flag3,
.templist .show_box img.flag3 {
  transition: 1.5s;
  opacity: 0;
}
.designexample .show_box img.flag3 ~ img,
.templist .show_box img.flag3 ~ img,
.designexample .show_box img.flag4,
.designtop .show_box img.flag4,
.designsearch .show_box img.flag4,
.templist .show_box img.flag4 {
  transition: 1.5s;
  opacity: 1;
}

.migraine {
  width: 21px;
  height: 52px;
  top: 459px;
  left: calc(50% - 220px);
  z-index: 1;
}

.designexample .show_box .rcm_img {
  max-width: 25%;
  max-height: 250px;
  height: max-content;
}

.designexample .mt900 {
  margin-top: 900px;
}

.designexample .chaosbnr {
  bottom: 65px;
  right: 150px;
  width: 800px;
  height: 210px;
  justify-content: flex-end;
}

.frontside,
.backside,
.list_pic,
.frip {
  transition: 1.5s;
}

/* -------------------------------------------------------- */
/*                         template                         */
/* -------------------------------------------------------- */
.template .at {
  margin: -10px 50px 0 0;
  font-size: 13px;
}

.template .wtbox1 {
  width: 800px;
  margin: auto;
}

.template .wtbox2 {
  width: 730px;
  margin: auto;
}

.template .gobtn_tp2 {
  bottom: 10px;
  right: 48px;
}

.template .obtn_tp3 {
  top: 110px;
  right: 10px;
}

.template .gbtn_tp3 {
  bottom: 400px;
  right: 210px;
}

.template .rbtn_tp1 {
  bottom: 0;
  right: 10px;
}

.template .chaoslink {
  top: 0;
  right: 20px;
  width: 108px;
  height: 90px;
  border-radius: 56px 65px 90px 100px;
}

.template .at2 {
  font-size: 12px;
  text-align: left;
  margin: 0 20px;
}

.template .mbbox .pa {
  bottom: 0;
  right: 0;
}

.template .mbbox .pa p {
  text-align: left;
  margin: 8px;
}

.template .cbb {
  width: 800px;
  margin-left: 90px;
}

.op65:hover {
  opacity: .65;
}

/* -------------------------------------------------------- */
/*                         templist                         */
/* -------------------------------------------------------- */
.templist .sm_tl h4 {
  background: #48070A;
  font-size: 16px;
  color: white;
  line-height: 2;
  font-weight: bold;
}

.templist .sm_tl ul {
  border: 2px solid #48070A;
  background: ivory;
}

.templist .sm_tl a {
  font-weight: bold;
  color: #48070A;
}

.templist .sm_tl li {
  border-bottom: 1px solid;
  margin: 10px;
  line-height: 2;
  position: relative;
  text-align: left;
  padding-left: 10px;
}

.templist .sm_tl li:last-child {
  border-bottom: none;
}

.templist #c_nav {
  font-size: 30px;
  top: 6px;
  left: 40px;
  color: #48070A;
}

.templist #c_nav::before {
  content: '◆';
}

.templist .temp_list span {
  float: right;
}

.templist .temp_list span::before {
  content: '(';
}

.templist .temp_list span::after {
  content: ')';
}


.templist .show_box {
  width: 212px;
  height: 279px;
  background: white;
  box-sizing: border-box;
  margin: 4px 0 0 4px;
}

.templist .show_box .number_tl {
  top: 0;
  background: #C41A1F;
  color: white;
  padding: 3px;
  z-index: 10;
}

.templist .show_box .backside {
  top: 450px;
  left: 50%;
}

.templist .show_box img.more {
  max-width: 80%;
  max-height: 200px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 59px;
  margin: auto;
  z-index: 2;
}

.templist .show_box .dlbtn {
  background: #48070A;
  color: white;
  border-radius: 8px;
  margin: 0px 20px;
  font-size: 12px;
  bottom: 10px;
  left: 0;
  right: 0;
}

.templist .show_box img.ura {
  top: 110px;
  left: unset;
  right: unset;
  bottom: unset;
}

.templist .fbtn_tl1 {
  top: 470px;
  left: 70px;
}

/* -------------------------------------------------------- */
/*                          knack                           */
/* -------------------------------------------------------- */

.knack .akamaru {
  margin-top: -15px;
}

.knack .ringmemo {
  padding-bottom: 40px;
}

.knack .faq_knack div {
  margin-bottom: 10px;
}

.btn_knack1,
.btn_knack2,
.btn_knack3 {
  left: 20px;
  bottom: 20px;
}

.btn_knack45,
.btn_knack6,
.btn_knack7 {
  right: 20px;
  bottom: 20px;
}

.btn_knack45 {
  display: grid;
  bottom: 40px;
}

.btn_knack8 {
  left: 100px;
  bottom: 30px;
}

.knack .bnr_box {
  width: 800px;
}

.knack .sns_box a {
  margin: 0 5px;
}

/* -------------------------------------------------------- */
/*                         harigami                         */
/* -------------------------------------------------------- */
.body-harigami .breadcrumbs {
  position: relative;
}

.body-harigami .breadcrumbs p {
  color: white;
  margin: 12px 10px -60px;
  line-height: 3;
}

.body-harigami .breadcrumbs a {
  color: white;
}

main.harigami {
  margin-top: 0;
  padding-top: 0;
}

.harigami .ml280 {
  margin-left: 280px;
}

.harigami .btn_hg1 {
  bottom: 35px;
  right: 140px;
}

.harigami .obtn_box {
  width: 630px;
  bottom: 30px;
  right: 170px;
}

/* -------------------------------------------------------- */
/*                          goods                           */
/* -------------------------------------------------------- */
.goods .tbox_goods p {
  top: 105px;
  right: 30px;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}

.goods .sns {
  width: 100%;
}

.goods .goods_all p {
  top: 180px;
  justify-content: flex-start;
  margin-left: 5px;
}

.goods .goods_all span {
  width: 120px;
  height: 140px;
  font-size: 12px;
  margin-left: 13px;
  text-align: center;
  font-feature-settings: "palt";
}

.goods .goods_wide span {
  width: 126px;
}

.goods .goods_wide span:nth-child(n+19) {
  width: 106px;
}

.goods .cb_gd {
  bottom: 24px;
  right: 12px;
}

.goods .come_gd3 {
  bottom: 35px;
  right: 80px;
}

.goods .pr {
  margin-top: 15px;
}

/* -------------------------------------------------------- */
/*                            cv                            */
/* -------------------------------------------------------- */
.cv .bbtn_box {
  justify-content: center;
}

.cv .reason {
  top: 80px;
  margin: 0 16px;
}

.cv .reason p {
  text-align: left;
  font-size: 13px;
  font-feature-settings: 'palt';
  line-height: 2;
}

.cv .reason .rtext1 {
  margin: 0 15px;
  width: 290px;
  padding: 15px 0;
}

.cv .reason .rtext2 {
  margin: 65px 15px 0;
}

.cv .reason .rtext3 {
  margin: 0 15px;
  width: 270px;
  padding: 15px 0 0;
}

.cv .reason .rtext4 {
  margin: 0 15px;
}

.cv .reason .rtext5 {
  margin: 0 15px;
  padding: 15px 0 0;
}

.cv .reason .rtext6 {
  margin: 80px 7px 0 12px;
}

.cv .reason .rtext7 {
  margin: 0 15px;
  padding: 15px 0 0;
}

.cv .reason .rtext8 {
  margin: 30px 0 0 16px;
  padding: 15px 0 0;
}

.cv .reason .rtext9 {
  margin: 115px 14px 0;
}

.cv .reason .rtext10 {
  margin: 0 14px;
  padding: 15px 0 0;
}

.cv .reason .rtext10-2 {
  margin: 50px 0 0 154px;
}

.cv .reason .rtext11 {
  margin: 0 15px;
  padding: 30px 0 0;
}

.cv .reason .rtext12 {
  margin: 120px 15px 0;
}

.cv .reason .rtext13 {
  margin: 0 15px;
  padding: 30px 0 0;
}

.cv .reason .rtext14 {
  margin: 80px 15px 0;
}

.cv .voice {
  position: absolute;
  z-index: 10;
  width: 760px;
  top: 10px;
  right: 35px;
}

.cv .voice p {
  text-align: left;
  font-size: 12px;
  margin: 4px 10px;
  line-height: 1.55;
}

.cv .flex3 p,
.cv .flex4_2 p {
  flex: 1;
}

.cv .flex2 p:nth-child(1) {
  flex: 5;
}

.cv .flex2 p:nth-child(2) {
  flex: 4;
}

.cv .flex2 p:nth-child(3) {
  flex: 2.7;
}

.cv .flex4_1 p:nth-child(1) {
  flex: 23;
}

.cv .flex4_1 p:nth-child(2) {
  flex: 27;
}

.cv .flex4_1 p:nth-child(3) {
  flex: 18;
}

.cv .flex4_1 p:nth-child(4) {
  flex: 20;
}

.bbtn_box div {
  display: grid;
}

.bbtn_box a {
  background: #003278;
  border-radius: 10px;
  height: fit-content;
  margin: 3px;
  padding: 3px;
}

.bbtn_box p {
  background: #003278;
  color: white;
  padding: 15px;
  border: 1px solid white;
  border-radius: 10px;
  font-size: 36px;
  width: 180px;
}

.bbtn_box div p {
  font-size: 22px;
  padding: 0px;
}

.cv .recommend_btn a {
  margin: 7px;
}

/* -------------------------------------------------------- */
/*                            pi                            */
/* -------------------------------------------------------- */
.pi .mb30 {
  margin-bottom: 30px;
}

.pi .sns {
  bottom: 190px;
  right: 0px;
  width: 630px;
  justify-content: flex-start;
}

.pi .sns a,
.pi .sns img {
  width: 180px;
  margin: 0 5px;
}

.pi .bnr {
  bottom: 40px;
}

.pi .lfbtn_pi1 {
  bottom: 29px;
  right: 58px;
}

.pi .lfbtn_pi2 {
  bottom: 40px;
  right: 200px;
}

#sns2man .sns {
  width: 190px;
  bottom: 70px;
  right: 80px;
}


/* -------------------------------------------------------- */
/*                          guide                           */
/* -------------------------------------------------------- */
.guide .bg_chaos {
  background: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .0) calc(50% - 90px), #48070A calc(50% - 90px), #48070A 100%);
  padding-bottom: 5px;
}

.webp .guide .bg_guide {
  background: url(../images/asset/guide/bg_guide.png.webp) no-repeat;
}

.no-webp .guide .bg_guide {
  background: url(../images/asset/guide/bg_guide.png) no-repeat;
}

.guide .bgbtn {
  bottom: -3px;
  right: 325px;
  width: 180px;
}

.guide .btn_box1 {
  top: 190px;
  right: 80px;
}

.guide .btn_box2 {
  top: 445px;
  right: 90px;
}

.guide .btn_box3 {
  bottom: 597px;
  left: 98px;
}

.guide .btn_box4 {
  bottom: 597px;
  right: 98px;
}

.guide .btn_box5 {
  bottom: 320px;
  right: 76px;
}

.guide .btn_box6 {
  bottom: 53px;
  left: 107px;
}

.guide .btn_box7 {
  bottom: 56px;
  right: 20px;
  width: 200px;
}

.guide .gd_chaos1 {
  width: 175px;
  height: 40px;
  bottom: 534px;
  left: 101px;
}

.guide .gd_chaos2 {
  width: 235px;
  height: 20px;
  bottom: 535px;
  right: 169px;
}

.sm_guide {
  width: 216px;
  margin-top: 90px;
  padding-right: 30px;
}

.sm_guide .tbox1,
.sm_guide .tbox2,
.sm_guide .tbox3 {
  top: 0px;
  right: 10px;
  font-size: 12px;
  line-height: 1.2;
  width: 130px;
  text-align: left;
  margin: 8px;
}

.sm_guide .tbox2 {
  top: 281px;
  width: 170px;
}

.sm_guide .tbox2 span {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}

.sm_guide .tbox3 {
  top: 488px;
}

.guide .movie.df {
  flex-direction: row;
  flex-wrap: wrap;
}

.guide .movie .df {
  width: 100%;
}

.guide .movie .df>a {
  flex: 1;
}

.guide .tv {
  /* width: 500px;
  margin-left: 10px; */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.guide .tv h2 {
  width: 500px;
}

.guide .tv_box a {
  margin: 5px;
}

.guide .tv img {
  max-width: 100%;
}

.webp .guide .ceo p {
  background: url(../images/asset/guide/ceo_link.png.webp) no-repeat;
  width: 490px;
  height: 80px;
  padding: 15px 0 15px 77px;
  font-size: 15px;
  line-height: 23px;
  margin-top: -10px;
}

.no-webp .guide .ceo p {
  background: url(../images/asset/guide/ceo_link.png) no-repeat;
  width: 490px;
  height: 80px;
  padding: 15px 0 15px 77px;
  font-size: 15px;
  line-height: 23px;
  margin-top: -10px;
}

.guide .hyde_guide {
  display: none;
}

/* -------------------------------------------------------- */
/*                         company                          */
/* -------------------------------------------------------- */

.webp .company {
  background: url(../images/asset/company/bg_cp1.png.webp) no-repeat;
}

.no-webp .company {
  background: url(../images/asset/company/bg_cp1.png) no-repeat;
}

.bg_cp1 {
  padding-top: 150px;
}

.as_cp1 {
  margin-top: 100px;
}

.as_cp1 .tbox_cp {
  top: 670px;
  right: 170px;
}

.as_cp1 p {
  width: 300px;
  text-align: left;
  margin: 70px auto;
}

.deg {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.asbox_cp {
  top: 750px;
  z-index: 100;
}

.as_cp2 {
  left: 1px;
  clip-path: polygon(40% 0%, 100% 50%, 40% 100%, 0% 67%, 0% 33%);
}

.as_cp3 {
  top: 172px;
  right: -980px;
  clip-path: polygon(62% 0%, 100% 30%, 100% 70%, 62% 100%, 0% 50%);
}

.as_cp4 {
  top: 385px;
  right: -794px;
}

.as_cp4-1 {
  top: 543px;
  right: -593px;
}

.as_cp4-2 {
  top: 657px;
  right: -480px;
}

.as_cp5 {
  top: 543px;
  right: -849px;
}

.as_cp6 {
  top: 596px;
  right: -797px;
}

.as_cp7 {
  top: 649px;
  right: -744px;
}

.table_cp img {
  margin-top: -290px;
  margin-left: -491px;
}

.table_cp .pa {
  top: -70px;
  left: 490px;
  color: #004C91;
  font-weight: bold;
}

.table_cp .pa td {
  text-align: left;
  line-height: 2;
}

.table_cp .pa td:nth-child(odd) {
  width: 100px;
  vertical-align: baseline;
  text-align-last: justify;
  padding-right: 20px;
}

.table_cp .pa td p {
  text-align: left;
  color: #004C91;
  font-family: initial;
}

.table_cp .pa td a {
  text-decoration: underline;
  color: #004C91;
}

.webp .bg_cp2 {
  background: url(../images/asset/company/bg_cp2_2022.png) no-repeat;
  width: 980px;
  height: 1700px;
  margin-top: -375px;
  margin-bottom: -330px;
}

.no-webp .bg_cp2 {
  background: url(../images/asset/company/bg_cp2.png) no-repeat;
  width: 980px;
  height: 1700px;
  margin-top: -450px;
  margin-bottom: -330px;
}

.webp .bg_cp3 {
  background: url(../images/asset/company/bg_cp3.png.webp) no-repeat;
  width: 980px;
  height: 2800px;
  margin-bottom: -1400px;
}

.no-webp .bg_cp3 {
  background: url(../images/asset/company/bg_cp3.png) no-repeat;
  width: 980px;
  height: 2800px;
  margin-bottom: -1400px;
}

.as_cp9 {
  right: 0px;
  bottom: 1358px;
}

.as_cp12 {
  left: 0px;
  bottom: 150px;
}

.goods .sns::after,
.guide .sns::after,
.company .sns::after {
  content: "";
  display: block;
  width: 30%;
}

.company .pp,
.company .law {
  color: #004C91;
  font-size: 32px;
  text-align: left;
  margin: 0px 0 -30px 40px;
  padding-top: 30px;
}

.company .law {
  margin-top: -10px;
}

.company iframe {
  width: 900px;
  height: 220px;
  margin: 30px 0;
}

/* -------------------------------------------------------- */
/*                            er                            */
/* -------------------------------------------------------- */
.webp .er {
  background: url(../images/asset/company/bg_cp3.png.webp) no-repeat;
}

.no-webp .er {
  background: url(../images/asset/company/bg_cp3.png) no-repeat;
}

.eigyoubu_box,
.designer_box {
  width: 800px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
}

.eigyoubu_box p,
.designer_box p {
  position: absolute;
  bottom: 5px;
  left: 10px;
  line-height: 1.2;
  color: darkslategrey;
  font-weight: bold;
}

.eigyoubu_box a,
.designer_box a {
  color: gray;
}

.eigyoubu_box .tokyo a:hover {
  color: red;
}

.eigyoubu_box .oosaka a:hover {
  color: blue;
}

.eigyoubu {
  width: 250px;
  height: 175px;
  margin: 12px 0;
  position: relative;
}

.webp .eigyoubu_box div:nth-of-type(1) {
  /* background: url(../images/asset/er/et_er1.png.webp); */
  background: url(../images/asset/er/et_er1.png);
}

.no-webp .eigyoubu_box div:nth-of-type(1) {
  background: url(../images/asset/er/et_er1.png);
}

.webp .eigyoubu_box div:nth-of-type(2) {
  /* background: url(../images/asset/er/et_er2.png.webp); */
  background: url(../images/asset/er/et_er2.png);
}

.no-webp .eigyoubu_box div:nth-of-type(2) {
  background: url(../images/asset/er/et_er2.png);
}

.webp .eigyoubu_box div:nth-of-type(3) {
  /* background: url(../images/asset/er/eo_er1.png.webp); */
  background: url(../images/asset/er/et_er5.png);
}

.no-webp .eigyoubu_box div:nth-of-type(3) {
  background: url(../images/asset/er/eo_er1.png);
}

.webp .eigyoubu_box div:nth-of-type(4) {
  /* background: url(../images/asset/er/eo_er2.png.webp); */
  background: url(../images/asset/er/et_er6.png);
}

.no-webp .eigyoubu_box div:nth-of-type(4) {
  background: url(../images/asset/er/eo_er2.png);
}

.webp .eigyoubu_box div:nth-of-type(5) {
  /* background: url(../images/asset/er/eo_er3.png.webp); */
  background: url(../images/asset/er/eo_er1.png);
}

.no-webp .eigyoubu_box div:nth-of-type(5) {
  background: url(../images/asset/er/eo_er3.png);
}

.webp .eigyoubu_box div:nth-of-type(6) {
  background: url(../images/asset/er/eo_er2.png);
  /* background: url(../images/asset/er/eo_er4.png.webp); */
}

.no-webp .eigyoubu_box div:nth-of-type(6) {
  background: url(../images/asset/er/eo_er4.png);
}

.webp .eigyoubu_box div:nth-of-type(7) {
  /* background: url(../images/asset/er/eo_er5.png.webp); */
  background: url(../images/asset/er/eo_er3.png);
}

.no-webp .eigyoubu_box div:nth-of-type(7) {
  background: url(../images/asset/er/eo_er5.png);
}

.eigyoubu_box div:nth-of-type(7) {
  background: url(../images/asset/er/eo_er3.png);
}

.eigyoubu_box div:nth-of-type(8) {
  background: url(../images/asset/er/eo_er4.png);
}

.eigyoubu_box div:nth-of-type(9) {
  background: url(../images/asset/er/eo_er5.png);
}

/* .webp .eigyoubu_box div:nth-of-type(8) {
  background: url(../images/asset/er/comson.png.webp);
}

.no-webp .eigyoubu_box div:nth-of-type(8) {
  background: url(../images/asset/er/comson.png);
} */

.designer {
  width: 380px;
  height: 165px;
  margin: 12px 0;
  position: relative;
}

.webp .designer_box div:nth-of-type(1) {
  /* background: url(../images/asset/er/dt_er1.png.webp); */
    background: url(../images/asset/er/dt_er1.png);
}

.no-webp .designer_box div:nth-of-type(1) {
  background: url(../images/asset/er/dt_er1.png);
}

.webp .designer_box div:nth-of-type(2) {
  /* background: url(../images/asset/er/dt_er2.png.webp); */
    background: url(../images/asset/er/dt_er2.png);
}

.no-webp .designer_box div:nth-of-type(2) {
  background: url(../images/asset/er/dt_er2.png);
}

.webp .designer_box div:nth-of-type(3) {
  background: url(../images/asset/er/dt_er3.png.webp);
}

.no-webp .designer_box div:nth-of-type(3) {
  background: url(../images/asset/er/dt_er3.png);
}

.webp .designer_box div:nth-of-type(4) {
  background: url(../images/asset/er/do_er1.png.webp);
}

.no-webp .designer_box div:nth-of-type(4) {
  background: url(../images/asset/er/do_er1.png);
}

.webp .designer_box div:nth-of-type(5) {
  background: url(../images/asset/er/do_er2.png.webp);
}

.no-webp .designer_box div:nth-of-type(5) {
  background: url(../images/asset/er/do_er2.png);
}

/* .webp .designer_box div:nth-of-type(6) {
  background: url(../images/asset/er/do_er3.png.webp);
}

.no-webp .designer_box div:nth-of-type(6) {
  background: url(../images/asset/er/do_er3.png);
}

.webp .designer_box div:nth-of-type(7) {
  background: url(../images/asset/er/do_er4.png.webp);
}

.no-webp .designer_box div:nth-of-type(7) {
  background: url(../images/asset/er/do_er4.png);
} */

.designer_box div:nth-of-type(6) {
  background: url(../images/asset/er/do_er4.png);
}

.designer img {
  position: absolute;
  top: -20px;
  left: -20px;
}

.designer_box p {
  left: 60px;
}

.er .nulllink {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  right: 97px;
}

.er .btn_box {
  justify-content: center;
}

.er .btn_box img {
  margin: 10px;
}

/* -------------------------------------------------------- */
/*                           ajo                            */
/* -------------------------------------------------------- */
.ajo {
  background-image: none;
}

.ajo .click_ajo1 {
  bottom: 0;
  right: 70px;
}

.ajo .mt15fit {
  margin-top: 15px;
  height: fit-content;
}

.ajo .click_ajo2 {
  top: 14px;
  right: 40px;
}

.ajo .mt10 {
  margin-top: 10px;
}

/* 募集 on off*/
.ajo_now {
  height: 166px;
}

.ajo_now .df {
  justify-content: start;
}

.ajo_now>.pr {
  width: 177px;
  margin: 0 10px 0 0;
}

.ajo_now div a {
  top: 80px;
  left: 16px;
  width: 68px;
  height: 31px;
  display: block;
  border-radius: 4px;
}

.webp .ajo_now div a.on:hover {
  background-image: url(/wp-content/themes/Sendenkan/images/asset/ajo/ajo_fire.png.webp);
  background-position-y: top;
}

.no-webp .ajo_now div a.on:hover {
  background-image: url(/wp-content/themes/Sendenkan/images/asset/ajo/ajo_fire.png);
  background-position-y: top;
}

.ajo_now div a.on:hover {
  background-position-y: bottom;
}

.ajo_now div a.off {
  background: rgba(17, 17, 17, 0.4);
}

/* 募集 on off */






@keyframes ajoAnime {
  0% {
    filter: opacity(.3) contrast(1) brightness(1);
  }

  20% {
    filter: opacity(.8) contrast(1) brightness(1.3);
  }

  40% {
    filter: opacity(1) contrast(1) brightness(1);
  }

  60% {
    filter: opacity(1) contrast(1) brightness(1.3);
  }

  80% {
    filter: opacity(.8) contrast(1) brightness(1);
  }

  100% {
    filter: opacity(.3) contrast(1) brightness(1);
  }
}

.ajo .maplink {
  width: 90px;
  height: 35px;
  bottom: 28px;
  right: 288px;
}

.ajo .no_ajo2,
.ajo .ajo_fire2 {
  bottom: 40px;
  right: 30px
}

.hyde_noajo {
  display: none;
}

.ajo .gbtn_ajo1 {
  bottom: 65px;
  left: 535px;
}

.ajo .btn_box {
  width: 630px;
  margin: 30px auto 0;
}

#ajo_switch {
  /* display: none; */
}

/* -------------------------------------------------------- */
/*                           form                           */
/* -------------------------------------------------------- */
label {
  cursor: pointer;
}

.form h2 {
  margin: 30px;
}

.form h3 {
  font-size: 24px;
  text-align: left;
  padding: 10px 20px 0;
  background: #420806;
  color: white;
}

.form {
  background: rgb(240, 120, 0, .4);
  padding: 30px;
}

.webp .fmbtn_box {
  background: url(../images/asset/form/bks.png.webp) no-repeat;
  height: 374px;
  position: relative;
}

.no-webp .fmbtn_box {
  background: url(../images/asset/form/bks.png) no-repeat;
  height: 374px;
  position: relative;
}

.fmbtn_box label {
  background: none;
}

.fmbtn_box label .gs1 {
  /* margin: 0px 2px 4px 5px; */
  float: left;
  /**/
}

.fmbtn_box input {
  display: none;
}

.fmbtn_box input:checked+.gs1 {
  opacity: 1;
}

.fmbtn_box .gray {
  opacity: 0;
}

.fmbtn_box .gray:hover {
  background-position-y: -140px;
  opacity: 1;
}

.fmbtn_box label:nth-of-type(3) .gray:hover {
  background-position-y: -141px;
}

.fmbtn_box_dx label:nth-of-type(1) .gs1:hover,
.fmbtn_box_dx label:nth-of-type(2) .gs1:hover {
  background-position-y: -47px;
  opacity: 1;
}


.fmbtn_box .gray:active {
  opacity: 1;
}

.webp .fmbtn_box2 {
  background: url(../images/asset/form/bks2_v3.png.webp) no-repeat;
  background-position-x: center;
  overflow: hidden;
}

.no-webp .fmbtn_box2 {
  background: url(../images/asset/form/bks2_v3.png) no-repeat;
  background-position-x: center;
  overflow: hidden;
}

.fmbtn_box2 label {
  background: none;
}

.fmbtn_box2 label .gs1 {
  margin: 0px 2px 4px 5px;
}

.fmbtn_box2 input {
  opacity: 0;
  height: 0;
  position: absolute;
}

.fmbtn_box2 input:checked+div.gs2 {
  opacity: 1;
}

.fmbtn_box2 .gs2 {
  opacity: 0;
}

.fmbtn_box2 .gs2:hover {
  opacity: 1
}

.fmbtn_box2 label:nth-of-type(1) .gs2:hover {
  background-position-y: -190px;
}

.fmbtn_box2 label:not(:nth-of-type(1)) .gs2:hover {
  background-position-y: -91px;
}


.fmbtn_box2 .gs2:active {
  opacity: .6
}


form {
  background: ivory;
  padding: 0 10px;
}

.form form {
  padding: 19px 10px 40px;
  border: 3px solid #48070A;
}

form .record {
  justify-content: flex-start;
  margin: 0 10px;
}

left {
  flex: 1;
  background: silver;
  border: 1px solid #48070A;
  border-top: none;
}

right {
  flex: 3;
  border: 1px solid #48070A;
  border-left: none;
  border-top: none;
  text-align: left;
  padding-left: 10px;
}

.hyde {
  display: none !important;
  transition: .5s;
}

.contact_form td {
  line-height: 1.8;
}

.contact_form .w920 {
  width: 920px;
}

.contact_form .w820 {
  width: 820px;
}

.contact_form .w750 {
  width: 750px;
}

.contact_form .w377 {
  width: 377px;
}

.contact_form .w283 {
  width: 283px;
}

.contact_form .w196 {
  width: 196px;
}

.contact_form .w155 {
  width: 155px;
}

.contact_form .h55 {
  height: 55px;
}

.contact_form .h54 {
  height: 54px;
}

.contact_form .h40 {
  height: 40px;
}

.contact_form .h20 {
  height: 20px;
}

.contact_form .fz40 {
  font-size: 40px;
}

.contact_form .fz21 {
  font-size: 21px;
}

.contact_form .fz20 {
  font-size: 20px;
}

.contact_form .fz16 {
  font-size: 16px;
}

.contact_form .fz17 {
  font-size: 17px;
}

.contact_form .fz14 {
  font-size: 14px;
}

.contact_form .fz15 {
  font-size: 15px;
}

.contact_form .lh50 {
  line-height: 50px;
}

.contact_form .lh31 {
  line-height: 31px;
}

.contact_form .lh30 {
  line-height: 30px;
}

.contact_form .lh28 {
  line-height: 28px;
}

.contact_form .lh25 {
  line-height: 25px;
}

.contact_form .lh22 {
  line-height: 22px;
}

.contact_form .lh20 {
  line-height: 20px;
}

.contact_form .lh19 {
  line-height: 19px;
}

.contact_form .cC41A1F {
  color: #C41A1F;
}

.contact_form .c3F0606 {
  color: #3F0606;
}

.contact_form .cwhite {
  color: white;
}

.contact_form .bg48070A {
  background: #48070A;
}

.contact_form .bgC41A1F {
  background: #C41A1F;
}

.contact_form .bgDF7502 {
  background: #DF7502;
}


/* -------------------------------------------------------- */
/*                         sitemap                          */
/* -------------------------------------------------------- */
body .sitemap {
  background: none;
}

.sitemap h2 {
  margin-bottom: 50px;
}

.sml_box {
  width: 480px;
  margin-bottom: 30px;
}

.sml_box h3 {
  background: #420806;
  padding: 10px 0 5px;
  text-align: left;
  height: 63px;
}

.sml_box h4 {
  text-align: left;
  font-size: 28px;
  color: #420806;
  font-weight: bold;
  margin: 15px 0 -15px;
}

.sml_box li,
.sml_box p {
  text-align: left;
}

.sml_box li {
  font-size: 24px;
  margin-top: 15px;
}

.sml_box li a {
  color: #420806;
  text-decoration: underline;
  font-weight: bold;
}

.sml_box li p {
  font-size: 16px;
  line-height: 1;
  margin-top: 5px;
  font-weight: bold;
}

.sitemap .ti {
  text-indent: 1em;
}

.sitemap .cha_sm {
  margin-top: 160px;
}

#popup_smile {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(65, 65, 65, 0.65);
  z-index: 10003;
  overflow: auto;
  padding: 50px 0 0 20px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

#popup_smile.pop {
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
}

#popup_smile div {
  width: 980px;
  margin: auto;
}

#popup_smile .list_smile {
  top: 5px;
  right: 70px;
  width: 210px;
  height: 165px;
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}

#popup_smile .list_smile a {
  width: 210px;
  height: 28px;
}

#popup_smile .pi_smile {
  top: 49%;
  right: 80px;
  width: 240px;
  height: 54px;
  border-radius: 25%;
}

#popup_smile .sns_smile {
  width: 216px;
  bottom: 155px;
  right: 91px;
}

#popup_smile .sns_smile a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

#popup_smile .company_smile {
  bottom: 24px;
  left: 83px;
  width: 126px;
  height: 33px;
  border-radius: 15px;
}

#popup_smile .ceo_smile {
  bottom: 29px;
  right: 217px;
  width: 130px;
  height: 27px;
  border-radius: 15px;
}


/* -------------------------------------------------------- */
/*                            se                            */
/* -------------------------------------------------------- */
.se_btnbox {
  width: 890px;
  margin: 20px auto;
}

.se .pd_se p {
  position: absolute;
  top: 10px;
  right: 120px;
  font-size: 24px;
}

.se .pd_se p.upper {
  transform: rotateX(180deg);
  transition: .5s;
}

.se .chaosbox {
  width: 790px;
  height: 260px;
  margin: -20px auto 25px;
  box-sizing: border-box;
  border: 4px solid #48070A;
  border-top: none;
  border-radius: 10px;
  padding-top: 13px;
  overflow: hidden;
  background: #f3ecdc;
  ;
}



.se .chaosbox ul {
  background: #f3ecdc;
  font-weight: 900;
  font-size: 1em;
  width: 200px;
  display: block;
  border-right: solid 1px;
  margin-top: 3px;
  margin-bottom: -10px;
}

.se .chaosbox.box2 ul {
  width: 250px;
}

.se .chaosbox li {
  text-align: left;
  cursor: pointer;
  color: #48070A;
  padding: 5px;
  padding-left: 22px;
}

.se .chaosbox li:after {
  content: "?";
  color: #aaa;
  text-align: right;
  float: right;
  margin-right: 11px
}

.se .chaosbox li:hover {
  background: #48070A;
  color: white;
}

.se .selist {
  padding: 16px 0 0 16px;
  column-count: 2;
}

.selist a {
  width: 50%;
  font-size: 13px;
  text-align: left;
}

.flex-col {
  flex-direction: column;
}

.se .box2 a:nth-child(27) {
  /* margin-left: -2em; */
  width: 55%;
}

.se .fwb {
  font-weight: bold !important;
}

.se h4 {
  margin-top: -93px;
}

.se h5 {
  font-size: 28px;
  color: #C41A1F;
  clear: both;
}

.se h5 {
  text-align: left;
  height: 150px;
  margin-top: 3px;
  margin-bottom: 4px;
  margin-left: 18px;
  padding-left: 150px;
  display: flex;
  justify-content: start;
  align-items: center;
  line-height: 1.2;
  letter-spacing: 0.07em;
}

.webp .er_an {
  background: url(../images/asset/se/er_an.png.webp) no-repeat;
}

.no-webp .er_an {
  background: url(../images/asset/se/er_an.png) no-repeat;
}

.webp .er_kd {
  background: url(../images/asset/se/er_kd.png.webp) no-repeat;
}

.no-webp .er_kd {
  background: url(../images/asset/se/er_kd.png) no-repeat;
}

.er_kd--zyuku {
  margin-top: -40px !important;
}

.webp .er_yd {
  background: url(../images/asset/se/er_yd.png.webp) no-repeat;
}

.no-webp .er_yd {
  background: url(../images/asset/se/er_yd.png) no-repeat;
}

.webp .er_mt {
  background: url(../images/asset/se/er_mt.png.webp) no-repeat;
}

.no-webp .er_mt {
  background: url(../images/asset/se/er_mt.png) no-repeat;
}

.er_mt--cul {
  margin-top: -40px !important;
}

.webp .er_cf {
  background: url(../images/asset/se/er_cf.png.webp) no-repeat;
}

.no-webp .er_cf {
  background: url(../images/asset/se/er_cf.png) no-repeat;
}

.webp .er_ks {
  background: url(../images/asset/se/er_ks.png.webp) no-repeat;
}

.no-webp .er_ks {
  background: url(../images/asset/se/er_ks.png) no-repeat;
}

.er_ks--own {
  margin-top: -44px !important;
}

.webp .er_nm {
  background: url(../images/asset/se/er_nm.png.webp) no-repeat;
}

.no-webp .er_nm {
  background: url(../images/asset/se/er_nm.png) no-repeat;
}

.er_nm--kaigo {
  margin-top: -40px !important;
}

.webp .er_ms {
  background: url(../images/asset/se/er_ms.png.webp) no-repeat;
}

.no-webp .er_ms {
  background: url(../images/asset/se/er_ms.png) no-repeat;
}

.webp .er_hd {
  background: url(../images/asset/se/er_hd.png.webp) no-repeat;
}

.no-webp .er_hd {
  background: url(../images/asset/se/er_hd.png) no-repeat;
}

.er_hd--reform {
  margin-top: -40px !important;
}

.webp .er_my {
  background: url(../images/asset/se/er_my.png.webp) no-repeat;
}

.no-webp .er_my {
  background: url(../images/asset/se/er_my.png) no-repeat;
}

.webp .er_fg {
  background: url(../images/asset/se/er_fg.png.webp) no-repeat;
}

.no-webp .er_fg {
  background: url(../images/asset/se/er_fg.png) no-repeat;
}

.er_fg--kokoku {
  margin-top: -40px !important;
}

.webp .er_sk {
  background: url(../images/asset/se/er_sk.png.webp) no-repeat;
}

.no-webp .er_sk {
  background: url(../images/asset/se/er_sk.png) no-repeat;
}

.webp .er_k {
  background: url(../images/asset/se/er_k.png.webp) no-repeat;
}

.no-webp .er_k {
  background: url(../images/asset/se/er_k.png) no-repeat;
}

.er_k--super {
  margin-top: -40px !important;
}

.webp .im_se1 {
  background: url(../images/asset/se/im_se1.png.webp) no-repeat;
}

.no-webp .im_se1 {
  background: url(../images/asset/se/im_se1.png) no-repeat;
}

.im_se1--keitai {
  margin-top: -45px !important;
}

.webp .im_se2 {
  background: url(../images/asset/se/im_se2.png.webp) no-repeat;
}

.no-webp .im_se2 {
  background: url(../images/asset/se/im_se2.png) no-repeat;
}

.webp .if_se1 {
  background: url(../images/asset/se/if_se1.png.webp) no-repeat;
}

.no-webp .if_se1 {
  background: url(../images/asset/se/if_se1.png) no-repeat;
}

.webp .if_se2 {
  background: url(../images/asset/se/if_se2.png.webp) no-repeat;
}

.no-webp .if_se2 {
  background: url(../images/asset/se/if_se2.png) no-repeat;
}

.se .im_se1,
.se .im_se2,
.se .if_se1,
.se .if_se2,
.se h6 {
  color: #004C91;
}

.se h6 {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

.se h5 {
  font-weight: bold;
}

.ringmemo--se {
  background-color: #fff;
}

.tbox_se {
  width: 575px;
  text-align: left;
  margin-left: 32px;
  color: #48070A;
  font-size: 14px;
}

.tbox_se span {
  color: #EB6120;
  font-weight: bold;
}

.tbox_se p {
  margin-bottom: 23px;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal !important;
}

.se_tit-base {
  margin-top: -40px !important;
}

.se_wsnw {
  white-space: nowrap;
  letter-spacing: -0.1em !important;
}

.rbox_se {
  margin: inherit;
  width: 238px;
  margin-top: 0;
}

.mb33 {
  margin-bottom: 33px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.webp .ref_se {
  background: url(../images/asset/se/rlbg_se.png.webp);
  padding-bottom: 10px;
}

.no-webp .ref_se {
  background: url(../images/asset/se/rlbg_se.png);
  padding-bottom: 10px;
}

.rbox_se--list {
  margin-top: -6px;
}

.ref_se--list {
  margin-top: -62px;
}

.ref_se--zyuku {
  margin-top: 110px;
}

.rbox_se--chara {
  margin-top: -50px;
}

.ref_se--chara {
  margin-top: -36px;
}

.rbox_se--post {
  margin-top: -104px;
}

.ref_se--post {
  margin-top: -20px;
}

.rbox_se--keitai {
  margin-top: 10px;
}

.ref_se--keitai {
  margin-top: 84px;
}

.rbox_se--up {
  margin-top: -62px;
}

.ref_se--up {
  margin-top: -56px;
}

.rbox_se--photo {
  margin-top: -64px;
}

.ref_se--photo {
  margin-top: -26px;
}

.ref_se--own {
  margin-top: 140px;
}

.ref_se--kaigo {
  margin-top: -36px;
}

.ref_se--nayami {
  margin-top: -40px;
}

.rbox_se--reform img {
  width: 170px;
}

.ref_se--reform {
  margin-top: -44px;
}

.ref_se--syasin {
  margin-top: 90px;
}

.rbox_se--kokoku {
  margin-top: 16px;
}

.ref_se--denwa {
  margin-top: -40px;
}

.rbox_se--kensyu {
  margin-top: -152px;
}

.rbox_se--kensyu img {
  width: 192px;
}

.ref_se--kensyu {
  margin-top: -50px;
}

.rbox_se--super {
  margin-top: -56px;
}

.ref_se--super {
  margin-top: -40px;
}

.rbox_se--event {
  margin-top: -46px;
}

.ref_se--event {
  margin-top: -32px;
}

.ref_se--voice {
  margin-top: -10px;
}

.rbox_se--concert {
  margin-top: -148px;
}

.rbox_se--concert img {
  width: 194px;
}

.ref_se--concert {
  margin-top: -32px;
}

.rbox_se--food {
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}

.rbox_se--cons {
  margin-top: -25px;
}

.cons-illust {
  margin-top: 34px;
}

.ref_se--cons {
  margin-top: -13px;
}

.rbox_se--recruit {
  margin-top: -118px;
}

.rbox_se--recruit img {
  width: 214px;
}

.ref_se--recruit {
  margin-top: -29px;
}

.ref_se--sekkotu {
  margin-top: -18px;
}

.rbox_se--posting {
  margin-top: -48px;
}

.rbox_se--recycle {
  margin-top: -20px;
}

.ref_se--recycle {
  margin-top: -15px;
}

.rbox_se--fran {
  margin-top: -115px;
}

.rbox_se--fran img {
  width: 196px;
}

.ref_se--fran {
  margin-top: -48px;
}

.ref_se--fran2 {
  margin-top: -34px;
}

.rbox_se--car {
  margin-top: -52px;
}

.ref_se--car {
  margin-top: -45px;
}

.rbox_se--car2 {
  margin-top: -95px;
}

.rbox_se--car2 img {
  width: 245px;
}

.ref_se--car2 {
  margin-top: -25px;
}

.ref_se--csl {
  margin-top: 106px;
}

.rbox_se--csl2 {
  margin-top: -44px;
}

.ref_se--csl2 {
  margin-top: -22px;
}

.rbox_se--csl3 {
  margin-top: -102px;
}

.ref_se--csl3 {
  margin-top: -48px;
}

.rbox_se--csl4 {
  margin-top: -48px;
}

.rbox_se--maker {
  margin-top: -80px;
}

.rbox_se--pet {
  margin-top: -60px;
}

.poster-img-01 {
  margin-top: 18px;
}

.poster-img-02 {
  margin-top: 36px;
}

.poster-img-03 {
  margin-top: 20px;
}

.poster-img-04 {
  margin-top: 30px;
}

.poster-img-05 {
  margin-top: 32px;
}

.ref_se--poster {
  margin-top: -8px;
}

.rbox_se--card {
  margin-top: -120px;
}

.ref_se--card {
  margin-top: -16px;
}

.poster-img-07 {
  margin-top: 10px;
}

.poster-img-08 {
  margin-top: -15px;
}

.ref_se--harigami {
  margin-top: -20px;
}

.poster-img-09 {
  margin-top: 19px;
}

.ref_se--np {
  margin-top: -32px;
}

.poster-img-10 {
  margin-top: 28px;
}

.poster-img-11 {
  margin-top: -10px;
}

.poster-img-12 {
  margin-top: -4px;
}

.webp .ref_se ul::before {
  content: '';
  display: inline-block;
  background-image: url(../images/asset/se/rl_se.png.webp);
  width: 232px;
  height: 53px;
  background-size: 100%;
  margin-top: -20px;
}

.no-webp .ref_se ul::before {
  content: '';
  display: inline-block;
  background-image: url(../images/asset/se/rl_se.png);
  width: 232px;
  height: 53px;
  background-size: 100%;
  margin-top: -20px;
}

.ref_se ul {
  background: ivory;
  margin: 70px 10px 0px;
  padding-bottom: 4px !important;
}

.ref_se li::before {
  content: "\025b6";
  color: #48070A;
}

.ref_se li {
  text-align: left;
  letter-spacing: -0.05em;
  font-weight: bold;
}

.ref_sel li a {
  color: #48070A;
}

.se .bd {
  border-top: 8px dotted #48070A;
  margin: 15px;
}

.se .gototop {
  margin-bottom: 80px;
}

.show_container-box {
  justify-content: flex-start;
}

.show_container-box:nth-child(3n) {
  margin-right: 0;
}

/* -------------------------------------------------------- */
/*                        lastde                            */
/* -------------------------------------------------------- */
.sm_fp li a:hover {
  background: aliceblue;
}

.fmb a:hover {
  background: none;
}

.fml a:hover {
  background: orangered;
}

.fp5 .blog a:hover {
  background: #48070A;
  color: white !important;
}

.designtop a.chaosbnr1:hover,
.designtop a.chaosbnr2:hover {
  background: rgba(255, 255, 255, .2);
  filter: brightness(1.1);
}

.tm a {
  background: linear-gradient(to right, gold 50%, transparent 50%) 100% bottom / 200% 70% no-repeat;
  transition: background-position .5s ease-out;
}

.tm a:hover {
  background-position: 0% bottom;
}

.marker {
  background: linear-gradient(to right, yellow 50%, transparent 50%) 100% bottom / 200% 70% no-repeat;
  transition: background-position .5s ease-out;
}

.marker:hover {
  background-position: 0% bottom;
}

@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
  main {
    display: inline-block;
  }

  .subslider1 figure img {
    width: 135px;
  }

  li figure {
    flex-grow: unset;
  }
}


/*-----------------------------------------------------
  20190730 AM9:40 追加
------------------------------------------------------*/
/* -- fixヘッダー -- */
.menu__second-level li a {
  margin-left: 10px;
  text-align: left;
}

/* -- 情熱メニュー -- */
main .jsm .fmb li,
footer .jsm .fmb li {
  padding: 0 5px;
}

main .fmb li:first-child,
footer .fmb li:first-child {
  width: 80px;
}

.hm_box .jsm .fmb li:not(:last-child),
main .fmb li:not(:last-child),
footer .fmb li:not(:last-child) {
  border-right: 1px solid white;
}

main .jsm .fml ul {
  left: 110px;
}

footer .jsm .fml ul {
  left: 110px;
}

.hm_box .jsm .fmb li {
  padding: 4px 13px 2px;
}

.hm_box .jsm .fmb li:first-child {
  width: 100px;
  line-height: 40px !important;
}

.hm_box .jsm .fmb li {
  line-height: 20px !important;
}

.hm_box .jsm .fml,
main .fml,
footer .fml {
  font-size: 13px;
  font-weight: normal !important;
}

.hm_box .jsm .fml li::before,
main .fml li::before,
footer .fml li::before {
  margin-right: 5px;
}

.breadcrumbs p {
  margin: 0px 20px -30px 20px;
}

.body-contact footer {
  margin: 0 -470px 0px;
  width: initial;
}

.body-contact .floatmenu a {
  /* margin-bottom: 7.5px; */
}

@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
  .body-contact footer {
    width: auto;
  }

  textarea[name='meeting_contents'],
  textarea[name='remarks_ceo'] {
    max-width: 100%;
    max-height: 100%;
  }

  input[name='back'],
  input[name='send'],
  input[name='continue'] {
    display: block !important;
    opacity: 0;
    position: absolute;
    border-radius: 6px;
  }

  input[name='back'] {
    margin-top: 16px;
    width: 182px;
    height: 39px;
  }

  input[name='send'] {
    width: 283px;
    height: 55px;
  }

  input[name='continue'] {
    margin-top: 30px;
    width: 378px;
    height: 55px;
  }

  .dg {
    width: 213px;
    margin: 30px 0 0;
  }

  .ie-w100 {
    flex: none !important;
    width: 100px !important;
  }

  .designexample .show_box .list_pic,
  .designexample .show_box .frip {
    width: 212px;
  }

  .ie-mlc50-960 {
    margin-left: calc(50% - 960px);
  }

  .price .pil p {
    width: 980px;
    left: calc(50% - 490px)
  }

  .ie-mr9 {
    margin-right: 9px !important;
  }

  .ie-w225 {
    width: 225px !important;
  }

  .reverse {
    right: 7px;
  }

  .ie11-off {
    display: none;
  }

  .ie11-on {
    display: block;
  }

  .subslider1 ul,
  .subslider2 ul {
    display: block !important;
  }

  .fp2_1 {
    background-size: 100% 3050px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1260px) {
  page-sidebar {
    display: none;
  }

  div.floatmenu {
    display: none;
  }
}

/*-----------------------------------------------------
  20191025 16:46 追加
------------------------------------------------------*/
/*.goods a[href*="java"] ,
.template a[href*="java"] ,
.company a[href*="java"] ,
.lnp a[href*="java"] ,
.newspaper a[href*="java"] ,
.posting a[href*="java"] ,
.pado a[href*="java"] ,
.chirash a[href*="java"] ,
.dms a[href*="java"] {
    cursor: default;
}
.goods a[href*="java"] img ,
.template a[href*="java"] img ,
.company a[href*="java"] img ,
.lnp a[href*="java"] img ,
.newspaper a[href*="java"] img ,
.posting a[href*="java"] img ,
.pado a[href*="java"] img ,
.chirash a[href*="java"] img
 ,.dms a[href*="java"] img {
    filter: brightness(1);
}
 */
.price input[type="number"]::placeholder {
  font-size: 9px;
}

.contact_form textarea::placeholder {
  color: silver !important;
}

article.slider figure {
  width: 762px;
}

.slider .bx-wrapper {
  width: 762px;
}

/* .slider .bx-wrapper .bx-viewport {
  height: auto !important;
} */


/* 追加:明智 赤山 */
.reverse a img:hover {
  filter: none;
}

.big-picture-wrapper {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0%;
  width: 100%;
  height: 100%;
  background-color: gray;
  z-index: 100;
  background: rgba(255, 255, 255, 0.5);
  left: 0%;
  top: 0%;
}

.big-picture {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.big-picture img {
  width: 600px;
}


.hover-letter:hover {
  background-color: #ffff42;
}

.gd_chaos2.pa:hover {
  background-color: #fbff04a1;
}

.gd_chaos1.pa:hover {
  background-color: #fbff04a1;
}

/*
input::placeholder {
  color: red;
  font-size: 6px;
  font-style: italic;
}
*/

.top-30m30p {
  padding-top: 30px;
  margin-top: -30px;
}

.js-modal-youtube:hover {
  opacity: .7;
  transition: .3s;
}

.utiwa-link {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .7;
  transition: .3s;
}