@charset "utf-8";
* {
	box-sizing: content-box;
}
body {
	font-size: 1rem !important;
}

.main {
	padding: 0 !important;
}

.music .contents > .inner,
div[class*="music-"] .contents > .inner {
	padding: 0 10px;
}
header nav li.music {
	background: #E78492;
}
.music .wrap,
div[class*="music-"] .wrap {
	padding-bottom:0;
}
.music h2,
div[class*="music-"] h2 {
	border-bottom: none;
	padding:0;
}
.music p.lead,
div[class*="music-"] p.lead {
	font-size:1.3rem;
	line-height:1.4;
	color:#666;
	padding: 0px 9px 21px 9px;
}
p a,
.music .lead a, 
div[class*="music-"] .lead a {
	display: inline-block;
	color: #33CCCC;
}
.music .lead a {
	display: inline;
}
.music .lead span {
    font-size: 1.1rem;
    color: #999;
    margin-top: 15px;
    display: block;
}
.music .lead span.title {
	font-size: 1.4rem;
	color:#666;
	display: inline;
}


@media only screen and (min-width :900px) {
	.page-title h1 {
	    max-width:1024px;
	    margin:0 auto;
	    font-size:2.3rem;
	    padding-left:72px;
	    line-height:75px;
	}
	.pankuzu {
	    max-width: 944px;
	    margin: 0 auto;
	    padding-top: 121px;
	    height: 34px !important;
	    line-height: 32px;
	}
	.music p.lead,
	div[class*="music-"] p.lead {
		font-size:1.5rem;
		padding: 26px 0 15px 0;
	}
	.music .lead span {
	    font-size: 1.2rem;
	    margin-top: 15px;
	}
	.music .lead span.title {
	    font-size: 1.6rem;
	}
	.main {
		overflow: hidden;
		max-width: 968px;
		width: 962px;
		padding:0;
        display: flex;
        justify-content: center;
	 }
	
	.music .contents,
	div[class*="music-"] .contents {
		float: left;
		width: 630px;
	}
	.music .page-title,
	div[class*="music-"] .page-title {
		margin-bottom: 22px;
	}
}

@media only screen and (max-width :900px) {
	.main {
	  padding: 0 10px;
	}
}
@media only screen and (max-width :800px) {
	.music .section,
	div[class*="music-"] .section {
		padding-bottom:0;
	}
	.music h2,
	div[class*="music-"] h2 {
		margin-bottom:16px;
	}
}


/* musicRequestLink
----------------------------------------------*/
.musicRequestLink-inner{
    width:100%;
    max-width: 670px;
    height: 252px;
    background:#FFF4F5;
    border-radius: 10px;
    margin-bottom: 62px;
}
.musicRequestLink-inner > p {
    padding: 31px 0 25px;
    text-align:center;
    font-size: 1.5rem;
    color: #666;
}
.btn-music-request {
    width: 450px;
    height: 63px;
    line-height: 63px;
    background: no-repeat 19px 21px #FF9D9D;
    border-radius: 10px;
    margin:0 93px 17px;
    
}
.btn-music-request-contact {
    width: 450px;
    height: 63px;
    line-height: 63px;
    background:no-repeat 25px 23px #85E0E0;
    border-radius: 10px;
    margin:0 23px 0 93px;
}
.btn-music-request-contact a,
.btn-music-request a {
    /* text-indent: -9999px; */
    width: 100%;
    height: 100%;
    text-align:center;
    font-size:2rem;
    color: #FFFFFF;
    font-weight: bold;
}
.btn-music-request-contact:hover,
.btn-music-request:hover {
    opacity: 0.6;
    align-items: center;
}

.flow {
	max-width:650px;
}
.flow dl {
	overflow:hidden;
	width: 100%;
}
.flow dt {
	font-size:2.5rem;
	color:#666;
	text-align:center;
	padding: 30px 0 24px;
}
.flow li {
	font-size:1.6rem;
	color:#666;
	background: url(../images/icon_arrow_list.jpg) no-repeat center bottom;
	padding-bottom:14px;
}

p.flow-exs {
	font-size:1.5rem;
	line-height:1.4;
}

