@charset "utf-8";


#makura_title p { font-size: 2.0vw;}


#ost {
	position: static;
}
#ost section {
	color: hsla(0,0%,100%,1.00);
	display: block;
	border-radius: 20px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: static;
	margin-bottom: 1vw;
	font-size: 2vw;
}


section #ost_title{
	display: block;
	position: relative;
}

#ost_title div {
	display: block;
	position: relative;
	z-index: 0;
}
#ost_title div img {
	border-radius: 20px;
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	z-index: 1;
	padding: 0px;
	margin: 0px;

}

#ost #ost_push {
	background-color: hsla(333,76%,66%,1.00);
	padding-top: 2.2vw;
	padding-right: 2.2vw;
	padding-bottom: 2.2vw;
	padding-left: 2.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;
	text-align: center;
	display: inline-block;
	width: auto;
}


#ost #ost_push p {
	background-color: hsla(333,76%,66%,1.00);
	color: hsla(0,0%,100%,1.00);
	text-align: center;
	font-size: 2vw;
	padding-top: 0vw;
	padding-right: 0.2vw;
	padding-bottom: 0.2vw;
	padding-left: 0.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;
	border-bottom: 0.2vw dashed hsla(0,0%,100%,0.58);
	display: inline-block;
	width: 100%;
}


#ost #ost_push .top{
	border-top: 0.2vw dashed hsla(0,0%,100%,0.58);
	padding-top: 6px;
}
#ost #ost_title .header_mahiru.wow.bounceIn {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 0px;
	left: 0px;
}

#ost #ost_list {
	background-color: hsla(333,76%,66%,1.00);
	padding-top: 2.2vw;
	padding-right: 2.2vw;
	padding-bottom: 2.2vw;
	padding-left: 2.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;
	width: auto;
}

#ost #ost_list p{
	padding-left: 1vw;
	border-left: 0.4vw solid hsla(0,0%,100%,1.00);
	margin-bottom: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.1vw;
	font-size: 1.5vw;
	margin-left: 3vw;
}
#ost #ost_list dl {
	margin-left: 5vw;
	list-style-image: none;
	list-style-type: none;
}
#ost_list dl dt {
	float: left;
	display: block;
	background-color: hsla(0,0%,100%,1.00);
	color: hsla(333,77%,66%,1.00);
	border-radius: 41vw;
	padding-right: 2vw;
	padding-left: 2vw;
	margin-right: 1vw;
	font-size: 1.5vw;
	border-width: thin;
	border-style: solid;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: left;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	text-transform: none;
}

#ost_list dl dd {
	float: left;
	display: block;
	border-radius: 41vw;
	padding-right: 2vw;
	padding-left: 2vw;
	margin-right: 1vw;
	border-width: thin;
	border-style: solid;
	width: 51vw;
	clear: right;
	font-size: 1.5vw;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1vw;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
}

@media screen and (min-width: 320px) {#ost_list dl dd { width: 60vw;}}
@media screen and (min-width: 620px) {#ost_list dl dd { width: 60vw;}}
@media screen and (min-width: 740px) {#ost_list dl dd { width: 70vw;}}
@media screen and (min-width: 880px) {#ost_list dl dd { width: 70vw;}}
@media screen and (min-width: 955px) {#ost_list dl dd { width: 51vw;}}
@media screen and (min-width: 1100px) {#ost_list dl dd { width: 51vw;}} 
@media screen and (min-width: 1240px) {#ost_list dl dd { width: 51vw;}}



#ost #ost_list h2{
	padding-left: 0vw;
	margin-bottom: 0.5vw;
	padding-top: 1.5vw;
	padding-bottom: 0.1vw;
	font-size: 1.5vw;
	margin-left: 1vw;
	font-weight: normal;
}


#ost #ost_song {
	background-color: hsla(333,76%,66%,1.00);
	padding-top: 2.2vw;
	padding-right: 2.2vw;
	padding-bottom: 2.2vw;
	padding-left: 2.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;
	width: auto;
}

#ost #ost_song p{
	padding-left: 1vw;
	border-left: 0.4vw solid hsla(0,0%,100%,1.00);
	margin-bottom: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.1vw;
	font-size: 1.5vw;
	margin-left: 3vw;
}


#ost #ost_movie {
	background-color: hsla(333,76%,66%,1.00);
	padding-top: 2.2vw;
	padding-right: 2.2vw;
	padding-bottom: 0vw;
	padding-left: 2.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;

	width: auto;
	text-align: center;
}

#ost #ost_movie iframe {
	width:62.72vw;
	height:35.28vw;

}

#ost  h1 {
	border: 0.2vw solid hsla(0,0%,100%,1.00);
	border-radius: 84vw;
	font-size: 2vw;
	margin-bottom: 2vw;
	background-color: hsla(333,76%,73%,1.00);
	text-align: center;
	letter-spacing: 1vw;
}
#ost #ost_song h2 {
	float: left;
	display: block;
	background-color: hsla(0,0%,100%,1.00);
	color: hsla(333,77%,66%,1.00);
	border-radius: 41vw;
	padding-right: 2vw;
	padding-left: 2vw;
	margin-right: 1vw;
	font-size: 1.5vw;
	border-width: thin;
	border-style: solid;
	margin-bottom: 0px;
	margin-left: 5vw;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: left;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	text-transform: none;
}
#ost #ost_song h3 {
	float: left;
	display: block;
	border-radius: 41vw;
	padding-right: 2vw;
	padding-left: 2vw;
	margin-right: 1vw;
	border-width: thin;
	border-style: solid;
	width: 51vw;
	clear: right;
	font-size: 1.5vw;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1vw;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	font-weight: normal;
}




