@charset "UTF-8";
@media all and (min-width : 320px) {
}
/* Small Devices, Tablets */
@media all and (min-width : 768px) {
}
/* PC */
@media all and (min-width : 864px) {
}

@media all and (min-width : 1240px) {
  
}
@media all and (min-width: 1400px) {
}



@media screen and (min-width: 1100px) {


/* TOPサイドメニューの「KEYWORD」「MY JWAVE！」のSVG文字欠け問題調整 @FLAP  */
#main .block_search h3 {
	width: 355px !important;
	margin-bottom: 12px !important;
}

#main .block_search h3 img {
	width: 105px !important;
	height: 17px !important;
}

#main #link_myjwave h3 {
	width: 180px !important;
	height: 22px !important;
}
#main #link_myjwave h3 img {
	width: 170px !important;
}

/* TOP firework 動画対応  */
.content_movie {
	margin:0 auto;
	max-width:1280px;
}

}

/* TIME TABLE - サムネイル無し Ver. @FLAP  */
#timetable .block_timetable ul.list_timetable li.t.no-imgs ul.imgs li .img {
	display: none;
}


@media (min-width: 940px) {
	#timetable .block_timetable ul.list_timetable li.t {
		padding-bottom: 20px;
	}

	#timetable .block_timetable ul.list_timetable li.t.no-imgs .between p {
		padding-top: 30px;
	}

	#timetable .block_timetable ul.list_timetable li.t.no-imgs .t_r {
		min-height: 80px;
	}
}

@media (max-width: 939px) {
	#timetable .block_timetable ul.list_timetable li.t h4 {
		margin-bottom: 20px;
	}
}



/* Gigya ソーシャルログイン apple追加 @ishikawa  */
.modal #gigyaLoginUI_p0 table td:nth-child(4) {
    margin-right: 32px !important;
    padding-right: 0 !important;
}

.form_content select {
    width: 40%;
    border-radius: 4px;
		height: 28px;
    /* border: none; */
    outline: none;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
    border: 1px solid #222427 !important;
    font-size: 1.6rem !important;
}


/* ------------------------------
socialLoginUI
------------------------------ */
#socialLoginUI {
	margin: 0 auto;
	width: 100%;
	text-align:center;
	padding: 10px 0;
}

#socialLoginUI li{
	margin: 0 2px;
	width: calc(90% / 6) !important;
	display:inline-block;
}

#socialLoginUI li img{
    width: 90%;
}

.modal #gigyaLoginUI {
	text-align:center;
}

ul.jme_share li:nth-child(2) img, ul.jme_share li:nth-child(3) img, ul.jme_share li:nth-child(4) img{
	height:40px;
}

#social-feed-area #gigyaShare li {
	display: inline-block;
	vertical-align: middle;
}

/* ------------------------------
web push
------------------------------ */


@media all and (min-width : 320px) {

	.pushcode_btn.disable {
		display:none;
	}

	.pushcode_btn {
		position: absolute;
    top: 19px;
    left: 0;
	}

	pushcode-subscribe-toggle-button{
		--toggle-btn-font-size: 1.2rem;
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

	pushcode-unsubscribe-toggle-button{
		--toggle-btn-font-size: 1.2rem;
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

	.push-subscribe-toggle-btn, .push-unsubscribe-toggle-btn {
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

}


@media all and (min-width : 864px) {

	.pushcode_btn.disable {
		display:none;
	}

	.pushcode_btn {
		display:block;
		margin:180px 0 -180px 0;
		text-align:left;
		position: initial;
	}

	pushcode-subscribe-toggle-button{
		--toggle-btn-font-size: 1.2rem;
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

	pushcode-unsubscribe-toggle-button{
		--toggle-btn-font-size: 1.2rem;
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

	.push-subscribe-toggle-btn, .push-unsubscribe-toggle-btn {
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

}


/* ==================================================
PCの時は、.spOnlyを非表示
================================================== */

@media screen and (min-width: 1001px) {
	.sp_only {
		display: none !important;
	}
	.pc_only {}
}

/* ==================================================
SPの時は、.pcOnlyを非表示
================================================== */

@media screen and (max-width: 1000px) {
	.sp_only {}
	.pc_only {
		display: none !important;
	}

	#top_header .header_inner {
	    padding: 120px 0 70px 0;
	    position: relative;
	}

}




/* ==================================================
ON_AIR_SONGS Icons
================================================== */
/*
#songlist .song .col_r ul.btn_buy li.btn_subscription a span {
    display: block;
    margin: auto;
    position: relative;
    text-indent:-10000px;
    width: 25px;
    height: auto;
    top: 0px;
    background-image: url(../images/common/icon_applemusic.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#songlist .song .col_r ul.btn_buy li.btn_amazon a span {
    width: 25px;
    height: auto;
    top: 4px;
    background-image: url(../images/common/icon_amazon.svg);
    background-size: contain;
}
*/

#songlist .song .col_r ul.btn_buy li {
	margin-bottom: 4px;
}

#songlist .song .col_r ul.btn_buy li a {
	height: 28px;
	line-height: 28px;
	border-radius: 10px;
}


#songlist .song .col_r ul.btn_buy li.btn_subscription a span {
	line-height: 26px;
	height: 26px;
	font-size: 12px;
	font-size: 1.2rem;
}


#songlist .song .col_r ul.btn_buy li.btn_amazon a span {
	width: 78px;
	height: 17px;
	top: 4px;
}


#songlist .song .col_r ul.btn_buy li.btn_spotify a span {
    display: block;
    margin: auto;
    position: relative;
    text-indent:-10000px;
    width: auto;
		height: 19px;
		top: 3px;
    background-image: url(../images/common/icon_spotify.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}


