@charset "utf-8";
グッズ
/* !HTML5 elements
---------------------------------------------------------- */
header,
footer,
nav,
section,
aside,
article {
  display: block;
}

/* !Reseting
---------------------------------------------------------- */

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
  margin: 0;
  padding: 0;
}
input,
textarea {
  margin: 0;
  font-size: 100%;
}
label {
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
  max-width: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:after,
q:before {
  content: "";
}
a,
input,
select,
textarea,
button {
  outline: none;
}
abbr,
acronym {
  border: 0;
}
*,
*:before,
*::after {
  box-sizing: border-box;
}
/* !Clearfix
---------------------------------------------------------- */
.clearfix {
  display: block;
  min-height: 1%;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
* html .clearfix {
  height: 1%;
  /*\*/ /*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Inline Align ------------------------------------------------------------ */
.taL {
  text-align: left !important;
}
.taC {
  text-align: center !important;
}
.taR {
  text-align: right !important;
}

/*common*/
a {
  transition: all 0.5s !important;
  -moz-transition: all 0.5s !important; /* Firefox */
  -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op img,
.op a {
  transition: all 0.5s !important;
  -moz-transition: all 0.5s !important; /* Firefox */
  -webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op:hover img,
.op:hover a {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
}

/* !Layout
---------------------------------------------------------- */
html {
  overflow-y: scroll;
  font-size: 62.5%;
}
body {
  color: #000;
  background: #fff;
  font-size: 1.6rem;
  font-family: "GenJyuuGothic-P";
  -webkit-text-size-adjust: none;
  line-height: 1.5;
}
.bhn {
  font-family: "BrushHandNew";
}
.noto {
  font-family: "Noto Sans", sans-serif;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  body {
    font-size: 1.2rem;
  }
}

.pc {
  display: block;
}
.sp {
  display: none;
}
.anchorarea {
  position: relative;
}
.anchorarea .alvark_lp_anchor {
  position: absolute;
  top: -65px;
  top: 0;
}
.hide {
  display: none;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .anchorarea .alvark_lp_anchor {
    top: -47px;
    top: 0;
  }
}
/*! alvark_lp_bcgStyle
----------------------------------------------------------*/
.alvark_lp_bcgStyle01 {
  width: 100%;
  background: #fff;
}
.alvark_lp_bcgStyle02 {
  width: 100%;
  background: #fff0f3;
}
.alvark_lp_bcgStyle03 {
  width: 100%;
  background: url("../image/png/bcg_image_pc.png") #fff;
  background-size: 100%;
}
.alvark_lp_bcgStyle04 {
  width: 100%;
  background: url("../image/png/bcg_image02_pc.png") #fff0f3;
  background-size: 100%;
}
.alvark_lp_bcgStyle05 {
  width: 100%;
  background: #e60021;
}
.alvark_lp_bcgStyle06 {
  width: 100%;
  background: url("../image/png/bcg_image02_pc.png") #fff;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .alvark_lp_bcgStyle03 {
    width: 100%;
    background: url("../image/png/bcg_iamge_sp.png") #fff;
    background-size: 100%;
  }
  .alvark_lp_bcgStyle04 {
    width: 100%;
    background: url("../image/png/bcg_image02_sp.png") #fff0f3;
    background-size: 100%;
  }
  .alvark_lp_bcgStyle06 {
    width: 100%;
    background: url("../image/png/bcg_image02_sp.png") #fff;
    background-size: 100%;
  }
}
/* ! alvark_lp_title
---------------------------------------------------------- */
.alvark_lp_title {
  width: 100%;
  text-align: center;
}
.alvark_lp_title .tit01 {
  color: #e60021;
  font-size: 160px;
  height: 160px;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.75;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alvark_lp_title .tit02 {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 4px;
  background: #e60021;
  color: #ffffff;
  padding: 0 3px;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_title .tit01 {
    font-size: 80px;
    height: 80px;
    line-height: 0.7;
  }
  .alvark_lp_title .tit02 {
    font-size: 16px;
    line-height: 22px;
    margin-top: unset;
    padding: 0 4px;
  }
}
/* !alvark_lp_wrapper
---------------------------------------------------------- */
#alvark_lp_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
}

/* !alvark_lp_inner
-----------------------------------------------------------*/
.alvark_lp_inner {
  max-width: 1032px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_inner {
    max-width: 100%;
  }
}
/* !header
---------------------------------------------------------- */
#alvark_lp_header {
  display: flex;
  align-items: center;
  height: 65px;
  position: fixed;
  left: 0;
  z-index: 50;
  width: 100%;
}
.alvark_lp_btn_menu {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  z-index: 100;
  padding: 14px;
}

.alvark_lp_btn_menu::after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  content: "";
  width: 40px;
  height: 40px;
  background: url("../image/svg/icon_menu_open.svg") center center no-repeat;
  background-size: 100%;
}
.alvark_lp_btn_menu.active::after {
  background: url("../image/svg/icon_menu_close.svg") center center no-repeat;
}

/*******navi*******/
#alvark_lp_navi {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
  transform: translateX(100%);
  transition: all 0.5s;
  padding: 65px 47px;
  width: 100%;
  max-width: 553px;
  height: 100vh;
  background: #ffffff;
}
#alvark_lp_navi.open {
  transform: translateX(0%);
}
.alvark_lp_naviLinks {
  width: 100%;
  display: block;
}
.alvark_lp_menuTit {
  color: #e60021;
  font-size: 60px;
  height: 60px;
  letter-spacing: -0.04em;
}
.alvark_lp_menuLinks {
  margin-top: 20px;
}
.alvark_lp_menuLinks li a {
  color: #e60021;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
}
.alvark_lp_menuLinks li + li {
  margin-top: 16px;
}
.alvark_lp_page {
  position: fixed;
  right: 30px;
  bottom: 52px;
  z-index: 10;
  /* width: 111px;
  height: 136px; */
  width: 250px;
  height: 150px;
}
.alvark_lp_page a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 81.67%;
  position: relative;
}
.alvark_lp_page a img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  #alvark_lp_header {
    height: 47px;
  }

  /*******navi*******/
  #alvark_lp_navi {
    padding: 40px 47px;
    max-width: 100%;
  }
  #alvark_lp_navi.open {
    transform: translateX(0%);
  }
  .alvark_lp_page {
    right: 10px;
    bottom: 10px;
    width: 180px;
    height: 50px;
  }
  .alvark_lp_page a {
    display: block;
    width: 100%;
    height: 100%;
    /* padding-top: 81.81%; */
    padding-top: 0;
  }
}

/* !mainVisual
---------------------------------------------------------- */
.alvark_lp_mainVisua {
  width: 100%;
}

.alvark_lp_mainVisual .kv img {
  width: 100%;
}
/*** mainVisual  スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
}

/* alvark_lp_contents
-----------------------------------------------------------*/

