@charset "UTF-8";

/*=== 834 ===================================================================*/

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

/*--- header -------------------------*/
#up_menu {
	display: none;
}
#up_menu_2 {
	display: none;
}

#sp_header {
	display: inline;
	position: fixed;
	top: 0;
	width: 100%;
	height: 58px;
	background: url(../img/top/wrap_footer.jpg) center 0% no-repeat;
	transition: ease solid 3s;
	z-index: 10;
	box-shadow: 0 1px 1px #222;
	-moz-box-shadow: 0 1px 1px #222;
	-webkit-box-shadow: 0 1px 1px #222;
	z-index: 100;
}


.overlay nav {
	background: rgba(0,0,255,0);
}

.button_container {
	top: 13px;
}
.button_container .middle {
	display: none;
	margin: -10px 0;
}

.button_container.active {
	top: 14px;
}

.sp_headerMenu ul {
	max-width: 1420px;
	list-style: none;
	display: flex;
	justify-content: space-around;
	margin: 15px auto 0;
	padding: 0;
}

.sp_headerMenu ul li img {
	max-width: 180px;
	margin-top: -2px;;
}

.flatA {
	position: fixed;
	right: 0;
	top: -6px;
	padding: 16px 0 0;
}
.flatA img {
	width: 40px;
	margin: -3px 8px 4px;
}
a.btn-flat {
	height: 63px;
}

.flatB {
	display: none;
}


.sp_headerMenu ul a:link {color: #fff; text-decoration: none;}
.sp_headerMenu ul a:active {color: #fff; text-decoration: none;}
.sp_headerMenu ul a:visited {color: #fff; text-decoration: none;}
.sp_headerMenu ul a:hover {color: #fff; text-decoration: underline;}


.overlay-menu {
	margin-top: -11px;
}
.overlay ul li {
	min-height: 64px;
}


.overlay:before {
	height: 100%;
}
.overlay:after {
	height: 100%;
}


/* SNS -------------------------------*/
.sns_txtvox {
	padding: 33px 0 0;
}


/* footer ------------------------------------------------*/
footer {
	padding : 34px 5px 34px;
}

footer .snsIcons img {
	margin: 9px 10px 0;
}

.footer_logo {
	margin: 7px auto 2px;
}
br.footer {
	height: 27px;
}


br.pc_br {
	display: none;
}
br.sp_br {
	display: inline;
}
span.bar_sp {
	display: inline;
}

}




/*=== 834 ====================================================================*/

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

body {
	line-height: 26px;
}


h1 {
	font-size: 24px;
	line-height: 30px;
	margin: -26px auto 34px;
}


h2 {
	font-size: 22px;
	margin-bottom: 24px;
}


h3 {
	font-size: 22px;
	margin: -3px auto 25px;
}


h4 {
	font-size: 22px;
}


.br {
	display: block;
	content: "";
	height: 18px;
}
.br2 {
	display: block;
	content: "";
	height: 22px;
}


/*--- to Top ---*/
.menu1Btn {
	right: 3%;
	bottom: 33px;
}
.menu1Btn:hover {
	bottom: 37px;
}




/* ◆ top ------------------------------------------------*/
#sp_header {
	background: url(../img/top/wrap_footer_sp.jpg) center 0% no-repeat;
}


/* ファーストビュー ------------------*/
#Pwrap::before {
	top: 0px;
}
.bg_1::before {
	background: url(../img/top/bg_1f_sp.jpg) center 0% no-repeat;
}
.bg_2::before {
	background: url(../img/top/bg_2f_sp.jpg) center 0% no-repeat;
}

@keyframes image_anime {
	4% {
	background-image: url(../img/top/bg_1f_sp.jpg);
	}
	40% {
	background-image: url(../img/top/bg_1f_sp.jpg);
	}
	100% {
	background-image: url(../img/top/bg_2f_sp.jpg);
	}
}

.firstVlogo2 {
	margin-bottom: 13px;
}

.c1Top834 {
	display: block;
	content: "";
	height: 13px;
}

.Content1-1 {
	width: 75%;
	margin-top: 129px;
}

#wrap_1 {
	background: url(../img/top/wrap_sp.jpg) center 0% repeat;
}


/* About -----------------------------*/
.Content1-2 {
	padding: 44px 20px 2px;
}

.title {
	padding: 28px 0 16px;
}
.youtube_wrap {
	margin: 0 auto 9px;
}


/* Discography -----------------------*/
.Content1-3 {
	padding: 41px 20px 0;
}

#hyo {
	margin: 19px auto -16px;
}
#hyo .cel th,
#hyo .cel td {
	width: 94%;
	display: block;
	border-top: none;
	margin: 0 auto;
	border-radius: 6px;
}
#hyo .cel th {
	border-left: 12px solid #52e022;
	padding: 0 0 0 16px;
	border-top: 1px solid #3f3f3f;
}

br.pc {
	display: none;
}

.hyo_R {
	background-image: none;
}


/* Live ------------------------------*/
.Content1-4 {
	padding: 44px 20px 43px;
}


/*--- 表 -------------------*/
#info {
	padding: 4px 0 3px;
	margin: 0 auto;
}
#info table {
	border-collapse: separate;
	border-spacing: 0 2px;
}
#info table.cel {
	margin-top: 0px;
}
#info table.cel th,
#info table.cel td {
	width: 100%;
	display: block;
	border-top: none;
	margin: 0 auto 2px;
	padding: 12px 20px 12px;
	border-radius: 6px;
}
#info table.cel th {
	border-top: 1px solid #ccc;
}
#info table.cel td {
	padding: 13px 20px 14px;
}
#info table th:after {
	display: none;
}
/*--- 表 -------------------*/


