@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
/* Ohters用CSS
テンプレートインポートDIV：#specialImport
記事インポートDIV：#specialImportBody
*/

/* TOPImages */
#specialImport hgroup > p, #specialImportBody hgroup > p{ margin:10px 0 0; }
/* headerTXTbox */
#specialImport hgroup div, #specialImportBody hgroup div {
	background-color:#f7f6f6; border:1px solid #dfdfdf;
	margin:10px 0; padding:10px 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    	}
#specialImport hgroup span, #specialImportBody hgroup span{ font-size:11px; font-size:1.1rem; color:#666; }
#specialImport hgroup span img, #specialImportBody hgroup span img{ vertical-align:middle; }
/* headerTXT */
#specialImport hgroup div p, #specialImportBody hgroup div p {padding:5px; font-size:16px; font-size:1.6rem; }
/* headerTXTh4 */	
#specialImport hgroup div h4, #specialImportBody hgroup div h4 {
	font-size:14px; font-size:1.4rem; font-weight:normal; margin-bottom:10px;	}
/* InterviewMainTXT h5 */
#specialImport h5, #specialImportBody h5{ 
	color:#bc4877; border-bottom:1px solid #bc4877; border-top:1px solid #bc4877;
	font-size:16px; font-size:1.6rem; text-align:center; padding:5px 0; margin:10px 0 15px; }
/* PhotoRightPosition */
#specialImport .imgPhoto, #specialImportBody .imgPhoto{ 
	float:right; color:#888; max-width:200px; font-size:11px; font-size:1.1rem; margin:0 0 0 20px; padding:0; line-height:2em; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img{
	border:1px solid #888; max-width:200px; max-height:300px; margin-bottom:5px; }
#specialImport .imgPhoto a img:hover, #specialImportBody .imgPhoto a img:hover{
	border:1px solid #ff8400;
}
#specialImport #maintext, #specialImportBody #maintext{
	padding:10px 20px; border:1px solid #ccc; background-color:#fff;
}
/* 共通Pスタイル */
#specialImport #maintext p, #specialImportBody #maintext p{
	font-size:16px; padding-bottom:15px; line-height:1.7;
}
#specialImport a, #specialImportBody a{ color:#00ff88; text-decoration:none; font-size:16px; font-size:1.6rem; }
#specialImport a:hover, #specialImportBody a:hover{ color:#333333; text-decoration:none; font-size:16px; font-size:1.6rem; }
#specialImport span, #specialImportBody span{ font: bold italic Helvetica, Verdana, sans-serif; font-size:30px; font-size:1.2rem; color:#333333; }

/* 各中見出しスタイル　*/
#maintext h2, #specialImportBody h2{
padding-bottom:1px; font-size:18px; font-size:1.8rem; border-bottom:1px solid #484848; margin: 0 0 10px; }

#maintext h3, #specialImportBody h3{ font: bold italic 45px/1.2 Archivo, sans-serif; color:#00ff88; padding-right: 10px; }

#maintext h0, #specialImportBody h0{ font: bold italic 18px/1.2 Archivo, sans-serif; padding-left: 5px; margin-top: 10px; color:#00ff88; }
#maintext h9, #specialImportBody h9{ font: bold 40px/1.2 Archivo, sans-serif; padding-left: 5px; margin:10px 0 30px; vspace:200; color:#000; 
text-decoration: underline;
-moz-text-decoration-color: #00ff88; /* Code for Firefox */
text-decoration-color: #00ff88;
}

@media screen and (max-width: 780px) { #maintext h9, #specialImportBody h9{ font: bold 30px Archivo, sans-serif; padding-left: 5px; margin:10px 0 30px; vspace:200; color:#000; 
text-decoration: underline;
-moz-text-decoration-color: #00ff88; /* Code for Firefox */
text-decoration-color: #00ff88;
}
#maintext h8, #specialImportBody h8{ font-family: 'Poppins', 'Zen Kaku Gothic New', sans-serif; font-size:16px; font-size:1.6rem; font-weight:600; color:#141414; margin:10px 0 20px; }

#maintext h7, #specialImportBody h7{ font-family: 'Poppins', 'Zen Kaku Gothic New', sans-serif; font-size:22px; font-size:2.2rem; font-weight:800; color:#141414; margin:0 0 10px; }
	
.box3 h1 {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 1.2rem;
color: #FFF; 

}	

.box4 h1 {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 1.0rem;
color: #FFF; 

}		
	
}