/***menu***/
#alvark_lp_menu {
  padding: 117px 0 80px;
  position: relative;
}
#alvark_lp_menu::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 22px;
  background: #e60021;
}
.alvark_lp_menuTitle {
  width: 100%;
  text-align: center;
}
.alvark_lp_menuTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #22252a;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alvark_lp_menuTitle span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 131px;
  z-index: -1;
  background: url("../image/svg/icon_menu.svg") center center no-repeat;
  background-size: auto;
}
.alvark_lp_menuList {
  margin-top: 92px;
  display: flex;
  justify-content: center;
}
.alvark_lp_menuList li + li {
  margin-left: 22px;
}
.alvark_lp_menuList li {
  width: 234px;
  height: 50px;
}
.alvark_lp_menuList li a {
  width: 100%;
  height: 100%;
  padding-top: 21.36%;
  position: relative;
  display: block;
}
.alvark_lp_menuList li img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.alvark_lp_menuSlider {
  margin-top: 70px;
  display: flex;
  position: relative;
  height: 270px;
}
.alvark_lp_menuSlider .scrollImg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: url("../image/png/scroll_image.webp") repeat-x center center;
  background-size: auto 100%;
  width: 100%;
  height: 100%;
  -webkit-animation: slide 60s linear infinite;
  animation: slide 60s linear infinite;
  -moz-animation: slide 60s linear infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  will-change: background-position;
}
@keyframes slide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1439px 0;
  }
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  #alvark_lp_menu {
    padding: 74px 0 40px;
  }
  .alvark_lp_menuTitle span {
    font-size: 16px;
    font-weight: bold;
    line-height: 94px;
    height: auto;
    padding: 0 20px;
  }
  .alvark_lp_menuTitle span::before {
    top: 5px;
    height: 93px;
    background: url("../image/svg/icon_menu.svg") center center no-repeat;
    background-size: auto 100%;
  }
  .alvark_lp_menuList {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .alvark_lp_menuList li + li {
    margin-left: unset;
  }
  .alvark_lp_menuList li {
    width: 50%;
    height: 32px;
    margin-top: 14px;
  }
  .alvark_lp_menuList li a {
    padding-top: 21.33%;
  }
  .alvark_lp_menuSlider {
    margin-top: 32px;
    height: 98px;
  }
}

/***alvark_lp_mascot***/
.alvark_lp_mascot {
  padding-top: 50px;
}

.alvark_lp_mascot .tit01 {
  height: 322px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alvark_lp_mascotTxt {
  margin-top: 50px;
  /* 2024/03/12 追記 */
  margin-bottom: 50px;
  /* 2024/03/12 追記ここまで */
  padding: 0 75px;
  position: relative;
  z-index: 3;
}
.alvark_lp_mascotTxt .txt_box {
  display: block;
  background: #ffffff;
  border: 3px #e60021 solid;
  padding: 29px 32px 37px;
  border-radius: 20px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.9;
  color: #22252a;
  letter-spacing: 0.05em;
}
.alvark_lp_mascotTxt span:before {
  content: "";
  position: absolute;
  left: 75px;
  bottom: 0;
  margin-bottom: 178px;
  z-index: -2;
  background: url("../image/svg/mascot_image01.svg") left top no-repeat;
  width: 159px;
  height: 100%;
  background-size: 100% auto;
}
/* 2024/04/04追記 */
.font_bold {
  font-weight: 800;
  text-decoration: underline;
}

.font_small {
  font-size: 14px;
}
/* 2024/04/04追記 ここまで*/

/* 2024/03/12 追記 */
.alvark_lp_mascotTxt a {
  width: 500px;
  margin: 50px auto 0;
  display: block;
}
/* 2024/03/12 追記ここまで */

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_mascot {
    padding-top: 30px;
  }

  .alvark_lp_mascot .tit01 {
    height: 138px;
  }
  .alvark_lp_mascotTxt {
    margin-top: 22px;
    /* 2024/03/12 追記 */
    margin-bottom: 30px;
    /* 2024/03/12 追記ここまで */
    padding: unset;
    position: relative;
    z-index: 3;
  }
  .alvark_lp_mascotTxt .txt_box {
    padding: 15px 13px;
    font-size: 16px;
    line-height: 2.12;
  }
  .alvark_lp_mascotTxt span:before {
    left: 8px;
    margin-bottom: 73px;
    width: 63px;
  }
  /* 2024/03/12 追記 */
  .alvark_lp_mascotTxt a {
    width: auto;
    margin-top: 30px;
  }
  /* 2024/03/12 追記ここまで */
}
/* 2024/04/04追記 */
.font_small {
  font-size: 12px;
}
/* 2024/04/04追記 ここまで*/

