@charset "UTF-8";


html.theme-pc body {
    min-width: 1200px;
}
div#template {
    padding-bottom: 0 !important;
}

/*
----------------------------*/
div#template {
	font-family: 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka;
}
div#template.type02 #sectionA.sec {
    padding: 0px 0 0px!important;
}
div#template.type02 #sectionB.sec, div#template.type02 #sectionC.sec, div#template.type02 #sectionD.sec {
    padding: 56px 0 50px!important;
}
div#template.type02 #sectionD.sec {
  padding-bottom: 0 !important;
}
/* Common
----------------------------*/
div#wrapper {
	padding: 0;
	overflow: visible;
}
div#wrapper #container {
	padding: 0;
	width: auto;
}
div#wrapper #container #contentWrapper {
	margin-bottom: 0;
	width: auto;
}
div#wrapper #mainContent {
	float: none;
	margin: 0 auto;
	width: auto !important;
}
div#wrapper #container #endContent {
	width: 1252px;
}

#lp-segaUfo,#lp-segaUfo * {
    box-sizing: border-box;
}

#lp-segaUfo .lp-u-text-center {
    text-align: center;
}
/* -------------------------------------
    mv
------------------------------------- */
#lp-segaUfo .lp-mv {
    overflow: hidden;
    background: #fff;
}

#lp-segaUfo .lp-mv-inner {
    min-height: 322px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    min-height: 396px;
    position: relative;
}
html.theme-pc #lp-segaUfo .lp-mv-inner::before {
    position: absolute;
    content: "";
    display: block;
    background: url("https://www.a-q-f.com/common/pc/img/contents/extra/sega-ufo/pc_bg.jpg") repeat top center;
    height: 272px;
    width: 100%;
    top: 50px;
}
#lp-segaUfo.is-sp .lp-mv-inner {
    min-height: auto;
    width: 100%;
}
#lp-segaUfo .lp-main {
    background: #fff;
    padding: 30px 0 20px;
}
html.theme-pc #lp-segaUfo .lp-main {
    margin-top: -74px;
}
#lp-segaUfo.is-sp .lp-main {
    padding: calc((34 / 750) * 100vw) calc((32 / 750) * 100vw);
}
#lp-segaUfo .lp-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}
#lp-segaUfo .lp-section-inner > *:last-child {
    margin-bottom: 0;
}
#lp-segaUfo.is-sp .lp-mv {
    background: url("https://www.a-q-f.com/common/sp/img/contents/extra/1kuji/mv_bg.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
}
#lp-segaUfo .lp-mv-title {
    margin-bottom: 24px;
    width: 100%;
}
html.theme-pc #lp-segaUfo .lp-mv-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1420px;
    min-width: 1420px;
}
#lp-segaUfo .lp-mv-title > img {
    max-width: 100%;
}
#lp-segaUfo.is-sp .lp-mv-title {
    width: 100%;
    text-align: center;
    /* max-width: calc((411 / 750) * 100vw); */
    /* min-width: 232px; */
    margin-bottom: 0;
}
#lp-segaUfo.is-sp .lp-mv-title > img {
    max-width: 100%;
    width: 100%;
}
/* -------------------------------------
    point
------------------------------------- */
#lp-segaUfo .lp-point-group {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 48px
}
#lp-segaUfo .lp-pointText-group {
    margin-bottom: 28px;
    text-align: center;
}
#lp-segaUfo.is-sp .lp-pointText-group {
    margin-bottom: calc((32 / 750) * 100vw);
}
#lp-segaUfo .lp-pointText {
    display: inline-flex;
    align-items: baseline;
    font-weight: bold;
    color: #333;
}
#lp-segaUfo .lp-pointText-name {
    line-height: 1.25;
    font-size: 24px;
    padding-right: 6px;
}
#lp-segaUfo .lp-pointText-normal {
    font-size: 27px;
    line-height: 1.25;
}
#lp-segaUfo .lp-pointText-normal.has_sale {
    padding-right: 50px;
    position: relative;
}
#lp-segaUfo .lp-pointText-normal.has_sale::after {
    width: 12px;
    height: 20px;
    background: url("https://www.a-q-f.com/common/pc/img/contents/extra/1kuji/arrow.png") no-repeat center center;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
