@charset "utf-8";
* { margin: 0; padding: 0; font-size: 16px; line-height: 1.8rem;}
ul {list-style:none}
img {vertical-align: middle;}
.sp { display: inline;}
.pc { display: none;}

html {
                                background: url("../images/bg.gif") repeat #feea49;
                                background-size: 27px;
	color: #000;
	text-align: left;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
}
body {
	margin: 0 auto;
	padding: 0;
}

a {
                                word-break: break-all; 
                                transition: opacity 0.3s;
	font-weight: bold;
}

a:link,
a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color:#0757a8;
	}
a:hover {
	text-decoration: underline;
	font-size: inherit;
	color: #062a4f;
	}
a:active {
	text-decoration: none;
	font-size: inherit;
	text-decoration: none;
	color: #666;
	}

#back_to_home {
                                margin: 0 auto 3rem;
                                padding: 0 15px;
                                max-width: 750px;
}
a.btn {
	padding: 8px 0;
	text-decoration: none;
                                border-radius: 10px;
                                display: block;
                                transition: .4s;
	color:#fff;
                                text-align: center;
                                margin: 5px auto;
                                border: 5px solid #009f79;
                                color: #009f79;
                                background: #fff;
                                
                                letter-spacing: 2px;
}
a.btn:hover {
                                border: 5px solid #45459b;
                                color: #45459b;
}


img {
	border:0;
	max-width: 100%;
}
p {
	margin: 1rem 0;
}
hr {
	clear: both;
	visibility: hidden;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 5px;
}
h1 {
	line-height: 1.2;
}
h2 {
	line-height: 0.8;
	margin: 0;
}

h3 {
	font-size: 5vw;
	line-height: 1.4em;
                                border: 1px solid #000;
                                border-width: 1px 0;
                                padding: 1rem;
                                margin: 0 auto 2rem;
                                color: #fff
}
h3 br{
	line-height: 1.2;
}
h4 {
	font-size: 18px;
                                border: 2px solid #000;
                                background: #009f79;
                                padding: 1rem;
	line-height: 1.2;
}
h5 {
	font-size: 18px;
	line-height: 1.2;
}
h6 {
                                font-size: 16px;
	line-height: 1.2;
}
.little {
	font-size: 80%;
	line-height: 1.2;
	font-weight: normal;
}
.large {
	font-size: 120%;
	line-height: 1.2;
	font-weight: normal;
}
.b {
	font-weight: bold;
}
.new {
                                color: #ffc1e8;
}
.red {
                                color: #ee0013;
}
.green {
                                color: #009f79;
}
.white {
                                color: #fff;
}
.right_txt {
	text-align: right;
}


.day {
                                font-size: 6vw;
                                font-family: "Akshar", serif;
	font-weight: 600;
	line-height: 1.2;
                                display: inline-block;
                                line-height: 1;
                                color: #fb9e02
}
.Akshar {
	line-height: 1.2;
                                font-size: 100%;
                                font-family: "Akshar", serif;
}






header {
                                margin: 0 auto;
	padding: 50px 0 0;
                                position: relative;
                                text-align: center;
	background: #009f79;
}
div#header_contents {
                                margin: 0 auto;
}
div#header_photo {
                                min-height: 300px;
                                margin: 0 auto;
}
div#title {
                                text-align: center;
                                margin: 0 auto 0;
                                padding: 0;
}
#header_contents .day {
                                display: block;
}
#header_contents span {
                                line-height: 1;
	font-weight: normal;
}




div.wrapp {
	position: relative;
	width: 100%;
	display: block;
	clear: both;
}
section {
	margin: 0 15px 80px;
                                padding: 20px 0 0;
}
section h2 {
                                font-size: 12vw;
                                margin: 2rem auto 1.5rem;
                                font-family: "Akshar", serif;
                                color: #009f79;
                                font-weight: 700;
                                transform:rotate(-15deg);
                                text-align: center;
                                text-shadow: 4px 4px 0px rgba(255, 255, 255, 1);
}
.kakomi {
                                border: 3px solid #009f79;
                                padding: 1rem;
                                margin: 0 auto;
}