@media screen and (min-width: 320px) {#ost #ost_song h3 { width: 60vw;}}
@media screen and (min-width: 620px) {#ost #ost_song h3 { width: 60vw;}}
@media screen and (min-width: 740px) {#ost #ost_song h3 { width: 70vw;}}
@media screen and (min-width: 880px) {#ost #ost_song h3 { width: 70vw;}}
@media screen and (min-width: 955px) {#ost #ost_song h3 { width: 51vw;}}
@media screen and (min-width: 1100px) {#ost #ost_song h3 { width: 51vw;}} 
@media screen and (min-width: 1240px) {#ost #ost_song h3 { width: 51vw;}}



#ost #ost_song dl {
	clear: left;
	margin-left: 23vw;
	font-size: 1.4vw;
	font-weight: normal;
}
#ost_song dl dt {
	float: left;
	font-size: 1.4vw;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#ost_song dl dd {
	margin-left: 10vw;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1vw;
	font-size: 1.4vw;
	font-weight: normal;
	border-left: 0.15vw solid hsla(0,0%,100%,1.00);
}


#ost #ost_index {
	background-color: hsla(333,76%,66%,1.00);
	padding-top: 2.2vw;
	padding-right: 2.2vw;
	padding-bottom: 2.2vw;
	padding-left: 2.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;
	width: auto;
}

#ost #ost_index p{
	padding-left: 1vw;
	border-left: 0.4vw solid hsla(0,0%,100%,1.00);
	margin-bottom: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.1vw;
	font-size: 1.5vw;
	margin-left: 3vw;
}

#ost #ost_index h1 {
	letter-spacing: 0vw;
}


#ost #ost_index dl {
	clear: left;
	margin-left: 8vw;
	font-size: 1.4vw;
	font-weight: normal;
}
#ost_index dl dt {
	float: left;
	font-size: 2vw;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: hsla(62,100%,51%,1.00);
}
#ost_index dl dd {
	margin-left: 13vw;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1vw;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1vw;
	font-size: 2.4vw;
	font-weight: normal;
	border-left: 0.15vw solid hsla(0,0%,100%,1.00);
}


#ost #ost_shop {
	background-color: hsla(333,76%,66%,1.00);
	padding-top: 2.2vw;
	padding-right: 2.2vw;
	padding-bottom: 2.2vw;
	padding-left: 2.2vw;
	margin-top: 0.5vw;
	margin-right: auto;
	margin-bottom: 0.5vw;
	margin-left: auto;
	width: auto;
}

#ost #ost_shop p{
	padding-left: 1vw;
	border-left: 0.4vw solid hsla(0,0%,100%,1.00);
	margin-bottom: 0.5vw;
	padding-top: 0.1vw;
	padding-bottom: 0.1vw;
	font-size: 1.5vw;
	margin-left: 3vw;
}

#ost #ost_shop h1 {
	letter-spacing: 0vw;
}


#ost #ost_shop dl {
	clear: left;
	margin-left: 8vw;
	font-size: 1.4vw;
	font-weight: normal;
}
#ost_shop dl dt {
	float: left;
	font-size: 1.5vw;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#ost_shop dl dd {
	margin-left: 11vw;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1vw;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1vw;
	font-size: 1.5vw;
	font-weight: normal;
	border-left: 0.15vw solid hsla(0,0%,100%,1.00);
}


#ost_shop  a{
	color: hsla(0,0%,100%,1.00);
}

#ost_shop  a:hover{
	color: hsla(207,100%,68%,1.00);
}