@charset "utf-8";

html {
    font-size: 62.5%;
    overflow-x: hidden;
}
body.non-scroll {
    height: 100vh;
    overflow-y: hidden;
}
#contents {
    padding: 0;
    width: 100%;
}
#header {
    box-shadow: none;
}
#footerIn img {
    border: none;
}
#wrapper {
    min-width: inherit;
}
.onlySP {
    display: none;
}
#ct_bg {
    color: #000;
    background: url('../img/bg_common01_pc.jpg') fixed no-repeat 50% 50% / cover;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.6rem;
    line-height: 1.25;
}
#ct_bg img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}
#ct_bg .imgOver01 img {
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#ct_bg .imgOver01 a:hover img {
    opacity: .6;
}
#ct_bg .center {
    text-align: center !important;
}
#ct_bg .right {
    text-align: right !important;
}
.fb_iframe_widget > span {
    vertical-align: baseline !important;
}
#ct_bg .wrap01 {
    display: flex;
    flex-wrap: wrap;
}
#ct_bg .wrap01.bC {
    justify-content: center;
}
#ct_bg .wrap01.between {
    justify-content: space-between;
}
#ct_bg .wrap01.aC {
    align-items: center;
}
#ct_bg .wrap01 .stretch {
    align-items: stretch;
}
#ct_bg .contentsWrap01 {
    padding-bottom: 80px;
    overflow-x: hidden;
}
#ct_bg .mainArea01 {
    /*background: url(../../img/img_index01_pc.png) no-repeat 50% 0;*/
    padding-bottom: 4px;
    position: relative;
}
#ct_bg .mainArea01::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-image: -moz-linear-gradient(0deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
    background-image: -ms-linear-gradient(0deg, rgba(250,204,34,0.99608) 0%, rgb(248,54,0) 100%);
}
#ct_bg .mainArea01 > .inner01 {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    height: 711px;
    padding-top: 15px;
    position: relative;
    z-index: 1;
}
#ct_bg .mainArea01 > .inner01 > .image01 {
    position: absolute;
    top: 43px;
    right: -167px;
    width: 1505px;
}
#ct_bg .mainArea01 > .inner01 > .image02 {
    position: absolute;
    top: -41px;
    right: -61px;
    width: 1514px;
}
#ct_bg .mainArea01 > .inner01 > .logo01 {
    position: absolute;
    top: 19px;
    right: 19px;
}
#ct_bg .mainArea01 > .inner01 > .logo02 {
    position: absolute;
    top: 33px;
    left: 7px;
}
#ct_bg .mainArea01 > .inner01 > .text02 {
    position: absolute;
    top: 348px;
    right: 23px;
}
#ct_bg .mainArea01 > .inner01 > .logo04 {
    position: absolute;
    top: 489px;
    right: 22px;
}
#ct_bg .mainArea01 > .inner01 > .logo05 {
    position: absolute;
    top: 570px;
    right: -3px;
}
#ct_bg .mainArea01 > .inner01 > * {
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}
#ct_bg .mainArea01.on > .inner01 > .text01 {
    -webkit-animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.3s forwards;
    animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.2s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .logo05 {
    -webkit-animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.3s forwards;
    animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.2s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .image01 {
    -webkit-animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.3s forwards;
    animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.4s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .image02 {
    -webkit-animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.3s forwards;
    animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.5s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .logo02,
#ct_bg .mainArea01.on > .inner01 > .logo01,
#ct_bg .mainArea01.on > .inner01 > .text02,
#ct_bg .mainArea01.on > .inner01 > .logo04 {
    -webkit-animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.3s forwards;
    animation: anime01 0.3s cubic-bezier(0.39,.01,0.46,.86) 1s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .text03,
#ct_bg .jsFadeElm02.on {
    -webkit-animation: anime03 0.3s cubic-bezier(0.39,.01,0.46,.86) 0.7s forwards;
    animation: anime03 0.3s cubic-bezier(0.39,.01,0.46,.86) 1.2s forwards;
}
#ct_bg .mainArea01 > .inner01 > .text01 {
    color: #fcd500;
    font-size: 1.8rem;
    font-weight: 700;
    text-shadow: rgb(0, 0, 0) 2px 0 0, rgb(0, 0, 0) 1.75px 0.953125px 0, rgb(0, 0, 0) 1.078125px 1.671875px 0, rgb(0, 0, 0) 0.140625px 1.984375px 0, rgb(0, 0, 0) -0.828125px 1.8125px 0, rgb(0, 0, 0) -1.59375px 1.1875px 0, rgb(0, 0, 0) -1.96875px 0.28125px 0, rgb(0, 0, 0) -1.859375px -0.6875px 0, rgb(0, 0, 0) -1.296875px -1.5px 0, rgb(0, 0, 0) -0.40625px -1.953125px 0, rgb(0, 0, 0) 0.5625px -1.90625px 0, rgb(0, 0, 0) 1.40625px -1.40625px 0, rgb(0, 0, 0) 1.90625px -0.546875px 0;
}
#ct_bg .mainArea01 > .inner01 > .text03 {
    position: absolute;
    left: 13px;
    bottom: 12px;
    z-index: 2;
    color: #fff;
    font-size: 1.2rem;
    text-shadow: rgb(0, 0, 0) 2px 0 0, rgb(0, 0, 0) 1.75px 0.953125px 0, rgb(0, 0, 0) 1.078125px 1.671875px 0, rgb(0, 0, 0) 0.140625px 1.984375px 0, rgb(0, 0, 0) -0.828125px 1.8125px 0, rgb(0, 0, 0) -1.59375px 1.1875px 0, rgb(0, 0, 0) -1.96875px 0.28125px 0, rgb(0, 0, 0) -1.859375px -0.6875px 0, rgb(0, 0, 0) -1.296875px -1.5px 0, rgb(0, 0, 0) -0.40625px -1.953125px 0, rgb(0, 0, 0) 0.5625px -1.90625px 0, rgb(0, 0, 0) 1.40625px -1.40625px 0, rgb(0, 0, 0) 1.90625px -0.546875px 0;
}
#ct_bg .contentsWrap01 .box01 {
    max-width: 1030px;
    margin: 25px auto 0;
    padding: 25px 0 22px;
    background-image: url('../../img/bg_index01_pc.png'), url('../../img/bg_index03_pc.png');
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto;
}
#ct_bg .contentsWrap01 .box01.type02 {
    margin-top: 10px;
    background-image: url('../../img/bg_index11_pc.png'), url('../../img/bg_index12_pc.png');
    padding: 22px 0;
}
#ct_bg .contentsWrap01 .box01 > .inner01 {
    background: url('../../img/bg_index02_pc.png') repeat-y 50% 0/100% auto;
    padding: 0 15px;
}
#ct_bg .contentsWrap01 .box01.type02 > .inner01 {
    padding: 0 17px;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 {
    padding-top: 21px;
}
#ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 {
    background: url('../../img/bg_index04_pc.jpg') no-repeat 50% 0/100% auto;
    height: 841px;
    text-align: center;
    position: relative;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text01 {
    color: #fff;
    font-size: 1.4rem;
    background: #e60012;
    padding: 0.25em 0.5em;
    display: inline-block;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .title01 {
    margin-top: 12px;
    font-size: 3rem;
    font-weight: 700;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text02 {
    margin-top: 8px;
    font-size: 1.6rem;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .logo {
    margin-top: 15px;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text02 > .font01 {
    font-size: 2.4rem;
    font-weight: 700;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text03 {
    margin-top: 10px;
    color: #e60012;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.7;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text05 img {
    width: 60%;
    margin-top:10px;
    text-align: center;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text06 {
    position: absolute;
    left: 31px;
    bottom: 23px;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .btn01 {
    margin-top: 12px;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .image01 {
    width: 53.7%;
}
#ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .col01 {
    width: 42.3%;
    margin-right: 4%;
    padding-bottom: 2%;
}
#ct_bg .navArea01 {
    max-width: 770px;
    position: relative;
    z-index: 50;
    padding-left: 20px;
    padding-right: 20px;
    margin: 22px auto 13px;
}
#ct_bg .navArea01 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#ct_bg .navArea01 > ul > li {
    width: 33%;
}
#ct_bg .navArea01 > ul > li > a {
    display: block;
}
#ct_bg .section01 {
    position: relative;
    z-index: 1;
    max-width: 1030px;
    margin: 0 auto;
    padding: 681px 0 22px;
    background-image: url("../../img/bg_index05_pc.png"), url("../../img/bg_index07_pc.png");
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto;
}
#ct_bg .section01.type02,
#ct_bg .section01.type03 {
    margin-top: 26px;
}
#ct_bg .section01 > .inner01 {
    background: url("../../img/bg_index06_pc.png") repeat-y 50% 0/100% auto;
    padding: 0 50px 70px;
    text-align: center;
}
#ct_bg .section01.type01 > .inner01 {
    padding: 0 50px 150px;
}
#ct_bg .section01.type02 > .inner01 {
    padding: 321px 50px 34px;
}
#ct_bg .section01.type03 > .inner01 {
    padding: 0 50px 115px;
}
#ct_bg .section01.type04 > .inner01 {
    padding: 321px 50px 34px;
}
#ct_bg .section01 .heading01 {
    position: absolute;
    top: 82px;
    left: 50%;
    transform: translate(-47%, 0);
}
#ct_bg .section01.type02 .heading01 {
    top: 53px;
    transform: translate(-48.2%, 0);
}
#ct_bg .section01.type03 .heading01 {
    top: 40px;
    transform: translate(-48%, 0);
}
/* ムービー */
#ct_bg .section01 > .inner01 > .text01 {
    position: absolute;
    top: 316px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 705px;
}
#ct_bg .section01 > .inner01 .wrap01 {
    position: absolute;
    top: 382px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 930px;
}
#ct_bg .section01 > .inner01 .col {
    width: 48.2%;
    margin-top: 40px;
    position: relative;
}
#ct_bg .wrap01.bC > .col:nth-child(odd) {
	margin-right: 1.61%;
}
#ct_bg .wrap01.bC > .col:nth-child(even) {
	margin-left: 1.61%;
}
#ct_bg .wrap01.bC > .col:last-child {
	margin-left: 0;
	margin-right: 0;
}
#ct_bg .section01 > .inner01 .col.center {
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .section01 > .inner01 .col.type02 {
    width: 626px;
}
#ct_bg .section01 > .inner01 .col .new {
    position: absolute;
    top: -13px;
    left: 0;
    background: #e60012;
    color: #ffde00;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
    padding: 0.2em 0.45em;
    z-index: 2;
}
#ct_bg .section01 > .inner01 .col .image01 {
    padding: 2px;
    background: linear-gradient(180deg, rgba(212,207,201,1) 0%, rgba(52,71,84,1) 50%, rgba(52,71,84,1) 50%, rgba(212,207,201,1) 100%);
    margin-bottom: 8px;
}
#ct_bg .section01.type04 > .inner01 .wrap01{
    position: static;
    top: 0;
    left: 0;
    transform: translate(0, 0);
	margin-top: -620px;
}
#ct_bg .section01.type04 > .inner01 .inner03 {
    padding: 53px 0 0;
    background: url(../../img/bg_index08_pc.png) no-repeat 50% 0/100% auto;
    margin-top: 30px;
}
#ct_bg .section01.type04 > .inner01 .inner03 .wrap01 {
	margin-top: 0;
}
.movieArea01 {
    ;
    /*
    max-width: 820px;
    padding: 10px;
    background: #fff;
    margin: 0 auto 40px;*/
}
.movieWrap01 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.movieWrap01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movieWrap03 .col {
    border: solid 3px #535353;
    border-radius: 10px;
	background-color: #fff;
}
.movieWrap03 .col a {
    padding: 30px 80px 30px 20px;
    text-align: left;
    text-decoration: none;
    border-radius: 10px;
	color: #000;
	display: block;
	font-size: 1.8rem;
	height: 100%;
    background: #fff url("../../img/btn_index03_no.png") no-repeat 96% 50%;
}
.movieWrap03 .col a:hover {
    text-decoration: underline;
    background: #fff url("../../img/btn_index03_on.png") no-repeat 96% 50%;
}
#ct_bg .section01 > .inner01 .col .text01 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}
/* 遊び方 */
#ct_bg .section01 > .inner01 > .text02 {
    position: absolute;
    top: 293px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 960px;
}
#ct_bg .section01 > .inner01 > .inner02 {
    width: 960px;
    margin-left: -15px;
}
#ct_bg .section01 > .inner01 > .inner02 > .inner03 {
    background: url("../../img/bg_index08_pc.png") no-repeat 50% 0/100% auto;
    width: 960px;
    margin: 34px 0 0;
    padding: 53px 0 0;
}
#ct_bg .section01 > .inner01 > .inner02 > .inner03 > .imgWrap {
    width: 930px;
    margin-left: 8px;
    position: relative;
}
#ct_bg .section01 > .inner01 > .inner02 > .inner03 > .imgWrap .text {
    position: absolute;
    top: -30px;
    left: 0;
}
/* その他情報 */
#ct_bg .section01.type03 > .inner01 > .text01 {
    position: absolute;
    top: 348px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 729px;
}
#ct_bg .section01.type03 > .inner01 > .text02 {
    position: absolute;
    top: 538px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 610px;
}
#ct_bg .btn01 {
    width: 100%;
    max-width: 300px;
}
#ct_bg .btn01 > a {
    display: block;
    padding: 20px 10px;
    border-radius: 25px;
    background: -webkit-linear-gradient(top, rgba(122,221,70,1) 0%,rgba(64,162,12,1) 100%);
    background: linear-gradient(to bottom, rgba(122,221,70,1) 0%,rgba(64,162,12,1) 100%);
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.0;
}
#ct_bg .btn01:hover > a {
    background: -webkit-linear-gradient(top, rgba(64,162,12,1) 0%,rgba(122,221,70,1) 100%);
    background: linear-gradient(to bottom, rgba(64,162,12,1) 0%,rgba(122,221,70,1) 100%);
}
#ct_bg .btn01 > a > span {
    display: inline-block;
    position: relative;
}
#ct_bg .btn01 > a > span.inner01 {
    padding-left: 40px;
}
#ct_bg .btn01 > a > span.inner02 {
    padding-left: 35px;
}
#ct_bg .btn01 > a > span.inner03 {
    padding-left: 47px;
}
#ct_bg .btn01 > a > span::before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    top: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
}
#ct_bg .btn01 > a > span.inner01::before {
    width: 24px;
    height: 26px;
    background: url('../img/icon_common01.png') no-repeat 0 0/100%;
}
#ct_bg .btn01 > a > span.inner02::before {
    width: 24px;
    height: 27px;
    background: url('../img/icon_common02.png') no-repeat 0 0/100%;
}
#ct_bg .btn01 > a > span.inner03::before {
    width: 35px;
    height: 26px;
    background: url('../img/icon_common03.png') no-repeat 0 0/100%;
}
#ct_bg .jsFadeElm01 {
    opacity: 0;
}
#ct_bg .jsFadeElm02 {
    opacity: 0;
}
#ct_bg .jsFadeElm01.show {
    -webkit-animation: anime04 0.5s cubic-bezier(0.39,.01,0.46,.86) 0s forwards;
    animation: anime04 0.5s cubic-bezier(0.39,.01,0.46,.86) 0s forwards;
}
#ct_bg.jsEffect01 {
    -webkit-animation: anime05 0.07s 1s;
    animation: anime05 0.07s 1s;
}
@-webkit-keyframes anime01 {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    70% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes anime01 {
    0% {
        transform: scale(0.3);
    }
    50% {
        transform: scale(1.01);
    }
    70% {
        transform: scale(0.99);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes anime02 {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
    70% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes anime02 {
    0% {
        transform: scale(0.3);
    }
    50% {
        transform: scale(1.25);
    }
    70% {
        transform: scale(0.85);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes anime03 {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes anime03 {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes anime04 {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes anime04 {
    0% {
        transform: translateY(50px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes anime05 {
    0% {
        -webkit-transform: translate(0px, 0px) rotateZ(0deg);
        transform: translate(0px, 0px) rotateZ(0deg);
    }
    25% {
        -webkit-transform: translate(4px, 2px) rotateZ(0.4deg);
        transform: translate(4px, 2px) rotateZ(0.4deg);
    }
    50% {
        -webkit-transform: translate(0px, 4px) rotateZ(0deg);
        transform: translate(0px, 4px) rotateZ(0deg);
    }
    75% {
        -webkit-transform: translate(3px, 5px) rotateZ(-0.4deg);
        transform: translate(3px, 5px) rotateZ(-0.4deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotateZ(0deg);
        transform: translate(0px, 0px) rotateZ(0deg);
    }
}
@keyframes anime05 {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    25% {
        transform: translate(4px, 2px) rotateZ(0.4deg)
    }
    50% {
        transform: translate(0px, 4px) rotateZ(0deg)
    }
    75% {
        transform: translate(3px, 2px) rotateZ(-0.4deg)
    }
    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}
#ct_bg #modal01 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 11006;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    transition: opacity 0.3s, visibility 0.3s;
}
#ct_bg #modal01.active {
    opacity: 1.0;
    visibility: visible;
}
#ct_bg #modal01 > .inner01 {
    max-width: 1090px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 85px;
    width: 100%;
    height: 100%;
    background-image: url('../../img/bg_index10.jpg'), url('../../img/bg_index09.png');
    background-position: 50% 17px, 50% 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 1056px auto, 1090px auto;
}
#ct_bg .movieWrap02 > .button01 {
    width: 258px;
    margin: 20px auto 0;
}
#ct_bg .movieWrap02In {
    position: relative;
    width: 91%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.5%;
}
#ct_bg .movieWrap02In > .button01 {
    position: absolute;
    right: -8%;
    top: -6%;
}
#ct_bg .movieWrap02In > .inner01 {
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    overflow: hidden;
}
#ct_bg .movieWrap02In > .inner01 > iframe {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
/* Clearfix */
#ct_bg .cf:after {
    content: " ";
    display: block;
    clear: both;
}

#ct_bg .sns_wrapper {
	display: table;
	margin: 45px auto 0;
	padding: 10px 5px 0;
	border-radius: 10px;
	background: rgba(255,255,255,.8);
	position: relative;
}
#ct_bg .sns_wrapper .snsBtn01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#ct_bg .sns_wrapper .snsBtn01 li {
	margin: 0 5px 10px;
	line-height: 0;
}

@media screen and (max-width:1240px) {
    #ct_bg .mainArea01 {
        /*background: url(../../img/img_index01_pc.png) no-repeat 50% 0 / 134.5161290vw auto;*/
        padding-bottom: 4px;
        position: relative;
    }
    #ct_bg .mainArea01 > .inner01 {
        height: 57.3387097vw;
    }
    #ct_bg .mainArea01 > .inner01 > .image01 {
        top: 3.4677419vw;
        right: -13.4677419vw;
        width: 121.3709677vw;
    }
    #ct_bg .mainArea01 > .inner01 > .image02 {
        top: -3.3064516vw;
        right: -4.9193548vw;
        width: 122.0967742vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo01 {
        top: 1.5322581vw;
        right: 1.5322581vw;
        width: 15.9677419vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo02 {
        top: 2.6612903vw;
        left: 0.5645161vw;
        width: 33.2258065vw;
    }
    #ct_bg .mainArea01 > .inner01 > .text02 {
        top: 28.0645161vw;
        right: 1.8548387vw;
        width: 18.3064516vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo04 {
        top: 39.4354839vw;
        right: 1.7741935vw;
        width: 45.2419355vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo05 {
        top: 45.9677419vw;
        right: -0.2419355vw;
        width: 71.7741935vw;
    }
	
	
}
@media screen and (max-width:1090px) {
    #ct_bg #modal01 > .inner01 {
        background-size: 96.8807339vw auto, 100vw auto;
        background-position: 50% 1.5596330vw, 50% 0;
    }
    #ct_bg .movieWrap02 > .button01 {
        margin: 1vw auto 0;
    }
}
@media screen and (max-width:1030px) {
    #ct_bg .contentsWrap01 .box01 {
        padding: 2.42718vw 0 2.1359vw;
    }
    #ct_bg .contentsWrap01 .box01.type02 {
        padding: 2.1359vw 0;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 {
        padding: 0 1.4563vw;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 {
        padding: 0 1.65048vw;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 {
        height: 81.6504854vw;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 > .text04 {
        width: 64.9514563vw;
        margin: 0 auto;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 > .text05 {
        width: 63.2038835vw;
        margin: 0 auto;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 > .text05 img {
        width: 100%;
        margin-top: 0;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 > .text06 {
        left: 3.0097087vw;
        bottom: 2.2330097vw;
        width: 40.1941748vw;
    }
    #ct_bg .section01 .heading01 {
        top: 7.9611650vw;
        width: 29.1262136vw;
    }
    #ct_bg .section01.type02 .heading01 {
        top: 5.1456311vw;
        width: 25.3398058vw;
    }
    #ct_bg .section01.type03 .heading01 {
        top: 3.8834951vw;
        width: 39.5145631vw;
    }
    #ct_bg .section01 > .inner01 > .text01 {
        top: 30.6796117vw;
        width: 68.4466019vw;
    }
    #ct_bg .section01 > .inner01 .wrap01 {
        top: 37.0873786vw;
        width: 90.2912621vw;
    }
    #ct_bg .section01 > .inner01 .col {
        margin-top: 3.8834951vw;
    }
    #ct_bg .section01 > .inner01 .col .new {
        top: -1.2621359vw;
    }
    #ct_bg .section01 > .inner01 .col .image01 {
        margin-bottom: 0.5825243vw;
    }
	#ct_bg .section01.type04 > .inner01 .wrap01{
		margin-top: -347px;
	}
	#ct_bg .section01.type04 > .inner01 .inner03 {
	width: 100%;
	background: url("../../img/bg_index08_sp.png") no-repeat 50% 0/100% auto;
    margin: 10vw 0 0;
    padding: 12vw 0 0;
	}
	#ct_bg .section01.type04 > .inner01 .inner03 img {
	width: 98%;
	}
	#ct_bg .section01.type04 > .inner01 .inner03 .title > img {
    width: 92%;
    margin: 0 auto;
	}
    #ct_bg .section01 > .inner01 > .text02 {
        top: 28.4466019vw;
        width: 93.2038835vw;
    }
    #ct_bg .section01 > .inner01 > .inner02 {
        width: 93.2038835vw;
        margin-left: -1.4563107vw;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03 {
        width: 93.2038835vw;
        margin: 3.3009709vw 0 0;
        padding: 5.1456311vw 0 0;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03 > .imgWrap {
        width: 90.2912621vw;
        margin-left: 0.7766990vw;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03 > .imgWrap .text {
        top: -2.9126214vw;
        width: 45.8252427vw;
    }
    #ct_bg .section01.type03 > .inner01 > .text01 {
        top: 33.7864078vw;
        width: 70.7766990vw;
    }
    #ct_bg .section01.type03 > .inner01 > .text02 {
        top: 52.2330097vw;
        width: 59.2233010vw;
    }
    #ct_bg .section01 {
        padding: 66.1165vw 0 2.13592vw;
    }
    #ct_bg .section01 > .inner01 {
        padding: 0 4.8543vw 36.1165vw;
    }
    #ct_bg .section01.type02 > .inner01 {
        padding: 31.165vw 4.8543vw 3.30097vw;
    }
    #ct_bg .section01.type03 > .inner01 {
        padding: 0 4.8543vw 11.165vw;
    }
    #ct_bg .heading01.type03 {
        top: 3.883vw;
        width: 39.514vw;
    }
    #ct_bg .section01.type04 > .inner01 {
        padding: 31.165vw 4.8543vw 3.30097vw;
    }
	#ct_bg .section01.type04 > .inner01 .wrap01{
		margin-top: -57vw;
	}
}
@media screen and (max-width:770px) {
    #ct_bg .navArea01 {
        margin-top: 12.792208vw;
    }
}
@media screen and (max-width: 767px) {
    #ct_bg {
        background: none;
    }
    #ct_bg::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url('../img/bg_common01_sp.jpg') no-repeat 0 0 /cover;
    }
    #ct_bg a {
        text-decoration: underline;
    }
    #ct_bg a:hover {
        text-decoration: none;
    }
    #header {
        border-bottom: #ccc solid 1px;
    }
    #ct_bg img {
        width: 100%;
        height: auto;
    }
    #ct_bg .imgOver01 a:hover img {
        opacity: 1.0;
    }
    .onlyPC {
        display: none;
    }
    .onlySP {
        display: block;
    }
    img.onlySP {
        display: inline-block;
    }
    #ct_bg .contentsWrap01 {
        padding-bottom: 19.46vw;
    }
    #ct_bg .mainArea01 {
        /*background: url(../../img/img_index01_sp.png) no-repeat 50% 0 / 100% auto;*/
        padding-bottom: 4px;
        position: relative;
        box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.3);
    }
    #ct_bg .mainArea01 > .inner01 > .text01 {
        font-size: 1.2rem;
        text-align: center;
    }
    #ct_bg .mainArea01 > .inner01 > .text03 {
        position: absolute;
        left: 0;
        bottom: 2.8vw;
        font-size: 1.0rem;
        width: 100%;
        text-align: center;
    }
    #ct_bg .mainArea01 > .inner01 {
        height: 204.2666667vw;
        padding-top: 4.9vw;
        padding-left: 0;
        padding-right: 0;
    }
    #ct_bg .mainArea01 > .inner01 > .image01 {
        position: absolute;
        top: 99vw;
        left: 0;
        width: 100vw;
    }
    #ct_bg .mainArea01 > .inner01 > .image02 {
        position: absolute;
        top: 15.25vw;
        left: 0;
        width: 100vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo01 {
        position: absolute;
        top: 145vw;
        right: 0;
        width: 34.6666667vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo02 {
        position: absolute;
        top: 14.25vw;
        left: 0;
        width: 58.9333333vw;
    }
    #ct_bg .mainArea01 > .inner01 > .text02 {
        position: absolute;
        top: 14.25vw;
        right: 0;
        width: 41.0666667vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo04 {
        position: absolute;
        top: 157.6vw;
        right: 0;
        width: 100vw;
    }
    #ct_bg .mainArea01 > .inner01 > .logo05 {
        position: absolute;
        top: inherit;
        bottom: 6.45vw;
        right: 0;
        width: 100vw;
    }
    #ct_bg .contentsWrap01 .box01 {
        max-width: 100%;
        margin: 8.5vw auto 0;
        padding: 3.3333333vw 0;
        background-image: url('../../img/bg_index01_sp.png'), url('../../img/bg_index03_sp.png');
        background-position: 0 0, 0 100%;
        background-repeat: no-repeat, no-repeat;
        background-size: 100% auto, 100% auto;
    }
    #ct_bg .contentsWrap01 .box01.type02 {
        margin-top: 7vw;
        background-image: url('../../img/bg_index11_sp.png'), url('../../img/bg_index12_sp.png');
        padding: 3.3333333vw 0;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 {
        background: url('../../img/bg_index02_sp.png') repeat-y 50% 0/100% auto;
        padding: 0 4vw;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 {
        padding: 0;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 {
        padding: 3.3333333vw 4vw;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 {
        padding: 2.8vw 4vw 3.3333333vw;
        background: url('../../img/bg_index04_sp.jpg') no-repeat 50% 0/90.93333vw auto;
        height: 134vw;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text01 {
        font-size: 1.1rem;
        padding: 0.5em;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .title01 {
        margin-top: 12px;
        font-size: 2.4rem;
        font-weight: 700;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .logo {
        margin-top: 15px;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .logo img {
        width: 48.66vw;
        height: auto;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text02 {
        margin-top: 8px;
        font-size: 1.4rem;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text02 > .font01 {
        font-size: 1.8rem;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .text03 {
        margin-top: 10px;
        font-size: 1.4rem;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 .text04 {
        width: 89.2vw;
        margin: 0 auto;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 .text05 {
        width: 86.8vw;
        margin: 3.4vw auto 0;
    }
    #ct_bg .contentsWrap01 .box01.type02 > .inner01 > .inner02 .text06 {
        width: 90.9333333vw;
        position: absolute;
        left: 50%;
        bottom: 31.26vw;
        margin: 0 auto;
        transform: translate(-50%, 0);
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .btn01 {
        margin-top: 4.3vw;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .btn01 > a {
        font-size: 1.8rem;
        border-radius: 28px;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .image01 {
        width: 92vw;
        padding-top: 0.6vw;
        margin-left: -4vw;
        margin-right: -4vw;
        margin-bottom: 7vw;
    }
    #ct_bg .contentsWrap01 .box01 > .inner01 > .inner02 .col01 {
        width: 100%;
        margin-right: 0;
        padding-bottom: 4.8vw;
    }
    #ct_bg .navArea01 {
        max-width: 100%;
        padding-left: 3vw;
        padding-right: 4vw;
        margin: 12.792208vw auto 7.2vw;
    }
    #ct_bg .navArea01 > ul > li {
        width: 33.3%;
    }
    #ct_bg .navArea01 > ul > li > a {
        display: block;
    }
    #ct_bg .section01 {
        max-width: 100%;
        margin: 0 auto;
        padding: 104.933vw 0 3.3333333vw;
        background-image: url("../../img/bg_index05_sp.png"), url("../../img/bg_index07_sp.png");
        background-position: 0 0, 0 100%;
        background-repeat: no-repeat, no-repeat;
        background-size: 100% auto, 100% auto;
    }
    #ct_bg .section01.type02,
    #ct_bg .section01.type03 {
        margin-top: 26px;
    }
    #ct_bg .section01.type03 {
        padding: 87.4666667vw 0 3.3333333vw;
        background-image: url("../../img/bg_index13_sp.png"), url("../../img/bg_index07_sp.png");
    }
    #ct_bg .section01 > .inner01 {
        background: url("../../img/bg_index06_sp.png") repeat-y 50% 0/100% auto;
        padding: 0 0 100vw;
        text-align: center;
    }
    #ct_bg .section01.type01 > .inner01 {
        padding: 0 0 7.7vw;
    }
    #ct_bg .section01.type02 > .inner01 {
        padding: 108.5vw 0 3.7vw;
    }
    #ct_bg .section01.type03 > .inner01 {
        padding: 0;
    }
    #ct_bg .section01 .heading01 {
        position: absolute;
        top: 9.4vw;
        left: 50%;
        transform: translate(-47%, 0);
        width: 30.1262136vw;
    }
    #ct_bg .section01.type02 .heading01 {
        top: 6.1456311vw;
        transform: translate(-48.2%, 0);
        width: 26.3398058vw;
    }
    #ct_bg .section01.type03 .heading01 {
        top: 5.8834951vw;
        transform: translate(-48%, 0);
        width: 40.5145631vw;
    }
    /* ムービー */
    #ct_bg .section01 > .inner01 > .text01 {
        position: absolute;
        top: 33.2vw;
        width: 80.1333333vw;
    }
    #ct_bg .section01 > .inner01 .wrap01 {
        position: absolute;
        top: 52.2vw;
        left: 50%;
        width: 84vw;
        margin: 0 auto;
    }
    #ct_bg .section01 > .inner01 .col {
        width: 100%;
        margin-top: 10.5vw;
        position: relative;
    }
	#ct_bg .wrap01.bC > .col:nth-child(odd) {
		margin-left: auto;
        margin-right: auto;
	}
	#ct_bg .wrap01.bC > .col:nth-child(even) {
		margin-left: auto;
        margin-right: auto;
	}
	#ct_bg .wrap01.bC > .col:last-child {
		margin-left: auto;
        margin-right: auto;
	}
    #ct_bg .section01 > .inner01 .col.center {
        margin-left: auto;
        margin-right: auto;
    }
    #ct_bg .section01 > .inner01 .col .new {
        position: absolute;
        top: -3.2621359vw;
        left: 0;
        background: #e60012;
        color: #ffde00;
        font-size: 1.5rem;
        font-weight: 700;
        border-radius: 5px 5px 0 0;
        padding: 0.2em 0.45em;
    }
    #ct_bg .section01 > .inner01 .col .image01 {
        margin-bottom: 2.7vw;
    }
    #ct_bg .section01 > .inner01 .col .text01 {
        font-size: 1.2rem;
    }
    /* 遊び方 */
    #ct_bg .section01 > .inner01 > .text02 {
        top: 28.4466019vw;
        width: 100%;
    }
    #ct_bg .section01 > .inner01 > .inner02 {
        width: 100%;
        margin-left: 0;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03 {
        background: url("../../img/bg_index08_sp.png") no-repeat 50% 0/100% auto;
        width: 100%;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03.type01 {
        margin: 10vw 0 0;
        padding: 12vw 0 0;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03.type02 {
        margin: 8.5vw 0 0;
        padding: 12.5vw 0 0;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03.type03 {
        margin: 10vw 0 0;
        padding: 14vw 0 0;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03 > .imgWrap {
        width: 84vw;
        margin: 8vw auto 0;
    }
    #ct_bg .section01 > .inner01 > .inner02 > .inner03 > .imgWrap .text {
        top: -2.9126214vw;
        left: 0;
        width: 45.8252427vw;
    }
    /* その他情報 */
    #ct_bg .section01.type03 > .inner01 > .text01 {
        top: 37.5vw;
        width: 73vw;
    }
    #ct_bg .section01.type03 > .inner01 > .text02 {
        top: 59.23301vw;
        width: 61vw;
    }
    /* モーダル */
    #ct_bg #modal01 > .inner01 {
        max-width: 100%;
        margin-top: 85px;
        background: none;
    }
    #ct_bg .movieWrap02 > .button01 {
        width: 156px;
        margin-top: 20px;
    }
    #ct_bg .movieWrap02In {
        width: 92%;
        padding-top: 0;
    }
    #ct_bg .movieWrap02In > .button01 {
        width: 13vw;
        right: -4.5%;
        top: -16%;
    }
	#ct_bg .section01.type04 > .inner01 .wrap01{
		margin-top: -85vw;
	}
	
	#ct_bg .movieWrap03 .col {
		border: solid 3px #535353;
		border-radius: 10px;
		background-color: #fff;
	}
	#ct_bg .movieWrap03 .col a {
		padding: 16px 70px 13px 20px;
		font-size: 1.4rem;
		text-decoration: none ;
	}
	#ct_bg .movieWrap03 .col a:hover {
		background: #fff url("../../img/btn_index03_no.png") no-repeat 96% 50%;
	}
	
	#ct_bg .movieWrap03 .col + .col {
		margin-top: 8vw;
	}
	
	#ct_bg .section01.type04 > .inner01 {
		padding-bottom: 8vw;
	}
	
	#ct_bg .section01.type04 > .inner01 .inner03 {
		background-size: 110%;
	}
	
	#ct_bg .sns_wrapper {
		width: calc(100% - 30px);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	
}