#lp-segaUfo .lp-pointText-normal {
    display: none;
}
#lp-segaUfo .lp-pointText-normal.has_sale {
    display: inline-block;
}
#lp-segaUfo .lp-pointText-display {
    display: inline-block;
    font-size: 30px;
    line-height: 1.25;
    color: #e50211;
}
#lp-segaUfo .lp-pointText-display span {
    font-size: 48px;
    line-height: 1;
    position: relative;
    top: 3px;
}
#lp-segaUfo .lp-pointText-period {
    display: none;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-top: 12px;
}
#lp-segaUfo .lp-pointText-period.has_sale {
    display: block;
}
#lp-segaUfo.is-sp .lp-point-group {
    margin-bottom: calc((36 / 750) * 100vw);
}
#lp-segaUfo.is-sp .lp-pointText-name {
    font-size: 4.2vw;
}
#lp-segaUfo.is-sp .lp-pointText-normal {
    font-size: 4.67vw;
    padding-right: calc((8 / 750) * 100vw);
}
#lp-segaUfo.is-sp .lp-pointText-normal.has_sale {
    padding-right: calc((64 / 750) * 100vw);
}
#lp-segaUfo.is-sp .lp-pointText-display {
    font-size: 6vw;
}
#lp-segaUfo.is-sp .lp-pointText-display span {
    font-size: 9.5vw;
}
#lp-segaUfo.is-sp .lp-pointText-normal.has_sale::after {
    width: 2.67vw;
    height: 4.53vw;
    right: calc((20 / 750) * 100vw);
    max-width: 20px;
}
#lp-segaUfo.is-sp .lp-pointText-period {
    font-size: clamp(12px, 3.4vw, 36px);
    margin-top: calc((18 / 750) * 100vw);
}
/* -------------------------------------
    button
------------------------------------- */
#lp-segaUfo .lp-button {
    position: relative;
    background: rgb(211, 0, 14);
    background: linear-gradient(0deg, rgba(211, 0, 14, 1) 0%, rgba(211, 0, 14, 1) 50%, rgba(229, 2, 17, 1) 50%, rgba(229, 2, 17, 1) 100%);
    /* border-bottom: 5px solid #94000a; */
    border-radius: 60px;
    display: block;
    max-width: 542px;
    width: 100%;
    padding: 10px 40px 4px;
    text-align: center;
    margin: 0px auto 30px;
    position: relative;
    color: #fff;
    text-decoration: none;
    min-height: 86px;
    box-shadow: 0 5px 0px #94000a;
    transition: box-shadow 0.3s, opacity 0.3s;
    opacity: 1;
}
#lp-segaUfo.is-sp .lp-button {
    margin-top: calc((-88 / 750) * 100vw);
    max-width: calc((610 / 750) * 100vw);
    width: 100%;
    padding-right: calc((46 / 750) * 100vw);
    padding-left: calc((34 / 750) * 100vw);
    padding-top: clamp(6px, 2vw, 18px);
    padding-bottom: clamp(4px, 2.2vw, 14px);
    box-shadow: 0 calc((6 / 750) * 100vw) 0px #94000a;
    min-height: auto;
    border-radius: clamp(58px, 4.8vw, 66px);
    margin-bottom: calc((40 / 750) * 100vw);
}
#lp-segaUfo .lp-button:active {
    opacity: 0.8;
    box-shadow: none ;
}
@media (hover: hover) {
    #lp-segaUfo .lp-button:hover {
        opacity: 0.8;
        box-shadow: none;
    }
}
#lp-segaUfo .lp-button::after {
    content: "";
    position: absolute;
    display: block;
    width: 14px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    background: url("https://www.a-q-f.com/common/pc/img/contents/extra/1kuji/arrow-white.png") no-repeat center center;
    background-size: contain;
}
#lp-segaUfo.is-sp .lp-button::after {
    right: calc((20 / 750) * 100vw);
    width: calc((14 / 750) * 100vw);
    min-width: 8px;
    margin-bottom: calc((34 / 750) * 100vw);
}
#lp-segaUfo .lp-button:visited,
#lp-segaUfo .lp-button:focus,
#lp-segaUfo .lp-button:visited {
    color: #fff;
}
#lp-segaUfo .lp-button-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
#lp-segaUfo .lp-button-wrapper {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 36px;
}
#lp-segaUfo.is-sp .lp-button-inner {
    gap: calc((4 / 750) * 100vw);
}
#lp-segaUfo .lp-button-text {
    font-size: 28px;
    font-weight: bold;
}
#lp-segaUfo.is-sp .lp-button-text {
    font-size: calc((34 / 750) * 100vw);
    line-height: 1.25;
}
#lp-segaUfo .lp-button-subtext {
    font-size: 20px;
}
#lp-segaUfo.is-sp .lp-button-subtext {
    font-size: clamp(14px, 3.2vw, 32px);
    line-height: 1.25;
}
#lp-segaUfo.is-sp .lp-button-wrapper {
    margin-bottom: calc((40 / 750) * 100vw);
}
/* -------------------------------------
    link
------------------------------------- */
#lp-segaUfo .lp-pointLink,
#lp-segaUfo .lp-pointLink:visited {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
}
#lp-segaUfo .lp-pointLink:active,
#lp-segaUfo .lp-pointLink:focus-visible {
    text-decoration: none;
}
@media (hover: hover) {
    #lp-segaUfo .lp-pointLink:hover {
        text-decoration: none;
    }
}
#lp-segaUfo .lp-pointLinkList {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}
#lp-segaUfo.is-sp .lp-pointLink {
    font-size: calc((24 / 750) * 100vw);
}
/* -------------------------------------
    banner
------------------------------------- */
#lp-segaUfo .lp-banner {
    margin-top: 60px;
    text-align: center;
    display: block;
    padding: 32px 30px;
    background: #004098;
    background: linear-gradient(90deg,rgba(0, 64, 152, 1) 0%, rgba(0, 112, 207, 1) 100%);
    width: 100%;
    transition: opacity 0.3s;
}
#lp-segaUfo .lp-banner:active {
    opacity: 0.8;
}
#lp-segaUfo .lp-banner:active img,
#lp-segaUfo .lp-banner:focus img {
    opacity: 1;
}
@media (hover: hover) {
    #lp-segaUfo .lp-banner:hover {
        opacity: 0.8;
    }
    #lp-segaUfo .lp-banner:hover img {
        opacity: 1;
    }
}
#lp-segaUfo .lp-banner-wrapper {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}
#lp-segaUfo.is-sp .lp-banner-wrapper {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}
#lp-segaUfo.is-sp .lp-banner {
    padding-top: calc((32 / 750) * 100vw);
    padding-bottom: calc((32 / 750) * 100vw);
    padding-left: 16px;
    padding-right: 16px;
    margin-top: calc((72 / 750) * 100vw);
}
#lp-segaUfo.is-sp .lp-banner img {
    min-width: 320px;
    max-width: 100%;
    width: clamp(320px, 84vw, 515px);
}
/* -------------------------------------
    1kujiInfo
------------------------------------- */
#segaUfoInfo {
    background: #fff;
    border: solid 2px #000000;
    border-radius: 18px;
    padding: 22px 22px 40px;
}
#segaUfoInfo.is-sp {
    padding: calc((22 / 750) * 100vw) calc((22 / 750) * 100vw) calc((34 / 750) * 100vw);
}
#lp-segaUfo #segaUfoInfo {
    max-width: 770px;
    width: 100%;
    margin: 0 auto 24px;
}
#lp-segaUfo.is-sp #segaUfoInfo {
    margin-bottom: calc((70 / 750) * 100vw);
}
#segaUfoInfo .segaUfoInfo-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 16px;
}
#segaUfoInfo.is-sp .segaUfoInfo-header {
    margin-bottom: calc((16 / 750) * 100vw);
}
#segaUfoInfo .segaUfoInfo-title {
    display: flex;
    align-items: center;
}
#segaUfoInfo.is-sp .segaUfoInfo-title {
    max-width: calc((320 / 750) * 100vw);
}
#segaUfoInfo .segaUfoInfo-list-wrapper {
    max-height: 294px;
    overflow-y: auto;
    margin-bottom: 20px;
}
#segaUfoInfo.is-sp .segaUfoInfo-list-wrapper {
    max-height: clamp(165px, 42vw, 550px);
    margin-bottom: calc((20 / 750) * 100vw);
}
#segaUfoInfo .segaUfoInfo-list > li {
    border-bottom: 1px solid #9a9a9a;
    /* margin-bottom: 10px; */
}
#segaUfoInfo .segaUfoInfo-list > li:last-child {
    margin-bottom: 0;
}
#segaUfoInfo .segaUfoInfo-link {
    position: relative;
    color: #333;
    text-decoration: none;
    display: inline-flex;
    /* padding: 10px 24px 10px 8px; */
    padding: 14px 24px 14px 8px;
    width: 100%;
    /* transition: background 0.3s; */
    z-index: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    line-height: 1.25;
}
#segaUfoInfo.is-sp .segaUfoInfo-link {
    padding-top: calc((14 / 750) * 100vw);
    padding-left: calc((8 / 750) * 100vw);
    padding-bottom: calc((14 / 750) * 100vw);
    padding-right: calc((24 / 750) * 100vw);
}
#segaUfoInfo .segaUfoInfo-link:active,
#segaUfoInfo .segaUfoInfo-link:focus {
    background: #f7f7f7;
}
@media (hover: hover) {
    #segaUfoInfo .segaUfoInfo-link:hover {
        /* background: #f7f7f7; */
    }
}
#segaUfoInfo .segaUfoInfo-link::before {
    background: #f4f4f4;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
    z-index: -1;
}
#segaUfoInfo .segaUfoInfo-link:active::before {
    transform-origin: left top;
    transform: scale(1, 1);
}
@media (hover: hover) {
    #segaUfoInfo .segaUfoInfo-link:hover::before {
        transform-origin: left top;
        transform: scale(1, 1);
    }
}

