@charset "utf-8";

/************
- font
************/

@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');


/************
- menu
************/

.temp_mobatakaMenu {
  width: 100%;
  max-width: 380px;
  display: flex;
  padding: 0;
  margin: 0 auto;
}
.temp_mobatakaMenu li {
  width: 20%;
  padding: 0 2px;
  list-style: none;
}
.temp_mobatakaMenu li a {
  display: flex;
  flex-flow: column;
  justify-content: end;
  align-items: center;
  width: 100%;
  height: auto;
  background: #FFCC00;
  aspect-ratio: 1/1;
  padding: 2px;
  border: solid 2px #000;
  border-radius: 10px;
  color: #000;
  font-size: 11px;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 0 1px #000;
}
.temp_mobatakaMenu li a:after {
  content: "";
  display: block;
  width: 105%;
  height: 105%;
  background-color: transparent;
  border: solid 2px #FFF;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.temp_mobatakaMenu li a span {
  display: block;
  padding: 3px 0 0;
  text-align: center;
  font-weight: bold;
}

div.temp_updateTitle {
  display: none !important;
}
div.temp_updateList {
  border:  solid 2px #000 !important;
  border-radius: 10px !important;
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}


/************
- title
************/

h2.temp_mobataka-h2 {
  width: 100%;
  padding: 0;
  margin: 40px auto 15px;
  border-top: double 6px #000;
  position: relative;
}
h2.temp_mobataka-h2 i {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #FFF;
  border: solid 2px #000;
  text-align: center;
  position: absolute;
  top: -40px;
  left: 50%;
  padding: 5px 0 0;
  margin: 0 0 0 -40px;
  z-index: 5;
}
h2.temp_mobataka-h2 span {
  display: block;
  width: 100%;
  padding: 10px 15px;
  background: #FFF;
  text-align: center;
  position: relative;
  z-index: 10;
  font-family: "Dela Gothic One", sans-serif;
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
}

h3.temp_mobataka-hero {
  width: 100%;
  margin: 40px auto 0 !important;
  text-align: center;
}
h3.temp_mobataka-hero span {
  line-height: 1;
  font-family: "Dela Gothic One", sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
}

h3.temp_mobataka-h3 {
  width: 100%;
  margin: 25px auto 10px !important;
  text-align: center;
  position: relative;
}
h3.temp_mobataka-h3:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}
h3.temp_mobataka-h3 span {
  font-size: 20px;
  font-weight: bold;
  padding: 0 12px;
  background: #FFF;
  position: relative;
  z-index: 10;
}


/************
- link
************/

a.temp_mobataka-linkImg {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  border: solid 2px #000;
  box-shadow: 1px 1px 0 1px #000;
}

