@charset "utf-8";
@media print, screen and (max-width:767px){
	/*===========================================

 → PROFILE
  
===========================================*/	
#profileVisual { width:100%; margin:0 auto 0px; position:relative; z-index:1;}
#profileText 	{ margin:-50px auto 0; background:rgba(255,255,255,.95); position:relative; z-index:2; padding:15px 10px; width:96%;}

#profileText p {font-size:12px;}

#profName {font-size:18px;}

dl#profList dt {font-size:14px;margin-bottom:5px;}
dl#profList dd {font-size:12px;margin-bottom:20px;}

@media print, screen and (max-width:320px){
	#profName {font-size:16px;}
}


/*===========================================

 → PROFILE →  SNS LINK
  
===========================================*/	
#profile_bottomBody {margin:40px auto 0;}

ul#profile_snsLink li {	margin:0 .2%;	max-width:36px;}


@media print, screen and (max-width:320px){
ul#profile_snsLink li  {width:23.5%; max-width:inherit;}
}


/*===========================================

 → PROFILE →  LANGUAGE BUTTON
  
===========================================*/	
ul#btn_profLang {margin:40px auto 0;}


#langHeadline {font-size:18px;}

ul#btn_profLang li a {font-size:12px; padding:5px 10px;}

ul#btn_profLang li a:after {font-size:11px;}


@media print, screen and (max-width:320px){
ul#btn_profLang li {display:block; margin:0 auto 15px; width:80%;}
}


/*===========================================

 → NEWS  LIST
  
===========================================*/	
#bloc_articleBody.with_side { width:100%; margin:0 auto;}

#bloc_catList {width:100%; height:auto;}


#articleTitle {font-size:14px;}

/*===========================================

 → NEWS  LIST → CATEGORY LINK LIST
  
===========================================*/	
#bloc_catList { padding:30px 4%;  background:#292929;}

#side_catHeadline {margin-bottom:15px; font-weight:700; font-size:15px; color:#fff;}

#bloc_catList ul {letter-spacing:-.4em; list-style-type:none;}

#bloc_catList ul li {
	letter-spacing:0;
display:inline-block;
width:31.9%;
height:auto;
margin:0 2% 10px 0;
}

#bloc_catList ul li:nth-child(3n) {margin-right:0;}

#bloc_catList ul li a {	font-size:12px;	padding:10px 0;	 color:#fff; border-color:#fff;}


/*===========================================

 → ARTICLE  (NEWS)
  
===========================================*/	
#article_textArea, #article_textArea p {font-size:12px;}

#article_picArea,#article_textArea.with_pic {height:auto;}

#article_picArea {width:80%; margin:15px 0;}
#article_textArea.with_pic {width:100%;}

#article_textArea img { margin:15px auto;}

#article_textArea iframe {width:100%; height:315px;}


#btn_listBack {margin:30px auto;}
#btn_listBack a {	padding:5px 30px; font-size:13px;}



/*===========================================

 → ARTICLE  (LIVE)
  
===========================================*/	
dl#article_dataArea,
dl#article_dataArea dd, dl#article_dataArea dd p	
#live_infoData, #live_infoData p {font-size:13px; font-weight:300;}


dl#article_dataArea dt {margin-bottom:10px; padding:3px 10px; border:1px solid #777; display:inline-block; line-height:100%; font-size:12px !important; font-weight:700;}
dl#article_dataArea dd {border-bottom:1px dotted #b5b5b5; display:block; width:100%;}
dl#article_dataArea dd:last-child {border-bottom:0;}

#btn_ticket {margin:30px auto; max-width:inherit;}
#btn_ticket a {font-size:16px; padding:10px 2%;}

#live_movies {
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:56.25%;
}

#live_movies iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:auto;
}

#article_picArea.lives {width:96%; height:auto; margin:15px auto;}
	

/*===========================================

 → PHOTO →  THUMB LIST
  
===========================================*/	
ul#article_thumbList.photo_list {margin-bottom:60px;}
#list_photograper  {font-size:11px;}


/*===========================================

 → PHOTO →  ARTICLE
  
===========================================*/	


#photo_listHeadline {font-size:16px;  margin:40px 0 20px;}


#photographerData {width:65%; }

