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

 → PROFILE
  
===========================================*/	
#profile_topBody {
	display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

#profileVisual {float:left; width:30%; margin-right:1.5%;}
#profileText {float:right; width:68.5%;}

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

#profName {font-size:22px;}

dl#profList dt {font-size:16px;}
dl#profList dd {font-size:14px;}


@media print, screen and (max-width:900px){
#profileVisual { width:48.5%;}
#profileText 	{width:50%;}
	
}


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

 → PROFILE → BIO
  
===========================================*/	
dl#profList.bio {letter-spacing:-.4em; text-align:left;}

dl#profList.bio dt, dl#profList.bio dd {display:inline-block; vertical-align:top; letter-spacing:0;}
dl#profList.bio dt { width:8%; position:relative;}
dl#profList.bio dt:after {
content:"";
position:absolute;
right:3%;
width:38%;
height:1px;
background:#b5b5b5;
padding:0;
top:50%;
	-moz-transform: translate(-0%, -50%);
-webkit-transform: translate(-0%, -50%);
-o-transform: translate(-0%, -50%);
-ms-transform: translate(-0%, -50%);
transform: translate(-0%, -50%);
}

dl#profList.bio dd  {width:90%; padding:0 1% 30px; position:relative;}
dl#profList.bio dd:before {
	content:"";
	width:1px;
	height:100%;
	background:#b5b5b5;
	position:absolute;
	left:-2%;
	top:0;
}





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

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

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


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

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

#langHeadline {font-size:18px;}

ul#btn_profLang li a {font-size:15px; padding:5px 20px;}

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




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

 → NEWS  LIST
  
===========================================*/	
#bloc_articleBody.with_side {float:right; width:81%; margin-left:2%;}

#bloc_catList {float:left; width:17%;}

#articleCategory, #articleUpdate {font-size:12px;}
#articleCategory {padding:3px 15px; margin-right:1%;}

#articleTitle { font-size:18px;}

#articleTitle.list {font-size:14px;}



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

 → NEWS  LIST → CATEGORY LINK LIST
  
===========================================*/	
#bloc_catList ul li {margin-bottom:10px;}
#bloc_catList ul li a {	font-size:13px;	padding:10px 0;	}

#side_catHeadline {display:none;}


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

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

#bloc_articleBody.live

#article_picArea {float:right; width:33%; height:auto; margin-left:2%;}
#article_textArea.with_pic {float:left; width:65%;}

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


#article_textArea img {max-width:560px; margin:15px 0;}

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



@media print, screen and (max-width:900px){
#article_picArea,#article_textArea.with_pic {float:none;}

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

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

 → ARTICLE  (LIVE)
  
===========================================*/
#bloc_articleBody.live {padding-bottom:15px; border-bottom:1px solid #b5b5b5; margin-bottom:60px;}

#bloc_articleBody.live #article_textArea.with_pic {float:right; width:65%;}
#bloc_articleBody.live #article_picArea {float:left; width:33%; margin-right: 2%; margin-left:0;}



dl#article_dataArea,
dl#article_dataArea dt, dl#article_dataArea dd, dl#article_dataArea dd p	
#live_infoData, #live_infoData p {font-size:14px;}


dl#article_dataArea {letter-spacing:-.4em;}
dl#article_dataArea dt, dl#article_dataArea dd {
	letter-spacing:0;
	vertical-align:top;
	display:inline-block;
	
	padding:0;
	position:relative;
}

dl#article_dataArea dt {width:13%; margin-right:2%;text-align:left;}
dl#article_dataArea dd {width:83%; padding:0 2%; text-align:left;}
dl#article_dataArea dt:after {
	content:"";
	position:absolute;
	right:-10%;
width:25%;
height:1px;
line-height:0;
border-top:1px dotted #777;
padding:0;
top:50%;
	-moz-transform: translate(-0%, -50%);