/**alvark_lp_manifesto**/
.alvark_lp_manifesto {
  padding: 70px 0 486px;
  position: relative;
  overflow: hidden;
}
.alvark_lp_manifesto::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: 20px;
  background: #e60021;
}
.alvark_lp_manifesto::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  /* z-index: 3; */
  width: 100%;
  height: 378px;
  background: url("../image/png/manifesto_bottom.png") bottom center no-repeat;
  background-size: auto 100%;
}
/* 2024/03/12 追記 */
h1.alvark_lp_manifesto_h1 span {
  font-size: 48px;
}
h1.alvark_lp_manifesto_h1 span::before {
  top: 10px;
}
h1.alvark_lp_manifesto_h1 span::after {
  top: 10px;
}
/* 2024/03/12 追記ここまで */
.alvark_lp_manifestoImage {
  width: 500px;
  margin: 55px auto 0;
  border: 4px #ffffff solid;
  border-radius: 20px;
  text-align: center;
}
.alvark_lp_manifestoImage img {
  width: 100%;
}
.manifestoSlider {
  padding: 60px 0 48px;
}
.alvark_lp_iframeSlider .slick-list {
  /* overflow: visible; */
}
.iframeBox {
  margin: 0 16px;
}
.alvark_lp_manifestoBox.iframeBox {
  width: 320px;
}
.iframeInfo {
  /* transform: scale(0.8125, 0.8125); */
  transition: all 0.5s;
}
.alvark_lp_manifestoInfo.iframeInfo {
  /* transform: scale(0.7125, 0.7125); */
}
.alvark_lp_iframeSlider .slick-active .iframeInfo {
  opacity: 1;
  transform: scale(1, 1);
}
.iframeInfo .iframeImage {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.iframeInfo .iframeImage:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: url("../image/svg/icon_movie_r.svg") center center no-repeat;
  width: 100%;
  height: 100%;
  background-size: auto;
  opacity: 0;
}
.alvark_lp_iframeSlider .slick-active .iframeInfo .iframeImage:before {
  opacity: 1;
  cursor: pointer;
  pointer-events: none;
}
.iframeInfo .iframeImage a {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 313/560;
  position: relative;
  border-radius: 20px;
}
.alvark_lp_manifestoInfo.iframeInfo .iframeImage a {
  padding-top: 178%;
}
.iframeInfo .iframeImage a img {
  object-fit: cover;
  /* position: absolute; */
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.iframeTxt {
  margin-top: 24px;
  color: #22252a;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  opacity: 0;
}
.alvark_lp_iframeSlider .slick-active .iframeTxt {
  opacity: 1;
}
.alvark_lp_iframeInfo {
  width: 720px;
  height: 405px;
}
.alvark_lp_iframe {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  height: 100%;
}
.alvark_lp_iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.fancybox-close-small svg {
  display: none;
}
.alvark_lp_iframeInfo .fancybox-close-small {
  position: absolute;
}
.alvark_lp_iframeInfo .fancybox-close-small::before {
  content: "";
  position: absolute;
  cursor: pointer;
  height: 38px;
  width: 38px;
  background: url("../image/png/movie_close.png") no-repeat center;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: 10;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_manifesto {
    padding: 50px 0 185px;
  }
  .alvark_lp_manifesto::after {
    height: 10px;
  }
  .alvark_lp_manifesto::before {
    bottom: 0;
    height: 131px;
  }
  /* 2024/03/12 追記 */
  h1.alvark_lp_manifesto_h1 span {
    font-size: 32px;
  }
  h1.alvark_lp_manifesto_h1 span::before {
    top: 8px;
  }
  h1.alvark_lp_manifesto_h1 span::after {
    top: 8px;
  }
  /* 2024/03/12 追記ここまで */
  .alvark_lp_manifestoImage {
    width: 311px;
    margin: 24px auto 0;
    border: 3px #ffffff solid;
  }
  .manifestoSlider {
    padding: 32px 0 50px;
  }
  .iframeBox {
    width: 311px;
    margin: 0 8px;
  }
  .alvark_lp_manifestoBox.iframeBox {
    width: 230px;
  }
  .iframeInfo {
    transform: scale(1);
  }
  .alvark_lp_manifestoInfo.iframeInfo {
    transform: scale(1);
  }
  .alvark_lp_iframeSlider .slick-active .iframeInfo .iframeImage:before {
    opacity: 1;
    cursor: pointer;
  }
  .iframeTxt {
    margin-top: 12px;
  }
  .alvark_lp_iframeSlider .slick-active .iframeTxt {
    opacity: 1;
  }
  .alvark_lp_iframeInfo {
    width: 375px;
    height: 200px;
  }
  .alvark_lp_iframe {
    position: relative;
    padding-top: 53.33%;
  }
}

/***alvark_lp_vote***/
.alvark_lp_vote {
  padding: 80px 0;
  margin: 0 auto;
}
.alvark_lp_voteTitle {
  text-align: center;
}
.alvark_lp_voteTitle.manifesto_movie {
  margin-top: 80px;
}
.alvark_lp_voteTitle span {
  color: #e60021;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 39px;
  position: relative;
  display: inline-block;
}
.alvark_lp_voteTitle span::before {
  content: "";
  position: absolute;
  left: -39px;
  top: 0;
  z-index: 3;
  background: url("../image/svg/icon_vote.svg") left center no-repeat;
  width: 54px;
  height: 48px;
  background-size: 100%;
}
.alvark_lp_voteTitle span::after {
  content: "";
  position: absolute;
  right: -39px;
  top: 0;
  z-index: 3;
  background: url("../image/svg/icon_vote.svg") right center no-repeat;
  width: 54px;
  height: 48px;
  background-size: 100%;
}
.alvark_lp_methodList {
  display: flex;
  align-items: center;
  max-width: 742px;
  margin: 50px auto 0;
}
.alvark_lp_methodList li a {
  text-decoration: none;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.17;
  color: #ffffff;
  border-radius: 10px;
  border: 3px #22252a solid;
  width: 206px;
  height: 128px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.alvark_lp_methodList li + li {
  margin-left: 60px;
}
.alvark_lp_methodList li:nth-child(1) a {
  background: #00b900;
}
.alvark_lp_methodList li:nth-child(2) a {
  background: #e60721;
}
.alvark_lp_methodList li:nth-child(3) a {
  background: #22252a;
}
.methodTxt {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.38;
  color: #22252a;
  position: relative;
  max-width: 296px;
  width: 100%;
  margin: 50px auto 0;
}
.methodTxt::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  z-index: 3;
  background: url("../image/svg/icon_left_line.svg") left center no-repeat;
  width: 100%;
  height: 100%;
  background-size: auto;
}
.methodTxt::after {
  content: "";
  position: absolute;
  right: -50px;
  top: 0;
  z-index: 3;
  background: url("../image/svg/icon_right_line.svg") right center no-repeat;
  width: 100%;
  height: 100%;
  background-size: auto;
}
.alvark_lp_methodSlider {
  max-width: 870px;
  margin: 60px auto 0;
}
.alvark_lp_methodSlider .slick-prev,
.alvark_lp_methodSlider .slick-next {
  position: absolute;
  width: 32px;
  height: 53px;
  z-index: 3;
  background: url("../image/svg/icon_prev02.svg") no-repeat;
  background-size: 100% auto;
  left: 0;
  margin-left: unset;
  top: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);
}
.alvark_lp_methodSlider .slick-next {
  background: url("../image/svg/icon_next02.svg") no-repeat;
  background-size: 100% auto;
  left: auto;
  right: 0;
  margin-left: unset;
  margin-right: unset;

  transform: translateX(50%);
}
.alvark_lp_methodBox {
  padding: 0 65px;
}
.alvark_lp_methodBox .alvark_lp_methodInfo {
  border: 3px #22252a solid;
  border-radius: 20px;
  width: 742px;
  margin-top: 13px;
  padding: 38px 56px 36px;
}
.methodBox01 .alvark_lp_methodInfo {
  background: #00b900;
}
.methodBox02 .alvark_lp_methodInfo {
  background: #e60721;
}
.methodBox03 .alvark_lp_methodInfo {
  background: #22252a;
}
.alvark_lp_methodInfo dl {
  display: flex;
  align-items: center;
}

.txt_16px {
  font-size: 16px !important;
}

.alvark_lp_methodTit {
  text-align: center;
}
.alvark_lp_methodTit span {
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-size: 34px;
  line-height: 1.5;
  color: #00b900;
  padding-left: 73px;
}
.alvark_lp_methodTit span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background: url("../image/svg/icon_vote_tit02.svg") left center/contain no-repeat;
  width: 60px;
  height: 100%;
}
.methodBox02 .alvark_lp_methodTit span {
  color: #e60721;
}
.methodBox02 .alvark_lp_methodTit span::before {
  background: url("../image/svg/icon_vote_tit04.svg") left center/contain no-repeat;
}
.methodBox03 .alvark_lp_methodTit span {
  color: #22252a;
}
.methodBox03 .alvark_lp_methodTit span::before {
  background: url("../image/svg/icon_vote_tit03.svg") left center/contain no-repeat;
}
.alvark_lp_methodInfo dt {
  width: calc(100% - 333px);
  margin-right: 31px;
}

