@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

/* ============================================
#共通タグ
=============================================== */
body {
	font: 14px/1.5 font-family: 'M PLUS 1p', sans-serif,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	color:#333;
}


/* ===============================================
#ヘッダー
=============================================== */
.header {
}

/* ===============================================
#グローバルナビ
=============================================== */
.navi {
}

/* ===============================================
#パンくず
=============================================== */
.breadCrumbs {
}

/* ===============================================
#サイドバー
=============================================== */
.sidebar {
}

/* ===============================================
#メインコンテンツ
=============================================== */
.main {
}

ul{
	padding-left:0;
}

#content {
	width:100%;
	margin:0 auto;
	letter-spacing:0.09em;
	background:#fff;
}

.inr{
	width:80%;
	margin:0 auto;
}

@media screen and (max-width:767px){
	/*#content {
		padding-top:10%;
		
	}*/

	.inr{
		width:93%;
	}
}

.mainvisual {
	width:100%;
	/*padding-top:30%;*/
	background: #54a681;
	color:#fff;
	background:url(../img/jkt_badapple.jpg) center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
	font-family: 'Anton', sans-serif;
	font-size:170%;
	text-align:center;
	height: 100vh;
    min-height: 700px;
    display: flex;
    align-items: center;

}

.mainvisual::before{
	content: '';
	background: inherit;/*.bgImageで設定した背景画像を継承する*/
	-webkit-filter: blur(40px);
	-moz-filter: blur(40px);
	-o-filter: blur(40px);
	-ms-filter: blur(40px);
	filter: blur(10px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -40px;
	left: -40px;
	right: -40px;
	bottom: -40px;
	z-index: -1;/*重なり順序を一番下にしておく*/
}

.mainvisual .title {
    width: 60%;
    margin: 0 auto;
    max-width: 700px;
}

.mainvisual h3 img.jkt {
	width:80%;
	display:block;
	margin:0 auto;
}

.mainvisual .release {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin: 20px;
    text-shadow: 0 0 8px #1f3037;
    letter-spacing: 3px;
}

@media screen and (max-width:767px){
	.mainvisual {
	    height: auto;
	    min-height: auto;
	}

	.mainvisual .title {
		width:90%;
		margin: 14% auto;
	}

	.mainvisual h3 img.jkt {
		width:80%;
	}

	.mainvisual .release {
	    font-size: 24px;
	    margin: 10px;
	    letter-spacing: 2px;
	}

}

/*.mainvisual .title{
	width:60%;
	top:50%;
	left:50%;
	position:absolute;
	transform: translate(-50%, -50%);
}

.mainvisual .topimg {
	width:90%;
	margin:2% auto;
	border:solid #fff;
}

.mainvisual .toptxt{
	text-align:center;
}

.mainvisual h3 {
	font-size:500%;
	margin:0 auto;
	line-height:0.6em;
	margin:3% 0 1%;
	letter-spacing: -0.05em;
}

.mainvisual h3 img {
	width:100%;
}

.mainvisual h3 span {
	font-size:50%;
	font-family: 'Vidaloka', serif;
	font-weight:400;
	letter-spacing: -0.01em;
}


.mainvisual .toptxt span,
.mainvisual .toptxt em {
	display:block;
	font-style:normal;
}

.mainvisual .toptxt .sam{
	font-size:120%;
	color: #700032;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.01em;
}

.mainvisual .toptxt .release {
	font-size:200%;
	font-weight:800;
	line-height:1em;
	font-family: 'Noto Sans JP', sans-serif;
}

.mainvisual .toptxt .sub {
	font-size:200%;
	font-weight:800;
	padding-bottom:1%;
}

@media screen and (max-width:767px){
	.mainvisual {
		padding-top:80%;
		font-size:130%;
	}
	.mainvisual .title {
		width:90%;
	}

	.mainvisual .toptxt .release {
		padding-bottom:1%;
	}
	
}*/


#detail {
	padding:5% 0 3%;
	background:#54a681;
}

#detail ul {
	display:flex;
	flex-wrap:wrap;
	width:800px;
	margin:0 auto;
}