#segaUfoInfo .segaUfoInfo-label {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #2496ce;
    max-width: 90px;
    border-radius: 10px;
    padding: 2px 20px 4px;
    margin-right: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#segaUfoInfo.is-sp .segaUfoInfo-label {
    padding-left: calc((18 / 750) * 100vw);
    padding-right: calc((18 / 750) * 100vw);
    font-size: clamp(12px, 2.5vw, 15px);
}
#segaUfoInfo .segaUfoInfo-linkText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
#segaUfoInfo.is-sp .segaUfoInfo-linkText {
    font-size: clamp(12px, 2.5vw, 15px);
}
#segaUfoInfo .segaUfoInfo-button-wrapper {
    text-align: center;
    margin-top: 30px;
}
#segaUfoInfo.is-sp .segaUfoInfo-button-wrapper {
    margin-top: calc((30 / 750) * 100vw);
}
#segaUfoInfo .segaUfoInfo-button,
#segaUfoInfo .segaUfoInfo-button:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e50012;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    min-width: 420px;
    padding: 12px 20px 16px;
    line-height: 1.25;
    border-radius: 32px;
    transition: opacity 0.3s;
}
#segaUfoInfo.is-sp .segaUfoInfo-button {
    min-width: auto;
    font-size: clamp(16px, 4vw, 30px);
    font-weight: bold;
    width: calc((500 / 750) * 100vw);
    min-width: 240px;
    padding: clamp(12px, 1.87vw, 16px) calc((20 / 750) * 100vw) clamp(12px, 2.67vw, 20px);
}
#segaUfoInfo .segaUfoInfo-button:active,
#segaUfoInfo .segaUfoInfo-button:focus {
    opacity: 0.8s;
}
#segaUfoInfo .segaUfoInfo-button::after {
    content: "";
    position: absolute;
    display: block;
    width: 13px;
    height: 23px;
    top: 50%;
    transform: translateY(-50%);
    right: 21px;
    background: url("https://www.a-q-f.com/common/pc/img/contents/extra/1kuji/arrow-white.png") no-repeat center center;
    background-size: contain;
}
#segaUfoInfo.is-sp .segaUfoInfo-button::after {
    width: clamp(8px, 1.73vw, 13px);
    right: clamp(14px, 2.8vw, 21px);
}
@media (hover: hover) {
    #segaUfoInfo .segaUfoInfo-button:hover {
        opacity: 0.8;
    }
}
#lp-segaUfo .lp-desc {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 26px;
}
#lp-segaUfo.is-sp .lp-desc {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42;
    margin-bottom: calc((20 / 750) * 100vw);
}
/* -------------------------------------
    prizeInfo
------------------------------------- */
#prizeInfo {
    background: #fff;
    border: solid 2px #000000;
    border-radius: 18px;
    padding: 22px 22px 40px;
}
#prizeInfo.is-sp {
    padding: calc((22 / 750) * 100vw) calc((22 / 750) * 100vw) calc((34 / 750) * 100vw);
}
#lp-segaUfo #prizeInfo {
    max-width: 770px;
    width: 100%;
    margin: 0 auto 24px;
}
#lp-1kuji.is-sp #prizeInfo {
    margin-bottom: calc((70 / 750) * 100vw);
}
#prizeInfo .prizeInfo-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 16px;
}
#prizeInfo.is-sp .prizeInfo-header {
    margin-bottom: calc((16 / 750) * 100vw);
}
#prizeInfo .prizeInfo-title {
    display: flex;
    align-items: center;
}
#prizeInfo.is-sp .prizeInfo-title {
    max-width: calc((320 / 750) * 100vw);
}
#prizeInfo .prizeInfo-list-wrapper {
    max-height: 294px;
    overflow-y: auto;
    margin-bottom: 20px;
}
#prizeInfo.is-sp .prizeInfo-list-wrapper {
    max-height: clamp(165px, 42vw, 550px);
    margin-bottom: calc((20 / 750) * 100vw);
}
#prizeInfo .prizeInfo-list > li {
    border-bottom: 1px solid #9a9a9a;
    /* margin-bottom: 10px; */
}
#prizeInfo .prizeInfo-list > li:last-child {
    margin-bottom: 0;
}
#prizeInfo .prizeInfo-link {
    position: relative;
    color: #333;
    text-decoration: none;
    display: inline-flex;
    /* padding: 10px 24px 10px 8px; */
    padding: 14px 24px 14px 8px;
    width: 100%;
    /* transition: background 0.3s; */
    z-index: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    line-height: 1.25;
}
#prizeInfo.is-sp .prizeInfo-link {
    padding-top: calc((14 / 750) * 100vw);
    padding-left: calc((8 / 750) * 100vw);
    padding-bottom: calc((14 / 750) * 100vw);
    padding-right: calc((24 / 750) * 100vw);
}
#prizeInfo .prizeInfo-link:active,
#prizeInfo .prizeInfo-link:focus {
    background: #f7f7f7;
}
@media (hover: hover) {
    #prizeInfo .prizeInfo-link:hover {
        /* background: #f7f7f7; */
    }
}
#prizeInfo .prizeInfo-link::before {
    background: #f4f4f4;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
    z-index: -1;
}
#prizeInfo .prizeInfo-link:active::before {
    transform-origin: left top;
    transform: scale(1, 1);
}
@media (hover: hover) {
    #prizeInfo .prizeInfo-link:hover::before {
        transform-origin: left top;
        transform: scale(1, 1);
    }
}

