@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) {


    #main .block_side {
        margin-left: 20px;
    }

#main #link_listenplus h3 {
    width: 111px;
    margin-bottom: 16px;
}

#main #link_jwapp h3 {
    width: 184px;
    margin-bottom: 16px;
}

@media (min-width: 800px) {
    #foryou, #topics {
        padding: 25px 0 0px 0;
        margin-bottom: 125px;
    }
}

@media (min-width: 1100px) {
    #main {
        padding-bottom: 0;
        width: 100%;
    }

		#main .block_ad .img_ad {
			margin-top:0;
		}
}


#main #link_contact a.contact_box p {
    border:solid 1px #000;
		border-radius:10px;
		padding:20px;
		text-align:center;
    font-size:1.6rem;
}

/* TOPサイドメニューの「KEYWORD」「MY JWAVE！」のSVG文字欠け問題調整 @endo  */
#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;
}

}

#nav_glbnav .list_nav ul li:nth-child(2) img {
    width: 147px !important;
    height: auto !important;
}


/* 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;
		z-index: 10000;
	}

	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;
	}

	#top_header .pushcode_btn button.push-subscribe-toggle-btn, #top_header .pushcode_btn button.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 {
		position: absolute;
    top: 180px;
    left: -18px;
		z-index: 10000;
	}

	pushcode-subscribe-toggle-button{
		--toggle-btn-font-size: 1.4rem;
		border-radius: 0 20px 20px 0 !important;
		padding:12px  !important;
	}

	pushcode-unsubscribe-toggle-button{
		--toggle-btn-font-size: 1.4rem;
		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 screen and (min-width: 1001px) {
	#timetable .block_timetable ul.list_timetable li.t h4{
		margin-bottom: 22px;
	}

	#timetable .catch{
		font-size: 2rem;
		line-height:1.4;
		font-weight:bold;
		margin-bottom: 12px;
		padding-top: 10px;
	}

	#timetable .description{
		font-size: 1.4rem;
		margin-bottom: 25px;
		line-height: 1.7em;
	}

}

@media screen and (max-width: 1000px) {

	#timetable .block_timetable ul.list_timetable li.t h4{
		margin-bottom: 22px;
	}

	#timetable .catch{
		font-size: 1.6rem;
		line-height:1.4;
		font-weight:bold;
		margin-bottom: 16px;
	}

	#timetable .description{
		font-size: 1.2rem;
		line-height:1.4;
		margin-bottom: 16px;
	}

	#nav_glbnav .list_nav ul li.nav_contact {
	    position: relative;
	}

	#nav_glbnav .list_nav ul li.nav_contact span {
	    width: 100%;
	    display: block;
	    position: absolute;
			bottom: -15px;
	    height: 60px;
			font-size: 1.8rem;
			font-weight: 600;
	}

	#nav_glbnav .list_nav ul li.nav_contact a {
	    box-sizing: border-box;
	    padding-left: 8px;
	}

	#nav_glbnav .list_nav ul li.nav_contact:after {
			content: "";
			display: block;
			position: absolute;
			width: 40px;
			height: 12px;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS4zIDExLjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM5LjMgMTEuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LjEsOC4zbC04LjQtNC44VjBDMjMuNSwyLjIsMzYsOS40LDM5LjMsMTEuM2MtMy45LDAtMzUsMC0zOS4zLDB2LTNIMjguMXoiLz48L3N2Zz4=);
			background-size: cover;
			background-repeat: no-repeat;
			top: 50%;
			margin-top: -2px;
			right: 8px;
	}

}


/* ==================================================
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 !important;
	    position: relative;
	}
}



/* TIME TABLE - サムネイル無し Ver. @FLAP - 2504再追加 */
#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;
	}
}

.img_ad {
	background: none !important;
}