.alvark_lp_methodInfo dt span {
  color: #ffffff;
  font-size: 23px;
  font-weight: bold;
  line-height: 32px;
  display: inline-block;
  white-space: nowrap;
}
.alvark_lp_methodInfo dt span.color_red {
  color: #e60021;
  background-color: #ffff00;
  padding: 4px !important;
  display: inline-block;
}
.alvark_lp_methodInfo dt span.color_red.sp {
  display: none;
}
.alvark_lp_methodInfo dt span + span {
  margin-top: 8px;
}
.alvark_lp_methodInfo dt .black {
  padding: 0 7px;
  background: #22252a;
  line-height: 33px;
}
.alvark_lp_methodInfo dd {
  width: 302px;
  /* height: 184px; */
}
.methodBox01 .alvark_lp_methodInfo dd img,
.methodBox03 .alvark_lp_methodInfo dd img {
  border-radius: 10px;
  border: 3px #22252a solid;
}
.methodBox02 .alvark_lp_methodInfo dd img {
  border-radius: 10px;
  border: 3px #e60021 solid;
}
.alvark_lp_methodInfo dd img {
  width: 100%;
  height: 100%;
}
.alvark_lp_methodBtn {
  display: block;
  margin: 24px auto 0;
  /* width: 208px; */
  width: max-content;
  height: 43px;
  text-align: center;
}
.alvark_lp_methodBtn img {
  /* width: 100%; */
  width: auto;
  height: 100%;
}
.alvark_lp_voteTime {
  padding-top: 80px;
}
.alvark_lp_voteTime dl {
  width: 742px;
  margin: 32px auto 0;
  display: flex;
  text-align: center;
}

.mb_10 {
  margin-bottom: 10px;
}

.alvark_lp_voteTime dt p:last-child,
.alvark_lp_voteTime dd p:last-child {
  padding: 4px 0 16px;
}
.alvark_lp_voteTime dt,
.alvark_lp_voteTime dd {
  width: calc(50% - 9px);
  border: #e60021 3px solid;
  border-radius: 10px;
  font-size: 18px;
  color: #22252a;
  line-height: 1.13;
  font-weight: bold;
  padding: 10px 20px;
  background: #fff;
  display: grid;
  grid-template-rows: auto 3.5em;
}
.alvark_lp_voteTime dd {
  /* margin-left: 18px; */
  /* 片側非表示の場合下記をアクティブ */
  margin: 0 auto;
}
.alvark_lp_voteBtn {
  text-align: center;
  margin-top: 33px;
}
.alvark_lp_voteBtn a {
  display: inline-block;
  width: 289px;
}
.alvark_lp_voteBtn a img {
  width: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_vote {
    padding: 40px 0 48px;
  }
  .alvark_lp_voteTitle span {
    font-size: 24px;
    padding: 0 54px;
    position: relative;
    display: inline-block;
  }
  .alvark_lp_voteTitle span::before {
    left: 0;
    width: 34px;
    height: 30px;
    background-size: 100%;
  }
  .alvark_lp_voteTitle span::after {
    right: 0;
    width: 34px;
    height: 30px;
    background-size: 100%;
  }
  .txt_16px {
    font-size: 14px !important;
  }
  .alvark_lp_methodList {
    max-width: 100%;
    margin: 28px auto 0;
  }
  .alvark_lp_methodList li a {
    font-size: 18px;
    line-height: 1.16;
  }
  .alvark_lp_methodList li a {
    width: 106px;
    height: 66px;
  }
  .alvark_lp_methodList li + li {
    margin-left: 13px;
  }
  .methodTxt {
    font-size: 16px;
    line-height: 1.5;
    color: #22252a;
    position: relative;
    max-width: 226px;
    margin: 24px auto 0;
  }
  .methodTxt::before {
    left: -35px;
  }
  .methodTxt::after {
    right: -35px;
  }
  .alvark_lp_methodSlider {
    max-width: unset;
    margin: 25px auto 0;
  }
  .alvark_lp_methodSlider .slick-prev,
  .alvark_lp_methodSlider .slick-next {
    position: absolute;
    width: 32px;
    height: 53px;
    z-index: 3;
    background: url("../image/svg/icon_prev01.svg") no-repeat;
    background-size: 100% auto;
    left: 0;
    margin-left: unset;
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
  }
  .alvark_lp_methodSlider .slick-next {
    background: url("../image/svg/icon_next01.svg") no-repeat;
    background-size: 100% auto;
    left: auto;
    right: 0;
    margin-left: unset;
    margin-right: unset;
    transform: translateX(50%);
  }
  .alvark_lp_methodBox {
    width: 343px;
    margin: 0 16px;
    padding: 20px 0 26px;
  }
  .alvark_lp_methodBox .alvark_lp_methodInfo {
    padding: 42px 0 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 13px;
    height: auto !important;
  }
  .alvark_lp_methodInfo dl {
    /* display: grid; */
    display: block;
    height: 100%;
    /* grid-template-rows: auto 1fr; */
  }
  .alvark_lp_methodTit span {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 24px;
    padding-left: 11px;
  }
  .alvark_lp_methodTit span::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 0;
    z-index: 3;
    /* background: url('../image/svg/icon_vote_tit01.svg') left center no-repeat; */
    width: 100%;
    height: 100%;
    background-size: auto;
  }
  .methodBox02 .alvark_lp_methodTit span::before {
    width: 30px;
    /* background-size: 100%; */
    left: -28px;
  }
  .methodBox03 .alvark_lp_methodTit span::before {
    width: 30px;
    left: -28px;
    /* background-size: 100%; */
  }
  .alvark_lp_methodInfo {
    position: relative;
  }
  .alvark_lp_methodInfo dt {
    width: 100%;
    margin-right: unset;
    text-align: center;
  }
  .alvark_lp_methodInfo dt span {
    display: block;
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.14;
    white-space: break-spaces;
  }
  .alvark_lp_methodInfo dt span.color_red.sp {
    display: inline-block;
  }
  .alvark_lp_methodInfo dt span.pc {
    display: none;
  }
  .alvark_lp_methodInfo dt span:first-child {
    padding: 0 20px;
  }
  .alvark_lp_methodInfo dt span:last-child {
    padding: 0 40px;
  }
  .alvark_lp_methodInfo dt span + span {
    margin-top: 11px;
  }
  .alvark_lp_methodInfo dt .black {
    padding: 0 7px;
    background: #22252a;
    line-height: 1.14;
    margin: 11px 67px 0;
  }
  .alvark_lp_methodInfo dd {
    width: 302px;
    margin: 42px auto 0;
    /* height: 184px; */
  }
  .alvark_lp_methodBtn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    margin: 17px auto 0;
    /* width: 166px; */
    height: 34px;
  }
  .alvark_lp_voteTime {
    padding-top: unset;
  }
  .alvark_lp_voteTime dl {
    width: 100%;
    margin: 29px auto 0;
    display: block;
  }
  .alvark_lp_voteTime dt,
  .alvark_lp_voteTime dd {
    width: 100%;
    font-size: 18px;
    line-height: 1.13;
    padding: 0 16px;
    height: unset;
  }
  .alvark_lp_voteTime dd {
    margin-left: unset;
    margin-top: 20px;
  }
  .alvark_lp_voteTime dt p:first-child,
  .alvark_lp_voteTime dd p:first-child {
    padding-top: 13px;
  }
  /* .alvark_lp_voteTime dt p:last-child,
  .alvark_lp_voteTime dd p:last-child {
    padding: 4px 0 16px;
  } */
  .alvark_lp_voteTime dd p:nth-child(2) {
    font-size: 20px;
  }
  .alvark_lp_voteBtn {
    text-align: center;
    margin-top: 28px;
  }
}