#maintext h4, #specialImportBody h4{ font-family: 'Zen Kaku Gothic New', sans-serif; font-size:16px; font-size:1.6rem; color:#484848; padding-left:5px; margin: 0 0 10px; }

#maintext h6, #specialImportBody h6{ font-family: 'Zen Kaku Gothic New', sans-serif; font-size:30px; font-size:3rem; font-weight:800; color:#141414; margin:0 0 10px; }
#maintext h7, #specialImportBody h7{ font-family: 'Zen Kaku Gothic New', sans-serif; font-size:25px; font-size:2.5rem; font-weight:800; color:#141414; margin:0 0 10px; }
#maintext h8, #specialImportBody h8{ font-family: 'Zen Kaku Gothic New', sans-serif; font-size:18px; font-size:1.8rem; font-weight:600; color:#141414; margin:10px 0 20px; }

.box-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 9px;
 text-align: center;
  border: 3px solid rgba(0,0,0);
  font: normal 16px/1 "Zen Kaku Gothic New", Times, serif;
  color: black;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}


.box3 {
    padding: 1em 2em;
    margin: 2em 0;
    color: #EDF0F3;
    background: #000;
	text-align: center;
	
}
.box3 h1 {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 1.6rem;
color: #FFF; 

}

.box3 h1:hover {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 1.6rem;
color: #FFF; 
opacity: 0.7;

}

.box3 p {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 0.5rem;
}



.box4 {
    padding: 1em 2em;
    margin: 2em 0;
    color: #000;
    background: #00ff88;
	text-align: center;
	
}
.box4 h1 {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 1.2rem;
color: #FFF; 

}

.box4 h1:hover {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 1.2rem;
color: #FFF; 
opacity: 0.7;

}

.box4 p {
    margin: 0; 
    padding: 0;
font-family: 'Zen Kaku Gothic New',   sans-serif;
  font-size: 0.5rem;
}


@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}



/*TABLE*/

  table.table1 {
	overflow: auto;
	border-collapse: collapse;
	padding:0;
    margin:0;
    float: left;
	width: 100%;
  }
  table.table1 th, td {
	 
    border: 1px solid black;
    text-align: center;
	padding:10px 5px;
    vertical-align:middle;
	font-family: Archivo, Zen Kaku Gothic New;
	font-size:1.5em;
	font-size:15px; 
  }
  

  table.table2 {
	overflow: auto;
	border-collapse: collapse;
	padding:0;
    margin:0;
    float: left;
	width: 100%;
  }
  
  table.table2 th, td {
	 
    border: 0px;
	border-color:transparent;
    text-align: center;
	padding:10px 5px;
    vertical-align:middle;
	font-family: Archivo, Zen Kaku Gothic New;
	font-size:1.5em;
	font-size:15px; 
  }
  


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
	width: 200px;
    bottom: 100%;
    left: 50%; 
    margin-left: -100px;
    visibility: hidden;

    background-color:grey;
    color: #fff;
    text-align: center;
	font-size:8px;
	font-size:0.8rem;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: grey solid;
    border-color: grey transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}






/*仕切り線*/
#maintext .hr{ margin:0 0 25px; padding:0; border-bottom:1px dotted #ccc; } 

/*横並び2*/
.discBoxTwo{ width:49%; float:left; margin-bottom:20px; }
.discBoxTwoGray{ background:url(/common/img/sidemenuback.png) repeat; -webkit-border-radius: 5px; border-radius: 5px;
padding:10px; width:45.5%; float:left; margin-bottom:20px; }

.discBoxTwo:nth-child(2n),.discBoxTwoGray:nth-child(2n){ float:right; }
.discBoxTwo p,.discBoxTwoGray p{ margin:0 0 15px !important; padding:0 !important; }
.discBoxTwo p:last-child,.discBoxTwoGray p:last-child{ margin:0 !important; }

/*横並び3*/
.discBoxThree{ width:32%; float:left; margin-bottom:50px;  }
.discBoxThreeGray{ background:url(/common/img/sidemenuback.png) repeat; -webkit-border-radius: 5px; border-radius: 5px;
padding:10px; width:28.2%; float:left; margin-bottom:20px; }