.contents {
	margin: 0 auto;
                                padding: 20px 0 0;
}

/*--topics--*/
#topics ul {
                                
}
#topics ul li {
                                margin: 0 auto 10px;
}
#topics ul li a {
	padding: 10px;
                                display: block;
                                width: 100%;
                                height: 100%;
                                border: 5px solid #45459b;
                                color: #45459b;
                                font-weight: bold;
                                line-height: 1.2;
                                min-height: 100px;
                                font-size: 4vw;
	transition: all 0.6s;
}
#topics ul li a:hover {
	opacity: 0.6;
                                background: rgba(255,235,75,0.6);
	text-decoration: none;
}
#topics ul li a p {
	color: #666;
                                font-size: 85%;
                                line-height: 1.2;
}
.soon {
	padding: 23px 10px 0;
                                display: block;
                                width: 100%;
                                height: 100%;
                                border: 5px solid #45459b;
                                color: #45459b;
                                font-weight: bold;
                                line-height: 2.5;
                                min-height: 100px;
}
#topics ul li.topic01 {
                                background: #fff url("../images/number_01.png") no-repeat right bottom;
                                background-size: 110px;
}
#topics ul li.topic01 a {
	padding: 25px 90px 0 10px;
}
#topics ul li.topic02 {
                                background: #fff url("../images/number_02.png") no-repeat right bottom;
                                background-size: 110px;
}
#topics ul li.topic02 a {
	padding: 25px 90px 0 10px;
}
#topics ul li.topic03 {
                                background: #fff url("../images/number_03.png") no-repeat right bottom;
                                background-size: 110px;
}
#topics ul li.topic04 {
                                background: #fff url("../images/number_04.png") no-repeat right bottom;
                                background-size: 110px;
}
#topics ul li.topic05 {
                                background: #fff url("../images/number_05.png") no-repeat right bottom;
                                background-size: 110px;
}

.topcs_num {
                                font-size: 12vw;
                                font-family: "Akshar", serif;
                                color: #45459b;
                                font-weight: 700;
	padding: 10px 10px 0 0;
                                height: 50px;
                                float: left;
}



#news ul {
                                border-top: 1px solid #009f79;
}
#news ul li {
	padding: 0;
                                border-bottom: 1px solid #009f79;
}
#news ul li:last-child {
	margin: 0 0 15px;
}

#news ul li a {
                                font-weight: normal;
	text-decoration: none;
	opacity: 1;
                                line-height: 1.2;
                                display:block;
                                transition: .3s;
                                color: #000;
	padding: 3px 0 10px;
}
#news ul li a:hover {
	color: #fff;
	background: #009f79;
}
#news li a span.day {
                                display: block;
	padding: 0.5rem 0 0;
                                font-size: 6vw;
                                line-height: 1.2;
                                letter-spacing: 0;
}
#news li a span.b {
                                font-size: 120%;
                                line-height: 1.2;
}

/* release ----------------------------------------*/

.CD_title {
                                text-align: center;
                                margin: 0.5em auto 1em;
                                color: #000;
	font-size: 6vw;
	line-height: 1;
                                font-weight: blod;
}
.CD_title h3 {
	font-size: 8vw;
	line-height: 1;
                                border-width: 0;
                                padding: 0;
                                color: #000;

                                font-weight: blod;
}
.jacket {
                                text-align: center;
                                margin: 0 auto;
}
.jacket img {
                                max-width: 300px;
                                border: 1px solid #999;
}


.release_info {
                                padding: 0;
                                margin: 1rem auto;
	line-height: 1.2;
}
.release_info br {
	line-height: 1;
}
.release_info span {
	line-height: 1;
}