/***alvark_lp_event***/
.alvark_lp_event {
  padding: 59px 0 80px;
}
.alvark_lp_event .tit01 {
  height: 322px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alvark_lp_eventImage {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  /* border-radius: 10px; */
  border: #22252a 2px solid;
}
.alvark_lp_eventImage img {
  width: 100%;
}
.alvark_lp_eventSlider {
  padding: 50px 0 103px;
  margin: 0 -5px;
}
.alvark_lp_eventSlider .slick-prev,
.alvark_lp_eventSlider .slick-next {
  position: absolute;
  width: 32px;
  height: 53px;
  z-index: 3;
  background: url("../image/svg/icon_prev02.svg") no-repeat;
  background-size: 100% auto;
  left: 65px;
  margin-left: unset;
  top: unset;
  bottom: 0;
  transform: translateY(-50%);
  transform: translateX(-50%);
}
.alvark_lp_eventSlider .slick-next {
  background: url("../image/svg/icon_next02.svg") no-repeat;
  background-size: 100% auto;
  left: auto;
  right: 65px;
  margin-left: unset;
  margin-right: unset;

  transform: translateX(50%);
}
.alvark_lp_eventSlider .slick-dots {
  bottom: 26px;
}
.alvark_lp_eventSlider .slick-dots li button:before {
  background: #cfcfcf;
}
.alvark_lp_eventSlider .slick-dots li.slick-active button:before {
  background: #e60021;
}
.alvark_lp_eventSlider .slick-list {
  overflow: visible;
}
.alvark_lp_eventBox {
  padding-bottom: 45px;
  margin: 0 5px;
  width: 328px;
  display: block;
  position: relative;
}
.alvark_lp_eventBox a {
  text-decoration: none !important;
}
.alvark_lp_eventBoxImage {
  width: 100%;
}
.alvark_lp_eventTxt {
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #000000;
}
.alvark_lp_eventBtnDetail {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.alvark_lp_eventBtnDetail span {
  display: inline-block;
  width: 85px;
}
.alvark_lp_eventBtnDetail span img {
  width: 100%;
}
.alvark_lp_eventBtn {
  text-align: center;
  margin-top: 32px;
}
.alvark_lp_eventBtn a {
  display: inline-block;
  width: 336px;
}
.alvark_lp_eventBtn a img {
  width: 100%;
}
.fancyEventboxWrap {
  width: 870px;
  font-family: "GenJyuuGothic-P";
}

.alvark_lp_eventBoxImage img {
  /* border-radius: 16px; */
  border: #0f0f0f 1px solid;
}
.scrollCont {
  position: relative;
  margin-top: 100px;
  background: #fff;
  padding: 47px 25px 125px;
  border-radius: 10px;
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.16);
}
.dateP {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translateY(-50%);
  font-size: 48px;
  font-weight: bold;
  padding: 0 34px;
  background: #e2000b;
  color: #fff;
  line-height: 61px;
}
.dateP span {
  font-size: 42px;
}
.alvark_lp_eventBoxTit {
  font-size: 28px;
  font-weight: bold;
  padding: 27px 0;
  border-bottom: 3px solid #e8e8e8;
  color: #0f0f0f;
}
.alvark_lp_eventBoxTxt {
  padding-top: 27px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.66;
  color: #0f0f0f;
}
.alvark_lp_eventFancyLink a {
  font-size: 24px;
  display: block;
  color: #007fff;
  padding-top: 17px;
  line-height: 1.5;
  text-decoration: none;
  font-weight: 400;
  font-family: "Noto Sans", sans-serif;
}
.fancyEventboxWrap .fancybox_close {
  position: absolute;
  left: 50%;
  bottom: 101px;
  transform: translate(-50%, 50%);
  z-index: 3;
}
.fancyEventboxWrap .fancybox_prev {
  transform: translateX(-50%);
  left: -40px;
}
.fancyEventboxWrap .fancybox_next {
  transform: translateX(50%);
  right: -40px;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_event {
    padding: 32px 0 69px;
  }
  .alvark_lp_event .tit01 {
    height: 138px;
  }
  .alvark_lp_eventImage {
    max-width: 100%;
    margin-top: 24px;
  }
  .alvark_lp_eventSlider {
    padding: 20px 0 67px;
    margin: 0 -5px;
  }
  .alvark_lp_eventBox {
    width: 164px;
  }
  .alvark_lp_eventBoxImage {
    width: 100%;
  }
  .alvark_lp_eventSlider .slick-prev,
  .alvark_lp_eventSlider .slick-next {
    background: url("../image/svg/icon_prev02.svg") no-repeat;
    background-size: 100% auto;
    left: -10px;
    margin-left: unset;
    top: unset;
    bottom: 0;
    transform: translateY(-50%);
    transform: translateX(0);
  }
  .alvark_lp_eventSlider .slick-next {
    background: url("../image/svg/icon_next02.svg") no-repeat;
    background-size: 100% auto;
    left: auto;
    right: -10px;
    margin-left: unset;
    margin-right: unset;

    transform: translateX(0);
  }
  .alvark_lp_eventSlider .slick-dots {
    transform: translate(-50%, 50%);
  }
  .alvark_lp_eventTxt {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.08;
  }
  .alvark_lp_eventBtnDetail {
    bottom: 0;
    left: 50%;
  }
  .alvark_lp_eventBtn {
    text-align: center;
    margin-top: 25px;
  }

  .fancyEventboxWrap {
    width: 315px;
  }

  .alvark_lp_eventBoxImage img {
    /* border-radius: 6px; */
  }
  .scrollCont {
    border-radius: 8px;
    margin-top: 52px;
    padding: 16px 16px 74px;
  }
  .dateP {
    font-size: 24px;
    padding: 0 15px;
    line-height: 30px;
  }
  .dateP span {
    font-size: 21px;
  }
  .alvark_lp_eventBoxTit {
    font-size: 16px;
    padding: 8px 0 11px;
    border-bottom: 1px solid #e8e8e8;
  }
  .alvark_lp_eventBoxTxt {
    padding-top: 10px;
    font-size: 14px;
    line-height: 2;
  }
  .alvark_lp_eventFancyLink a {
    font-size: 14px;
    padding-top: 5px;
  }
  .fancyEventboxWrap .fancybox_close {
    bottom: 30px;
  }
  .fancyEventboxWrap .fancybox_prev {
    transform: translateX(-50%);
    left: -16px;
  }
  .fancyEventboxWrap .fancybox_next {
    transform: translateX(50%);
    right: -16px;
  }
}
/***alvark_lp_profile***/
.alvark_lp_profile {
  padding: 49px 0 80px;
}
.alvark_lp_profile .tit02 {
  color: #fff !important;
}
.alvark_lp_profile .alvark_lp_title:first-child p {
  color: #e60021;
}
.alvark_lp_profileArea dl {
  display: flex;
  align-items: center;
  margin-top: 23px;
}
.alvark_lp_profileArea .profileItem01 {
  padding: 0 77px 0 62px;
}
.alvark_lp_profileArea .profileItem02 {
  padding: 0 29px;
  align-items: flex-end;
  margin-top: unset;
}
.alvark_lp_profileArea .profileItem03 {
  padding: 0 77px;
  margin-top: 69px;
  align-items: flex-end;
}
.profileItem01 dt {
  width: calc(100% - 350px);
  margin-right: 15px;
}
.profileItem01 dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 34px 30px;
  color: #22252a;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.9;
  background: #fff;
  border-radius: 20px;
  border: 3px #e60021 solid;
}
.profileItem01 dd {
  width: 335px;
}
.profileItem02 dt {
  width: calc(100% - 441px);
  margin-right: 52px;
}
.profileItem02 dd {
  width: 389px;
}
.profileItem03 dt {
  text-align: center;
  width: 555px;
  margin-right: 52px;
  border: #000000 2px solid;
}
.profileItem03 dd {
  width: calc(100% - 641px);
  margin-left: 86px;
  margin-bottom: 35px;
}
.profileItem03 dd .alvark_lp_profileImage {
  width: 161px;
}
.alvark_lp_profileBtn {
  position: relative;
  cursor: pointer;
}
.alvark_lp_profileBtn a {
  content: "";
  position: absolute;
  right: 76px;
  top: -42px;
  z-index: 3;
  width: 252px;
  height: 100%;
  background-size: auto;
}
.alvark_lp_profileImage img {
  width: 100%;
  height: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_profile {
    padding: 40px 0 50px;
  }
  .alvark_lp_profileArea dl {
    /* display: block; */
    margin-top: 15px;
  }
  .alvark_lp_profileArea .profileItem01 {
    flex-direction: column-reverse;
    padding: unset; /*
		margin-top: 173px; */
    position: relative;
    z-index: 2;
  }
  .alvark_lp_profileArea .profileItem02 {
    padding: unset;
    margin-top: 10px;
    flex-direction: column;
  }
  .alvark_lp_profileArea .profileItem03 {
    padding: 0 16px;
    margin-top: 40px;
    align-items: unset;
    flex-direction: column-reverse;
  }
  .profileItem01 dt {
    width: 100%;
    margin-right: unset;
  }
  .profileItem01 dt span {
    display: block;
    padding: 22px 16px;
    color: #22252a;
    font-size: 16px;
    font-weight: 00;
    line-height: 2.12;
  }
  .profileItem01 dd {
    width: 100%;
    text-align: center;
  }
  .profileItem01 dd .alvark_lp_profileImage {
    width: 179px;
    height: 228px;
    transform: translateX(50%);
    margin-bottom: -75px;
    position: relative;
    z-index: -1;
  }
  .profileItem02 dt {
    width: 100%;
    margin-right: unset;
  }
  .profileItem02 dt .alvark_lp_profileImage {
    width: 343px;
  }
  .profileItem02 dd {
    width: 100%;
    padding: 0 16px;
    margin-top: 34px;
  }
  .profileItem03 dt {
    margin-top: -10px;
    width: 100%;
    margin-right: unset;
  }
  .profileItem03 dd {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: unset;
    margin-bottom: unset;
  }
  .profileItem03 dd .alvark_lp_profileImage {
    width: 239px;
  }
  .alvark_lp_profileBtn {
    position: relative;
    text-align: center;
    margin-top: -67px;
  }
  .alvark_lp_profileBtn a {
    position: unset;
  }
}