#detail ul li {
	width:48%;
	margin:0.5%;
}

#detail ul li img {
	width:100%;
}

#detail .songlist {
	width:90%;
	margin:2% auto 6%;
	background:#a4dfa9;
	padding:2em;
	color:#333;
}

#detail ol.songlist {
	background:inherit;
	padding:0;
	margin-left:0;
	margin-bottom:2em;
}

#detail ol.songlist:last-child {
    margin-bottom: 0;
}

#detail ol.songlist h6 {
	font-size:15px;
	margin:0 0 1em;
	border-bottom: 1px solid;
    padding-bottom: 2px;
}

#detail ol.songlist li .tocmt{
	text-align:right;
}

#detail ol.songlist li a {
	font-size:12px;
	display:inline-block;
	padding:0 1em;
	background:#00000080;
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width:767px){
	#detail .songlist {
		padding:1.2em;
	}

}

#detail .songlist h4{
	margin:0 0 1em;
	text-align:center;
}

#detail .songlist .toku {
	background:rgba(255,255,255,1);
	color:#c22;
	border:solid 1px;
	padding:2%;
	margin:2% auto;
	width:80%;
	text-align:center;
	font-weight:bold;
}

@media screen and (max-width:767px){
	#detail .songlist .toku {
		width:95%;
	}
}

#detail .songlist .toku em {
	font-style:normal;
	font-size:70%;
	font-weight:normal;
	display:block;
	line-height:1.5em;
	margin-top:0.5em;
}

#detail .songlist .form {
	background:#ffffff80;
	padding:2em;
	margin-bottom:1em;
	display:flex;
}

#detail .songlist .nonmgn {
	margin-bottom:0;
}

#detail .songlist .form .txt {
	width:65%;
	margin-right:0%;
}

#detail .songlist .form .txt.noimg {
    width: 100%;
    margin: 0;
}

#detail .songlist .form .txt.noimg ol.songlist {
    width: 100%;
}


#detail .songlist .form .img {
    width: 40%;
    display: flex;
    -webkit-align-items: center;
    align-items: baseline;
    -webkit-justify-content: center;
    justify-content: center;
    padding-right: 2%;
    padding-top: 8%;
}

#detail .songlist .form .img img{
	margin-bottom:1em;
    width: 100%;
}

#detail .songlist .form h5{
	font-size:120%;
	margin:0 auto 1em;
}

#detail .songlist .form h5 span {
	display:block;
	font-size:50%;
}


.campaign_tit {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

@media screen and (max-width:767px){
.campaign_tit {
    margin: 1em 0;
    font-size: 17px;
}

}

#detail .songlist.campaign_wrap .form {
    display: block;
}

#detail .songlist.campaign_wrap ol.songlist {
    width: 100%;
    margin: 0;
}

#detail .songlist.campaign_wrap ol.songlist.noind li {
    text-indent: 0;
    margin-left: 0;
}

#detail .songlist.campaign_wrap .bold {
    font-weight: bold;
}

#detail .songlist.campaign_wrap .sml {
    font-size: 0.85em;
}


#detail .songlist.campaign_wrap .campaign_img {
    display: flex;
    width: 80%;
    margin: 0 auto 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}

#detail .songlist.campaign_wrap .campaign_img > p {
    width: 48%;
    margin: 0;
}

@media screen and (max-width:767px){
#detail .songlist.campaign_wrap .campaign_img > p {
    width: 100%;
    margin: 0 0 15px;
}

#detail .songlist.campaign_wrap .campaign_img > p:last-child {
    margin-bottom: 0;
}

}

#detail .songlist.campaign_wrap .campaign_img > p img {
    width: 100%;
    height: auto;
}

#detail .songlist.campaign_wrap .attentionlist_inner {
    margin: 0;
    padding: 0;
}

#detail .songlist.campaign_wrap .attentionlist_inner.mt {
    margin-top: 10px;
}

#detail .songlist.campaign_wrap .attentionlist_inner li {
    text-indent: -1em !important;
    margin-left: 1em !important;
    font-size: 0.85em;
    padding: 0 0 3px 0;
}

