::selection{color:#000;background:#FFF000;/* CSS3 */}
::-moz-selection{color:#000;background:#FFF000;/* Firefox */}

.txtclr{text-indent:100%;white-space:nowrap;overflow:hidden;display:inline-block;}
.hover{cursor:pointer;}
.clr{clear:both;}

img{vertical-align:top;}


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

BODY


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

body{position:relative;}
body.init{visibility:visible;}
body.load{overflow:visible;}


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


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

HEADER


-------------------------------------------------- */
body header.global{position:fixed;top:0;width:100%;height:auto;margin:0 auto;text-align:center;background:#FFF;border-bottom:3px solid #dadada;z-index:10;}
body header.global div.cont{min-width:980px;width:100%;height:100%;display:inline-block;}
body header.global div.cont h1.logo{float:left;width:154px;height:39px;padding:15px;display:inline-block;}
body header.global div.cont h1.logo a:hover{opacity:.75;}

body header.global div.cont .nav{float:right;}
body header.global div.cont .nav ul{margin:26px 0 0;}
body header.global div.cont .nav ul li{float:left;margin:0 20px 0 0;}
body header.global div.cont .nav ul li.txt{margin-top:5px;}
body header.global div.cont .nav ul li.img{margin-right:10px}
body header.global div.cont .nav ul li a{text-decoration:none;}
body header.global div.cont .nav ul li.txt a:hover{color:#666;padding-bottom:5px;color:#666;border-bottom:1px solid #666;}
body header.global div.cont .nav ul li.img a:hover{opacity:.75;}


@media screen and (max-width:800px){
/*
	body header.global{}
	body header.global div.cont{}
	body header.global div.cont h1.logo{float:left;width:100%;height:39px;padding:15px;text-align:center;display:inline-block;}
	
	body header.global div.cont .nav{float:right;}
	body header.global div.cont .nav ul{margin:26px 0 0;}
	body header.global div.cont .nav ul li{float:left;margin:0 20px 0 0;}
	body header.global div.cont .nav ul li.txt{margin-top:5px;}
	body header.global div.cont .nav ul li.img{margin-right:10px}
	body header.global div.cont .nav ul li a{text-decoration:none;}
	body header.global div.cont .nav ul li.txt a:hover{color:#666;padding-bottom:5px;color:#666;border-bottom:1px solid #666;}
	body header.global div.cont .nav ul li.img a:hover{opacity:.75;}
*/
}



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

MAIN VISUAL


-------------------------------------------------- */
.main_visual{width:100%;margin-top:70px;}
/* .main_visual .cont{background:#8f9b9b;text-align:center;} */
.main_visual .cont{background:#a2a19f;text-align:center;}
.main_visual .cont img{display:inline-block;}
/* .main_visual.page{height:3px;background:#dadada;} */



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

SIDE AREA


-------------------------------------------------- */
.side_area{float:left;position:relative;max-width:411px;width:211px;height:auto;background:url(/assets/images/shapes/side_area_sdw.png) repeat-y;background-position:right top;display:inline-block;z-index:2;}
.side_area .cont{}
.side_area .cont .twitter{width:180px;height:500px;margin:0 5px 10px;}
.side_area .cont ul{padding-bottom:60px;}
.side_area .cont ul li{margin:0 20px 10px;}
.side_area .cont ul li a:hover{opacity:.75;}

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

CONTETNTS


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

.contents.index{float:left;position:relative;width:750px;margin-left:-21px;z-index:1;}
.contents{float:left;position:relative;width:auto;margin-left:-21px;z-index:1;}
.contents .cont{width:100%;}
.contents .cont .topimg{width:100%;text-align:center;background:#FFF;}
.contents .cont .topimg img{padding:30px 0;display:inline-block;}
.contents .cont .post_block{width:100%;text-align:center;}
.contents .cont .post_block .post{/* border-top:solid #FFF000 15px; */clear:left;position:relative;background:url(/assets/images/common/bg/post_top_line.gif) repeat-x;}
.contents .cont .post_block .post .sub_ttl{position:relative;margin-top:90px;padding:12px 14px 12px 38px;background:#fff9ad;font-size:14px;line-height:21px;font-weight:bold;display:inline-block;}
.contents .cont .post_block .post .ttl{margin-top:17px;font-size:24px;font-weight:bold;line-height:36px;}
.contents .cont .post_block .post .txt{padding-top:40px;margin-top:20px;margin-bottom:40px;color:#222;background:#fbfbfb;text-align:center;}
.contents .cont .post_block .post .txt h3,
.contents .cont .post_block .post .txt h4,
.contents .cont .post_block .post .txt strong{max-width:750px;width:750px;margin:0 auto 20px;font-size:16px;text-align:left;display:block;}
.contents .cont .post_block .post .txt p{max-width:750px;width:750px;margin:0 auto 20px;font-size:14px;line-height:26px;text-align:left;display:inline-block;}
.contents .cont .post_block .post .txt p.p1{margin-bottom:0;}
.contents .cont .post_block .post .txt a{background:#FFFF00;}
.contents .cont .post_block .post .txt a:hover{color:#666;text-decoration:none;}
.contents .cont .post_block .post .txt ul{max-width:750px;width:750px;margin:0 auto 40px;font-size:14px;line-height:26px;text-align:left;display:inline-block;}
.contents .cont .post_block .post .img{max-width:750px;margin:-20px auto 120px;text-align:center;}
.contents .cont .post_block .post .img img{max-width:750px;height:auto;display:inline-block;}
.contents .cont .post_block .post .icon{position:absolute;top:0;left:0;margin:-25px 0 0 -30px;}


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

}


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

CONTETNTS PAGE COMMON


-------------------------------------------------- */
.contents.page{}
.contents.page header{margin:80px 0 40px;text-align:center;}
.contents.page header h1{margin-left:-10px;font-size:250%;font-weight:bold;letter-spacing:2px;font-style:italic;display:inline-block;}
.contents.page header p{margin-left:-10px;padding-top:10px;color:#333;}


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

CONTETNTS PROFILE


-------------------------------------------------- */
.contents.profile{/* width:auto!important; */padding-top:10px;}
.contents.profile .cont{}
.contents.profile .cont .topimg{background:#FFF;}
.contents.profile .cont .txt{width:100%;margin-bottom:60px;text-align:center;}
.contents.profile .cont .txt h1{margin-bottom:20px;font-size:200%;}
.contents.profile .cont .txt span.small{font-size:60%;}
.contents.profile .cont .txt h2{margin-bottom:20px;font-size:150%;}
.contents.profile .cont .txt p{width:760px;/* margin:0 30px; */padding:15px 30px;font-size:14px;line-height:24px;background:#fbfbfb;text-align:left;display:inline-block;}
.contents.profile .cont .txt.disco p{width:auto;margin:20px 100px;border:1px solid #dadada;background:#FFF;}
.contents.profile .cont .txt p span.ttl{margin-bottom:5px;font-size:133.3%;font-weight:bold;}


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

CONTETNTS DISCOGRAPHY


-------------------------------------------------- */
.contents.discography{/* width:auto!important; */padding-top:10px;padding-bottom:60px;}
.contents.discography .cont{}
.contents.discography .cont .nav{text-align:center;}
.contents.discography .cont .nav ul{display:inline-block;}
.contents.discography .cont .nav ul li{float:left;margin:0 10px;padding:16px;color:333;font-size:116.7%;border:1px #999 solid;cursor:pointer;}
.contents.discography .cont .nav ul li.select,
.contents.discography .cont .nav ul li:hover{background:#FFFF00;}
/* .contents.discography .cont .nav ul li:hover{color:#666;padding-bottom:5px;border-bottom:1px solid #666;} */
.contents.discography .cont .artist{padding-bottom:60px;text-align:center;}
.contents.discography .cont .artist ul{display:inline-block;}
.contents.discography .cont .artist ul li{float:left;width:200px;height:300px;margin:40px 20px 0;cursor:pointer;}
.contents.discography .cont .artist ul li:hover a{opacity:.75;}
.contents.discography .cont .artist ul li:hover a.p-text--link{opacity:1;}
.contents.discography .cont .artist ul li a.p-text--link:hover{opacity:.75;}
.contents.discography .cont .artist ul li > a{text-decoration:none;}
.contents.discography .cont .artist ul li .category_list{margin:7px 0 0;}
.contents.discography .cont .artist ul li .title_list{margin-top:10px!important;font-size:16px!important;}

/* .contents.discography .info .tracklist{width:100%;} */

#colorbox{margin-top:-60px;}
.contents.discography .cont .artist ul li .category_list,
#colorbox .category{padding:5px 10px;color:#FFF;font-size:12px;font-weight:bold;background:#444;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;display:inline-block;}
.contents.discography .cont .artist ul li .date_list,
#colorbox .date{margin-left:7px;color:#666;font-size:12px;font-weight:bold;display:inline-block;}
.contents.discography .cont .artist ul li .title_list,
#colorbox .title{margin:20px 0 0 -1px;font-size:24px;font-weight:bold;line-height:20px;}
#colorbox .title{line-height:28px;}
#colorbox .img{float:left;margin:20px 0 0;}
#colorbox .info{float:left;width:400px;margin:20px 0 0 20px;line-height:18px;text-align:justify;}
#colorbox .info p{text-decoration:none;}
/* #colorbox .info > p > a{background:#FFFF00;} */
#colorbox ul.tracklist{clear:left;position:relative;/* width:50%!important; */padding:30px 0 0;}
#colorbox ul.tracklist li{margin-top:20px;padding-bottom:10px;font-size:14px;border-bottom:1px solid #dadada;}
#colorbox ul.tracklist li span{color:#666;font-size:12px;}

#cboxClose{position:absolute;top:20px;right:20px;}

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

CONTETNTS CONTACT


-------------------------------------------------- */
.contents.contact{width:100%!important;padding-top:10px;padding-bottom:60px;margin-left:0;}
.contents.contact .cont{}
.contents.contact .cont header h1{margin-left:0;}
.contents.contact .cont header p{margin-left:0;}
.contents.contact .cont .txt{font-size:18px;font-weight:bold;line-height:32px;text-align:center;border:1px }
.contents.contact .cont .txt span{color:#333;font-size:14px;line-height:14px;}
.contents.contact .cont .txt.caution{margin-top:5px;line-height:24px;}
.contents.contact .cont form{margin-top:40px;text-align:center;}
.contents.contact .cont form table{width:780px;display:inline-block;}
.contents.contact .cont form table tr{height:60px;padding-bottom:30px;line-height:24px;}
.contents.contact .cont form table tr span{color:#333;font-size:14px;}
.contents.contact .cont form table tr.txt{padding-top:30px;}
.contents.contact .cont form table th{padding-right:20px;font-size:18px;vertical-align:top;}
.contents.contact .cont form table td{padding-bottom:30px;text-align:left;}
.contents.contact .cont form table td input{height:20px;}
.contents.contact .cont form .button{width:780px;text-align:left;display:inline-block;}
.contents.contact .cont form input[type="text"],
.contents.contact .cont form select,
.contents.contact .cont form textarea{position:relative;width:524px;height:40px;resize:none;padding:6px 12px;font-size:150.0%;font-weight:300;color:#000;background:#fff;display:inline-block;overflow:hidden;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing:border-box;top:0;
	border:1px solid #999999;
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:inset 0 1px rgba(34,25,25,0.15), 0 1px #fff;
	-moz-box-shadow:inset 0 1px rgba(34,25,25,0.15), 0 1px #fff;
	-webkit-box-shadow:inset 0 1px rgba(34,25,25,0.06), 0 1px #fff;
	-moz-transition:all 0.08s ease-in-out;
	-webkit-transition: all 0.08s ease-in-out;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset;
}
.contents.contact .cont form select{height:38px;font-size:133.3%;}
.contents.contact .cont form textarea{height:240px;display:inline-block;}
.contents.contact .cont form input[type="back"],
.contents.contact .cont form input[type="submit"]{position:relative;width:120px;height:35px;left:205px;margin-top:7px!important;background:#9e7e21;color:#FFF;font-size:14px;font-weight:bold;letter-spacing:1px;border:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:none;text-align:center;cursor:pointer;}
.contents.contact .cont form input[type="back"]{background:#999;}
.contents.contact .cont form input[type="submit"]{margin-left:10px!important;}
.contents.contact .cont form input[type="submit"]:hover,
.contents.contact .cont form input[type="back"]:hover{opacity:.75;}


.contents.confirm .cont form table td{font-size:21px;}
.contents.confirm .cont form .txt{width:780px;text-align:left;display:inline-block;}
.contents.confirm .cont form .txt p{margin-left:205px;font-size:14px;font-weight:normal;}

.contents.thanks .cont .txt.button{margin-top:30px;}
.contents.thanks .cont .txt.button p a{padding:5px 10px 5px 14px;text-decoration:none;border:1px solid #dadada;display:inline-block;}
.contents.thanks .cont .txt.button p a:hover{background:#f5f5f5;}




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

FOOTER


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

body footer.global{clear:left;position:relative;width:100%;padding:10px 0;background:#dadada;z-index:10;}
body footer.global div.cp{position:relative;width:950px;margin:0 auto;}
body footer.global div.cp p{font-family:'Helvetica',sans-serif;color:#666;font-size:83.3%;text-align:center;}



@media screen and (max-width:800px){
	body footer.global div.cp{max-width:950px;width:100%;}
}


/* add 2021 */
.p-text--link{margin-top:.5em;padding:.5em;color:#FFF;background-color:#141920;border-radius:.5em;display:inline-block;}
.p-text--amazon{background-color:#f29d38;}
.p-text--apple{background-color:#fa2d48;}