@charset "utf-8";
/* 共通設定 */
#colorbox{
	max-width:100% !important;
}

html {
    font-size:62.5%;
}

body {
    font-family: 'Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
    color: #fff;
    font-size: 1.4rem;
    background-color: #fff;
    position: relative;
}

*{
	box-sizing:border-box;
}

a {
    color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline: none;
}

img {
	height:auto;
    max-width: 100%;
    vertical-align: bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cf:after {
    content: "";
    clear: both;
    display: block;
}

#loading{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}

#loading:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#192f60;
	opacity:0.7;
}
#loading:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;

    background-image: url(/files/user/title/live/original/images/common/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}

/* コンテンツ */
.wrapper {
    padding-top: 24px;
    overflow-x: hidden;
}

.content.bg {
    background-image: url(/files/user/title/live/original/images/common/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

section {
    position: relative;
}

.stage {
    position: relative;
    overflow: hidden;
}

.stage .bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.stage .inner {
    max-width: 1400px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* 内側が光ってるボックス */
.glowBox {
    text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
    background-color: rgb(185 206 255 / 60%);
    border-radius: 10px;
    box-shadow:0px 0px 6px 3px rgba(255, 255, 255, 0.3) inset;
}

/* 汎用サブタイトル */
.subTitle {
    width: 41.2857142857143%;
}

/* 汎用ボタンのサイズ */
.btnBase {
    width: 22.75%;
}

/* 下層ページ用の事前登録フッター */
#apply .stage {
    padding-top: 40%;
}

#apply .bg {
    background-image: url(/files/user/title/live/original/images/common/apply_bg.jpg);
}

#apply .btnShare {
    position: absolute;
    top: 13.46499102333932%;
    left: 0;
    right: 0;
    width: 32.85714285714286%;
    margin: auto;
}

#apply .applyBox {
    position: absolute;
    top: 35.00897666068223%;
    left: 0;
    right: 0;
    margin: auto;
    width: 46.57142857142857%;
    padding-top: 20.5%;

    background-image: url(/files/user/title/live/original/images/common/apply_box_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#apply .applyBox ul {
    position: absolute;
    width: 84.96932515337423%;
    top: 28%;
    left: 0;
    right: 0;
    margin: auto;
}

#apply .applyBox ul li {
    width: 31.40794223826715%;
    float: left;
    margin-right: 2.70758122743682%;
}

#apply .applyBox ul li:last-of-type {
    margin-right: 0%;
}

#apply .btnDetail {
	position: absolute;
	top: -8%;
	right: -6.5%;
	width: 23.8%;
}

#apply .dlBox {
    position: absolute;
    top: 33%;
    left: 0;
    right: 0;
    width: 40%;
    padding-bottom: 30px;
    margin: 0 auto;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    background-color: rgb(185 206 255 / 60%);
    border-radius: 10px;
    box-shadow: 0px 0px 6px 3px rgb(255 255 255 / 30%) inset;
    text-align: center;
}

#apply .dlBox p {
    width: 60%;
    margin:  0 auto 10px;
}

#apply .dlBox ul {
    text-align: center;
    width: 100%;
    top: 10%;
    position: absolute;
}

#apply .dlBox ul li {
    display: inline-block;
    width: 33%;
    margin: 0 2%;
}

/* PCのみ */
@media screen and (min-width: 768px) {
    /* 共通設定 */
    a:hover {
        text-decoration: none;
    }

    a img{
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3;
    }

    a:hover img {
        opacity: 0.8;
    }
    a.imgOver:hover img {
        opacity: 1;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }
}

/* タブレット */
@media screen and (max-width: 1024px) {
    #apply .stage {
        padding-top: 50%;
    }
}

/* SP */
@media screen and (max-width: 767px) {
    /* 共通設定 */
    body {
        font-size: 1.4rem;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .wrapper {
        padding-top: 20px;
    }

    .content.bg {
        background-image: url(/files/user/title/live/original/images/common/sp/bg.jpg);
    }

    /* 汎用サブタイトル */
    .subTitle {
        width: 90%;
        font-size: 1.3rem;
    }

    /* 汎用ボタンのサイズ */
    .btnBase {
        width: 56.25%;
    }

    /* 下層ページ用の事前登録フッター */
    #apply .stage {
        padding-top: 100%;
    }

    #apply .btnShare {
        width: 71.875%;
    }

    #apply .applyBox {
        width: 92.1875%;
        padding-top: 48.8135593220339%;
    }

    #apply .applyBox ul {
        position: absolute;
        width: 84.96932515337423%;
        top: 28%;
        left: 0;
        right: 0;
        margin: auto;
    }

    #apply .btnDetail {
        top: -8%;
    }
		.apply_inner {
	    width: 78.769325%;
	    top: 24.5%;
	  }
      #apply .dlBox {
        width: 92.1875%;
        top: 30%;
        padding-top: 10px;
    }

    .ifc_b {
        width: 80%;
    }
    
    #apply .dlBox p {
        width: 80%;
        margin:  0 auto 10px;
    }
    
    #apply .dlBox ul {
        text-align: center;
    }
    
    #apply .dlBox ul li {
        display: inline-block;
        width: 39%;
        margin: 0 2%;
    }
}
.apply_inner {
  position: absolute;
  width: 74.769325%;
  top: 28%;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.apply_inner .tw {
  width: 50%;
  margin-right: 5%;
}

.apply_inner .other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 1.5%;
  width: 45%;
}
.apply_inner .other div{
	min-height: 0%;
}

.btm_commit {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(44, 52, 114, .7);
  z-index: 90;
  display: none;
}

@media screen and (min-width: 751px) {
  .btm_commit {
    display: none !important;
  }
}

.btm_commit > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.btm_commit ul .tw_btn {
  margin-right: 5%;
}

.ls_out {
  display: none !important;
}

  .btm_commit .dlBox {
    padding: 3px 0 5px;
  }

  .btm_commit .dlBox p {
      width: 32%;
      margin: 0 auto 5px;
  }

  .btm_commit .dlBox ul {
      text-align: center;
  }

  .btm_commit .dlBox ul li {
      display: inline-block;
      width: 35%;
      margin: 0 2%;
}