#photographerData p {font-size:12px;}
p#photographerName {font-size:14px;}

/*===========================================

 → VIDEO  LIST (THUMBNAIL)
  
===========================================*/	
#list_articleTitle.videos {font-size:11px;}


/*===========================================

 →  CONTACT
	
============================================*/
#subMenu.for_contact ul li {width:32%; margin-bottom:10px; letter-spacing:.5px;}
#subMenu.for_contact ul li:nth-child(3n) {margin-right:0;}


dl#formBody dt {font-size:12px;}
dl#formBody dd {font-size:12px;}

dl#formBody input[type="text"],
dl#formBody input[type="mail"],
dl#formBody textarea { font-size:12px;}

dd#formcheck label {display:block; margin-bottom:10px; font-size:12px;} 
dd#formcheck label:last-child {margin-bottom:0;}

ul#btn_submit li input[type="submit"] { font-size:12px;}




/*===========================================

 → Lab
  
===========================================*/
ul#lab_linkList li {margin-bottom:20px;}
ul#lab_linkList li #btn_linkLab {width:30%; right:10px; bottom:10px;}

ul#lab_linkList li #btn_linkLab  {font-size:12px;}
ul#lab_linkList li a.for_sp {display:block; cursor:pointer;}
ul#lab_linkList li a.for_sp:hover {filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7;}



/*===========================================

 →  MAIN CONTENTS →  DISCOGRAPHY
	
============================================*/
#subMenu.for_disco ul li {width:49%; margin-bottom:10px; letter-spacing:.5px;}
#subMenu.for_disco ul li:nth-child(2n) {margin-right:0;}
 
dl#discoBloc {margin-bottom:50px;}


.data_inner {margin-bottom:30px;}

dl#discoBloc dt {	background-image:none;}
	
	dl#discoBloc dt:before {		width:25%; right:5px; top:2px; z-index:0;}
	
#disc_titleBox:after {font-size:10px;}

#discThumbs {width:26%; margin-right:4%; float:left;}



#disc_releaseDate {font-size:12px; margin:10px 0 20px;}


#discLeft {width:100%; margin-bottom:30px; border-bottom:2px solid #1a1a1a; padding-bottom:0px; }
#discRight {width:100%; }

#discPic {margin: 0 auto 30px; width:60%;}


#discNoticBox {width:100%; margin-bottom:30px;}
#discNoticBox p {font-size:12px;}

ul#shoppingList {margin-bottom:20px;}

ul#shoppingList li {font-size:12px; margin-bottom:10px;}
ul#shoppingList li#shopOne a {padding:2px 5px; font-size:12px !important; }

#d_dataTitle {font-size:14px;} 


#shoppingGuide {padding:15px 20px;}
#shoppingGuide p {font-size:12px !important;}

#disc_detailOne {margin-bottom:30px; padding-bottom:30px;}

#detailSubT {	margin-bottom:20px; font-size:14px; padding-left:20px;}
#detailSubT:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 11px solid transparent;
	border-top: 11px solid;
	}

ul#trackList li {font-size:12px;}

#trackInfo p {font-size:11px;}

ul#clipList {width:80%; margin:0 auto;}
ul#clipList li {width:100%; margin-bottom:20px;}

#clipTitle {font-size:12px;}

#disc_detailOne.longtype {margin:30px auto 0; padding-top:30px;}

@media print, screen and (max-width:320px){
#discName {font-size:13px;}
#discName p {display:block; font-size:10px;}
#discName p#sold:after {font-size:10px;}
}


#disc_detailOne .blockleft {
	padding-bottom: 40px;
	}




/*===========================================

 →   DISCOGRAPHY (2018/07/17 kanemastu)
	
============================================*/
ul#discoBloc li#discOne {margin-bottom:60px; padding-bottom:60px;}
ul#discoBloc li#discOne:last-child {margin-bottom:0;}


#disc_titleBox { margin-bottom:30px;}

#discCat, #discTitle, #disc_releaseDate {letter-spacing:0;}

#discCat, #discTitle {	height:auto;	}

#discCat {font-size:13px; width:20%; margin-bottom:2%; padding:5px 0px; margin-bottom:10px;}