#detail .songlist.campaign_wrap li a {
    padding: 0;
    background: none;
    color: #007611;
    font-size: 0.9em;
}

@media screen and (max-width:767px){
	#detail ul {
		width:100%;
	}

}

.todl {
	display:block;
	position:relative;
}

.todl ul {
	position:absolute;
	transform:translate(-50%, -50%) rotate(-3deg);
	top:80%;
	left:50%;
	color:#fff;
	text-align:center;
	font-weight:900;
	font-size:calc(0.875rem + ((1vw - 3.2px) * 2.25));
	width:100%;
	line-height:1.3em;
	font-family: 'M PLUS 1p', sans-serif;
	font-style: italic;
}

@media screen and (min-width:1024px){
	.todl ul{
		font-size:45px;
	}
}

/*.todl ul {
	margin:0;
	position:absolute;
	transform:translate(-50%, -50%);
	top:80%;
	left:50%;
	display:flex;
	width:70%;
}


.todl ul li:first-child {
	width:20%;
}

.todl ul li:last-child {
	width:80%;
	font-family: 'M PLUS 1p', sans-serif;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-style:italic;
	font-size:25px;
}

@media screen and (max-width:767px){
	.todl ul {
		width:90%;
	}

	.todl ul li:last-child {
		font-size:15px;
		padding:0 1em;
	}
}*/


#movie {
	padding:5% 0;
	background:#000;
}

.movie {
	width:100%;
	padding-top:56.25%;
	position:relative;
}

.movtop {
	margin-bottom:2%;
}

.movie iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.stream_box{
    margin: 0px;
    width: 100% !important;
    float: none;
    text-align: left;
}


.stream_box .thumb{
    margin: 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}


#shop {
	padding:0 0 6%;
	background:#54a681;
}

#haishin{
	padding:6% 0;
    background: #07725a;
    color: #fff;
}

#haishin h1 {
    text-align: center;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 30px;
}

#haishin h1 span {
	display:block;
	font-weight:normal;
	font-size:14px;
}

.shop h2 {
	display:block;
	margin:0.2em 0;
}

.shop ul {
	margin: 0 auto;
	padding: 0 0 2%;
	height:auto;
	overflow:hidden;
	width:90%;
}

.shop ul li {
	float:left;
	width:20%;
}

.shop ul li img {
	width:95%;
	margin:0 auto;
	display:block;
	max-width:172px;
}

.haishin ul {
	height:auto;
	overflow:hidden;
	width:80%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	padding-left:0;
}

.haishin ul li {
	width:23%;
	background:#fff;
	margin:1%;
	transition: 0.3s;
}

.haishin ul li:hover {
    opacity: 0.7;
}

.haishin ul li a {
    padding: 4%;
    display: block;
}

.haishin ul li span a {
	display:block;
	background:#000;
	padding:5%;
	font-size:120%;
	font-style:italic;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

.haishin ul li img {
	display:block;
	width:95%;
	margin:0 auto;
}

.haishin p {
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.17em;
    margin-bottom: 6px;
    line-height: 1.8;
}

.haishinLink {
    background-color: #cccccc6b;
    color: #777;
    width: 95%;
    max-width: 950px;
    margin: 0 auto 2em;
    padding: 2%;
}

.haishinLink:last-child {
    margin-bottom: 0;
}

#detail .tokuten ul {
	width:70%;
	margin:0 auto 20px;
	height:auto;
	overflow:hidden;
	padding-left:0;
}

#detail .tokuten ul li {
    width: 48%;
    text-align: center;
    margin: 0% auto 2%;
    padding: 2%;
    background: #a4dfa9;
    font-size: 90%;
    color: #444;
    box-sizing: border-box;
}

#detail .tokuten h4 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

#detail .tokuten ul li span {
	display:block;
}

#detail .tokuten ul li img {
	display:block;
	margin:0 auto;
	/*width:70%;*/
}

#detail .tokuten .caution {
	text-align:center;
	font-size:60%;
	color:#ce0707;
}