.map iframe {
	padding-bottom: 44px;
}


#Pwrap1 {
	height: 300px;
}


/* Information -----------------------*/
.Content1-5 {
	padding: 44px 20px 22px;
}

.Content1-5 #info table {
	padding-top: 0;
	padding-bottom: 4px;
}
.Content1-5 #info table td {
	border-top: 1px solid #3f3f3f;
}


/* SNS -------------------------------*/
.sns_txtvox {
	padding: 32px 0 0;
}
.sns {
	padding-top: 24px;
}


/* Contact ---------------------------*/
.contactB {
	padding: 28px 0 43px;
}


/* footer ------------------------------------------------*/
footer {
	background: url(../img/top/wrap_footer_sp.jpg) center 0% repeat;
}
.footer_logo {
	margin: 8px auto 2px;
}




/* ◆プライバシーポリシー --------------------------------*/
/* ヘッダータイトル --------*/
.header_title {
	padding: 86px 0 0;
}
.header_title h1 {
	margin-bottom: 30px;
}

.cPP_Text1 {
	padding: 45px 20px 44px;
}

.mT-br {
	padding-top: 34px;
}

}




/*=== 620 ====================================================================*/

/* ◆6. お問い合わせ -------------------------------------*/

@media only screen and (max-width: 620px) {
.Content6 {
	padding: 39px 16px 40px;
}

.Content6_1 {
	margin-bottom: -5px;
}


.Content6 .cel th,
.Content6 .cel td {
	width: 100%;
	display: block;
	border-top: none;
	padding: 16px 10px 14px 14px;
	margin: 0 auto;
}
.Content6 .cel tr th {
	border-top: 1px solid #ccc;
	border-radius: 6px 6px 0 0;
}
.Content6 .cel td {
	padding: 16px 14px 15px;
	border-radius: 0 0 6px 6px;
}
.Content6 textarea {
	width: 100%;
}

.Content6 input.qa[type=checkbox] ~ label.qa::after {
	margin-top: 5px;
}


td.check_sp {
	padding-bottom: 10px;
}
.check_sp input {
	width: 20px;
}
.mwform-checkbox-field label, .mwform-radio-field label {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	width: 67px;
}
.check_sp label {
	margin: -8px 0;
}
.mwform-checkbox-field-text {
	width: 304px;
}

.Content6 input.formBG.zipBox {
	width: 100px;
}


/*--- UPD ---*/
.Content6 label.qa {
	padding: 16px 32px 18px 14px;
}
.Content6 .qa_pp {
	padding: 17px 20px 1px;
	margin-bottom: 0px; 
}

}




/*=== 590 ====================================================================*/
@media screen and (max-width:590px) {
.flink_834 {
	display: none;
}
.flink_590 {
	display: block;
}

}




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

.overlay nav {
	font-size: 1.3rem;
}

.sp_br480 {
	display: block;
}

.flatA {
	position: fixed;
	right: 0;
	top: -6px;
	padding: 16px 0 0;
	margin: 0 auto;
}
.flatA img {
	width: 36px;
	margin: -1px auto 0;
}


/*--- to Top ---*/
.menu1Btn {
	right: 3%;
	bottom: 13px;
}
.menu1Btn:hover {
	bottom: 17px;
}
.menu1Btn img {
	width: 56px
}




/* ◆ top ------------------------------------------------*/
/* ファーストビュー ------------------*/
.Content1-1 {
	width: 100%;
	margin-top: 40.4%;
}

.firstVlogo1 {
	padding: 1px 5px 0;
}
.firstVlogo2 {
	margin-top: -20px;
}
.c1Top834 {
    height: 10px;
}


/* About -----------------------------*/
.Content1-2 {
	padding: 44px 16px 2px;
}


/* Discography -----------------------*/
.Content1-3 {
	padding: 41px 16px 0;
}

#hyo {
	margin: 19px auto -16px;
}
#hyo .cel th,
#hyo .cel td {
	width: 100%;
}
#hyo th {
	line-height: 32px;
}
#hyo th span.nene {
	font-size: 15px;
}
br.pc {
	display: block;
}


/* Live ------------------------------*/
.Content1-4 {
	padding: 43px 16px 43px;
}

#info table.cel td {
    padding: 13px 9px 14px 12px;
}

.map iframe {
	padding-bottom: 44px;
}


#Pwrap1 {
	height: 300px;
}


/* Information -----------------------*/
.Content1-5 {
	padding: 44px 16px 22px;
}

.Content1-5 #info table {
	padding-top: 0;
	padding-bottom: 4px;
}
.Content1-5 #info table td {
	border-top: 1px solid #3f3f3f;
}


/* SNS -------------------------------*/
.sns_txtvox {
	padding: 32px 0 0;
}
.sns {
	padding-top: 24px;
}


/* Contact ---------------------------*/


/* footer ------------------------------------------------*/
footer {
	font-size: 15px;
	padding : 34px 5px 33px;
}
.footer_logo {
	margin: 7px auto 1px;
}
.footer_logo br.br2 {
	height: 20px;
}




/* ◆プライバシーポリシー --------------------------------*/
.cPP_Text1 {
	padding: 45px 16px 44px;
}

.mT-br {
	padding-top: 34px;
}

}