/***alvark_lp_gallery***/
.alvark_lp_gallery {
  padding: 14px 0 100px;
}
.alvark_lp_galleryImage {
  position: relative;
  padding-top: 290px;
}
.alvark_lp_galleryImage::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 3;
  background: url("../image/png/gallery_top_image.png") center top no-repeat;
  width: 559px;
  transform: translateX(-50%);
  height: 100%;
  background-size: 100% auto;
  pointer-events: none;
}
.alvark_lp_galleryImageList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-gap: 8px;
  aspect-ratio: 1/1;
}

.alvark_lp_galleryImageList li:first-child {
  grid-column: 1/3;
  grid-row: 1/3;
}

.alvark_lp_galleryImageList li:nth-child(2) {
}

.alvark_lp_galleryImageList li:nth-child(3) {
  grid-column: 3/4;
}

.alvark_lp_galleryImageList li:nth-child(4) {
  grid-row: 1/3;
  grid-column: 4/5;
}

.alvark_lp_galleryImageList li:nth-child(5) {
  grid-row: 3/5;
}

.alvark_lp_galleryImageList li:nth-child(6) {
}

.alvark_lp_galleryImageList li:nth-child(7) {
  grid-column: 2/3;
}

.alvark_lp_galleryImageList li:nth-child(8) {
  grid-column: 3/5;
  grid-row: 3/4;
}

.alvark_lp_galleryImageList li:nth-child(9) {
  grid-column: 3/4;
  grid-row: 4/5;
}

.alvark_lp_galleryImageList li:nth-child(10) {
  grid-column: 4/5;
  grid-row: 4/5;
}

