@charset "utf-8";
/* CSS Document */
:root {
    --rank1-color: #DCB33C;
    --rank2-color: #9AABAF;
    --rank3-color: #EC6A44;
    --rank-default-color: #D6DBDC;
}

/* キャンペーン一覧 */
.page_wrap.campaign .header{
    border-bottom: solid 1px #AEBABE;
}
.page_wrap.campaign .content{
    padding:1.4rem 0;
}
.page_wrap.campaign .tab_menu{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
}
.page_wrap.campaign .tab_menu .menu-item{
    color: #AEBABE;
    margin: 0 1.6rem;
    font-weight: bold;
    padding-bottom: 0.3rem;
    box-sizing: border-box;
    border-bottom: solid 3px #fff;
}
.page_wrap.campaign .tab_menu .menu-item.on{
    color: #4A9EC3;
    border-bottom: solid 3px #4A9EC3;
}
.page_wrap.campaign .tab_content .viewer,
.page_wrap.campaign .tab_content .broadcast{
    
}
.page_wrap.campaign .tab_content .broadcast{
    display: none;
}
.page_wrap.campaign .tab_content .campaign_list{
    
}
.page_wrap.campaign .tab_content .campaign_list .list-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.6rem;
}
.page_wrap.campaign .tab_content .campaign_list .list-item + .list-item{
    border-top: solid 1px #AEBABE;
}
.page_wrap.campaign .tab_content .campaign_list .list-item > a{
    width: 29rem;
    margin: 0 auto;
}
.page_wrap.campaign .tab_content .campaign_list .list-item .thumbnail{
    margin-bottom: 1rem;
    border: solid 1px #EEEEEE;
    border-radius: 1rem;
    overflow: hidden;
}
.page_wrap.campaign .tab_content .campaign_list .list-item .thumbnail > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}
.page_wrap.campaign .tab_content .campaign_list .list-item .detail .ttl{
    font-size: 1.4rem;
    font-weight: bold;
}
.page_wrap.campaign .tab_content .campaign_list .list-item .detail .period{
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
}
.page_wrap.campaign .tab_content .campaign_list .list-item .detail .link{
    font-size: 1.4rem;
    text-align: right;
    font-weight: bold;
}
.page_wrap.campaign .tab_content .not_found{
    color:#9CACB0;
    text-align: center;
    padding: 1.6rem 0;
}
/* キャンペーン詳細 */
.page_wrap.campaign_detail .header{
    border-bottom: solid 1px #AEBABE;
}
.page_wrap.campaign_detail .content {
    padding:1.6rem 1.6rem 4rem;
}
.page_wrap.campaign_detail .content .thumbnail{
    border: solid 1px #EEEEEE;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 4rem;
}
.page_wrap.campaign_detail .content .thumbnail > img{
    display: block;
    width: 100%;
    object-fit: contain;
}
.page_wrap.campaign_detail .content .detail{
}
.page_wrap.campaign_detail .content .detail .ttl{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.8rem;
}
.page_wrap.campaign_detail .content .detail dl{
    margin-bottom: 2.8rem;
}
.page_wrap.campaign_detail .content .detail dl dt{
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1.4rem;
    padding-bottom: 0.4rem;
    border-bottom: solid 2px #EB018B;
}
.page_wrap.campaign_detail .content .detail dl dd{
    font-size: 1.4rem;
}
.page_wrap.campaign_detail .content .detail .btn_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap.campaign_detail .content .detail .btn_wrap .btn_style{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.4rem;
    font-size: 1.6rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    color: #fff;
    background: #0ca5e5;
    border: 2px solid #0ca5e5;
}

.page_wrap .entry_event .list-item .condition{
	position: absolute;
	top: 1em;
	left: 1em;
}
.page_wrap .entry_event .list-item .condition .official{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background: #EB008C;
	border-radius: 5px;
	border: solid 2px #FFFFFF;
	text-align: center;
	padding: 0.4rem 0.6rem;
}
.page_wrap .entry_event .list-item .condition .liver{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background: #E85F48;
	border-radius: 5px;
	border: solid 2px #FFFFFF;
	text-align: center;
	padding: 0.4rem 0.6rem;
}
.page_wrap .entry_event .list-item .condition .all{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background: #55C5B9;
	border-radius: 5px;
	border: solid 2px #FFFFFF;
	text-align: center;
	padding: 0.4rem 0.6rem;
}

#pageCoover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    top: 0;
    left: 0;
}

.aygsigeadspekuiSPmodal {
    display: none;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 1.4rem;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    width: 240px;
    height: 215px;
    text-align: center;
    position: fixed !important;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.aygsigeadspekuiSPdialog {
    display: none;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 8px;
    font-size: 1.4rem;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    width: 250px;
    height: 80px;
    text-align: center;
    position: fixed !important;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    color: #fff;
    box-sizing: border-box;
}



/* Entry Event List */
.page_wrap.p-entry_event{
    background: #f2f4f5;
}
.page_wrap.p-entry_event .fixed_footer{
    color: #21282A;
    font-size: 1.2rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem 0 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.2);
}
.page_wrap.p-entry_event .fixed_footer .banner {
    display: block;
    margin-bottom: 1rem;
}
.page_wrap.p-entry_event .fixed_footer .banner img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.page_wrap {
}
.page_wrap .event_list{
	display: flex;
    justify-content: center;
    padding-top: 65px;
    flex-direction: column;
    align-items: center;
    padding-bottom: 125px;
}
.page_wrap .entry_event .list-item{
	width: 95%;
	background:#fff;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	margin-bottom:1.6rem;
	position: relative;
    border-radius: 5px;
}
.page_wrap .entry_event .list-item .thumbnail img{
	display: block;
	width: 100%;
	max-width: 100%;
	margin:0 auto;
    border-radius: 5px 5px 0px 0px;
}
.page_wrap .entry_event .event_body{
	padding:1.2rem 1.6rem;
}
.page_wrap .entry_event .event_body .event_name{
	font-size:1.2rem;
	font-weight: bold;
	margin-bottom:0.6rem;
	overflow: hidden;
    text-overflow: ellipsis;
}
.page_wrap .entry_event .event_body .event_desc{
	font-size:1.2rem;
	margin-bottom:0.6rem;
	overflow: hidden;
    text-overflow: ellipsis;
}
.page_wrap .entry_event .event_body .deadline{
	color: #fff;
	font-size:1.4rem;
	font-weight: bold;
	line-height:3.4rem;
	text-align: center;
}
.page_wrap .entry_event .event_body .deadline.always{
	background: #55c5b9;
}
.page_wrap .entry_event .event_body .deadline.limit{
	background: #e85f48;
}
.page_wrap .entry_event .event_body .deadline.joined{
	background: #999999;
	color: #030303 !important;
}
.page_wrap.p-entry_event .event-details-content {
    margin-top: 54px;
    background-color: white;
}
.page_wrap .entry_event .list-item .condition .all{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background: #55C5B9;
	border-radius: 5px;
	border: solid 2px #FFFFFF;
	text-align: center;
	padding: 0.4rem 0.6rem;
}

.page_wrap .entry_event .none{		
    padding:3rem 1.6rem;		
    height: 100vw;		
}		
.page_wrap .entry_event .none .ttl{		
    font-size:2rem;		
    text-align: center;		
    margin-bottom:3rem;		
}		
.page_wrap .entry_event .none p{		
    font-size:14px;		
    margin-bottom:2rem;		
}		
.page_wrap .entry_event .none .btn_wrap{		
    padding-top:1rem;		
    margin-bottom:3rem;		
}		
.page_wrap .entry_event .none .btn_wrap .btn_style{		
    font-size:14px;		
    width:15rem;		
    height:3.6rem;		
    line-height:3.6rem;		
    border-radius: 3.6rem;		
    display: block;		
    margin:0 auto;		
    text-align: center;		
    box-sizing: border-box;		
}		
.page_wrap .entry_event .none .logo {		
    margin-bottom:8.6rem;		
}		
.page_wrap .entry_event .none .logo img{		
    width:210px;		
    display: block;		
    margin:0 auto;		
}		
.page_wrap .entry_event .none .fixed{		
    position: fixed;		
    bottom: 0;		
    left: 0;		
    right: 0;		
}