#media .txt_area {
	padding:0;
}

#media ul {
	float:left;
	padding:0;
	margin:0.5%;
}

#media ul.media {
	width:69%
}

#media ul.twitter  {
	width:29%;
}

#media ul.twitter a {
	width:85%;
	display:block;
	margin:0 auto;
}

#media li {
	list-style:none;
	padding:10% 5% 3%;
	border-bottom:dotted #999 1px;
}

#media li#web {
	padding-top:0;
}

#media li span {
	display:block;
}

#media li span.categoly {
	background:#6f6651;
	padding:0.5%;
	width:15%;
	text-align:center;
	color:#fff;
}

.tv span.categolytokuban {
	background:#6f6651;
	padding:0.5%;
	width:15%;
	text-align:center;
	color:#fff;
	display:block;

}

#media li span.txt {
	margin-top:1%;
}


#media .tv ul li {
	width:46%;
	float:left;
	padding:2% 0;
	border:none;
}

#media .tv ul li.txt {
	border:solid 1px #aaa;
	padding:2%;
}

#media .tv ul li img {
	width:80%;
	display:block;
	margin:0 auto;
}

#media dl.accordion dt {
	font-weight:bold;
	text-align:center;
	font-size:150%;
	padding:1.5%;
	border:solid 1px;
}

#media dl.accordion dd {
	display:none;
}

span.ticket {
	padding:2%;
	border:solid 1px;
	color:#444;
	background:#c2b5ac;
	margin:0 auto;
	width:85%;
}

span.ticket em {
	display:block;
	font-style:normal;
}

em.title {
	display:block;
	width:90%;
	margin:0 auto;
	font-size:130%;
	font-weight:bold;
	font-style:normal;
	color:#444;
}

em.period {
	font-weight:normal;
	font-size:90%;
}

span.ticket a {
	display:block;
	width:50%;
	margin:1% auto;
	background:#000;
	color:#fff;
	text-decoration:none;
	padding:2% 0;
	border-radius:5px;
}

span.ticket a:hover {
	background:#fff;
	color:#000;
	opacity:1;
}



/* SNS */


.sns_area {
	position:absolute;
	top:5%;
	right:5%;
	width:200px;
	padding:0;
	z-index:1;
	display:flex;
}

.sns_area div {
	display:flex;
	margin-right:2%;
}

@media screen and (max-width:767px){
	.sns_area {
		width:140px;
	}

	.sns_area div {
		margin-right:2%;
	}
}






#info ul.info {
	padding-left:0;
}

#btn a {
	display:block;
	width:483px;
	margin:0 auto;
}

#btn a img {
	width:100%;
}

#tejun {
	padding-bottom:5%;
}

img.btn {
	display:block;
	margin:2% auto;
}

span.footer {
	display:block;
	color:#0e0e0e;
	text-align:center;
	font-size:75%;
	/*background:#000;*/
}

span.footer a {
	text-decoration:none;
	color:#aaa;
}

span.footer a:hover {
	color:#ddd;
}

.finish {
	text-align:center;
}

.finish p a {
	text-decoration:none;
	color:#8ee4f5;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	display:block;
	width:50%;
	margin:0 auto;
}

.finish p a img {
	width:100%;
}

.finish p a:hover {
	color:#8ec2d3;
}

.txt {
	margin:0 auto;
}

.txt h1 {
	color:#8ee4f5;
}

.txt ul {
	padding-left:0;
}

.txt li {
	list-style:none;
}

.txt a {
	text-decoration:none;
	color:#fff;
}

.txt a:hover{
	color:#8ee4f5
}

.info span {
	display:block;
	font-size:110%;
}

#uptoroku {
	border:solid 1px #c22;
	padding:5%;
	text-align:center;

}

#uptoroku h1 {
	text-align:center;
	color:#8ee4f5;
	margin-top:0;
}

#uptoroku strong {
	display:block;
}

#uptoroku p.uptoroku {
	font-size:250%;
	font-weight:bold;
	color:#8ee4f5;
}

#uptoroku p.uptoroku a {
	display:block;
	text-decoration:none;
	color:#8ee4f5
}