.alvark_lp_galleryImageList a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  /* padding-top: 100%; */
}
.alvark_lp_galleryImageList a img {
  /* position: absolute; */
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fancybox-content {
  background: unset;
}
.fancybox-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.fancybox-stage {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-navigation .fancybox-button {
  opacity: 1;
}
.fancybox-content {
  overflow: visible;
}
.fancybox-navigation {
  display: none !important;
}
.fancyboxWrap {
  position: relative;
}
.fancybox_prev {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 3;
  height: 53px;
  width: 32px;
  transform: translateY(-50%);
}
.fancybox_next {
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  z-index: 3;
  height: 53px;
  width: 32px;
  transform: translateY(-50%);
}
.fancybox-button path {
  opacity: 0;
}
.fancyboxWrap .fancyBox_image {
  width: 100%;
  padding: 0 42px;
  max-width: 880px;
}
.fancyboxWrap .fancyBox_image img {
  width: 100%;
  height: 100%;
  border: 10px solid white;
}
.fancybox-slide--html {
  padding: unset;
}
.fancybox-infobar {
  display: none;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_gallery {
    padding: 23px 0 50px;
  }
  /* .alvark_lp_galleryImageList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2px;
  } */

  .alvark_lp_galleryImage {
    position: relative;
    padding-top: 163px;
  }
  .alvark_lp_galleryImage::before {
    top: 5px;
    left: 50%;
    width: 294px;
    transform: translateX(-50%);
    background-size: 100% auto;
  }
  .fancybox-content {
    padding: unset;
  }
}

/***alvark_lp_news***/
.alvark_lp_news {
  padding: 49px 0 78px;
}
.alvark_lp_newsList {
  margin-top: 46px;
  display: flex;
}
.alvark_lp_newsList li {
  margin: 0 40px;
}
.alvark_lp_newsImage {
  border-radius: 10px;
}
.alvark_lp_newsImage img {
  width: 100%;
  border: 2px #fff0f3 solid;
  border-radius: 10px;
}
.alvark_lp_newsDate {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.alvark_lp_newsTxt {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.alvark_lp_newsBtn {
  margin-top: 50px;
  text-align: center;
}
.alvark_lp_newsBtn a {
  display: inline-block;
  width: 286px;
  height: 52px;
}
.alvark_lp_newsBtn a img {
  width: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_news {
    padding: 32px 0 55px;
  }
  .alvark_lp_newsList {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
  }
  .alvark_lp_newsList li {
    margin: unset;
    display: flex;
  }
  .alvark_lp_newsList li + li {
    margin-top: 25px;
  }
  .alvark_lp_newsImage {
    width: 140px;
  }
  .alvark_lp_newsInfo {
    width: calc(100% - 148px);
    margin-left: 8px;
  }
  .alvark_lp_newsDate {
    margin-top: unset;
  }
  .alvark_lp_newsTxt {
    -webkit-line-clamp: 3;
  }
  .alvark_lp_newsBtn {
    margin-top: 32px;
  }
  .alvark_lp_newsBtn a {
    width: 166px;
    height: 34px;
  }
}
/**goods**/
.alvark_lp_goods {
  padding-top: 50px;
  padding-bottom: 80px;
}
.goodsTit {
  font-size: 265px !important;
  height: auto !important;
  line-height: 265px !important;
  position: relative;
  top: -19px;
}
.goodsTit02 {
  position: relative;
  top: -59px;
}
.alvark_lp_goodsSlider {
  padding: 0 0 99px;
}
.alvark_lp_goodsBox {
  width: 311px;
  padding: 0 16px;
  margin: 0 15px;
}
.alvark_lp_goodsImage {
  display: block;
  background: #fff;
  width: 100%;
  height: 311px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.alvark_lp_goodsImage::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  background: url("../image/svg/icon_cart.svg") right bottom no-repeat;
  width: 42px;
  height: 42px;
  background-size: 100%;
}
.alvark_lp_goodsImage.not_active::after {
  display: none;
}
.alvark_lp_goodsImage a {
  display: block;
  width: 100%;
  height: 251px;
  position: relative;
  padding-top: 100%;
}
.alvark_lp_goodsImage img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.alvark_lp_goodsName,
.alvark_lp_goodsPrice {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
}
.alvark_lp_goodsSlider .slick-prev,
.alvark_lp_goodsSlider .slick-next {
  position: absolute;
  width: 32px;
  height: 53px;
  z-index: 3;
  background: url("../image/svg/icon_prev02.svg") no-repeat;
  background-size: 100% auto;
  left: 65px;
  margin-left: unset;
  top: unset;
  bottom: 0;
  transform: translateY(0);
  transform: translateX(0);
}
.alvark_lp_goodsSlider .slick-next {
  background: url("../image/svg/icon_next02.svg") no-repeat;
  background-size: 100% auto;
  left: auto;
  right: 65px;
  margin-left: unset;
  margin-right: unset;

  transform: translateX(0);
}
.alvark_lp_goodsSlider .slick-dots {
  bottom: 26px;
}
.alvark_lp_goodsSlider .slick-dots li button:before {
  background: #cfcfcf;
}
.alvark_lp_goodsSlider .slick-dots li.slick-active button:before {
  background: #e60021;
}
.alvark_lp_goodsBtn {
  margin-top: 40px;
  text-align: center;
}
.alvark_lp_goodsBtn a {
  display: inline-block;
  width: 320px;
  height: 93px;
}
.alvark_lp_goodsBtn a img {
  width: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_goods {
    padding-bottom: 50px;
  }
  .goodsTit {
    font-size: 192px !important;
    height: auto !important;
    line-height: 192px !important;
    position: relative;
    top: -20px;
  }
  .goodsTit02 {
    position: relative;
    top: -22px;
    transform: translateY(-50%);
  }
  .alvark_lp_goodsSlider {
    padding-bottom: 86px;
  }
  .alvark_lp_goodsBox {
    width: 311px;
    margin: unset;
    margin: unset;
    padding: 0 16px;
    margin: 0 16px;
  }
  .alvark_lp_goodsSlider .slick-prev,
  .alvark_lp_goodsSlider .slick-next {
    left: -16px;
  }
  .alvark_lp_goodsSlider .slick-next {
    left: auto;
    right: -16px;
  }
  .alvark_lp_goodsBtn {
    margin-top: 24px;
    text-align: center;
  }
}

/***alvark_lp_banner***/
.alvark_lp_banner {
  padding: 77px 0 80px;
  position: relative;
}
.alvark_lp_banner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e60021;
  width: 100%;
  height: 20px;
}
.alvark_lp_bannerInfo {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-columns: repeat(3,1fr);
  /* padding: 0 100px; */
  justify-content: center;
  gap: 20px;
}
.alvark_lp_bannerImage {
  /* width: 368px; */
}
.alvark_lp_bannerImage + .alvark_lp_bannerImage {
  /* margin-left: 64px; */
}
.alvark_lp_bannerImage img {
  width: 100%;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_banner {
    padding: 32px 0 50px;
  }
  .alvark_lp_banner::after {
    height: 10px;
  }
  .alvark_lp_bannerInfo {
    display: flex;
    flex-direction: column;
    padding: unset;
  }
  .alvark_lp_bannerImage {
    width: 100%;
  }
  .alvark_lp_bannerImage + .alvark_lp_bannerImage {
    margin-left: unset;
    margin-top: 32px;
  }
}
/***alvark_lp_instagram***/
.alvark_lp_instagram {
  padding: 50px 0 100px;
  position: relative;
}
.alvark_lp_instagram::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e60021;
  width: 100%;
  height: 20px;
}
.alvark_lp_instagramArea {
  margin-top: 50px;
}
.alvark_lp_instagramList {
  display: flex;
}
.alvark_lp_instagramList li {
  width: 20%;
  height: 20%;
}
.alvark_lp_instagramList li p {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 100%;
}
.alvark_lp_instagramList li p img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .alvark_lp_instagram {
    padding: 40px 0 50px;
    position: relative;
  }
  .alvark_lp_instagram::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e60021;
    width: 100%;
    height: 20px;
  }
  .alvark_lp_instagramArea {
    margin: 24px -16px 0;
  }
}