/* Entry Event Detail */
.page_wrap .entry_event_detail .thumbnail{
	
}
.page_wrap .entry_event_detail .thumbnail img{
	display: block;
	width: 100%;
	max-width: 100%;
	margin:0 auto;
}
.page_wrap .entry_event_detail .event_body{
    padding-bottom: 20px;
}
.page_wrap .entry_event_detail .event_body .event_name{
	font-size:14px;
    font-weight: bold;
    line-height:20px;
    color: #21282a;
    margin: 18px 15px 5px 15px;
}
.page_wrap .entry_event_detail .event_body .event_desc{
	font-size:1.2rem;
	margin-bottom: 1.6rem;
}
.page_wrap .entry_event_detail .event_body .event_item{
	font-size:12px;
    line-height:20px;
    color:#21282a;
    margin: 16px 15px 18px 15px;
    word-break: break-all;
}
.page_wrap .entry_event_detail .event_body .event_item:last-child{
    margin-bottom: 100px !important;
}
.page_wrap .entry_event_detail .event_body .event_item dt{
	color: #fff;
	background: #55c5b9;
    font-size:14px;
	font-weight: bold;
	min-height:12px;
	line-height:20px;
    padding: 10px 5px;
    margin: 16px 0px 25px 0px;
}
.page_wrap .entry_event_detail .event_body .event_item dd{
	font-size: 12px;
}
.page_wrap .entry_event_detail .event_body .event_item a{
    color: #00a0c8;
}
.page_wrap .entry_event_detail .event_body .event_item h1, h2, h3, h4, h5, h6{
	font-size:12px;
	font-weight: bold;
}
.page_wrap .entry_event_detail .event_body .event_item dd span{
	font-size: 1.6rem;
}
.page_wrap .entry_event_detail .event_body .event_item dd p{
	margin-bottom:1.6rem;
}
.page_wrap .entry_event_detail .event_footer{
	position: fixed;
	left: 0;
	right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(255,255,255,0.9);
    padding: 2rem;
}
.page_wrap .entry_event_detail .event_footer .btn_style{
	font-size:14px;
	width:255px;
    height:36px;
    color: #ffff;
    background-color: #eb008c;
	border-radius: 3.6rem;
	margin: 18px auto;
	padding: 12px auto;
}
.page_wrap .modal.m-entry_event{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
	padding:0 2rem;
}
.page_wrap .modal.m-entry_event .modal_content{
	width:100%;
	max-height: 80%;
	background: #fff;
	z-index: 10;
	margin:0 auto;
	padding:1.6rem;
	border-radius: 1.5rem;
	box-sizing: border-box;
}
.page_wrap .modal.m-entry_event .modal_head .ttl{
	font-size:1.8rem;
	text-align: center;
	margin-bottom:3rem;
}
.page_wrap .modal.m-entry_event .text{
	text-align: center;
	margin-bottom:2rem;
}
.page_wrap .modal.m-entry_event .form_list{
	margin-bottom:2rem;
	padding-left: 4rem;
}
.page_wrap .modal.m-entry_event .form_list .list-item {
	position: relative;
	margin-bottom:1.6rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .modal.m-entry_event .form_list .list-item input[type="radio"]{
	display: none;
}
.page_wrap .modal.m-entry_event .form_list .list-item input[type="radio"] + label:before{
	content: "";
    border: solid 1px #9aabaf;
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    vertical-align: middle;
    margin-right: 1.4rem;
}
.page_wrap .modal.m-entry_event .form_list .list-item input[type="radio"] + label:after{
	content:"";
	background: #9aabaf;
    border: solid 1px #9aabaf;
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-radius: 0.6em;
    vertical-align: middle;
	position: absolute;
	left: 0.2em;
    top: 50%;
    margin-top: -0.3em;
}

.page_wrap .modal.m-entry_event .form_list .list-item input[type="radio"]:checked + label:after{
	content:"";
	background: #55c5b9;
    border: solid 1px #9aabaf;
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-radius: 0.6em;
    vertical-align: middle;
	position: absolute;
	left: 0.2em;
    top: 50%;
    margin-top: -0.3em;
}
.page_wrap .modal.m-entry_event .btn_style{
	font-size:1.4rem;
	width:100%;
	height:3.6rem;
	border-radius: 3.6rem;
	margin: 0 auto 2rem;
	padding: 0;
}

/* Entry Evemt Complete */
.page_wrap .entry_event.complete .thumbnail{
	margin-bottom:1.4rem;
}
.page_wrap .entry_event.complete .thumbnail img{
	display: block;
	margin:0 auto;
	width:100%;
}
.page_wrap .entry_event.complete .event_body .event_name{
	font-size:1.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom:2.4rem;
}
.page_wrap .entry_event.complete .event_body .ttl{
	font-size:2rem;
	text-align: center;
	margin-bottom:3rem;
}
.page_wrap .entry_event.complete .event_body .text{
	font-size:1.4rem;
	text-align: center;
	margin-bottom: 6rem;
}
.page_wrap .entry_event.complete .event_body .text p{
	margin-bottom: 2.4rem;
}
.page_wrap .entry_event.complete .event_footer{
	position: fixed;
	left: 0;
	right: 0;
    bottom: 0;
    text-align: center;
    padding: 2rem;
}
.page_wrap .entry_event.complete .event_footer .btn_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_wrap .entry_event.complete .event_footer .btn_wrap .btn-item{
	margin:0 0.8rem;
}
.page_wrap .entry_event.complete .event_footer .btn_style{
	font-size:1.4rem;
	width:12.8rem;
	height:3.6rem;
	line-height:3.6rem;
	border-radius: 3.6rem;
	margin: 0;
	padding: 0;
	display: block;
}

/* Apply Cast */
.page_wrap .apply_cast{
	padding:3rem 0;
}
.page_wrap .apply_cast .ttl{
	font-size:1.6rem;
	text-align: center;
	font-weight: bold;
	margin-bottom:3rem;
	padding:0 1.6rem;
}
.page_wrap .apply_cast .text{
	font-size:1.4rem;
	margin-bottom: 2rem;
	padding:0 1.6rem;
}
.page_wrap .apply_cast .text p{
	margin-bottom:1.4rem;
}
.page_wrap .apply_cast .apply_form{
	position: relative;
	padding-top: 2rem;
}
.page_wrap .apply_cast .apply_form::before{
	content:"";
	display: block;
	width:100%;
	height:2px;
	background: #eb008c;
	background: -moz-linear-gradient(left, #eb008c 0%, #eb008c 33%, #21282a 33%, #21282a 67%, #00a0c8 67%, #00a0c8 100%);
	background: -webkit-linear-gradient(left, #eb008c 0%,#eb008c 33%,#21282a 33%,#21282a 67%,#00a0c8 67%,#00a0c8 100%);
	background: linear-gradient(to right, #eb008c 0%,#eb008c 33%,#21282a 33%,#21282a 67%,#00a0c8 67%,#00a0c8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb008c', endColorstr='#00a0c8',GradientType=1 );
	position: absolute;
    top: 0;
}
.page_wrap .apply_cast .apply_form .form_ttl{
	font-size: 1.8rem;
	text-align: center;
	margin:2rem 0;
	padding:0 1.6rem;
}
.page_wrap .apply_cast .apply_form .form_list{
	margin-bottom:2.6rem;
	padding:0 1.6rem;
}
.page_wrap .apply_cast .apply_form .form_list .list-item{
	margin-bottom:2rem;
}
.page_wrap .apply_cast .apply_form .form_list .list-item .parts{
	font-size:1.4rem;
}
.page_wrap .apply_cast .apply_form .form_list .list-item .parts dt{
	font-size:1.4rem;
	font-weight: bold;
	margin-bottom:0.8rem;
}
.page_wrap .apply_cast .apply_form .form_list .list-item .parts input{
	width:100%;
	height:3.6rem;
	line-height:3.6rem;
	padding:0 1rem;
	border:solid 1px #9aabaf;
	box-sizing: border-box;
}
.page_wrap .apply_cast .apply_form .form_list .list-item .parts textarea{
	width:100%;
	min-height: 8em;
	padding:1rem;
	border:solid 1px #9aabaf;
	box-sizing: border-box;
}
.page_wrap .apply_cast .apply_form .form_list .list-item .parts .selectbox{
	margin-bottom: 1rem;
}
.page_wrap .apply_cast .apply_form .form_list .list-item .parts select{
	width:100%;
	height:3.6rem;
	line-height:3.6rem;
	padding:0 1rem;
	border:solid 1px #9aabaf;
	box-sizing: border-box;
}

.page_wrap .apply_cast .apply_form .btn_wrap{
	margin-bottom: 2.4rem;
	padding:0 1.6rem;
}
.page_wrap .apply_cast .apply_form .btn_wrap .btn_style{
	font-size:1.4rem;
	width:25rem;
	height:3.6rem;
	line-height:3.6rem;
	border-radius:3.6rem;
    margin: 0 auto;
    padding: 0;
    border: none;
	display: block;
}
.page_wrap .apply_cast .notice_list{
	font-size:1.4rem;
	padding:0 1.6rem;
}
.page_wrap .apply_cast .notice_list .list-item{
	font-size:1.4rem;
	padding-left: 1em;	
	text-indent: -1em;
}
.page_wrap .apply_cast .notice_list .list-item:before{
	content:"※";
	width:1em;
}
.page_wrap .apply_cast .notice_list .list-item + .list-item{
	margin-top:1.6rem;
}

/* Apply Cast Confrim */
.page_wrap .apply_cast.confirm .apply_form{
	position: relative;
	padding-top:4rem;
}

.page_wrap .apply_cast.confirm .form_desc{
	margin-bottom:3rem;
}
.page_wrap .apply_cast.confirm .form_list{
	margin-bottom:5rem;
}
.page_wrap .apply_cast.confirm .btn_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_wrap .apply_cast.confirm .btn_wrap .btn-item{
	margin:0 1rem;
}
.page_wrap .apply_cast.confirm .btn_wrap .btn_style{
	width:12.5rem;
}
.event-details-page-wrap {
    background-color: white !important;
}

/* Apply Cast Complete */
.page_wrap .apply_cast.complete .apply_cast_body .ttl{
	font-size: 1.8rem;
	text-align: center;
}
.page_wrap .apply_cast.complete .apply_cast_body .notice_list{
	margin-bottom: 6rem;
}
.page_wrap .apply_cast.complete .apply_cast_footer{
	position: fixed;
	left: 0;
	right: 0;
    bottom: 0;
    text-align: center;
    padding: 2rem;
}
.page_wrap .apply_cast.complete .apply_cast_footer .btn_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_wrap .apply_cast.complete .apply_cast_footer .btn_wrap .btn-item{
	margin:0 0.8rem;
}
.page_wrap .apply_cast.complete .apply_cast_footer .btn_style{
	font-size:1.4rem;
	width:25rem;
	height:3.6rem;
	line-height:3.6rem;
	border-radius: 3.6rem;
	margin: 0;
	padding: 0;
	display: block;
}
.event_title {
	width: 100%;
	text-align: center;
	position: fixed;
	background: #fff;
	top: 0;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.event-details-event-title {
	width: 100%;
	text-align: center;
	position: fixed;
	background: #fff;
	top: 0;
}
.btn_back {
	float:left;
	text-decoration: none;
	font-size: 30px;
	color: black;
	width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_back:hover {
	background-color: inherit;
	color: black;
}
.text_title {
	padding: 14px 12px;
	margin: 0px auto;
	font-size: 17px;
	font-weight: bold;
	width: 250px;
}
.word_wrap {
	word-wrap: break-word;
}

/* Product Sales */
.p-product_sales .product_list{
    padding:1.6rem;
    background:#f2f4f5;

}
.p-product_sales .product_list .list-item{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.p-product_sales .product_list .list-item + .list-item{
    margin-top: 0.8rem;
}
.p-product_sales .product_list img{}
.p-product_sales .product_list .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    font-size: 10px;
    color: #fff;
    background: rgba(40,40,40,0.6);
    padding:0.2rem 0.6rem;
}

/* Review */
.p-review .content p strong{
    font-weight: bold;
}
.p-review .content .visual img{
    margin:0 auto;
}
.p-review .content .inner{
    padding:1.6rem;
}
 .p-review .content .inner h2{
    font-size:2rem;
    text-align: center;
    margin-bottom: 1.6rem;
}
.p-review .content .inner dl{
    margin-bottom: 2rem;
}
.p-review .content .inner dl dt{
    font-size:1.6rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
}
.p-review .content .inner dl dd{
    font-size:1.4rem;
}
.p-review .content .inner dl dd .step-item + .step-item{
    margin-top:2rem;
}
.p-review .content .inner .infomation{
    background: #f2f4f5;
    padding:1.6rem;
    margin-top:1.6rem;
    border:solid 1px #d5dadb;
}
.p-review .content .inner .infomation ul li{
    text-indent: -1em;
    padding-left: 1em;
}
.p-review .content .inner .infomation ul li::before{
    content:"・";   
}
.p-review .content .inner .infomation p + p{
    margin-top:1.2rem;
}
.p-review .content .inner .btn_wrap{
    padding:2rem 0;
    text-align: center;
}
.p-review .content .inner .btn_wrap .btn_style{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3rem;
    height: 3.6rem;
    border-radius: 3.6rem;
    margin: 0 auto;
}
.p-review .content .notice{
    border-top: solid 1px #d5dadb;
    font-size:1.2rem;
    padding:1.6rem;
    background: #f2f4f5;
}
.p-review .content .notice .ttl{
    margin-bottom: 1rem;
}
.p-review .content .notice ul li{
    text-indent: -1em;
    padding-left: 1em;
}
.p-review .content .notice ul li + li{
    margin-top:1rem;
}
.p-review .content .notice ul li::before{
    content:"・";   
}

/* nopower_recipe */
.p-nopower_recipe {
    max-width: 750px;
    margin: 0 auto;
    box-shadow: 0px 0px 2px 2px #ccc;
}
.p-nopower_recipe .page_ttl img{
    width:12rem;
    object-fit: contain;
    display: block;
}
.p-nopower_recipe .content p{
    margin-bottom: 1.4rem;
}
.p-nopower_recipe .content p strong{
    font-weight: bold;
}
.p-nopower_recipe .content .visual img{
    margin:0 auto;
}
.p-nopower_recipe .content .inner{
    padding:1.6rem;
}
.p-nopower_recipe .content .inner h2{
    font-size:2rem;
    text-align: center;
    margin-bottom: 1.6rem;
}
.p-nopower_recipe .content .inner dl{
    margin-bottom: 2rem;
}
.p-nopower_recipe .content .inner dl dt{
    font-size:1.6rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
}
.p-nopower_recipe .content .inner dl dd{
    font-size:1.4rem;
}
.p-nopower_recipe .content .inner dl dd .step-item + .step-item{
    margin-top:2rem;
}
.p-nopower_recipe .content .inner .infomation{
    background: #f2f4f5;
    padding:1.4rem;
    margin-top:1.4rem;
    border:solid 1px #d5dadb;
    margin-bottom: 1.6rem;
}
.p-nopower_recipe .content .inner .infomation ul li{
    text-indent: -1em;
    padding-left: 1em;
}
.p-nopower_recipe .content .inner .infomation ul li::before{
    content:"・";   
}
.p-nopower_recipe .content .inner .infomation p + p{
    margin-top:1.2rem;
}
.p-nopower_recipe .content .inner .infomation .prize{
    display: flex;
    align-items: center;
    font-size:1.2rem;
}
.p-nopower_recipe .content .inner .infomation .prize .thubnail{
    flex-shrink: 0;
    width:12rem;
    margin-right: 1.4rem;
}
.p-nopower_recipe .content .inner .btn_wrap{
    padding:2rem 0;
    text-align: center;
}
.p-nopower_recipe .content .inner .btn_wrap .btn_style{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3rem;
    height: 3.6rem;
    border-radius: 3.6rem;
    margin: 0 auto;
}
.p-nopower_recipe .content .notice{
    border-top: solid 1px #d5dadb;
    font-size:1.2rem;
    padding:1.6rem;
    background: #f2f4f5;
}
.p-nopower_recipe .content .notice .ttl{
    margin-bottom: 1rem;
}
.p-nopower_recipe .content .notice ul li{
    text-indent: -1em;
    padding-left: 1em;
}
.p-nopower_recipe .content .notice ul li + li{
    margin-top:1rem;
}
.p-nopower_recipe .content .notice ul li::before{
    content:"・";   
}
.p-nopower_recipe .content .download{
	text-align: center;
}
.p-nopower_recipe .content .download .download_banner{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 2rem 2rem;
    position: relative;
}
.p-nopower_recipe .content .download .download_banner .banner-item{
	margin: 0 1.2rem;
}

.c-bannerList {
  margin: 2em 0;
  list-style: none;
}

.c-bannerList__item {
  text-align: center;
}

.c-bannerList__item + .c-bannerList__item {
  margin-top: 1em;
}

.c-bannerList__item .span {
  display: block;
}

.c-bannerList__item .label {
  display: block;
  margin: 15px;
  font-size: 12px;
}

.c-bannerList--inline {
  text-align: center;
}

.c-bannerList--inline .c-bannerList__item {
  display: inline-block;
}

.c-bannerList--inline .c-bannerList__item + .c-bannerList__item {
  margin-left: 3em;
  margin-top: 1em;
}



/* page_manual */
.page_wrap.p-manual .content{
	width: 100%;
	font-size: 1.2rem;
}
.page_wrap.p-manual .content .manual{
    padding:0 0.8rem;
    border-top: solid 1px #D5DADC;
}
.page_wrap.p-manual .content .sec .sec_ttl{
    font-size:1.2rem;
    font-weight: bold;
    padding: 2rem 0.8rem 0.6rem;
    border-bottom: solid 1px #d5dadb;
}
.page_wrap.p-manual .content .sec .accordion_box{
}
.page_wrap.p-manual .content .sec .accordion_box .box_item{
    font-size:1.2rem;
    padding: 1.4rem 2rem 0.6rem;
    border-bottom: solid 1px #d5dadb;
    position: relative;
}
.page_wrap.p-manual .content .sec .accordion_box .box_item::after{
    content: "\f078";
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0.8rem;
    top:50%;
    margin-top:-0.7rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.page_wrap.p-manual .content .sec .accordion_box .box_item.on::after{
    transform: rotate(-180deg);
}
.page_wrap.p-manual .content .sec .accordion_box .box_content{
    font-size:1.2rem;
    padding: 1.4rem 2rem 0.6rem;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content p{
    margin-bottom: 1.4rem;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content ul{
}
.page_wrap.p-manual .content .sec .accordion_box .box_content ul li{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content ul li + li{
    margin-top:0.6rem;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content picture{
    display: block;
    margin-bottom: 2.4rem;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content picture img{
    margin: 0 auto;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .box_desc{
    padding:0 1em;
    text-indent: -1em;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .gift_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #e7e9ea;
    padding:1.4rem 0;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .gift_box .thumbnail{
    width:9rem;
    flex-shrink: 0;
    margin-right: 1.2rem;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .gift_box .intro{
    width: 100%;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .gift_box .intro p{
    margin: 0.6rem 0;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .gift_box .intro .gift_name{
    font-weight: bold;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .gift_box .intro .gift_point img{
    display: inline-block;
    width:1.4rem;
    height:1.4rem;
    vertical-align: middle;
    position: relative;
    margin:0 0.4rem;
    top: -2px;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content article + article{
    margin-top:2.4rem;
}

/*talent_guidance*/
.page_wrap.talent_guidance::before {
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background:url("/NativeApp/image/talent_guidance/end_roll_bg.png") repeat;
    background-size: contain;
    background-position: center center;
    background-attachment: fixed;
}
.page_wrap.talent_guidance .content {
    height: auto;
}
.page_wrap.talent_guidance .content img{
    margin:0 auto;
}
.page_wrap.talent_guidance .content .main{
    background: #fff;
    padding:1.6rem 0;
}
.page_wrap.talent_guidance .content .main img{
    position: relative;
    z-index: 10;
}
.page_wrap.talent_guidance .content .main + .sec_line{
    margin-top: -14%;
    margin-bottom: -8%;
}
.page_wrap.talent_guidance .content .sec_line img{
    width:100%;
    position: relative;
    z-index: 0;
}
.page_wrap.talent_guidance .content .sec.step_1 {
    background:url("/NativeApp/image/talent_guidance/step_1_star.png") center repeat-x,
        url("/NativeApp/image/talent_guidance/step_1_town.png") bottom center repeat-x,
        url("/NativeApp/image/talent_guidance/radiation.png") top no-repeat,
        #adfaff;
    background-size:cover;
    padding: 16% 1.6rem 0;
}
.page_wrap.talent_guidance .content .sec.step_1 .step_box{
    font-size: 1.2rem;
    background: #fff;
    margin-bottom: 1.6rem;
    padding: 1.4rem;
    position: relative;
}
.page_wrap.talent_guidance .content .sec.step_1 .step_box .step_ttl{
    width:6.25rem;
    position: absolute;
    top: -1.4rem;
    left: -0.8rem;
}


.page_wrap.talent_guidance .content .sec.step_1 .download_banner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:1rem 2rem 2rem;
    position: relative;
}
.page_wrap.talent_guidance .content .sec.step_1 .download_banner .banner-item{
    margin:0 1.2rem;
    position: relative;
    z-index: 5;
}
.page_wrap.talent_guidance .content .sec.step_2 {
    background:url("/NativeApp/image/talent_guidance/ribbon_left_bg.png") left center repeat-y,
        url("/NativeApp/image/talent_guidance/ribbon_right_bg.png") right center repeat-y,
        url("/NativeApp/image/talent_guidance/foam_left_bg.png") left center repeat-y,
        url("/NativeApp/image/talent_guidance/foam_right_bg.png") right center repeat-y,
        #ffecf2;
    background-size: contain;
    padding:2rem 1.6rem;
}
.page_wrap.talent_guidance .content .sec.step_2 .step_box{
    font-size: 1.2rem;
    background: #fff;
    margin-bottom: 1.6rem;
    padding: 1.4rem;
    position: relative;
}
.page_wrap.talent_guidance .content .sec.step_2 .step_box .step_ttl{
    width:6.25rem;
    position: absolute;
    top: -1.4rem;
    left: -0.8rem;
}

.page_wrap.talent_guidance .content .sec.step_3 {
    padding:1.6rem 1.6rem 1rem;
    background:rgba(255,255,255,0.9);
}
.page_wrap.talent_guidance .content .sec.step_3 .step_box{
    font-size: 1.2rem;
    background: #fff;
    margin-bottom: 1.6rem;
    padding: 1.4rem;
    position: relative;
    border: solid 2px #ccc;
}
.page_wrap.talent_guidance .content .sec.step_3 .step_box .step_ttl{
    width:6.25rem;
    position: absolute;
    top: -1.4rem;
    left: -0.8rem;
}
.page_wrap.talent_guidance .content .sec.step_3 figure{
    margin-bottom:1.6rem;
}
.page_wrap.talent_guidance .content .sec.step_3 dl{
    font-size:1.2rem;
    background: #fff;
    padding:1.4rem;
    border: solid 2px #ccc;
}
.page_wrap.talent_guidance .content .sec.step_3 dl dt{
    color:#55c5b9;
    font-weight: bold;
    margin-bottom: 1.2rem;
}
.page_wrap.talent_guidance .content .sec.step_3 dl dd p + p{
    margin-top:1.2rem;
}
.page_wrap.talent_guidance .content .end_roll{
    padding:1rem 0 2rem;
}

.page_wrap.talent_guidance .content .bottom .download_banner{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding:1rem 2rem 2rem;
    position: relative;
}
.page_wrap.talent_guidance .content .bottom .download_banner .banner-item{
    margin:0 1.2rem;
    position: relative;
    z-index: 5;
}

/* インフォメーション */
.page_wrap .page_info_detail{
    padding-bottom: 6rem;
}
.page_wrap .page_info_detail .post_info{
    font-size: 1.2rem;
    background: #fff;
    padding: 1.6rem 1.6rem 0;
    display: flex;
    align-items: center;
}
.page_wrap .page_info_detail .post_info .date{
    color:#9aabaf;
    margin-right: 1.6rem;
}
.page_wrap .page_info_detail .post_info .tag_list{
    display: flex;
    align-items: center;
}
.page_wrap .page_info_detail .post_info .tag_list.event .list-item{
    color:#E85F48 ;
    border-color:#E85F48 ;
}
.page_wrap .page_info_detail .post_info .tag_list.notice .list-item{
    color:#55C5B9 ;
    border-color:#55C5B9 ;
}
.page_wrap .page_info_detail .post_info .tag_list.realevent .list-item{
    color:#EB008C ;
    border-color:#EB008C ;
}
.page_wrap .page_info_detail .post_info .tag_list .list-item{
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 0.4rem;
    padding: 0 0.4rem;
    font-weight: bold;
    border: solid 1px #9aabaf;
}
.page_wrap .page_info_detail .post_info .tag_list .list-item + .list-item{
    margin-left: 0.8rem;
}
.page_wrap .page_info_detail .post{
    font-size: 1.6rem;
    background: #fff;
    padding: 1.6rem;
}
.page_wrap .page_info_detail .post .post_ttl{
    font-weight: bold;
    margin-bottom: 1.6rem;
}
.page_wrap .page_info_detail .post .post_image{
    margin-bottom: 1.6rem;
}
.page_wrap .page_info_detail .post .post_image img{
    display: block;
    margin: 0 auto;
}
.page_wrap .page_info_detail .post .post_box p{
    margin-bottom: 1em;
}
.page_wrap .page_info_detail .post .post_box a{
    color: #00a0c8;
    text-decoration: underline;
}
.page_wrap .page_info_detail .post .post_box img{
    display: block;
    margin: 0 auto 1em;
}
.page_wrap .page_info_detail .post .post_box h1{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1em;
}
.page_wrap .page_info_detail .post .post_box h2{
    font-size: 1.6rem;
    margin-bottom: 1rem;
}
.page_wrap .page_info_detail .post .post_box h3{
    font-size: 1.6rem;
    color: #31708f;
    font-weight: bold;
    margin-bottom: 1em;
}
.page_wrap .page_info_detail .post .post_box table{
    margin-bottom: 1em;
    border-collapse: separate;
    border-spacing: 1px;
    background: #C6C8C9;
}
.page_wrap .page_info_detail .post .post_box table{
    width: 100%;
    margin-bottom: 1em;
    border-collapse: separate;
    border-spacing: 1px;
    background: #C6C8C9;
}
.page_wrap .page_info_detail .post .post_box table th {
    color: #31708F;
    background: #D9EDF7;
    font-size: 1.4rem;
    padding: 0.8rem 1rem;
    font-weight: bold;
    vertical-align: middle;
}
.page_wrap .page_info_detail .post .post_box table td {
    font-size: 1.4rem;
    padding: 1.6rem;
    background: #fff;
    vertical-align: middle;
}
.page_wrap .page_info_detail .post .post_box dl {
    margin-bottom: 1em;
}
.page_wrap .page_info_detail .post .post_box dl dt{
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    margin-bottom: 1rem;
}

.page_wrap .page_info_detail .post .post_box ul,
.page_wrap .page_info_detail .post .post_box ol{
    padding-left: 1em;
}
.page_wrap .page_info_detail .post .post_box ul li,
.page_wrap .page_info_detail .post .post_box ol li{
    text-indent: -1em;
}


.page_wrap .page_info_detail .fixed_menu{
    width: 100%;
    height: 6rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.8);
    border-top: solid 2px #d5dadb;
    box-sizing: border-box;
}
.page_wrap .page_info_detail .fixed_menu .back{
    width: 5.8rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.page_wrap .page_info_detail .fixed_menu .back .icon{
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}
.page_wrap .page_info_detail .fixed_menu .close{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap .page_info_detail .fixed_menu .close .button{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 2.5em;
    border: solid 1px #9aabaf;
    padding: 0 4rem;
}
.page_wrap .page_info_detail .fixed_menu .close .icon{
    display: block;
    margin-right: 0.8rem;
}
.page_wrap .page_info_detail .fixed_menu .scroll{
    width: 5.8rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.page_wrap .page_info_detail .fixed_menu .scroll .icon{
    display: block;
    width: 2.6rem;
    height: 2.6rem;
}

/* お問い合わせ */
.page_wrap .page_contact {
    padding: 2.4rem 1.6rem;
}
.page_wrap .page_contact .content {
    font-size: 1.4rem;
}
.page_wrap .page_contact .content .desc{
    margin-bottom: 4rem;
}
.page_wrap .page_contact .content .desc p{
    margin-bottom: 2rem;
}
.page_wrap .page_contact .content .contact_form .form_ttl {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
}
.page_wrap .page_contact .content .contact_form input[type="text"] {
    width: 100%;
    padding: 0.6rem 0.8rem;
    border: solid 1px #cccccc;
    border-radius: 0.4rem;
    box-sizing: border-box;
}
.page_wrap .page_contact .content .contact_form input[type="text"]::placeholder{
    color: #D5DADB;
}
.page_wrap .page_contact .content .contact_form .select_wrap{
    font-size: 1.4rem;
    display: flex;
    height: 2.5em;
    border: solid 1px #cccccc;
    border-radius: 0.4rem;
    position: relative;
}
.page_wrap .page_contact .content .contact_form .select_wrap .icon{
    width: 2rem;
    height: 100%;
    background: #E7E9EA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 1px #D5DADB;
    position: absolute;
    right: 0;
    pointer-events: none;
}
.page_wrap .page_contact .content .contact_form .select_wrap .icon img{
    width: 1rem;
    object-fit: contain;
}
.page_wrap .page_contact .content .contact_form select {
    width: 100%;
    padding: 0.6rem 2.8rem 0.6rem 0.8rem;
    border: none;
    outline: none;
    box-sizing: border-box;
}
.page_wrap .page_contact .content .contact_form textarea {
    width: 100%;
    height: 12rem;
    padding: 0.6rem 0.8rem;
    border: solid 1px #cccccc;
    border-radius: 0.4rem;
    box-sizing: border-box;
}
.page_wrap .page_contact .content .contact_form textarea::placeholder{
    color: #D5DADB;
}
.page_wrap .page_contact .content .contact_form dl {
    margin-bottom: 2rem;
}
.page_wrap .page_contact .content .contact_form dl dt {
    font-weight: bold;
    margin-bottom: 0.8rem;
}
.page_wrap .page_contact .content .contact_form .btn_wrap {
    margin-bottom: 2.8rem;
}
.page_wrap .page_contact .content .contact_form .btn_wrap .button {
	color:#fff;
	background:#42bfc0;
    font-size: 1.4rem;
    width: 21rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    display: block;
    margin: 0 auto;
}
.page_wrap .page_contact .content .notice {
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
}
/* お問い合わせ完了 */
.page_wrap .page_contact .content .complete .ttl {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
}
.page_wrap .page_contact .content .complete .text {
    margin-bottom: 2rem;
}
.page_wrap .page_contact .content .complete .text p {
    margin-bottom: 1em;
}
.page_wrap .page_contact .content .complete .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap .page_contact .content .complete .action .button{
    color: #fff;
    background: #42bfc0;
    font-size: 1.4rem;
    width: 21rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    text-align: center;
    display: block;
    margin: 0 auto;
}
/* メールボックス */
.page_wrap .page_mailbox .tab_list{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F4F5;
    padding-top: 0.8rem;
}
.page_wrap .page_mailbox .tab_list .list-item{
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 1.6rem;
}
.page_wrap .page_mailbox .tab_list .list-item a{
    color: #9DAAAE;
    display: block;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
.page_wrap .page_mailbox .tab_list .list-item.on a{
    color: #192125;
    border-bottom: solid 2px #192125;
}
.page_wrap .page_mailbox .message_list{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_mailbox .message_list .list-item + .list-item{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_mailbox .message_list .list-item .message{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem;
}
.page_wrap .page_mailbox .list-item .message .detail{
    display: flex;
    align-items: center;
    min-width: 0;
}
.page_wrap .page_mailbox .message_list .list-item .message .thumbnail{
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    margin: 0 1rem 0 0;
    border: solid 1px #D4DADB;
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
}
.page_wrap .page_mailbox .message_list .list-item .message .notice::after{
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #EB008C;
    border: solid 1px #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
}
.page_wrap .page_mailbox .message_list .list-item .message .thumbnail img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.page_wrap .page_mailbox .message_list .list-item .message .sender{
    min-width: 0;
}
.page_wrap .page_mailbox .message_list .list-item .message .sender .name{
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_mailbox .message_list .list-item .message .sender .text{
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_mailbox .message_list .list-item .message .date{
    color: #9AABAF;
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* メール詳細 */
.page_wrap .page_mailbox .sec_detail .detail{
    display: flex;
    align-items: center;
    border-bottom: solid 1px #D4DADB;
    padding: 0.8rem;
}
.page_wrap .page_mailbox .sec_detail .detail .thumbnail{
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    margin: 0 1rem 0 0;
    border: solid 1px #D4DADB;
    box-sizing: border-box;
    flex-shrink: 0;
}
.page_wrap .page_mailbox .sec_detail .detail .thumbnail img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.page_wrap .page_mailbox .sec_detail .detail .sender{
    min-width: 0;
}
.page_wrap .page_mailbox .sec_detail .detail .sender .subject{
    font-size: 1.4rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_mailbox .sec_detail .detail .sender .text{
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_mailbox .sec_detail .detail .date{
    color: #9AABAF;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.page_wrap .page_mailbox .sec_detail .message{
    font-size: 1.4rem;
    padding: 0.8rem;
}

/* お知らせ */
.page_wrap .page_inform .sec_index{
    
}

/* アカウント */
.page_wrap .page_account{
    min-height: -webkit-calc(100vh - 4.6rem);
    min-height: calc(100vh - 4.6rem);
    background: #F2F4F5;
}
.page_wrap .page_account .account{
    padding: 2.4rem 0 2.4rem;
}
.page_wrap .page_account .account .menu{
    font-size: 1.4rem;
    background: #fff;
    border-top: solid 1px #D4DADB;
    border-bottom: solid 1px #D4DADB;
    margin-bottom: 2.4rem;
}
.page_wrap .page_account .account .menu .menu-item + .menu-item{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_account .account .menu .menu-item .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 3em;
    line-height: 3em;
    padding: 0.2rem 1.6rem 0;
    box-sizing: border-box;
}
.page_wrap .page_account .account .menu .menu-item .label{
    width: 100%;
}
.page_wrap .page_account .account .menu .menu-item .action{
    color: #9AABAF;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.page_wrap .page_account .account .menu .menu-item .action .icon{
    color: #9AABAF;
    display: block;
    height: 1rem;
    margin-top: -0.2rem;
    margin-left: 1rem;
}
.page_wrap .page_account .account .withdraw{
    font-size: 1.2rem;
    display: flex;
    justify-content: flex-end;
    padding: 0 1.6rem;
}
.page_wrap .page_account .account .withdraw a{
    color: #00A0C8;
}

/* アカウント - メールアドレスの登録・変更 */
.page_wrap .page_account .email{
    font-size: 1.4rem;
    padding: 2.4rem 0 2.4rem;
}
.page_wrap .page_account .email .text{
    margin-bottom: 2.4rem;
    padding: 0 1.6rem;
}
.page_wrap .page_account .email .text p{
    margin-bottom: 1em;
}
.page_wrap .page_account .email .text ul{
    margin-bottom: 1em;
}
.page_wrap .page_account .email .text ul li{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap .page_account .email .form{
    display: block;
}
.page_wrap .page_account .email .form .form-group{
    font-size: 1.2rem;
    border-top: solid 1px #D4DADB;
    border-bottom: solid 1px #D4DADB;
    margin-bottom: 2.4rem;
}
.page_wrap .page_account .email .form .error_message{
    margin: 0 1.6rem 1rem;
}
.page_wrap .page_account .email .form .form-group .form-item{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0rem 1.6rem;
}
.page_wrap .page_account .email .form .form-group .form-item .label{
    margin-right: 1.6rem;
    flex-shrink: 0;
}
.page_wrap .page_account .email .form .form-group .form-item .input{
    width: 100%;
}
.page_wrap .page_account .email .form .form-group .form-item .input_mail{
    width: 100%;
    height: 3em;
    line-height: 3em;
    padding: 1rem;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.page_wrap .page_account .email .form .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap .page_account .email .form .action .button{
    color: #fff;
    background: #00A0C8;
    font-size: 1.4rem;
    width: 20rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* パスワードの変更 */
.page_wrap .page_account .password{
    font-size: 1.4rem;
    padding: 2.4rem 0 2.4rem;
}
.page_wrap .page_account .password .form{
    display: block;
}
.page_wrap .page_account .password .form .form-group{
    font-size: 1.2rem;
    border-top: solid 1px #D4DADB;
    border-bottom: solid 1px #D4DADB;
    margin-bottom: 2.4rem;
}
.page_wrap .page_account .password .form .error_message{
    margin: 0 1.6rem 1rem;
}
.page_wrap .page_account .password .form .form-group .form-item{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0rem 1.6rem;
}
.page_wrap .page_account .password .form .form-group .form-item + .form-item{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_account .password .form .form-group .form-item .label{
    margin-right: 1.6rem;
    flex-shrink: 0;
}
.page_wrap .page_account .password .form .form-group .form-item .input{
    width: 100%;
}
.page_wrap .page_account .password .form .form-group .form-item .input input{
    width: 100%;
    height: 3em;
    line-height: 3em;
    padding: 1rem;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.page_wrap .page_account .password .form .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap .page_account .password .form .action .button{
    color: #fff;
    background: #00A0C8;
    font-size: 1.4rem;
    width: 20rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* 通知設定 */
.page_wrap .page_account .notice{
    font-size: 1.4rem;
    padding: 2.4rem 0 2.4rem;
}
.page_wrap .page_account .notice .form{
    display: block;
}
.page_wrap .page_account .notice .form .form-group{
    font-size: 1.2rem;
    border-top: solid 1px #D4DADB;
    border-bottom: solid 1px #D4DADB;
    margin-bottom: 2.4rem;
}
.page_wrap .page_account .notice .form .error_message{
    margin: 0 1.6rem 1rem;
}
.page_wrap .page_account .notice .form .form-group .form-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 0.6rem 1.6rem;
}
.page_wrap .page_account .notice .form .form-group .form-item + .form-item{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_account .notice .form .form-group .form-item .label{
    margin-right: 1.6rem;
    flex-shrink: 0;
}
.page_wrap .page_account .notice .form .form-group .form-item .input input{
    display: none;
}
.page_wrap .page_account .notice .form .form-group .form-item .input label{
    display: block;
    width: 4.6rem;
    height: 2.8rem;
    border-radius: 2.8rem;
    background: #D5DADB;
    position: relative;
}
.page_wrap .page_account .notice .form .form-group .form-item .input input:checked + label{
    background: #00A0C8;
}
.page_wrap .page_account .notice .form .form-group .form-item .input input + label::before{
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0.2rem;
    right: auto;
    left: 0.2rem;
}
.page_wrap .page_account .notice .form .form-group .form-item .input input:checked + label::before{
    right: 0.2rem;
    left: auto;
}
.page_wrap .page_account .notice .form .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap .page_account .notice .form .action .button{
    color: #fff;
    background: #00A0C8;
    font-size: 1.4rem;
    width: 20rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* 商品配送先 */
.page_wrap .page_account .address{
    font-size: 1.4rem;
    padding: 2.4rem 0 2.4rem;
}
.page_wrap .page_account .address .form{
    display: block;
}
.page_wrap .page_account .address .form .form-group{
    font-size: 1.2rem;
    border-top: solid 1px #D4DADB;
    border-bottom: solid 1px #D4DADB;
    margin-bottom: 2.4rem;
}
.page_wrap .page_account .address .form .error_message{
    margin: 0 1.6rem 1rem;
}
.page_wrap .page_account .address .form .form-group .form-item{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0rem 1.6rem;
}
.page_wrap .page_account .address .form .form-group .form-item + .form-item{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_account .address .form .form-group .form-item .label{
    width: 4.8rem;
    margin-right: 1.6rem;
    flex-shrink: 0;
}
.page_wrap .page_account .address .form .form-group .form-item .select_wrap{
    font-size: 1.2rem;
    display: flex;
    height: 3em;
    border-radius: 0.4rem;
    position: relative;
}
.page_wrap .page_account .address .form .form-group .form-item .select_wrap .icon{
    width: 2rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    pointer-events: none;
}
.page_wrap .page_account .address .form .form-group .form-item .select_wrap .icon img{
    width: 1rem;
    object-fit: contain;
}
.page_wrap .page_account .address .form .form-group .form-item select {
    width: 100%;
    padding: 0.6rem 2.8rem 0.6rem 0.8rem;
    border: none;
    outline: none;
    box-sizing: border-box;
}

.page_wrap .page_account .address .form .form-group .form-item .input{
    width: 100%;
}
.page_wrap .page_account .address .form .form-group .form-item .input input{
    width: 100%;
    height: 3em;
    line-height: 3em;
    padding: 1rem;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.page_wrap .page_account .address .form .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap .page_account .address .form .action .button{
    color: #fff;
    background: #00A0C8;
    font-size: 1.4rem;
    width: 20rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* ソーシャル連携 */
.page_wrap .page_account .social{
    font-size: 1.4rem;
    padding: 2.4rem 0 2.4rem;
}
.page_wrap .page_account .social .social_list{
    border-top: solid 1px #D4DADB;
    border-bottom: solid 1px #D4DADB;
}
.page_wrap .page_account .social .social_list .list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3em;
    background: #fff;
    padding: 0rem 1.6rem;
}
.page_wrap .page_account .social .social_list .list-item + .form-item{
    border-top: solid 1px #D4DADB;
}
.page_wrap .page_account .social .social_list .list-item .service{
    display: flex;
    align-items: center;
}
.page_wrap .page_account .social .social_list .list-item .service .icon{
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem;
    flex-shrink: 0;
}
.page_wrap .page_account .social .social_list .list-item .service .icon img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.unlinked {
    filter: invert(0.8);
}

.page_wrap .page_account .social .social_list .list-item .link{
    font-size: 1.2rem;
}
.page_wrap .page_account .social .social_list .list-item .link a{
    color: #0ca5e5;
}
:focus {
    outline: none;
}

/* 配信規約 */
.page_wrap .streaming_terms{
    padding: 1.6rem 1.4rem 6rem;
}
.page_wrap .streaming_terms .sec_ttl{
    font-size: 1.4rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: solid 2px #00A0C8;
}
.page_wrap .streaming_terms .description{
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.page_wrap .streaming_terms dl{
    font-size: 1.2rem;
}
.page_wrap .streaming_terms dl + dl{
    margin-top: 2rem;
}
.page_wrap .streaming_terms dl dt{
    color: #21282A;
    font-weight: bold;
    margin-bottom: 1rem;
}
.page_wrap .streaming_terms dl dd ul ul{
    margin-top: 1rem;
}
.page_wrap .streaming_terms dl dd ul.number{
    list-style: decimal;
    padding-left: 1.2em;
}
.page_wrap .streaming_terms dl dd ul.number > li + li{
    margin-top: 1rem;
}
.page_wrap .streaming_terms dl dd ul.alpha > li + li{
    margin-top: 1rem;
}
.page_wrap .streaming_terms .construction{
    margin-top: 2rem;
    font-size: 1.2rem;
}

/* 番組表 */
.page_wrap .page_program .content{
	padding: 1.6rem 1.6rem 0;
}
.page_wrap .page_program .content .inner{
	border-left: solid 1.5rem #F2F4F5;
	padding-bottom: 2rem;
}
.page_wrap .page_program .content .schedule{
	margin-bottom: 2rem;
}
.page_wrap .page_program .content .schedule .event_date{
	color: #55C5B9;
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	line-height: 1;
	margin-left: -1.5rem;
	margin-bottom: 1rem;
}
.page_wrap .page_program .content .schedule .event_date::before{
	content: "";
	display: block;
	font-size: 1.5rem;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	border: solid 3px #55C5B9;
	background: #fff;
	box-sizing: border-box;
	position: relative;
	top: -2px;
	margin-right: 0.5rem;
}
.page_wrap .page_program .content .schedule .event_date.today::before{
	border: solid 3px #E85F48;
}
.page_wrap .page_program .content .schedule .event .timeline{
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.page_wrap .page_program .content .schedule .event .open_time {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	color: #fff;
	background: #55C5B9;
	height: 3rem;
	margin-right: 1rem;
	margin-left: 1rem;
	padding: 0 1.2rem 0 1.2rem;
	position: relative;
}
.page_wrap .page_program .content .schedule .event .open_time::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 10px solid #55C5B9;
}
.page_wrap .page_program .content .schedule .event .ticket{
	color: #9AABAF;
	font-size: 1.4rem;
	font-weight: bold;
}
.page_wrap .page_program .content .schedule .event .cover{
	margin-left: 1rem;
	position: relative;
}
.page_wrap .page_program .content .schedule .event .cover img{
	width: 100%;
	object-fit: contain;
}
.page_wrap .page_program .content .schedule .event .cover .tag{
    position: absolute;
    left: 1rem;
    top: 1rem;
	display: flex;
	align-items: center;
}
.page_wrap .page_program .content .schedule .event .cover .tag .online{
    color: #fff;
    background: #EB008C;
	height: 2.4rem;
	line-height: 2.4rem;
	margin-right: 5px;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap .page_program .content .schedule .event .cover .tag .ticket{
	color: #21282A;
	background: #fff;
	height: 2.4rem;
	line-height: 2.4rem;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 1.4rem;
	font-weight: bold;
}

/* イベント詳細ページ */
.page_wrap .page_event_detail{
    background: #f2f4f5;
}
.page_wrap .page_event_detail .tab_menu{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 0;
}
.page_wrap .page_event_detail .tab_menu .menu-item{
    width: 10rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 2.4rem;
    height: 3em;
    line-height: 3em;
    text-align: center;
    position: relative;
}
.page_wrap .page_event_detail .tab_menu .menu-item.on::after{
    content: "";
    height: 0.2rem;
    position: absolute;
    bottom: 0;
    background: #21282a;
    left: 0;
    right: 0;
}
.page_wrap .page_event_detail .visual{
    border-bottom: solid 2px #d5dadb;
    margin-bottom: 0.8rem;
}
.page_wrap .page_event_detail .visual img{
    display: block;
}
.page_wrap .page_event_detail .menu_list{
    width: 100%;
    display: flex;
    overflow-x: scroll;
    margin-bottom: -1px;
}
.page_wrap .page_event_detail .menu_list .list-item{
    font-size: 1.2rem;
    flex-shrink: 0;
}
.page_wrap .page_event_detail .menu_list .list-item.on{
    background: #fff;
}
.page_wrap .page_event_detail .menu_list .list-item a{
    display: block;
    height: 4em;
    line-height: 4em;
    padding: 0 1.2rem;
}
.page_wrap .page_event_detail .menu_list .list-item.on a{
    
}
.page_wrap .page_event_detail .content{
    padding: 1.4rem;
    background: #fff;
    border-top: solid 1px #ccc;
}
.page_wrap .page_event_detail .content .detail{}
.page_wrap .page_event_detail .content .detail .content_box{
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_head{
    color: #ffffff;
    background: #55c5b9;
    font-size: 1.2rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body{
    font-size: 1.2rem;
    padding: 1.4rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .ttl{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .text{
    margin-bottom: 2.4rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .external_link{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .external_link .link-item + .link-item{
    margin-top: 1.6rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .external_link a{
    color: #00a0c8;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .external_link img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.page_wrap .page_event_detail .content .detail .schedule_ttl{
    color: #55c5b9;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2.4rem;
    margin-bottom: 1rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body dl{
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body dl dt{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body dl dd p,
.page_wrap .page_event_detail .content .detail .content_box .box_body dl dd ul{
    margin-bottom: 1em;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body dl dd ul li{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .schedule_result{
    border-top: solid 1px #9aabaf;
    font-size: 1.6rem;
    color: #eb008b;
    font-weight: bold;
    padding-top: 2.4rem;
}
.page_wrap .page_event_detail .content .detail .content_box .box_body .schedule_result::before{
    content: "";
    width: 4.5rem;
    height: 5rem;
    display: block;
    background-image: url(/Mobile/image/detail/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto 2.4rem;
}
.page_wrap .page_event_detail .content .schedule .content_box {
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .schedule .content_box.is_today {
    border-color: #ec6941;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_head{
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #55c5b9;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1rem;
}
.page_wrap .page_event_detail .content .schedule .content_box.is_today .box_head{
    background-color: #ec6941;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .event_ttl{
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem;
    border-bottom: solid 1px #ccc;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list{
    width: 100%;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item{
    width: 100%;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item + .list-item{
    border-top: solid 1px #ccc;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item a{
    display: flex;
    align-items: center;
    padding: 0.8rem 1rem;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item a.online::before{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #eb008c;
    margin-right: 1rem;
    flex-shrink: 0;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .thumbnail{
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    margin-right: 1.4rem;
    border-radius: 50%;
    box-sizing: border-box;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item a.online .thumbnail{
    border: solid 2px #eb008c;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .thumbnail img{
    widows: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: solid 2px #ccc;
    box-sizing: border-box;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .name{
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .name .full{
    font-weight: bold;
    margin: 0.8rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .name .kana{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .talent .talent_list{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -1.4rem;
}
.page_wrap .page_event_detail .content .talent .list-item{
    width: -webkit-calc(50% - 0.7rem);
    width: calc(50% - 0.7rem);
    margin-bottom: 1.4rem;
    flex-shrink: 0;
}
.page_wrap .page_event_detail .content .talent .talent_card{
    width: 100%;
    border: solid 1px #ccc;
    border-radius: 1rem;
    overflow: hidden;
}
.page_wrap .page_event_detail .content .talent .talent_card .cover{
    width: 100%;
    height: 10rem;
    position: relative;
}
.page_wrap .page_event_detail .content .talent .talent_card .cover::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 0;
}
.page_wrap .page_event_detail .content .talent .talent_card .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_wrap .page_event_detail .content .talent .talent_card .thumbnail{
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin: -8rem auto -1rem;
    overflow: hidden;
    position: relative;
    z-index: 5;
}
.page_wrap .page_event_detail .content .talent .talent_card .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_wrap .page_event_detail .content .talent .talent_card .info{
    font-size: 1.2rem;
    font-weight: bold;
    width: 100%;
    color: #fff;
    padding: 0.8rem 1rem;
    background: rgba(33,40,42,0.8);
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.page_wrap .page_event_detail .content .talent .talent_card .info .name,
.page_wrap .page_event_detail .content .talent .talent_card .info .name .full,
.page_wrap .page_event_detail .content .talent .talent_card .info .name .kana{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .talent .talent_card .info .name .full,
.page_wrap .page_event_detail .content .talent .talent_card .info .name .kana{
    height: 1.5em;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet{
    margin-bottom: 1.2rem;
    border: solid 1px #d5dadb;
    border-radius: 0.8rem;
    display: block;
    padding: 1rem;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar{
    display: flex;
    align-items: center;
    min-width: 0;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar .thumbnail{
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
    flex-shrink: 0;
    border: solid 1px #ccc;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar .thumbnail img{
    display: block;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar .name {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar .name .id{
    color: #93a1a5;
    font-size: 1.2rem;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar .name .full{
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .avatar .name .id{
    color: #93a1a5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_head .post_date{
    color: #93a1a5;
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-left: 0.8rem;
    padding-bottom: 0.4rem;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_body .text{
    font-size: 1.4rem;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_body .media{
    margin-top: 0.8rem;
    height: 13rem;
    overflow: hidden;
    border-radius: 1rem;
}
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_body .media img,
.page_wrap .page_event_detail .content .timeline .time_series .tweet .tweet_body .media video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ランキング */
.page_wrap .page_event_detail .content .ranking {
    color: #999;
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap .page_event_detail .content .ranking .cool{
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
    padding: 0.5rem 1.4rem;
    background-color: #f2f4f5;
}
.page_wrap .page_event_detail .content .ranking .cool .cool_list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    flex-wrap: wrap;
}
.page_wrap .page_event_detail .content .ranking .cool .cool_list .list-item{
    margin: 0.5rem 0;
}
.page_wrap .page_event_detail .content .ranking .cool .cool_list .list-item.on a{
    color: #55c5b9;
}
.page_wrap .page_event_detail .content .ranking .cool .cool_list .list-item + .list-item{
    border-left: solid 1px #999;
    margin-left: 1rem;
    padding-left: 1rem;
}
.page_wrap .page_event_detail .content .ranking .term{
    font-size: 1.2rem;
    margin-bottom: 2.4rem;
}
.page_wrap .page_event_detail .content .ranking .term .term_list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
}
.page_wrap .page_event_detail .content .ranking .term .term_list .list-item.on a{
    color: #55c5b9;
}
.page_wrap .page_event_detail .content .ranking .term .term_list .list-item + .list-item{
    border-left: solid 1px #999;
    margin-left: 1rem;
    padding-left: 1rem;
}
.page_wrap .page_event_detail .content .ranking .hold{
    margin-bottom: 2rem;
}
.page_wrap .page_event_detail .content .ranking .hold .ttl{
    color: #21282a;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .ranking .hold .lead{
    color: #21282a;
    font-size: 1.4rem;
    font-weight: normal;
}
.page_wrap .page_event_detail .content .ranking .content_box{
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    margin-bottom: 1.6rem;
    overflow: hidden;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_head{
    color: #ffffff;
    background: #55c5b9;
    font-size: 1.2rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body{
    font-size: 1.2rem;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .period{
    padding: 1rem 0;
    text-align: center;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ttl{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .text{
    margin-bottom: 2.4rem;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item{
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .explain{
	display: flex;
	align-items: center;
}
.page_wrap.p-manual .content .sec .accordion_box .box_content .explain picture{
	margin-right: 1rem;
	flex-shrink: 0;
}


/*talent_guidance*/
.page_wrap.talent_guidance::before {
    content:"";
    position: fixed;
    top: 0;
    left: 0;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item + .list-item{
    border-top: solid 1px #ccc;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .rank{
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 1rem;
    flex-shrink: 0;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px #d5dadb;
    margin-right: 1rem;
    flex-shrink: 0;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .info{
    width: 100%;
    min-width: 0;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .info .name{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .value{
    color: #eb008c;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .profile{
    flex-shrink: 0;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .profile a{
    display: block;
    padding: 0.8rem;
}
.page_wrap .page_event_detail .content .ranking .content_box .box_body .ranking_list .list-item .profile img{
    display: block;
}
.page_wrap .page_event_detail .content .download{
    color: #999;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding-top: 2.4rem;
}
/* リアルタイム */
.page_wrap .page_event_detail .content .realtime .period{
    font-size: 1.4rem;
    text-align: center;
}
.page_wrap .page_event_detail .content .realtime .content_box {
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_head{
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #55c5b9;
    border-color: #ec6941;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1rem;
}

.page_wrap .page_event_detail .content .realtime .content_box .box_body .event_ttl{
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem;
    border-bottom: solid 1px #ccc;
    text-align: left;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.6rem;
    min-width: 0;
    box-sizing: border-box;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item + .list-item{
    border-top: solid 1px #ccc;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .rank{
    width: 1em;
    font-size: 1.8rem;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 1rem;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .thumbnail{
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 0.8rem;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .info{
    width: 100%;
    min-width: 0;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .info .status{
    width: 100%;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    min-width: 0;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .info .status .name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    padding-right: 1em;
    text-align: left;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .info .status .point{
    flex-shrink: 0;
    font-weight: bold;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .info .graph{
    width: 100%;
    margin-top: 0.4rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    background: #ccc;
    position: relative;
    overflow: hidden;
}
.page_wrap .page_event_detail .content .realtime .content_box .box_body .talent_list .list-item .info .graph .bar{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, #eb008c 0%, #a8d800 50%, #00cafc 100%);
}

/* イベント詳細ページ */
.page_wrap .page_detail{
    background: #f2f4f5;
}
.page_wrap .page_detail .tab_menu{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 0;
}
.page_wrap .page_detail .tab_menu .menu-item{
    width: 10rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 2.4rem;
    height: 3em;
    line-height: 3em;
    text-align: center;
    position: relative;
}
.page_wrap .page_detail .tab_menu .menu-item.on::after{          
    content: "";
    height: 0.2rem;
    position: absolute;
    bottom: 0;
    background: #21282a;
    left: 0;
    right: 0;
}
.page_wrap .page_detail .visual{
    border-bottom: solid 2px #d5dadb;
}
.page_wrap .page_detail .visual img{
    display: block;
	margin: 0 auto;
}
.page_wrap .page_detail .menu_list{
    width: 100%;
    display: flex;
    overflow-x: scroll;
    margin-bottom: -1px;
    border-bottom: solid 1px #ccc;
}
.page_wrap .page_detail .menu_list .list-item{
    font-size: 1.2rem;
    display: block;
    height: 4rem;
    line-height: 4rem;
    padding: 0 1.2rem;
    flex-shrink: 0;
}
.page_wrap .page_detail .menu_list .list-item.on{
    background: #fff;
}
.page_wrap .page_detail .content{
    padding: 1.4rem;
    background: #fff;
}
.page_wrap .page_detail .content .loading{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.4rem;
}
.page_wrap .page_detail .content .loading::before{
	content: "";
    background: url(/NativeApp/image/loader_black.png) center no-repeat;
    height: 8rem;
    width: 8rem;
    background-size: contain;
    display: block;
}
.page_wrap .page_detail .content .detail{}
.page_wrap .page_detail .content .detail .content_box{
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    margin-bottom: 1.6rem;
	overflow: hidden;
}
.page_wrap .page_detail .content .detail .content_box .box_head{
    color: #ffffff;
    background: #55c5b9;
    font-size: 1.2rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
}
.page_wrap .page_detail .content .detail .content_box .box_body{
    font-size: 1.2rem;
    padding: 1.4rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body .ttl{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body .text{
    margin-bottom: 2.4rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body .text p{
	margin-bottom: 1em;
}
.page_wrap .page_detail .content .detail .content_box .box_body .external_link{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.page_wrap .page_detail .content .detail .content_box .box_body .external_link .link-item + .link-item{
    margin-top: 1.6rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body .external_link a{
    color: #00a0c8;
}
.page_wrap .page_detail .content .detail .content_box .box_body .external_link img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.page_wrap .page_detail .content .detail .schedule_ttl{
    color: #55c5b9;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2.4rem;
    margin-bottom: 1rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body dl{
    margin-bottom: 1.6rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body dl dt{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body dl dd p,
.page_wrap .page_detail .content .detail .content_box .box_body dl dd ul{
    margin-bottom: 1em;
}
.page_wrap .page_detail .content .detail .content_box .box_body dl dd ul li{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap .page_detail .content .detail .content_box .box_body .schedule_result{
    border-top: solid 1px #9aabaf;
    font-size: 1.4rem;
    color: #eb008b;
    font-weight: bold;
    padding-top: 2.4rem;
}
.page_wrap .page_detail .content .detail .content_box .box_body .schedule_result::before{
    content: "";
    width: 2.8rem;
    height: 3.4rem;
    display: block;
    background-image: url(/Mobile/image/detail/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto 2rem;
}
.page_wrap .page_detail .content .schedule .content_box {
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
}
.page_wrap .page_detail .content .schedule .content_box.is_today {
    border-color: #ec6941;
}
.page_wrap .page_detail .content .schedule .content_box.is_online {
    border-color: #eb008c;
}
.page_wrap .page_detail .content .schedule .content_box .box_head{
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #55c5b9;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1rem;
}
.page_wrap .page_detail .content .schedule .content_box.is_today .box_head{
    background-color: #ec6941;
}
.page_wrap .page_detail .content .schedule .content_box.is_online .box_head{
    background-color: #eb008c;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .event_ttl{
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem;
    border-bottom: solid 1px #ccc;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list{
    width: 100%;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item{
    width: 100%;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item + .list-item{
    border-top: solid 1px #ccc;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item a{
    display: flex;
    align-items: center;
    padding: 0.8rem 1rem 0.8rem 3rem;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item a.online::before{
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #eb008c;
	margin-left: -2rem;
    margin-right: 1rem;
    flex-shrink: 0;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .thumbnail{
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    margin-right: 1.4rem;
    border-radius: 50%;
    box-sizing: border-box;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item a.online .thumbnail{
    border: solid 2px #eb008c;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .thumbnail img{
    widows: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: solid 2px #ccc;
    box-sizing: border-box;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .name{
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .name .full{
    font-weight: bold;
    margin: 0.8rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_detail .content .schedule .content_box .box_body .appear .talent_list .list-item .name .kana{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_detail .content .talent {
	margin: -1.4rem;
}
.page_wrap .page_detail .content .talent .talent_list{
    margin-bottom: -1.4rem;
}
.page_wrap .page_detail .content .talent .list-item{
	width: 100%;
	display: flex;
	align-items: center;
	padding: 1.2rem 2rem 1.2rem 3.5rem;
	box-sizing: border-box;
	border-bottom: solid 1px #D4DADB;
}
.page_wrap .page_detail .content .talent .talent_card{
    width: 100%;
	display: flex;
	align-items: center;
}
.page_wrap .page_detail .content .talent .talent_card .thumbnail{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 5;
	border: solid 1px #D4DADB;
	margin-right: 1.5rem;
	flex-shrink: 0;
	box-sizing: border-box;
}
.page_wrap .page_detail .content .talent .talent_card .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_wrap .page_detail .content .talent .talent_card .info{
    font-size: 1.2rem;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.page_wrap .page_detail .content .talent .talent_card .info .name{
	margin-bottom: 0.2rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	word-break: break-all;
}
.page_wrap .page_detail .content .talent .talent_card .info .attribute{
	color: #9AABAF;
	display: flex;
	align-items: center;
}
.page_wrap .page_detail .content .talent .talent_card .info .attribute .icon{
	margin-right: 0.5rem;
}
.page_wrap .page_detail .content .talent .is_online.open .talent_card::before{
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background: #EB008C;
	flex-shrink: 0;
	margin-right: 0.8rem;
	margin-left: -2rem;
}
.page_wrap .page_detail .content .talent .is_online.radio .talent_card::before{
	content: url('/NativeApp/image/event/radio.png');
	flex-shrink: 0;
	margin-right: 0.6rem;
	margin-left: -2rem;
}
.page_wrap .page_detail .content .talent .is_online.open .talent_card .thumbnail{
	border: solid 2px #EB008C;
}
.page_wrap .page_detail .content .talent .is_online.radio .talent_card .thumbnail{
	border: solid 2px #55C5B9;
}

.page_wrap .page_detail .content .talent .action{
	display: flex;
	align-items: center;
}
.page_wrap .page_detail .content .talent .action .profile{
	margin-right: 0.8rem;
	flex-shrink: 0;
}
.page_wrap .page_detail .content .talent .action .profile a{
	display: block;
	padding: 0.5rem;
}
.page_wrap .page_detail .content .talent .action .follow{
	width: 3rem;
	height: 3rem;
	background: url('/NativeApp/image/event/heart_off.png') no-repeat center;
	flex-shrink: 0;
}
.page_wrap .page_detail .content .talent .action .follow.on{
	background: url('/NativeApp/image/event/heart_on.png') no-repeat center;
}

.page_wrap .page_detail .content .timeline .time_series .tweet{
    margin-bottom: 1.2rem;
    border: solid 1px #d5dadb;
    border-radius: 0.8rem;
    display: block;
    padding: 1rem;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar{
    display: flex;
    align-items: center;
    min-width: 0;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar .thumbnail{
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
    flex-shrink: 0;
    border: solid 1px #ccc;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar .thumbnail img{
    display: block;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar .name {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar .name .id{
    color: #93a1a5;
    font-size: 1.2rem;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar .name .full{
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .avatar .name .id{
    color: #93a1a5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_head .post_date{
    color: #93a1a5;
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-left: 0.8rem;
    padding-bottom: 0.4rem;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_body .text{
    font-size: 1.4rem;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_body .media{
    margin-top: 0.8rem;
    height: 13rem;
    overflow: hidden;
    border-radius: 1rem;
}
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_body .media img,
.page_wrap .page_detail .content .timeline .time_series .tweet .tweet_body .media video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ランキング */
.page_wrap .page_detail .content .ranking {
    color: #999;
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap .page_detail .content .ranking .cool{
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
    padding: 0.5rem 1.4rem;
}
.page_wrap .page_detail .content .ranking .cool .select{
	font-size: 1.2rem;
	width: 100%;
	height: 3em;
	padding: 0 1.5rem;
	border: solid 1px #9AABAF;
	appearance: auto;
}
.page_wrap .page_detail .content .ranking .term{
    font-size: 1.2rem;
    margin-bottom: 2.4rem;
}
.page_wrap .page_detail .content .ranking .term .term_list{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: scroll;
    white-space: nowrap;
}
.page_wrap .page_detail .content .ranking .term .term_list .list-item.on a{
    color: #55c5b9;
}
.page_wrap .page_detail .content .ranking .term .term_list .list-item + .list-item{
    border-left: solid 1px #999;
    margin-left: 1rem;
    padding-left: 1rem;
}
.page_wrap .page_detail .content .ranking .hold{
    margin-bottom: 2rem;
}
.page_wrap .page_detail .content .ranking .hold .ttl{
    color: #21282a;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.6rem;
}
.page_wrap .page_detail .content .ranking .hold .lead{
    color: #21282a;
    font-size: 1.4rem;
    font-weight: normal;
}
.page_wrap .page_detail .content .ranking .content_box{
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    margin-bottom: 1.6rem;
    overflow: hidden;
}
.page_wrap .page_detail .content .ranking .content_box .box_head{
    color: #ffffff;
    background: #55c5b9;
    font-size: 1.2rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
}
.page_wrap .page_detail .content .ranking .content_box .box_body{
    font-size: 1.2rem;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .period{
    padding: 1rem 0;
    text-align: center;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ttl{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .text{
    margin-bottom: 2.4rem;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .label {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #55c5b9;
	border: solid 2px #55c5b9;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	width: 80%;
	height: 3em;
	margin: 1rem auto;
	padding: 0 2rem;
	border-radius: 3em;
	box-sizing: border-box;
}

.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item{
	color: var(--rank-default-color);
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item.rank_1{
	color: var(--rank1-color);
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item.rank_2{
	color: var(--rank2-color);
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item.rank_3{
	color: var(--rank3-color);
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item + .list-item{
    border-top: solid 1px #ccc;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .rank{
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 1rem;
    flex-shrink: 0;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail{
    margin-right: 1rem;
	padding: 0 1.2rem;
    flex-shrink: 0;
	position: relative;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail img{
    display: block;
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    border-radius: 50%;
    border: solid 1px #d5dadb;
	box-sizing: border-box;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail .att{
	position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    color: #fff;
    background: #DA4F54;
    text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
	overflow: hidden;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail .att::before,
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail .att::after{
	content: "";
	background: #fff;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail .att::before{
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-left: 9px solid #fff;
	transform: rotate(45deg);
	margin-left: -14px;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .thumbnail .att::after{
	position: absolute;
	right: 0;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-right: 9px solid #fff;
	transform: rotate(45deg);
	margin-right: -14px;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .info{
	color: #21282A;
	width: 100%;
    min-width: 0;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .info .name{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .value{
    color: #eb008c;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .action {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .profile{
    flex-shrink: 0;
	margin-right: 0.8rem;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .profile a{
    display: block;
    padding: 0.5rem;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .profile img{
    display: block;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .follow{
	width: 3rem;
	height: 3rem;
	background: url('/NativeApp/image/event/heart_off.png') no-repeat center;
	flex-shrink: 0;
}
.page_wrap .page_detail .content .ranking .content_box .box_body .ranking_list .list-item .follow.on{
	background: url('/NativeApp/image/event/heart_on.png') no-repeat center;
}

/* ダウンロード写真 */
.page_wrap .page_detail .content .download{
    font-size: 1.2rem;
}
.page_wrap .page_detail .content .download .description{
	margin-bottom: 2rem;
}
.page_wrap .page_detail .content .download .description p{
	margin-bottom: 1em;
}
.page_wrap .page_detail .content .download .description p span{
	color: #EB008C;
	font-weight: bold;
}
.page_wrap .page_detail .content .download .notice{
	width: 100%;
	background: #fff;
	border: solid 4px #ECBBCA;
	margin-bottom: 1rem;
	padding: 0.8rem;
	box-sizing: border-box;
}
.page_wrap .page_detail .content .download .notice .ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #DA4F54;
	margin-bottom: 0.8rem;
}
.page_wrap .page_detail .content .download .notice .ttl img{
	display: block;
	margin-right: 0.4rem;
}
.page_wrap .page_detail .content .download .notice .notice_list{
	padding-left: 1em;
	text-indent: -1em;
}
.page_wrap .page_detail .content .download .download_photo form + form{
	margin-top: 2rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster{
	border: solid 1px #E7E9EA;
	border-radius: 10px;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .profile{
	display: flex;
	align-items: center;
	padding: 1.5rem 1rem 1rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .thumbnail{
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	overflow: hidden;
	border: solid 1px #D5DADB;
	flex-shrink: 0;
	margin-right: 0.5rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .thumbnail img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .name{
	color: #21282A;
	font-size: 1.4rem;
	font-weight: bold;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .number{
	margin-bottom: 1rem;
	padding: 0 1rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	padding: 0 1rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item{
	margin: 0 0.5rem 1rem;
	position: relative;
	width: -webkit-calc(100% / 3 - 1rem);
	width: calc(100% / 3 - 1rem);
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product{
	display: block;
	background: #28232D;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 100%;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .photo{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: auto;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .new{
	position: absolute;
    top: -0.6rem;
    left: -2.4rem;
    font-size: 1rem;
    color: #fff;
    background-color: #E85F48;
    padding: 1.2rem 2rem 0rem;
    transform: rotate(-45deg);
	z-index: 10;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .check{
	position: absolute;
	top: 0.4rem;
	right: 0.4rem;
	z-index: 10;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .check input[type="checkbox"]{
	display: none;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .check label{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border: solid 2px #fff;
	border-radius: 50%;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .check input[type="checkbox"]:checked + label{
	background: #55C5B9;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .check input[type="checkbox"]:checked + label::after {
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	position: relative;
	top: -0.2rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .purchased{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: rgba(0,0,0,0.6);
	z-index: 10;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .purchased .label{
	font-size: 1.0rem;
	margin-bottom: 0.5rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .purchased .image{
	width: 3rem;
	margin-bottom: 0.5rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .purchased .image img{
	display: block;
	object-fit: contain;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .download_list .list-item .product .purchased .expiration{
	font-size: 1.0rem;
	text-align: center;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .more{
	font-size: 1.2rem;
	color: #00A0C8;
	text-align: center;
	margin-bottom: 2rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .action{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.page_wrap .page_detail .content .download .download_photo .broadcaster .action .button{
	font-size: 1.4rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	color: #fff;
	background: #55C5B9;
	padding: 0 4rem;
}

/* ダウンロード写真一覧 */
.page_wrap .page_detail .download_list{
    font-size: 1.2rem;
}
.page_wrap .page_detail .download_list .profile{
	display: flex;
	align-items: center;
	padding: 1rem 1rem;
	background: #fff;
	border-bottom: solid 1px #E7E9EA;
}
.page_wrap .page_detail .download_list .profile .thumbnail{
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	overflow: hidden;
	border: solid 1px #D5DADB;
	flex-shrink: 0;
	margin-right: 0.5rem;
}
.page_wrap .page_detail .download_list .profile .thumbnail img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}
.page_wrap .page_detail .download_list .profile .name{
	color: #21282A;
	font-size: 1.4rem;
	font-weight: bold;
}
.page_wrap .page_detail .download_list .download_photo{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 11rem;
}
.page_wrap .page_detail .download_list .download_photo .list-item{
	margin: 0 0.5rem 1rem;
	position: relative;
	width: -webkit-calc(100% / 3 - 1rem);
	width: calc(100% / 3 - 1rem);
}
.page_wrap .page_detail .download_list .download_photo .list-item .product{
	display: block;
	background: #28232D;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 100%;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .photo{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: auto;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .new{
	position: absolute;
    top: -0.6rem;
    left: -2.4rem;
    font-size: 1rem;
    color: #fff;
    background-color: #E85F48;
    padding: 1.2rem 2rem 0rem;
    transform: rotate(-45deg);
	z-index: 10;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .check{
	position: absolute;
	top: 0.4rem;
	right: 0.4rem;
	z-index: 10;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .check input[type="checkbox"]{
	display: none;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .check label{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border: solid 2px #fff;
	border-radius: 50%;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .check input[type="checkbox"]:checked + label{
	background: #55C5B9;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .check input[type="checkbox"]:checked + label::after {
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	position: relative;
	top: -0.2rem;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .purchased{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: rgba(0,0,0,0.6);
	z-index: 10;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .purchased .label{
	font-size: 1.0rem;
	margin-bottom: 0.5rem;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .purchased .image{
	width: 3rem;
	margin-bottom: 0.5rem;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .purchased .image img{
	display: block;
	object-fit: contain;
}
.page_wrap .page_detail .download_list .download_photo .list-item .product .purchased .expiration{
	font-size: 1.0rem;
	text-align: center;
}
.page_wrap .page_detail .download_list .fixed_footer{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	padding: 1.6rem 6rem 2.4rem;
	background: rgba(255,255,255,0.8);
}
.page_wrap .page_detail .download_list .fixed_footer .check{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.2rem;
}
.page_wrap .page_detail .download_list .fixed_footer .check input[type="checkbox"]{
	display: none;
}
.page_wrap .page_detail .download_list .fixed_footer .check label{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.page_wrap .page_detail .download_list .fixed_footer .check label::before{
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 2px;
	background: #9AABAF;
	margin-right: 0.5rem;
	position: relative;
	top: -1px;
}
.page_wrap .page_detail .download_list .fixed_footer .check input[type="checkbox"]:checked + label::before{
	background: #55C5B9;
}
.page_wrap .page_detail .download_list .fixed_footer .check input[type="checkbox"]:checked + label::after{
    content: '';
    display: block;
    position: absolute;
	top: 0.4rem;
    left: 0.3rem;
	width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}
.page_wrap .page_detail .download_list .fixed_footer .action{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_wrap .page_detail .download_list .fixed_footer .action .button{
	font-size: 1.6rem;
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	color: #fff;
	background: #55C5B9;
	display: block;
}

/* ダウンロード写真の購入 */
.page_wrap .page_detail .download_purchase{
    font-size: 1.2rem;
}
.page_wrap .page_detail .download_purchase .download_photo{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: solid 1px #ccc;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item{
	margin: 0 0.5rem 1rem;
	position: relative;
	width: -webkit-calc(100% / 3 - 1rem);
	width: calc(100% / 3 - 1rem);
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product{
	display: block;
	background: #28232D;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 100%;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product .photo{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: auto;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .remove{
	position: absolute;
	top: 0.4rem;
	right: 0.4rem;
	z-index: 10;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .remove img{
	display: block;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product .purchased{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: rgba(0,0,0,0.6);
	z-index: 10;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product .purchased .label{
	font-size: 1.0rem;
	margin-bottom: 0.5rem;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product .purchased .image{
	width: 3rem;
	margin-bottom: 0.5rem;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product .purchased .image img{
	display: block;
	object-fit: contain;
}
.page_wrap .page_detail .download_purchase .download_photo .list-item .product .purchased .expiration{
	font-size: 1.0rem;
	text-align: center;
}
.page_wrap .page_detail .download_purchase .payment{
	margin-bottom: 2rem;
}
.page_wrap .page_detail .download_purchase .payment dl{
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_wrap .page_detail .download_purchase .payment dd strong{
	color: #EB008C;
}
.page_wrap .page_detail .download_purchase .notice{
	width: 100%;
	background: #fff;
	border: solid 4px #ECBBCA;
	margin-bottom: 2rem;
	padding: 0.8rem;
	box-sizing: border-box;
}
.page_wrap .page_detail .download_purchase .notice .ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #DA4F54;
	margin-bottom: 0.8rem;
}
.page_wrap .page_detail .download_purchase .notice .ttl img{
	display: block;
	margin-right: 0.4rem;
}
.page_wrap .page_detail .download_purchase .notice .notice_list{
	padding-left: 1em;
	text-indent: -1em;
}
.page_wrap .page_detail .download_purchase .action{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_wrap .page_detail .download_purchase .action .button{
	font-size: 1.4rem;
	width: 26rem;
	height: 3em;
	line-height: 3em;
	border-radius: 3em;
	color: #fff;
	background: #55C5B9;
}
.page_wrap .page_detail .dialog .content{
    min-width: 24rem;
	padding: 0;
}
.page_wrap .page_detail .dialog .content .message p + p{
	margin-top: 1em;
}
.page_wrap .page_detail .dialog .content .action{
	text-align: center;
}



/* リアルタイム */
.page_wrap .page_detail .content .realtime .period{
    font-size: 1.4rem;
    text-align: center;
}
.page_wrap .page_detail .content .realtime .content_box {
    border: solid 2px #55c5b9;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
}
.page_wrap .page_detail .content .realtime .content_box .box_head{
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #55c5b9;
    border-color: #ec6941;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1rem;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .event_ttl{
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem;
    border-bottom: solid 1px #ccc;
    text-align: left;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.6rem;
    min-width: 0;
    box-sizing: border-box;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item + .list-item{
    border-top: solid 1px #ccc;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .rank{

    width: 1em;
    font-size: 1.8rem;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 1rem;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .thumbnail{
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 0.8rem;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .info{
    width: 100%;
    min-width: 0;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .info .status{
    width: 100%;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    min-width: 0;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .info .status .name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    padding-right: 1em;
    text-align: left;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .info .status .point{
    flex-shrink: 0;
    font-weight: bold;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .info .graph{
    width: 100%;
    margin-top: 0.4rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    background: #ccc;
    position: relative;
    overflow: hidden;
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .info .graph .bar{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, #eb008c 0%, #a8d800 50%, #00cafc 100%);
}

/* ランディングページ関連 */
.page_landing .lp_wanted{
	padding: 3rem 0 10rem;
}
.page_landing .lp_wanted .main{
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .main img{
	width: 100%;
	display: block;
}
.page_landing .lp_wanted .desc {
	margin-bottom: 4rem;
}
.page_landing .lp_wanted .desc .ttl{
	color: #5F52A1;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .desc .text{
	font-size: 1.4rem;
	padding: 0 1.5rem;
}
.page_landing .lp_wanted .desc .text p{
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .desc .text img{
	width: 100%;
	display: block;
}
.page_landing .lp_wanted .entry {
	margin-bottom: 4rem;
}
.page_landing .lp_wanted .entry .ttl{
	color: #5F52A1;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .entry .text{
	font-size: 1.4rem;
	padding: 0 1.5rem;
}
.page_landing .lp_wanted .entry .text p{
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .entry .text img{
	width: 100%;
	display: block;
}
.page_landing .lp_wanted .official {
	margin-bottom: 4rem;
}
.page_landing .lp_wanted .official .ttl{
	color: #5F52A1;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .official .text{
	font-size: 1.4rem;
	padding: 0 1.5rem;
}
.page_landing .lp_wanted .official .text p{
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .official .text img{
	width: 100%;
	display: block;
}

.page_landing .lp_wanted .step{
	font-size: 1.4rem;
}
.page_landing .lp_wanted .step .step_1{
	background: #E1FDFF;
	padding: 3rem 1.4rem 2rem;
	position: relative;
}
.page_landing .lp_wanted .step .step_2{
	background: #B5FCFF;
	padding: 3rem 1.4rem 2rem;
	position: relative;
}
.page_landing .lp_wanted .step .step_3{
	background: #E1FDFF;
	padding: 3rem 1.4rem 0rem;
	position: relative;
}
.page_landing .lp_wanted .step .ttl{
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .step .ttl img{
	display: block;
}
.page_landing .lp_wanted .step .box p{
	margin-bottom: 2rem;
}
.page_landing .lp_wanted .step .box img{
	display: block;
}
.page_landing .lp_wanted .fixed_footer{
    width: 100%;
	height: 10rem;
    position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 20;
    border-top: solid 1px #d5dadb;
    padding: 1.2rem 0 1.6rem;	
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.page_landing .lp_wanted .fixed_footer .button{
	display: block;
    background: none;
    padding: 0;
    margin: 0;
}
.page_landing .lp_wanted .fixed_footer .button img{
	display: block;
}

/* 公式ライバー申請 */
.page_wrap.page_apply .header{
	position: sticky;
	top: 0;
	background: #fff;
}
.page_wrap .sec_official_liver{
	font-size: 1.4rem;
}
.page_wrap .sec_official_liver .apply_form .form-group{
	padding: 1.4rem;
	border-bottom: solid 1px #D6DADB;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item + .form-item{
	margin-top: 1.4rem;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .name{
	font-weight: bold;
	margin-bottom: 1rem;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item.required .name::after{
	content: "*";
	color: #F00;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box{
	padding: 0 2rem;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box input[type="text"]{
	width: 100%;
	padding: 0 1rem;
	height: 2.5em;
	line-height: 2.5em;
	box-sizing: border-box;
	border: solid 1px #9AABAF;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box .radio_wrap{
	display: flex;
	align-items: center;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box .radio_wrap .radio-item{
	margin-right: 6rem;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box .radio_wrap .radio-item input[type="radio"]{
	display: none;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box .radio_wrap .radio-item input[type="radio"] + label::before{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	border: solid 1px #707070;
	box-sizing: border-box;
	margin-right: 0.6rem;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box .radio_wrap .radio-item input[type="radio"]:checked + label::after{
    content: "";
    display: block;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -0.25em;
    left: 0.2em;
    background: #707070;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box .radio_wrap .radio-item label{
	display: flex;
	align-items: center;
	position: relative;
}
.page_wrap .sec_official_liver .apply_form .form-group .form-item .box textarea{
	width: 100%;
	height: 8em;
	padding: 1rem;
	box-sizing: border-box;
	border: solid 1px #9AABAF;
}
.page_wrap .sec_official_liver .apply_form .form-group .production{
	margin: 1.4rem -1.4rem 0;
}
.page_wrap .sec_official_liver .apply_form .form-group .production .title{
	font-size: 1.2rem;;
	font-weight: bold;
	color: #21282A;
	background: #E7E9EA;
	padding: 0 1.4rem;
	height: 2em;
	line-height: 2em;
}
.page_wrap .sec_official_liver .apply_form .form-group .production .item{
	padding: 1.4rem 1.4rem 0;
}
.page_wrap .sec_official_liver .apply_form .form-group .production .item .form-item + .form-item{
	margin-top: 1.4rem;
}
.page_wrap .sec_official_liver .apply_form .form-group .production .item .form-item + .error{
	margin-top: 1.4rem;
}
.page_wrap .sec_official_liver .entry .apply_form .form_button{
	padding-top: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_wrap .sec_official_liver .entry .apply_form .form_button .button.next{
	font-size: 1.4rem;
	color: #fff;
	background: #EB008C;
	width: 24rem;
	height: 3em;
	line-height: 3em;
	border-radius: 3em;
}
.page_wrap .sec_official_liver .confirm .apply_form .form_button{
	padding-top: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}
.page_wrap .sec_official_liver .confirm .apply_form .form_button .button{
	width: 14rem;
	box-sizing: border-box;
	margin: 0 0.8rem;
}
.page_wrap .sec_official_liver .confirm .apply_form .form_button .button.back{
	font-size: 1.4rem;
	color: #00A0C8;
	background: #fff;
	height: 3em;
	line-height: 3em;
	border-radius: 3em;
	border: solid 1px #00A0C8;
}
.page_wrap .sec_official_liver .confirm .apply_form .form_button .button.next{
	font-size: 1.4rem;
	color: #fff;
	background: #EB008C;
	height: 3em;
	line-height: 3em;
	border-radius: 3em;
}
.page_wrap .sec_official_liver .complete{
	padding: 1.4rem;
}
.page_wrap .sec_official_liver .complete .text{
	margin-bottom: 2rem;
}
.page_wrap .sec_official_liver .complete .link{
	display: flex;
	align-items: center;
	justify-content: center;
}

.program_event_icons_container{
    overflow: auto;
    padding-left: 10px;
    padding-top: 5px;
}

.no_image_program_event_icons_container{
    overflow: auto;
    padding-left: 10px;
    padding-top: 5px;
    margin-top: 43px;
}

.program_event_icons{
    padding: 2px;
    float: left;
}

/* VD-3794 start */
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .rank{
	color: var(--rank-default-color);
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .rank-1{
	color: var(--rank1-color);
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .rank-2{
	color: var(--rank2-color);
}
.page_wrap .page_detail .content .realtime .content_box .box_body .talent_list .list-item .rank-3{
	color: var(--rank3-color);
}
/* VD-3794 end */