.discBoxThree p,.discBoxThreeGray p{ margin:0 0 15px !important; padding:0 !important; }
.discBoxThree p:last-child,.discBoxThreeGray p:last-child{ margin:0 !important; }
.discBoxThree:nth-child(2n),.discBoxThreeGray:nth-child(2n){ margin-left:15px; }
.discBoxThree:nth-child(3n),.discBoxThreeGray:nth-child(3n){ float:right; }
.discBoxThreeGray .btn_buy,.discBoxThree .btn_buy{ font-size:8px !important; font-size:0.8rem !important; }


.caption a{ color:#00ff88; text-decoration:underline; }
.caption a:hover {color:#FF5F00; text-decoration:none; }
.c_interviewer{ margin-bottom:-15px; }
#nextpageTitle p img{ vertical-align:middle; margin-right:5px; }
#nextpageTitle p{ text-align:center; font-size:14px; font-size:1.4rem; }
#sublinks h6, #photothumb h6{ background:url(/common/img/sidemenuback.png) repeat; margin:0 0 10px; padding:5px; font-size:12px; font-size:1.2rem;
font-weight:normal; color:#808080; }
#sublinks ul{ margin:0 0 15px ; padding:0 0 0 15px; color:#A0A0A4; }
#maintext #pager { margin:10px 0 30px; text-align:center; background:none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:10px 0 0; border-top:1px dotted #ccc; }
#maintext #pager a{ color:#888; text-decoration:none; font-size:10px; font-size:1.0rem; padding:3px 7px; }
#maintext #pager ol{ list-style:none; display:inline; padding: 0 5px; }
#maintext #pager li{ display:inline-block	; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; font-size:1.4rem; color:#484848; margin:0 5px; }
#maintext #pager li.select{ -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; border:none; vertical-align:top; }
#maintext #pager span{ display:block; color:#888; font-size:11px; font-size:1.1rem; }
#maintext #pager #sp_prev,#maintext #pager #sp_next{ padding:3px 7px; font-size:10px; font-size:1.0rem; color:#888; }
.writerName{ text-align:right; color:#888; font-size:11px; font-size:1.1rem; }
#photothumb p{ line-height:1.4; }
#photothumb img{ max-height:80px; max-width:80px; margin-bottom:5px; vertical-align:middle; border:1px solid #ccc; }
#photothumb img:hover{border:1px solid #ff8400;}
#maintext .imgPhotoRF{ float:right; margin: 0 0 0 20px; padding:0; }
#maintext .imgPhotoRF img{ border:1px solid #ccc; }
#maintext .imgPhotoLF{ float:left; margin: 0 20px 0 0; padding:0; }
#maintext .imgPhotoLF img{ border:1px solid #ccc; }
.imgPhoto .btn_buyb,.imgPhotoLF .btn_buyb{ margin-bottom:0 !important; }
.clear{ clear:both; }
#specialImport .cf, #specialImportBody .cf{ margin-bottom:20px !important; }
#specialImport .jk, #specialImportBody .jk{ border:1px solid #ccc; }

#specialImport .btn_buy,#specialImportBody .btn_buy{
display:block; margin:5px 0 10px; padding:8px 10px; text-align:center; color:#fff; text-decoration:none; font-size:10px; font-size:1.0rem;
background: rgb(0,0,0);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );
-webkit-border-radius: 5px;
border-radius: 5px; border:1px solid #000;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 1);
box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 1);
}
#specialImport .btn_buy:hover,#specialImportBody .btn_buy:hover{
background: rgb(33,33,33);
background: -moz-linear-gradient(top,  rgba(33,33,33,1) 0%, rgba(89,89,89,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,33,33,1)), color-stop(100%,rgba(89,89,89,1)));
background: -webkit-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
background: -o-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
background: -ms-linear-gradient(top,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
background: linear-gradient(to bottom,  rgba(33,33,33,1) 0%,rgba(89,89,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#595959',GradientType=0 );
color:#fff;
}
#specialImport .btn_buy:active,#specialImportBody .btn_buy:active{
background:#000; color:#fff;
}
/* 註釈 */
.caption p{ padding-bottom:1em; }

/*フォントサイズ*/
.fontNormal{ font-weight:normal; text-decoration:none; }
.fontS{ font-size:small; }
.fontSS{ font-size:x-small; }
.fontL{ font-size:large; }
.fontLL{ font-size:x-large; }

/*musicVideo*/
.musicVideo{ text-align:center; margin-bottom:15px; }


@media screen and (max-width: 780px){
#content{ width:auto; }
#main{ width:auto; float:none; }
#side-menu{ display:none; }
#ReleaseData p { float:none; }
.musicVideo iframe{ width:300px; height:250px; }
#specialImport .imgPhoto, #specialImportBody .imgPhoto { max-width: 120px; }
#specialImport .imgPhoto img, #specialImportBody .imgPhoto img { max-width: 120px; }
.exbanner{ display:none;  }
#specialImport hgroup img{ width:100%; height:auto; }
#maintext .imgPhotoRF img{ width:100%; }
#maintext .imgPhotoRF{ width:40%; }
#maintext .imgPhotoLF img{ width:100%; }
#maintext .imgPhotoLF{ width:40%; }
.discBoxTwoGray {padding: 8px;width: 42%;}
#specialImport .btn_buy, #specialImportBody .btn_buy {font-size:small; }
.discBoxTwoGray ,.discBoxTwo,.discBoxThreeGray,.discBoxThree {width: auto; float:none; }
.discBoxThree:nth-child(2n), .discBoxThreeGray:nth-child(2n) {margin-left: 0;}
.discBoxTwoGray .jk,.discBoxThreeGray .jk{ width:auto; margin:0 auto; }
.discBoxTwoGray p,.discBoxThreeGray p{ text-align:center; }

.discBoxTwoGray p:last-child,.discBoxThreeGray p:last-child{ text-align:left; }
.discBoxThree:nth-child(3n), .discBoxThreeGray:nth-child(3n){ float:none; }
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


.responsive-table li {
    border-radius: 3px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }

.responsive-table .table-header {
    background-color: #000;
    font-size: 17px;
    letter-spacing: 0.03em;
	text-align: center;
	color:#FFF;
  }

  .responsive-table .table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  }
  .responsive-table .col-1 {
    flex-basis: 10%;
    font-size: 30px;
  }

  .responsive-table .col-3 {
    flex-basis: 45%;
    font-size: 30px;
  }
 .responsive-table .col-4 {
    flex-basis: 45%;
    font-size: 30px;
  }
    .responsive-table .col-5 {
    flex-basis: 10%;
    font-size: 18px;
  }
    .responsive-table .col-6 {
    flex-basis: 45%;
    font-size: 18px;
  }
    .responsive-table .col-7 {
    flex-basis: 45%;
    font-size: 18px;
  }

@media screen and (max-width: 780px){
	
	.responsive-table li {
    border-radius: 2px;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }
	
	  .responsive-table .col-1 {
    flex-basis: 10%;
    font-size: 15px;
  }
 
  .responsive-table .col-3 {
    flex-basis: 45%;
    font-size: 15px;
  }
 .responsive-table .col-4 {
    flex-basis: 35%;
    font-size: 15px;
  }
	
	 .responsive-table .col-5 {
    flex-basis: 15%;
    font-size: 12px;
  }
    .responsive-table .col-6 {
    flex-basis: 40%;
    font-size: 12px;
  }
    .responsive-table .col-7 {
    flex-basis: 45%;
    font-size: 12px;
  } }
  


.responsive-table1 li {
    border-radius: 3px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }

.responsive-table1 .table-header {
    background-color: #000;
    font-size: 17px;
    letter-spacing: 0.03em;
	text-align: center;
	color:#FFF;
  }

  .responsive-table1 .table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
  }
  .responsive-table1 .col-1 {
    flex-basis: 10%;
    font-size: 30px;
  }

  .responsive-table1 .col-3 {
    flex-basis: 90%;
    font-size: 30px;
  }

    .responsive-table1 .col-5 {
    flex-basis: 10%;
    font-size: 18px;
  }
    .responsive-table1 .col-6 {
    flex-basis: 45%;
    font-size: 18px;
  }
    .responsive-table1 .col-7 {
    flex-basis: 45%;
    font-size: 18px;
  }

@media screen and (max-width: 780px){
	
	.responsive-table1 li {
    border-radius: 2px;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }
	
	  .responsive-table1 .col-1 {
    flex-basis: 10%;
    font-size: 18px;
  }

  .responsive-table1 .col-3 {
    flex-basis: 85%;
    font-size: 18px;
  }
 .responsive-table1 .col-4 {
    flex-basis: 35%;
    font-size: 18px;
  }
	
	 .responsive-table1 .col-5 {
    flex-basis: 15%;
    font-size: 13px;
  }
    .responsive-table1 .col-6 {
    flex-basis: 40%;
    font-size: 13px;
  }
    .responsive-table1 .col-7 {
    flex-basis: 45%;
    font-size: 13px;
  } }