.machiuke {
	text-align:center;
}

.machiuke img {
	margin:0 auto 5%;
}

.machiuke a {
	display:block;
	font-size:150%;
	background:#ddd;
	color:#000;
	text-decoration:none;
	padding:2.5%;
	width:50%;
	margin:1% auto;
	border-radius:5px;
	font-family: 'Fjalla One', sans-serif;
}

.machiuke a:hover {
	background:#8ee4f5;
}

.machiuke span {
	display:block;
	margin-top:5%;
}

#caution {
	padding-bottom:5%;
}

.backtotop {
	text-align:right;
}

.movie ul {
	zoom:1;
	overflow:hidden;
	margin: 30px 0 0;
	padding: 0;
	display:flex;
	flex-wrap:wrap;
}
.movie ul li {
	width:49%;
	margin:0 auto;
/*	float:left;*/
	font-size:24px;
	margin:0 0.5 3%;
}
.movie ul.movieList li {
	float:left;
}
.movie ul li.right {
	float:right;
}
.movie ul li p {
	display:block;
	margin-top:5px;
	line-height:1.2;
	text-align: center;
}
.movie ul li p span {
	font-size:12px;
	display:block;
}
.movie ul li .box {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.movie ul li iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




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

}


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

	body {
		font-size:12px;
	}

	.sns_area {
		top:2%;
		right:2%;
		width:140px;
	}

	.shop ul {
		width:100%;
	}

	.shop ul li {
		width:50%;
		margin-bottom:2%;
	}

	.haishin,
	.haishin ul {
		margin:0;
		padding:0;
	}

	.haishin ul {
		width:100%;
	}

	.haishin ul li {
		width:46%;
	}

	.site_title h1 {
		font-size:150%;
	}

	#btn a {
		width:70%;
	}

	.machiuke a {
		width:85%;
		margin:3% auto;
	}

	.site_title span {
		font-size:65%;
		letter-spacing:0;
	}

	.site_title span em {
		display:block;
	}


	h1 {
		font-size:150%;
	}

	p.txt {
		margin:10% 0;
	}

	li.txt {
		margin:0 0 3%;
	}

	.detailtxt h1 span {
		display:inline;
	}

	.detailtxt ul {
		padding:0;
	}

	.takurocomment,
	.guestcomment,
	.releaseinfo ,
	.guest_artist{
		margin:0 auto;
		width:95%;
		margin-bottom:5%;
	}

	.detailtxt ul li,
	.guestcomment ul li {
		float:none;
		padding:0;
	}

	.detailtxt ul li.img,
	.detailtxt ul li.txt,
	.guestcomment ul li.txt,
	.guestcomment ul li.img {
		width:100%;
		padding:0;
	}

	.guestcomment ul li img {
		width:100%;
	}

	.detailtxt ul li.txt p.comment {
		width:93%;
	}

	.releaseinfo .discinfo ul {
		padding:0;
	}

	.releaseinfo .discinfo ul li {
		float:none;
		margin:0 auto;
	}

	.releaseinfo .discinfo ul li.img,
	.releaseinfo .discinfo ul li.txt {
		width:100%;
	}

	.releaseinfo .discinfo ul li.img img{
		display:block;
		margin:0 auto;
	}

	.releaseinfo p.discinfo {
		width:100%;
		font-size:100%;
	}

	.releaseinfo .discinfo span {
		margin:0 0 5%;
	}

	.movie ul {
		display:block;
	}

	.movie ul li {
		width:95%;
		margin:0 auto;
		display:block;
	}


	.discinfo span em {
		display:block;
	}

	.songlist ul.songlist {
		width:100%;
		padding:0;
		margin:0;
		font-size:90%;
	}

	.guestcomment ul li.img img {
		width:50%;
		display:block;
		margin:0 auto;
	}

	.guest_artist ul.artist{
		width:90%;
	}

	.guest_artist ul.artist li {
		margin:5% auto;
	}

	.guest_artist ul.artist span.title {
		font-weight:bold;
	}
	
	.guest_artist ul.artist span {
		display:block;
	}

	#media ul {
		float:none;
	}

	#media ul.media {
		width:100%;
	}

	#media ul.twitter {
		display:block;
		width:85%;
		margin:5% auto;
	}

	#media li span.categoly {
		width:50%;
	}

	#media .tv ul li {
		float:none;
		width:96%;
		padding:0;
	}

	#media .tv ul li img {
		display:block;
		width:100%;
		margin: 0 auto;
		padding:0;
	}

	#media .tv ul li.img {
		width:100%;
	}


	em.title {
		width:100%;
	}

	.releaseinfo div.songlist a.gyao {
		width:80%;
	}

	#detail .tokuten h4 {
		margin:1em 0;
	}

	#detail .tokuten ul {
		width:100%;
		padding-left:0;
	}

	#detail .tokuten ul li {
		float:none;
		width:45%;
		margin:0 auto 2%;
	}

	#detail .tokuten ul li img {
		width:80%;
		margin: 5px auto;
	}
	.movie ul {
		margin-top:15px;
	}
	.movie ul li {
		width:100%;
	}

}

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

}