.release_info ul {
                                margin: 1rem auto;
                                border-top: 1px solid #009f79;
}
.release_info ul li {
	padding: 1rem;
                                border-bottom: 1px solid #009f79;
}
.release_info ul li p {
	margin: 0;
}

.attention {
                                border-bottom: 6px solid #ee0013;
                                margin: 0 auto 0.5rem
}


/* info ----------------------------------------*/
#info h3, #live h3 {
                                background: #009f79;
}

ul.info {
	margin: 0 auto 4em;
}

ul.info li {
	margin: 0;
	border-bottom: 1px dotted #ddd;
                                padding: 1em 0;
                                line-height: 1.6;
}
ul.info li:last-child {
	border-bottom: none;
}
ul.info li br {
                                line-height: 1.6;
}
ul.info li h4 {
	margin: 0 0 0.5em;
}
ul.info li h5 {
	margin: 1em 0 0;
}

/* live ----------------------------------------*/
dl.live_list {
                                margin: 1rem auto 0;
	border-top: 1px solid #000;
}
dl.live_list dt {
	margin: 0 auto;
                                padding: 0.5rem 1rem;
                                font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
                                color: #009f79;
}
dl.live_list dt span.little {
                                font-size: 16px;
	font-weight: bold;
                                display: inline-block;
                                margin: 0 0.2rem 0 0;
}
dl.live_list dd {
	margin: 0 auto 0.5rem;
                                padding: 0 1rem 0.5rem;
                                line-height: 2;
	border-bottom: 1px solid #000;
}
dl.live_list dd:last-child {
	margin: 0 auto 2rem;
}
span.place {
                                display: inline-block;
                                background: #ec8d31;
                                padding: 2px 5px;
                                line-height: 1.4;
                                color: #fff;
                                margin: 0 0.5rem 0 0;
}



/* movie ----------------------------------------*/
ul.movie {
                                text-align: center;
}
ul.movie li {
                                margin: 0 auto 50px;
}
ul.movie li h3 {
	font-size: 16px;
                                margin: 0 auto 1rem;
}
.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




footer {
	margin: 0 auto;
	padding: 2rem 10px 100px;
	text-align: left;
	font-size: 90%;
	line-height: 1.3em;
                                background: #ec8d31;
                                color: #000;
                                position: relative;
}
footer small{
	font-size: 90%;
}
footer a:link,footer a:visited{
	display: block;
                                color: #f6ff00;
}

ul.SNS_list {
                                margin: 0 auto;
                                position: absolute;
                                top:2rem; right:0;
}
ul.SNS_list li {
	display: inline-block;
                                margin: 0 1rem;
}
ul.SNS_list li a {
	display: block;
}

ul.SNS_list li a:hover {
	opacity: 0.8;
}
ul.SNS_list li a img {
	height: 20px
}

/*768px以上 ----------------------------------------*/

@media screen and (min-width:768px){


section h2 {
                                font-size: 75px;
                                letter-spacing: 2px;
                                transform:rotate(-10deg);
}
.kakomi {
                                padding: 2rem 55px;
                                border: 5px solid #009f79;
                                margin: 0;
}

h3 {
	font-size: 23px;
                                padding: 1.5rem 2rem;
}
h4 {
	font-size: 20px;
                                padding: 1rem 1rem 1rem 2rem;
}

.day {
                                font-size: 25px;
}
#news li a span.day {
                                font-size: 25px;
                                color: #ec8d31;
}
.topcs_num {
                                font-size: 65px;
}
#topics ul li a {
                                font-size: 130%;
}

#release .jacket {
                                float: left;
                                margin: 0 40px 20px 0;
}
.CD_title {
                                text-align: left;
                                margin: 0;
                                padding: 80px 0 0;
                                color: #000;
	font-size: 27px;
	line-height: 1;
}
.CD_title h3 {
	font-size: 35px;
	line-height: 1;
                                padding: 0;
}
}