#prizeInfo .prizeInfo-label {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #2496ce;
    max-width: 90px;
    border-radius: 10px;
    padding: 2px 20px 4px;
    margin-right: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#prizeInfo.is-sp .prizeInfo-label {
    padding-left: calc((18 / 750) * 100vw);
    padding-right: calc((18 / 750) * 100vw);
    font-size: clamp(12px, 2.5vw, 15px);
}
#prizeInfo .prizeInfo-linkText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
#prizeInfo.is-sp .prizeInfo-linkText {
    font-size: clamp(12px, 2.5vw, 15px);
}
#prizeInfo .prizeInfo-button-wrapper {
    text-align: center;
    margin-top: 30px;
}
#prizeInfo.is-sp .prizeInfo-button-wrapper {
    margin-top: calc((30 / 750) * 100vw);
}
#prizeInfo .prizeInfo-button,
#prizeInfo .prizeInfo-button:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e50012;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    min-width: 420px;
    padding: 12px 20px 16px;
    line-height: 1.25;
    border-radius: 32px;
    transition: opacity 0.3s;
}
#prizeInfo.is-sp .prizeInfo-button {
    min-width: auto;
    font-size: clamp(16px, 4vw, 30px);
    font-weight: bold;
    width: calc((500 / 750) * 100vw);
    min-width: 240px;
    padding: clamp(12px, 1.87vw, 16px) calc((20 / 750) * 100vw) clamp(12px, 2.67vw, 20px);
}
#prizeInfo .prizeInfo-button:active,
#prizeInfo .prizeInfo-button:focus {
    opacity: 0.8s;
}
#prizeInfo .prizeInfo-button::after {
    content: "";
    position: absolute;
    display: block;
    width: 13px;
    height: 23px;
    top: 50%;
    transform: translateY(-50%);
    right: 21px;
    background: url("https://www.a-q-f.com/common/pc/img/contents/extra/1kuji/arrow-white.png") no-repeat center center;
    background-size: contain;
}
#prizeInfo.is-sp .prizeInfo-button::after {
    width: clamp(8px, 1.73vw, 13px);
    right: clamp(14px, 2.8vw, 21px);
}
@media (hover: hover) {
    #prizeInfo .prizeInfo-button:hover {
        opacity: 0.8;
    }
}