/* ===============================================
#フッター
=============================================== */
.footer {
	width: 100%;
	text-align: center;
	padding:1% 0 5%;
	background:#54a681;
}

.footer img {
	margin: 0 12px;
	max-height: 45px;
}

.footer a:hover img {
	opacity: 0.7;
}

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

#uptoroku p.uptoroku {
	font-size:150%;
}

.footer {
	padding-bottom: 10px;
}

.footer img {
	max-height: 45px;
	margin: 0 12px;
}
}

/* CSSアニメーション */
.appear {
	/*transform-origin:center top;*/
	animation:show 1500ms both;
}
span.appear {display:inline-block;}
.d1 {animation-delay:0ms;}
.d2 {animation-delay:0ms;}
.d3 {animation-delay:2s;}
.d4 {animation-delay:4s;}
.d6 {animation-delay:6s;}
.d8 {animation-delay:8s;}
.d10 {animation-delay:10s;}
.d12 {animation-delay:12s;}
@keyframes show {
	0% {
		transform:scale(4,4);
		opacity:0;
	}
	100% {
		transform:scale(1,1);
		opacity:1;
	}
}


.shopLink {
	margin: 3% 0;
	padding: 2%;
	color: #ffffff;
	background-color: #e8e8e8;
	text-align: center;
	box-sizing: border-box;
}
.shopLink.link01 {
	background-color: #a4dfa9;
	color:#777;
	width:95%;
	max-width:950px;
	margin:0 auto 2em;
}
.shopLink.link01:last-child {
    margin-bottom: 0;
}
.shopLink h3 {
	color: #333;
}
.shopLink ul {
    zoom: 1;
    overflow: hidden;
    width: 80%;
    margin: 14px auto 0;
}
.shopLink ul li {
	display: inline-block;
}
.shopLink ul li a {
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	transition: 0.3s;
}


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

@media screen and (max-width: 767px){
    .pc { display: none !important; }
}


@media screen and (max-width: 767px) {
#detail {
    padding: 5% 0 5%;
}

#detail .songlist h4 {
    font-size: 15px;
}
#detail .songlist .form {
    padding: 15px;
}
#detail .songlist .form {
    display: block;
}
#detail .songlist .form .txt {
    width: 100%;
    margin: 0;
}

#detail .songlist {
    width: 100%;
    box-sizing: border-box;
}

#detail .songlist .form .img {
    width: 80%;
    margin: 5px auto 0;
    line-height: 0;
    padding: 0;
}

#detail .songlist .form .img img {
    margin-bottom: 20px;
}

#detail ol.songlist h6 {
    margin: 0 0 5px;
}

#detail .tokuten ul li {
    margin: 0 auto 4%;
    width: 100%;
    padding: 4%;
    font-size: 15px;
}

#detail .tokuten .caution {
    text-align: center;
    font-size: 60%;
    color: #c22;
    text-align: left;
    margin-left: 1em;
    text-indent: -1em;
    font-size: 13px;
}