#discTitle {font-size:20px; width:100%; }
#discTitle span {font-size:14px;}

#disc_releaseDate{ font-size:13px; margin-top:10px; text-align:right;}



#disc_imageBox {width:80%; margin:0 auto 45px;}
#disc_dataBox {width:100%;}

#discImg {margin:0 auto 15px;}

#discNotes  {padding:0 4%;}
#discNotes p {font-size:13px; margin-bottom:10px;}

#notesHeadline  {font-size:15px; padding-bottom:5px; margin-bottom:15px;}

#disco_catchArea {padding:15px 15px; margin-bottom:30px;}
#disco_catchArea p {font-size:13px; margin-bottom:10px;}

#data_oneBox {margin-bottom:45px;}


#detailHeadline{margin-bottom:15px; padding-bottom:5px; font-size:18px;}

#detail_subT {	margin-bottom:15px; font-size:15px; padding-left:18px;}
#detail_subT:after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 11px solid transparent;
	border-top: 11px solid;
	}
	
/*===========================================

 → DISCOGRAPHY  →  TRACK (2018/07/17 kanemastu)
	
============================================*/
ul#track_dataList {margin:0 auto 45px; width:100%;}
ul#track_dataList li {font-size:13px; margin-bottom:10px;}
ul#track_dataList li:last-child {margin-bottom:0;}
	
	
	
/*===========================================

 → DISCOGRAPHY  →  STORE (2018/07/17 kanemastu)
	
============================================*/
ul#storeList li {font-size:13px;}
ul#storeList li a {padding:8px 15px;}

	
#shopping_guideBox {margin-top:30px; padding:30px 20px; font-size:13px;}

#guideTitle {font-size:14px; margin-bottom:10px;}
	
#shopping_guideBox p {margin-bottom:10px;}

#bankBox {padding:15px; margin-bottom:15px; font-size:13px;}

#bankBox p {margin-bottom:0;}
#bankBox p span {padding:5px 0px; display:block; width:20%; text-align:center; margin-bottom:5px;}




/*===========================================

 → DISCOGRAPHY  →  CLIP (2018/07/17 kanemastu)
	
============================================*/

ul#clipList {width:94%; margin:0 auto;}
		
ul#clipList li {display:block; width:100%; margin:0 auto 15px;}
ul#clipList li:last-child {margin-bottom:0;}

#clipTitle {font-size:13px; margin-top:10px;}



/*=================================================================================================================
GARDENER (24.06.24 〜　)
=================================================================================================================*/
#wrapper.gardener section {padding-bottom: 9%; position: relative; z-index: 1; background: #fff;}

/* ------------------------------------------------------------------------------------------ */
#wrapper.gardener {padding-bottom: 0%; }


#footer {position: relative; z-index: 1; background: #fff; padding:6% 0 !important;}


/* ------------------------------------------------------------------------------------------ */
.one_period {padding: 9% 0;width:90%; }
.one_period, .one_period p {font-size: 13px;}
.one_period p {margin-bottom: 3%;}

.one_period p.period_cap {font-size: 18px;}


@media print, screen and (max-width:480px){
.one_period, .one_period p {font-size: 2.7vw;}
.one_period p.period_cap {font-size:3.75vw;}
}


/* ------------------------------------------------------------------------------------------ */
.one_period p.cap {font-size: 11px;}

@media print, screen and (max-width:480px){
.one_period p.cap {font-size: 2.29vw;}
}

@media print, screen and (max-width:414px){
.one_period p.cap {font-size: 2.65vw;}
}
/* ------------------------------------------------------------------------------------------ */
.section_title, .section_title p{ font-size: 28px !important;  line-height: 100% !important;}
.section_title {margin-bottom:4% !important;}
.section_title p {margin-bottom: 0 !important;}

.section_title span {font-size: 15px; margin-top: 1em;}

@media print, screen and (max-width:480px){
.section_title, .section_title p{font-size: 5.83vw !important;}
}


@media print, screen and (max-width:414px){
.section_title, .section_title p {font-size: 6.7vw !important;}
}


/*=================================================================================================================
GARDENER：FIRSTVEIW (24.06.24 〜　)
=================================================================================================================*/
#wrapper.gardener section#gardener_firstView {max-width: inherit; width: 100%; margin-bottom:0;}