/*990px以上 ----------------------------------------*/

@media screen and (min-width:980px){
.sp { display: none;}
.pc { display: inline;}



div.wrapp {
                                width: 1080px;
                                margin: 0 auto;
}
section {
                                width: 1080px;
	margin: 0 15px 80px;
}
.contents {
                                width: 750px;
                                margin: 50px auto 0;
                                padding: 0;
}




header {
                                margin: 0 auto 50px;
	padding: 0;
                                position: relative;
}
div#header_contents {
                                margin: 0 auto;
                                padding: 0;
                                height: 716px;
                                width: 1080px;
}
div#header_contents h1 span {
                                font-size: 60px;
                                margin: 0 auto 10px;
}
div#header_contents span.little {
                                font-size: 16px;
}
div#header_photo {
                                margin: 0 0 0 172px;
                                width: 908px;
                                height: 716px;
                                overflow: hidden;
}
div#header_photo img {
                                margin: -60px 0 0;
}
div#title {
                                text-align: left;
                                margin: 0;
                                padding: 60px 0 105px;
                                width: 400px;
}

div#header_contents a .day {
                                font-size: 34px;
}


#topics ul {
                                width: 600px;
                                margin: 0 auto;
                                
}
#topics ul li a {
	padding: 40px 20px 0 20px;
                                font-weight: bold;
                                line-height: 1.2;
                                min-height: 150px;
                                font-size: 130%;
}
#topics ul li a p {
	color: #666;
                                font-size: 12px;
                                line-height: 1.2;
}
.soon {
	padding: 40px 20px 0;
                                font-size: 130%;
                                min-height: 150px;
}
.topcs_num {
                                font-size: 65px;
	padding: 20px 30px 0 0;
                                height: 100px;
                                float: left;
}
#topics ul li.topic01 {
                                background-size: 170px;
}
#topics ul li.topic01 a {
	padding: 40px 90px 0 20px;
}
#topics ul li.topic02 {
                                background-size: 170px;
}
#topics ul li.topic02 a {
	padding: 20px 140px 0 20px;
}
#topics ul li.topic02 a .topcs_num {
	padding: 40px 30px 0 0;
}
#topics ul li.topic03 {
                                background-size: 170px;
}
#topics ul li.topic04 {
                                background-size: 170px;
}
#topics ul li.topic05 {
                                background-size: 170px;
}

#news ul {
                                width: 760px;
                                margin: 0 auto;
}
#news ul li a {
	padding: 13px 50px 20px 20px;
}
#news ul li a:hover {
                                background: #009f79;
}
#news li a:hover span.day {
                                color: #fff;
}




ul.movie li {
                                margin: 0;
}
ul.movie li h3 {
	font-size: 20px;
}


dl.live_list dt {
	margin: 0;
                                padding: 25px 0 0;
                                width: 120px;
                                height: 100px;
                                text-align: center;
}
dl.live_list dt span.little {
	display: block;
                                margin: 0 0 0 0;
}
dl.live_list dd {
	margin: -100px 0 0;
                                padding: 30px 0 0.5rem 150px;
                                line-height: 1.2;
                                min-height: 100px;
}
dl.live_list dd:last-child {
	margin: -100px 0 2rem;
}

ul.info li {
                                line-height: 2;
                                font-size: 110%;
}
ul.info li h5 {
	font-size: 18px;
}
ul.info li div {
                                margin: 1rem auto;
}


footer {
	margin: 0 auto;
	padding: 30px 50px 80px;
	text-align: left;
}
ul.SNS_list {
                                top:2rem; right: 5vw;
}
ul.SNS_list li {
                                margin: 0 1.5rem;
}

}

/*1280px以上 ----------------------------------------

@media screen and (min-width:1280px){

div#header_photo {
                                margin: 0 10% 0 0;

}
div#header_photo img {
                                margin: -60px 0 0 0;
}
}*/