/***alvark_lp_videos***/
.alvark_lp_videos {
  padding: 49px 0 76px;
}
.alvark_lp_videosArea dl {
  display: flex;
  align-items: flex-end;
}
.alvark_lp_videosArea dt {
  width: 490px;
  margin-bottom: 33px;
  background: #fff;
  position: relative;
  left: 80px;
  z-index: 3;
}
.alvark_lp_videosArea dt span {
  display: block;
  padding: 38px 36px;
  border: #e60021 3px solid;
  border-radius: 20px;
  font-size: 21px;
  color: #22252a;
  line-height: 1.66;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.alvark_lp_videosArea dd {
  width: calc(100% - 490px);
  margin-right: 60px;
}

.videosSlider {
  padding: 45px 0 86px;
}
.videosSlider .slick-dots {
  bottom: 26px;
}
.videosSlider .slick-dots li button:before {
  background: #cfcfcf;
}
.videosSlider .slick-dots li.slick-active button:before {
  background: #e60021;
}
.videosSlider .slick-prev,
.videosSlider .slick-next {
  background: url("../image/svg/icon_prev02.svg") no-repeat;
  transform: translate(-50%, -50%);
  position: absolute;
}
.videosSlider .slick-prev {
  left: 90px;
  bottom: -26px;
  top: initial;
  margin: 0;
}
.videosSlider .slick-next {
  background: url("../image/svg/icon_next02.svg") no-repeat;
  transform: translate(50%, -50%);
  right: 90px;
  margin: 0;
  bottom: -26px;
  top: initial;
}
.alvark_lp_videosBtn {
  margin-top: 24px;
}
.alvark_lp_videosBtn {
  margin-top: 30px;
  text-align: center;
}
.alvark_lp_videosBtn a {
  display: inline-block;
  width: 289px;
  height: 101px;
}
.alvark_lp_videosBtn a img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .alvark_lp_videos {
    padding: 40px 0 50px;
  }
  .alvark_lp_videosArea dl {
    display: flex;
    flex-direction: column-reverse;
    align-items: unset;
  }
  .alvark_lp_videosArea dt {
    width: 100%;
    margin-bottom: unset;
    margin-top: -84px;
    left: auto;
  }
  .alvark_lp_videosArea dt span {
    padding: 22px 16px;
    font-size: 16px;
    color: #22252a;
    line-height: 2.21;
  }
  .alvark_lp_videosArea dd {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .alvark_lp_videosArea dd p {
    width: 254px;
  }
  .videosSlider {
    padding: 30px 0 75px;
  }
  .videosSlider .slick-dots {
    bottom: 26px;
  }
  .videosSlider .slick-dots li button:before {
    background: #cfcfcf;
  }
  .videosSlider .slick-dots li.slick-active button:before {
    background: #e60021;
  }
  .videosSlider .slick-prev,
  .videosSlider .slick-next {
    position: absolute;
    width: 32px;
    height: 53px;
    z-index: 3;
    background: url("../image/svg/icon_prev02.svg") no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
  }
  .videosSlider .slick-prev {
    left: 0;
  }
  .videosSlider .slick-next {
    background: url("../image/svg/icon_next02.svg") no-repeat;
    background-size: 100% auto;
    right: 0;
  }
  .alvark_lp_videosBtn {
    margin-top: 24px;
  }
}

/****alvark_lp_websiteLinks****/
.alvark_lp_websiteLinks {
  display: flex;
  justify-content: center;
  gap: 4px;
  padding-top: 60px;
  border-top: 10px solid #e2000b;
}
.alvark_lp_websiteLinks p {
  width: 50%;
  text-align: center;
  max-width: 320px;
  height: 62px;
}
.alvark_lp_websiteLinks a {
  width: 100%;
  height: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
  font-size: 27px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 4px 0 #22252a;
  transition: all 0.5s;
}
.alvark_lp_websiteLinks a:hover {
  box-shadow: none;
  transform: translateY(4px);
  opacity: 1;
}
.alvark_lp_websiteLinks p:last-child a {
  color: #22252a;
  font-size: 2rem;
}
.alvark_lp_websiteLinks p:first-child a {
  background: #e60021;
  border: 1px solid #22252a;
  font-size: 1.6rem;
}

.alvark_lp_websiteLinks p:last-child a {
  background: #fff0f3;
  border: 1px solid #22252a;
  margin: 0 0 0 -1px;
}

/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_websiteLinks {
    display: flex;
    padding-top: 40px;
  }
  .alvark_lp_websiteLinks p {
    width: 50%;
    text-align: center;
  }
  .alvark_lp_websiteLinks p a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: unset;
    height: 60px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.28;
    text-decoration: none;
  }
  .alvark_lp_websiteLinks p:first-child a {
    font-size: 1.4rem;
  }
  .alvark_lp_websiteLinks p:last-child a {
    font-size: 1.4rem;
  }
}

/***alvark_lp_follow***/
.alvark_lp_follow {
  padding: 65px 0 76px;
}
.alvark_lp_followList {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.alvark_lp_followList li {
  width: 74px;
  margin: 0 21px;
}
.alvark_lp_followList li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  position: relative;
}
.alvark_lp_followList li a img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%0;
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_follow {
    padding: 40px 0 50px;
  }
  .alvark_lp_followList {
    padding: 0 16px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-left: -27px;
  }
  .alvark_lp_followList li {
    width: 54px;
    margin: 25px 0 0 27px;
  }
}
/* alvark_lp_footer
-----------------------------------------------------------*/
.alvark_lp_footer {
  background: #e60021;
  padding: 75px 0 153px;
  text-align: center;
}
.alvark_lp_footerLogo {
  width: 100%;
  text-align: center;
}
.alvark_lp_footerLogo a {
  display: inline-block;
  width: 154px;
}
.alvark_lp_footerLogo a img {
  width: 100%;
}
.alvark_lp_copyright {
  text-align: center;
  padding-top: 27px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

/*** footerスマホ 320px ~ 767px***/
@media screen and (max-width: 767px) {
  .alvark_lp_footer {
    padding: 51px 0 128px;
  }
  .alvark_lp_footerLogo {
    width: 100%;
    text-align: center;
  }
  .alvark_lp_copyright {
    padding-top: 32px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.75;
  }
}

.snap-widget {
  display: block;
  height: max-content;
}

/* 20240708追記 */
.alvark_lp_goods .tit01 {
  color: white;
}

.alvark_lp_goods .tit02 {
  background: #fff;
  color: #e60021;
}

.alvark_lp_goodsLists {
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-top: 50px;
}

.alvark_lp_goodsList {
  margin: 0 16px;
}

.alvark_lp_goodsList a {
  color: inherit;
  text-decoration: none;
}

.alvark_lp_goodsLists .slider-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  margin-top: 60px;
}

.alvark_lp_goodsLists .slider-dots li {
  list-style: none;
  width: 6px;
  height: 6px;
  background-color: #cfcfcf;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
}

.alvark_lp_goodsLists .slider-dots li.slick-active {
  background-color: #000;
}

.alvark_lp_goodsLists .slider-dots button {
  display: none;
}

.alvark_lp_goodsLists .slide-arrow {
  position: absolute;
  bottom: -26px;
  width: 32px;
  height: 53px;
  cursor: pointer;
  z-index: 1;
}

.alvark_lp_goodsLists .prev-arrow {
  left: 16px;
  background: url(../image/svg/icon_prev03.svg);
}

.alvark_lp_goodsLists .next-arrow {
  right: 16px;
  background: url(../image/svg/icon_next03.svg);
}

.alvark_lp_goodsName {
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px;
}

.alvark_lp_goodPrice {
  font-size: 16px;
  font-family: "GenJyuuGothic-P";
}

.alvark_lp_goods_btn {
  max-width: 350px;
  margin-inline: auto;
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .alvark_lp_goods_btn {
    max-width: 310px;
    margin-top: 60px;
  }
}

.alvark_lp_goods_btn a {
  display: block;
}

.alvark_lp_goods_btn a:hover {
  opacity: 0.7;
}

.alvark_lp_goods_btn img {
  width: 100%;
}

.alvark_lp_footer_lists {
  max-width: 750px;
  border-top: 1px solid #fff;
  margin-inline: auto;
  margin-top: 40px;
}

.alvark_lp_footer_list {
  position: relative;
  border-bottom: 1px solid #fff;
}

.alvark_lp_footer_list::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  top: 50%;
  right: 20px;
  background: url(../image/svg/arrow.svg) center center / contain no-repeat;
  transform: translateY(-50%);
}

.alvark_lp_footer_list a {
  display: block;
  text-align: left;
  padding: 20px 15px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  line-height: 1.2;
  transition: all 0.3s;
}

.alvark_lp_footer_list a:hover {
  opacity: 0.7;
}