/*=================================================================================================================
GARDENER：ABOUT (24.06.24 〜　)
=================================================================================================================*/
#Information, #Information p {font-size: 13px;}
#Information p.period_cap {font-size: 18px;}

@media print, screen and (max-width:480px){
#About #Information {text-align: left;}

#About #Information .section_title {text-align: center;}

#Information br {display: none;}
#Information, #Information p {font-size: 3.140vw;}
#Information p.period_cap {font-size:3.75vw;}
}



/* ------------------------------------------------------------------------------------------ */
dl.two_layout {display: -webkit-flex; display: flex; flex-wrap: wrap;  width: 90%; }
dl.two_layout dt {width: 38%; margin-right: 4%;}

/* ------------------------------------------------------------------------------------------ */
dl.two_layout dd {width: 58%;}
dl.two_layout dd, dl.two_layout dd p {font-size: 13px;}
dl.two_layout dd p {margin-bottom: 20px;}
dl.two_layout dd p br {display: none;}


@media print, screen and (max-width:480px){
dl.two_layout dd, dl.two_layout dd p {font-size: 3.140vw;}
}



/* ------------------------------------------------------------------------------------------ */
.sign {font-size: 16px; margin-top: 6%; text-align: right;}
.sign span {font-size: 12px;}


@media print, screen and (max-width:480px){
.sign {font-size: 3.33vw;}
.sign span {font-size: 2.5vw;}
}



/*=================================================================================================================
GARDENER：DETAILS (24.06.24 〜　)
=================================================================================================================*/
#bgPhoto {display: none;}

#wrapper.gardener section#Detail {background-image: url("../img/gardener/bg.jpg"); background-position: right top; background-size: cover;}

/* ------------------------------------------------------------------------------------------ */
#wrapper.gardener section#Detail .section_basic {padding: 6% 0; position: relative; z-index: 1; overflow: hidden;}

#bgPhoto {position: absolute; left:0%; top: 0; width: 100%; height: 100vh; z-index: -1; padding: 0; margin: 0;}
#bgPhoto img {width: 100%; height: 100vh; display: block; object-fit: cover; object-position: left top;}

#bgPhoto.fixed {position: fixed; left: 0; top: 0; z-index: -1;}

/* ------------------------------------------------------------------------------------------ */
#detailContents {width:90%; background:rgba(255,255,255,.8); margin: 0 auto; }
.contents_inner {padding: 6% 4%;}



/* ------------------------------------------------------------------------------------------ */
.detail_title {margin-bottom: 2%; font-size: 20px; display: flex; flex-wrap: wrap; align-items: center;}

@media print, screen and (max-width:480px){
.detail_title {font-size: 4.16vw;}
}


/* ------------------------------------------------------------------------------------------ */
ul#infoList {margin-top: 6%; margin-bottom: 6%;}
ul#infoList li {font-size: 13px; margin-bottom: 1.5%;}

@media print, screen and (max-width:480px){
ul#infoList li{font-size: 2.7vw;}
}


/*=================================================================================================================
GARDENER：FORM (24.06.24 〜　)
=================================================================================================================*/
#wrapper.gardener section#Apply .section_basic {width: 90%; padding-top: 9%;}

#inner_contactBloc p {color: #121212 !important;}



@media print, screen and (max-width:480px){
#inner_contactBloc p  {font-size: 3.140vw;}
}



/* ---------------------------------------------------------------- */

#contactForm {padding: 6% 4%;}
#onePeriod.form { margin-bottom: 9%; padding-bottom: 9%;}


/* ---------------------------------------------------------------- */
#applyForm {padding: 4%; margin-top: 6%;}


/* ---------------------------------------------------------------- */
dl#form_inputList {margin-bottom: 6%;}

dl#form_inputList dt {margin-bottom: 3%; font-size: 15px;}
dl#form_inputList dd {width: 100%; font-size: 13px;}
dl#form_inputList dd.type_check {padding: 2% 0 0; }

#form_inputList label {font-size: 12px;}


.form_cap {font-size: 12px;}