.temp_mobatakaContentsList {
  width: 100%;
  max-width: 380px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.temp_mobatakaContentsList li {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  border: solid 2px #000;
  box-shadow: 1px 1px 0 1px #000;
  padding: 0 !important;
  margin: 0 0 10px;
  position: relative;
}
.temp_mobatakaContentsList li:last-child {
  margin-bottom: 0 !important;
}
.columnArea .temp_mobatakaContentsList:first-child li {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}
.temp_mobatakaContentsList li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
}
.temp_mobatakaContentsList li a figure {
  width: 38%;
}
.temp_mobatakaContentsList li a p {
  width: 62%;
  padding: 0 0 0 10px !important;
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.5 !important;
}
.temp_mobatakaContentsList li a p > b {
  font-size: 18px;
  font-weight: bold;
}
.temp_mobatakaContentsList li a p > span {
  display: inline-block;
  font-size: 12px;
  padding: 2px 4px;
  margin: 0 0 5px;
  background: #ffe26d;
}
.columnArea .temp_mobatakaContentsList li a p > span { background: #ffe26d; }
.movieArea .temp_mobatakaContentsList li a p > span { background: #ffbe89; }
.wpArea .temp_mobatakaContentsList li a p > span { background: #ffcae2; }
.presentArea .temp_mobatakaContentsList li a p > span { background: #ff9393; }
.photoArea .temp_mobatakaContentsList li a p > span { background: #bbe3ff; }

.temp_mobatakaContentsList li a > span {
  display: inline-block;
  padding: 0 6px;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
  position: absolute;
  right: 0;
}
.temp_mobatakaContentsList li a > span.label {
  background: #ec0000;
  color: #FFF;
  border-radius: 0 0 0 5px;
  top: 0;
}
.temp_mobatakaContentsList li a > span.date {
  background: #000;
  color: #FFCC00;
  border-radius: 5px 0 0 0;
  bottom: 0;
}

.temp_mobatakaContentsList li.halfWideLink {
  width: 49%;
  margin-right: 2% !important;
}
.temp_mobatakaContentsList li:nth-child(2n of .halfWideLink){
  margin-right: 0 !important;
  margin-bottom: 10px!important;
}
.temp_mobatakaContentsList li.wideLink a,
.temp_mobatakaContentsList li.halfWideLink a {
  flex-flow: column;
  padding: 0 !important;
}
.temp_mobatakaContentsList li.wideLink a figure,
.temp_mobatakaContentsList li.halfWideLink a figure {
  display: block;
  width: 100%;
  padding: 2px;
}
.temp_mobatakaContentsList li.wideLink a figure img,
.temp_mobatakaContentsList li.halfWideLink a figure img {
  border-radius: 8px 8px 0 0;
}
.temp_mobatakaContentsList li.wideLink.noText a figure img,
.temp_mobatakaContentsList li.halfWideLink.noText a figure img {
  border-radius: 8px 8px 8px 8px;
}
.temp_mobatakaContentsList li.wideLink a p,
.temp_mobatakaContentsList li.halfWideLink a p {
  width: 100%;
  padding: 10px !important;
}
.temp_mobatakaContentsList li.wideLink a p + p,
.temp_mobatakaContentsList li.halfWideLink a p + p {
  padding-top: 0 !important;
  margin-top: 0 !important;
}


/************
- block
************/

#pickupWrap .temp_imgBlock + .temp_imgBlock {
  margin-top: 15px !important;
}

.temp_accBlock .temp_accTitle {
  border: solid 2px #000 !important;
  box-shadow: 1px 1px 0 1px #000;
}
.temp_accTitle.accActive {
  border-bottom: none !important;
}
.temp_accBlock .temp_accContents {
  border: solid 2px #000 !important;
  box-shadow: 1px 1px 0 1px #000;
  border-radius: 0 0 10px 10px !important;
}

.slideImg {
  position: relative;
  aspect-ratio: 6/4;
}
.slideImg img {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 0;
  top: 0;
  left: 0;
  animation: slideShow 9s 0s infinite;
}
.slideImg img:nth-child(2) {
  animation-delay: 3s;
}
.slideImg img:nth-child(3) {
  animation-delay: 6s;
}
@keyframes slideShow {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  44.44% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/************
- common
************/

/**button**/

div[class*="temp_btnBlock"] p[class*="temp_btn"] a {
  position: relative;
  overflow: hidden;
  border: solid 2px #000;
  box-shadow: 1px 1px 0 1px #000;
}
div[class*="temp_btnBlock"] p[class*="temp_btn"] a:after {
  content: "";
  display: block;
  width: 105%;
  height: 105%;
  background-color: transparent;
  border: solid 2px #FFF;
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
}

/**title**/

h2.temp_h2 {
  background: none !important;
  background-image: repeating-linear-gradient(45deg, #ffcc004d, #ffcc004d 6px, transparent 6px, transparent 8px) !important;
  border-top: double 6px #000;
  border-bottom: double 6px #000;
  text-align: center !important;
  line-height: 1.4 !important;
}

h3.temp_h3 {
  background: transparent !important;
  color: #000 !important;
  border: double 6px #000;
  position: relative;
  z-index: 2;
}
h3.temp_h3 span{
  position: relative;
  z-index: 2;
}
h3.temp_h3:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffcc004d;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

h4.temp_h4 {
  padding: 0 4px 6px !important;
  border-bottom: 2px solid #000 !important;
}

h5.temp_h5:before {
  content: "";
  width: 15px !important;
  height: 15px !important;
  border: solid 1px #000;
  background: none !important;
  background-image: repeating-linear-gradient(45deg, #ffcc004d, #ffcc004d 3px, #000000 3px, #000000 4px) !important;
  position: absolute;
  top: 3px !important;
  left: 0;
}

/**/
.elementor-widget:not(:last-child) {
  margin-bottom: 0 !important;
}