-webkit-transform: translate(-0%, -50%);
-o-transform: translate(-0%, -50%);
-ms-transform: translate(-0%, -50%);
transform: translate(-0%, -50%);
margin:auto;
}

#btn_ticket a {font-size:18px; 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;
}

@media print, screen and (max-width:900px){
#article_picArea.lives {width:96%; height:auto; margin:15px auto;}
	
}


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

 → PHOTO →  THUMB LIST
  
===========================================*/	
ul#article_thumbList.photo_list {margin-bottom:140px;}

ul#article_thumbList.photo_list li {	width:18.4%;	margin:0 2% 30px 0;}
ul#article_thumbList.photo_list li:nth-child(4n) {margin-right:2%;}
ul#article_thumbList.photo_list li:nth-child(5n) {margin-right:0;}

#list_photograper  {font-size:12px;}


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

 → PHOTO →  ARTICLE
  
===========================================*/	
#photo_listHeadline {font-size:20px;  margin:60px 0 30px;}

#photographerData {width:38%; }

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



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

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



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

 →  MAIN CONTENTS →  CONTACT
	
============================================*/
dl#formBody dt {font-size:15px;}
dl#formBody dd {font-size:13px;}

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

dd#formcheck {letter-spacing:0;}
dd#formcheck label {display:inline-block; margin-right:2.5%; letter-spacing:0; vertical-align:top; font-size:13px;} 

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



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

 → Lab
  
===========================================*/
ul#lab_linkList li #btn_linkLab {	
right:15px;	
bottom:15px;	
width:20%;	
max-width:200px;
}

ul#lab_linkList li #btn_linkLab  {font-size:15px;}
ul#lab_linkList li #btn_linkLab a {padding:10px 5px;}


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

 →  MAIN CONTENTS →  DISCOGRAPHY
	
============================================*/

.data_inner {margin-bottom:40px;}

#disc_titleBox:after {font-size:13px;}


#discoBloc dt:before {		width:13%;}

#discThumbs {width:10%; margin-right:2%;}
#discName {
	width:88%;
	line-height:120%;
	font-size:18px;
	
	-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
	
	}
	
		
#discName p {display:block; font-size:12px;}
#discName p#sold:after {font-size:11px;}


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


#discLeft {width:32%; margin-right:4%; float:left; }
#discRight {width:64%; float:right;}

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

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

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

#d_dataTitle {font-size:14px;} 


#shoppingGuide {padding:10px 15px;}
#shoppingGuide p {font-size:11px !important;}

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

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

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

#disc_detailOne .blockleft {
	float: left;
	padding-right: 40px;
	}

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



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

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


#disc_titleBox {letter-spacing:-.4em; margin-bottom:30px;}

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

#discCat, #discTitle {
	display:inline-block;
	height:auto;
	vertical-align:top;
	
	}

#discCat {font-size:14px; width:10%; margin-right:2%; padding:5px 0px; vertical-align:-2px;}

#discTitle {
	font-size: 24px;
	width: 88%;
}
#discTitle span {font-size:16px; margin-top:5px;}

#disc_releaseDate{ font-size:14px; margin-top:15px;}



#disc_imageBox {float:left; width:27%; margin-right:3%;}
#disc_dataBox {float:right; width:70%;}



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

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

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

#data_oneBox {margin-bottom:30px;}


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

#detail_subT {	margin-bottom:15px; font-size:16px; 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-bottom:30px;}
ul#track_dataList li {font-size:14px; margin-bottom:10px;}
	
#data_oneBox.two_List {letter-spacing:-.4em;}
#data_oneBox.two_List ul#track_dataList {display:inline-block; width:48%; margin:0 4% 0 0; vertical-align:top; letter-spacing:0;}
#data_oneBox.two_List ul#track_dataList:nth-child(even) {margin-right:0;}
	
	
	