@media print, screen and (max-width:480px){
dl#form_inputList dt {font-size: 2.91vw;}
dl#form_inputList dd {font-size: 2.5vw;}
#form_inputList label {font-size: 2.29vw;}
.form_cap  {font-size: 2.29vw;}
}
@media print, screen and (max-width:414px){
dl#form_inputList dt{font-size: 3.38vw;}
dl#form_inputList dd {font-size: 3.14vw;}
#form_inputList label {font-size: 2.89vw;}
.form_cap {font-size: 2.89vw;}
}

/* ---------------------------------------------------------------- */
#form_inputList input.num {width:30%; } 

/* ---------------------------------------------------------------- */
dl#form_inputList dt span{ font-size: 11px; margin-left: 1em; padding: 4px 1em;}


@media print, screen and (max-width:480px){
dl#form_inputList dt span { font-size: 2.291vw;}
}

@media print, screen and (max-width:414px){
dl#form_inputList dt span { font-size: 2.6vw;}
}

/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea{font-size: 13px;}


#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select{padding: 15px 0em;}

#form_inputList textarea{ min-height: 15vh;padding: 15px 1em;}

@media print, screen and (max-width:480px){
#form_inputList input[type="text"],
#form_inputList textarea {font-size: 2.5vw; }
}

@media print, screen and (max-width:414px){
#form_inputList input[type="text"],
#form_inputList textarea {font-size: 3.2vw; }
}


/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"], 
#form_inputList input[type="checkbox"] {vertical-align: -4px;}



/* ---------------------------------------------------------------- */
#form_buttonList {width: 100% !important; max-width: 480px;}
#form_buttonList p {width: 49% !important; margin-right: 2%;}
#form_buttonList p:last-of-type {margin-right:0;}

#form_buttonList p.Agree input,
#form_buttonList p.Disagree input {padding:8px 1em; font-size: 13px; }


@media print, screen and (max-width:480px){
#form_buttonList p.Agree input,
#form_buttonList p.Disagree input {font-size: 2.5vw; }
}

@media print, screen and (max-width:414px){
#form_buttonList p.Agree input,
#form_buttonList p.Disagree input {font-size: 2.89vw; }
}

/* ---------------------------------------------------------------- */
#formCheck {font-size: 13px;}
#agreementNotes02 {font-size: 13px; margin-bottom: 4%;}


@media print, screen and (max-width:480px){
#formCheck,#agreementNotes02 {font-size: 2.5vw; }

}
@media print, screen and (max-width:414px){
#formCheck,#agreementNotes02{font-size: 2.89vw; }
}

/* ---------------------------------------------------------------- */
#agreeMessage {font-size: 13px; padding: 20vh 0;}
#agreeHeadline {font-size: 18px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
#agreeMessage {font-size: 2.70vw;}
#agreeHeadline {font-size: 3.75vw;}
}
@media print, screen and (max-width:414px){
#agreeMessage {font-size: 3.14vw;}
#agreeHeadline {font-size: 4.34vw;}
}


/* -------------------------------------------------------------------------------- */
#inBox.privacy_box {margin-bottom: 6%; height: 300px; padding: 4%;}
#inBox.privacy_box p {font-size: 12px; margin-bottom: 1.4em;}
#inBox.privacy_box .bold {font-size: 14px;}

@media print, screen and (max-width:480px){
#inBox.privacy_box {height: 200px;}
#inBox.privacy_box p {font-size: 2.5vw;}
#inBox.privacy_box .bold {font-size: 2.91vw;}
}

@media print, screen and (max-width:414px){
#inBox.privacy_box p {font-size: 2.89vw;}
#inBox.privacy_box .bold {font-size: 3.38vw;}
}




/*=================================================================================================================
GARDENER：CONTACT (24.06.24 〜　)
=================================================================================================================*/
#wrapper.gardener section#Contact {padding:9% 0;}

/* ---------------------------------------------------------------- */
#contactBox {padding: 6%;}
#contactBox p { font-size:14px; margin-bottom: 5px;}
#contactBox p:last-of-type {margin-bottom: 0;}


@media print, screen and (max-width:480px){
#contactBox p{font-size: 2.7vw;}
}

@media print, screen and (max-width:414px){
#contactBox p{font-size: 3.14vw;}
}

}