.shopLink.link01 {
    padding: 15px;
    width: 100%;
}

.shopLink h3 {
    font-size: 16px;
}

.shopLink ul {
    width: 100%;
    margin: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shopLink ul li {
    width: 48%;
}

.shopLink ul li a {
    margin: 0 0 10px;
}

#shop {
    padding: 0 0 10%;
}

#haishin {
    padding: 10% 0;
}

.haishin ul {
    width: 100%;
    justify-content: space-between;
}

.haishin ul li {
    width: 48%;
}

.haishin p {
    margin: 10px auto;
    font-size: 17px;
}
	
}





#special {
	width:100%;
	background: #54a681;
	position: relative;
	z-index: 0;
	text-align:center;
	min-height: 100vh;
}

#special::before{
	content: '';
	background:url(../img/jkt_badapple.jpg) center center;
	background-size: cover;
	-webkit-filter: blur(40px);
	-moz-filter: blur(40px);
	-o-filter: blur(40px);
	-ms-filter: blur(40px);
    filter: blur(10px);
    position: fixed;
    z-index: -1;
}

#special #detail {
    padding: 4% 0 10%;
    background: none;
}

#special .inr {
    width: 75%;
    margin: 0 auto;
}

#special .inr.sp_movie {
    max-width: 100vh;
    margin: 0 auto;
    width: auto;
}

#special .special_box {
    background: #a4dfa9;
    padding: 4%;
    border: 2px solid #07725a;
    margin-bottom: 10%;
}


#special .special_box h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 350%;
    margin-bottom: 4%;
    line-height: 1;
}

#special .special_box .keyword_form input[type="text"] {
    width: 35px;
    text-align: center;
    font-size: 30px;
    padding: 7px;
    border: 2px solid #07725a;
}

#special .special_box .keyword_form .text_wrap {
    margin-bottom: 3%;
}

#special .special_box .keyword_form .btn {
    background: #d3271b;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 4px;
    border: none;
    padding: 10px 10px;
    width: 300px;
    -webkit-appearance: none;
    transition: 0.3s;
}

#special .special_box .keyword_form .btn:hover {
    opacity: 0.7;
}

#special .special_box .iframe_wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
}

#special .special_box .iframe_wrap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#special .footer {
    position: absolute;
    bottom: 0;
    padding: 2% 0 6%;
}


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

#special .special_box h4 {
    font-size: 250%;
    margin-bottom: 5%;
}

#special .special_box .keyword_form .text_wrap {
    margin-bottom: 6%;
    display: flex;
    justify-content: space-evenly;
}

#special .special_box .keyword_form input[type="text"] {
    width: 8.4%;
    text-align: center;
    font-size: 20px;
    padding: 3px;
    border: 2px solid #07725a;
    max-width: 30px;
}

#special .special_box .keyword_form .btn {
    width: 100%;
    font-size: 17px;
    letter-spacing: 2px;
}

#special .footer {
    padding: 3% 0 6%;
}

#special #detail {
    padding: 0;
    height: 91vh;
    display: flex;
    align-items: center;
}

#special .inr {
    width: 93%;
    margin: 0 auto;
}

#special .inr.sp_movie {
    max-width: none;
    width: 93%;
}

}




#detail .bnr_btn {
margin: 35px auto 85px;
}

#detail .bnr_btn h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 350%;
    margin-bottom: 2%;
    line-height: 1;
    text-align: center;
}

#detail .bnr_btn a {
    background: #c3305f;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    border: none;
    padding: 35px 10px;
    width: 550px;
    -webkit-appearance: none;
    transition: 0.3s;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    letter-spacing: 0.12em;
    border: 2px solid #ffffff;
    box-shadow: 0 0 10px #00000038;
    line-height: 1.8;
}


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

  #detail .bnr_btn {
      margin: 20px auto 40px;
  }

  #detail .bnr_btn h4 {
      font-size: 250%;
      margin-bottom: 3%;
  }

  #detail .bnr_btn a {
      width: 93%;
      box-sizing: border-box;
      padding: 20px 10px;
      font-size: 140%;
  }


}