/*===========================================

 → DISCOGRAPHY  →  STORE (2018/07/17 kanemastu)
	
============================================*/
ul#storeList li {font-size:14px;}
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:14px;}

#bankBox p {margin-bottom:0;}
#bankBox p span {padding:5px 10px; margin:0 2% 0 0;}

#bankBox br {display:none;}



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

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

ul#clipList {
	letter-spacing:-.4em;
	display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
	}
	
	
	
	
ul#clipList li {display:inline-block; width:32.1%; margin:0 2% 15px 0; letter-spacing:0;}
ul#clipList li:nth-child(3n) {margin-right:0;}

#clipTitle {font-size:11px;}





/*=================================================================================================================
GARDENER (24.06.24 〜　)
=================================================================================================================*/
#wrapper.gardener {padding-bottom: 45px;}

/* ------------------------------------------------------------------------------------------ */
#wrapper.gardener section, #wrapper.gardener #header {width: 90%; max-width: 1200px; margin: 0 auto;}
#wrapper.gardener section {margin-bottom: 90px;}



/* ------------------------------------------------------------------------------------------ */
.one_period {padding: 60px 0; }
.one_period, .one_period p {font-size: 16px;}
.one_period p {margin-bottom: 20px;}

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


@media print, screen and (max-width:1200px){
.one_period, .one_period p {font-size: 14px;}
.one_period p.period_cap {font-size:18px;}
}

@media print, screen and (max-width:1000px){
.one_period, .one_period p {font-size: 1.4vw;}
.one_period p.period_cap {font-size:1.8vw;}
}

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

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

@media print, screen and (max-width:1000px){
.one_period p.cap {font-size: 1.1vw;}
}
/* ------------------------------------------------------------------------------------------ */
.section_title, .section_title p{ font-size: 48px !important; }
.section_title span {font-size: 18px; margin-top: 1em;}

.section_title {margin-bottom: 15px !important;}
.section_title p {margin-bottom: 0 !important;}


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


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


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


/*=================================================================================================================
GARDENER：ABOUT (24.06.24 〜　)
=================================================================================================================*/
#About .section_title {text-align: center;}

#Information, #Information p {font-size: 18px;}
#Information p.period_cap {font-size: 30px;}

@media print, screen and (max-width:1200px){
#Information, #Information p {font-size: 16px;}
#Information p.period_cap {font-size:26px;}
}

@media print, screen and (max-width:1000px){
#Information, #Information p {font-size: 1.6vw;}
#Information p.period_cap {font-size:2.6vw;}
}


/* ------------------------------------------------------------------------------------------ */
dl.two_layout {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 900px;}
dl.two_layout dt {width: 32%; margin-right: 4%;}

/* ------------------------------------------------------------------------------------------ */
dl.two_layout dd {width: 64%;}
dl.two_layout dd, dl.two_layout dd p {font-size: 16px;}
dl.two_layout dd p {margin-bottom: 20px;}

@media print, screen and (max-width:1200px){
dl.two_layout dt {width: 36%; }
dl.two_layout dd {width: 60%;}

dl.two_layout dd, dl.two_layout dd p {font-size: 14px;}
dl.two_layout dd p br {display: none;}
}

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


/* ------------------------------------------------------------------------------------------ */
.sign {font-size: 22px; margin-top: 45px; text-align: right;}
.sign span {font-size: 16px;}


@media print, screen and (max-width:1200px){
.sign {font-size: 18px;}
.sign span {font-size: 14px;}

}

@media print, screen and (max-width:1000px){
.sign {font-size: 1.8vw;}
.sign span {font-size: 1.4vw;}
}


/*=================================================================================================================
GARDENER：DETAILS (24.06.24 〜　)
=================================================================================================================*/
#wrapper.gardener section#Detail {/*background-image: url("../img/gardener/bg.jpg"); background-size: contain; */background-color: #0b0708; }
#wrapper.gardener section#Detail .section_basic {display: flex; flex-wrap: wrap; align-items: stretch; }