p.flow-exs span,
.flow li span,
.ttl span {
	font-size:1.3rem;
	color:#999;
}
.ttl span {
	margin-left: 15px;
}
.flow li.list4 {
	background:none;
}
.flow li p {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:20px 0 17px 53px;
	line-height:1.2;
	border: 1px solid #FFCFCF;
}
.flow li.list1 p {
	background:#FFF url(../images/icon_1.jpg) no-repeat left center;
}
.flow li.list2 p {
	background:#FFF url(../images/icon_2.jpg) no-repeat left center;
}
.flow li.list3 p {
	background:#FFF url(../images/icon_3.jpg) no-repeat left center;
}
.flow li.list4 p {
	background:#FFF url(../images/icon_4.jpg) no-repeat left center;
}

h3.icon {
    font-weight:normal;
    height: 27px;
    line-height:28px;
    font-size:1.7rem;
    padding-left:0;
    border-bottom:none;
    margin:0 0 9px 0;
}
h3.icon span {
    color: #FFCDCD;
}

@media only screen and (max-width :900px) {
    .musicRequestLink-inner{
        width:100%;
        max-width: 670px;
        height: 223px;
        border-radius: 5px;
        margin: 0 auto 12px;
    }
    .musicRequestLink-inner > p {
        padding:24px 0 13px;
        text-align:center;
        font-size: 1.3rem;
        line-height: 1.4;
    }
    .btn-music-request {
        width: 270px;
        height: 59px;
        line-height: 59px;
        background:no-repeat 12px 20px #FF9D9D;
        background-size: 235px auto;
        border-radius: 5px;
        margin:0 auto 15px;
        
    }
    .btn-music-request-contact {
        width: 270px;
        height: 59px;
        line-height: 59px;
        background:no-repeat center 12px 20px #85E0E0;
        background-size: 235px auto;
        border-radius: 5px;
        margin:0 auto;
    }

    .btn-music-request a {
        font-size:1.6rem;
    }

    .btn-music-request-contact a {
        font-size:1.4rem;
    }
    .flow {
		padding: 0;	
		margin:0 auto;
	}
	.flow dt {
		font-size:1.8rem;
		padding: 20px 0 14px;
	}
	.flow li {
		font-size:1.3rem;
		background: url(../images/icon_arrow_list.png) no-repeat center bottom;
		background-size:18px auto;
		padding-bottom:7px;
	}
	.flow li.list1 p {
		background:#FFF url(../images/icon_1.jpg) no-repeat -7px center;
		padding:14px 10px 13px 36px;
		background-size:30px auto;
	}
	.flow li.list2 p {
		background:#FFF url(../images/icon_2.jpg) no-repeat -7px center;
		padding:14px 10px 13px 36px;
		background-size:30px auto;
	}
	.flow li.list3 p {
		background:#FFF url(../images/icon_3.jpg) no-repeat -7px center;
		padding:14px 10px 13px 36px;
		background-size:30px auto;
	}
	.flow li.list4 p {
		background:#FFF url(../images/icon_4.jpg) no-repeat -7px center;
		padding:14px 10px 13px 36px;
		background-size:30px auto;
	}

	.flow li .pc_br {
		display: none;
	}
	.flow li span {
		display: block;
		line-height: 1.4;
		margin-top: 5px;
	}
	p.flow-exs {
		font-size:1.3rem;
	}
	p.flow-exs span,
	.flow li span {
		font-size:1.1rem;
	}
    h3.icon {
        height: 24px;
        line-height:28px;
        font-size: 1.3rem;
        padding-left:0;
        border-bottom:none;
        margin:0 0 14px 0;
    }
}



/*スマホタブ切り替え*/
.tab-sp li {
	position: relative;
	display: inline-block;
	width: 48%;
	min-width: 148px;
	height: 36px;
	color:#FF9D9D;
	line-height: 39px;
	text-align: center;
	background:#FFF;
	z-index: 0;
	margin: 0 0%;
	font-size: 1.5rem;
	border:1px solid #FF9D9D;
	box-sizing: border-box;
}

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

/* 2021.7.18　追加 */

.bmt-banner {
    text-align: center;
    position: relative;

}
.bmt-banner img {
width: 300px;padding: 0 0 20px 0;
}

@media screen and (max-width:800px) {
.bmt-banner {
		display: none;
	}
}/*
@media screen and (min-width:480px) {
.bmt-banner {
		display: none;
	}
}