#bgPhoto {width: 40%; height: 100%; position: sticky; top: 0; padding: 0; margin: 0;}
#bgPhoto img {width: 100%;height: 100vh; display: block; object-fit: cover; object-position: right top;}

#detailContents {width: 60%; background: #fff; max-width: 900px;  margin-left: auto;}

.contents_inner {padding: 6% 8%; }


/* ------------------------------------------------------------------------------------------ */
.detail_title {margin-bottom: 10px !important; font-size: 26px; display: flex; flex-wrap: wrap; align-items: center;}

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

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


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

ul#infoList li {font-size: 16px; margin-bottom: 1.5%;}

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

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


/*=================================================================================================================
GARDENER：FORM (24.06.24 〜　)
=================================================================================================================*/
#contactForm {padding: 45px; max-width: 900px;}
#onePeriod.form { margin-bottom: 45px; padding-bottom: 45px;}

/* ---------------------------------------------------------------- */
#applyForm {padding: 30px 45px; margin-top: 60px;}

/* ---------------------------------------------------------------- */
dl#form_inputList {
margin-bottom: 45px;
margin-top: 15px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: flex-start;

}


dl#form_inputList dt, dl#form_inputList dd {position: relative;z-index: 1; color: #121212;}

dl#form_inputList dt {text-align: left; margin-right: 4%; padding-bottom: 10px; font-size: 16px; width: 26%;}
dl#form_inputList dd {font-size: 14px; width: 70%;}
dl#form_inputList dd.type_check {padding: 15px 0 10px;}

.form_cap {font-size: 12px;}


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

@media print, screen and (max-width:1200px){
dl#form_inputList dt {font-size: 15px;}
dl#form_inputList dd {font-size: 13px;}
#form_inputList label {font-size: 11px;}
.form_cap {font-size: 11px;}
}

@media print, screen and (max-width:1000px){
dl#form_inputList dt {font-size: 1.5vw;}
dl#form_inputList dd {font-size: 1.3vw;}
#form_inputList label, .form_cap {font-size: 1.1vw;}
}


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

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select {padding: 15px 1em !important;}
#form_inputList textarea{padding: 15px 1em !important; min-height: 15vh;}

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


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


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

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

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

/* ---------------------------------------------------------------- */
#form_buttonList { width:70%; display:flex; flex-wrap: wrap; justify-content: center;}
#form_buttonList p {width: 32%; margin:0 2% 0 0;}
#form_buttonList p:last-of-type {margin-right: 0;}

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


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

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



/* ---------------------------------------------------------------- 
#form_buttonList p:before {width: 15%;top: 54%;right: 1.5em;}
#form_buttonList p:after {right: 1.8em;top:30%;}
*/


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


/* ---------------------------------------------------------------- */
#formCheck {font-size: 14px;}

#agreementNotes02 {font-size: 14px; margin-bottom: 12px;}



/* ---------------------------------------------------------------- */
#agreeMessage {font-size: 14px; padding: 100px 0;}
#agreeHeadline {font-size: 22px; margin-bottom: 10px;}

@media print, screen and (max-width:1200px){
#agreeMessage {font-size: 13px;}
#agreeHeadline {font-size: 18px;}
}

@media print, screen and (max-width:1000px){
#agreeMessage {font-size: 1.3vw;}
#agreeHeadline {font-size: 1.8vw;}
}

/* -------------------------------------------------------------------------------- */
#inBox.privacy_box {padding: 15px; margin-bottom: 30px; height: 300px;}
#inBox.privacy_box p {font-size: 13px; margin-bottom: 1em;}
#inBox.privacy_box p.bold {font-size: 16px;}


@media print, screen and (max-width:1200px){
#inBox.privacy_box p {font-size: 12px;}
#inBox.privacy_box p.bold {font-size: 14px;}
}

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


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

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


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

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

}