@charset "utf-8";

/* ARS vol.7
--------------------------------------------------------------- */

/* ==================== */
/* PC */
/* ==================== */

/* --------------------- */
/* MENU */
/* --------------------- */
.ars-menu{
}
.ars-menu li {
    display: table;
    float: left;
    margin-right: 2%;
    width: 49%;
    height: 75px;
}

.ars-menu li:last-of-type{
	margin-right:0;
}
.ars-menu li a{
	position:relative;
	display:table-cell;
	width:inherit;
	height:inherit;
	margin:0px auto;
	padding: 15px 0;
	font-size: 1.2em;
    line-height: 1.4;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	background-color: #FFD201;
}
.ars-menu li a span{
	position:absolute;
	width:100%;
	top:110px;
	left:0px;
	font-size: 0.8em;
}

.arsLogoList{
	overflow:hidden;
}
.arsLogoList li{
	display:table;
	float: left;
	margin-right:5%;
	width: 30%;
	height:100px;
}
.arsLogoList li:last-of-type{
	margin-right:0;
}
.arsLogoList li a{
	display:table-cell;
	width:inherit;
	height:inherit;
	margin:0px auto;
	padding: 15px 0;
	padding:20px 20px 30px;
	font-size: 1.1em;
	text-align: center;
	vertical-align:middle;
	border:1px solid #999;
	
	background:url(../img/icon_arrow_03.png) no-repeat center 90%;
}
.arsLogoList li a img{
	width:100%;
	height:auto;
}

/* --------------------- */
/* ARS INFO */
/* --------------------- */

.clmARS{
	margin-top:30px;
	overflow:hidden;
}
.clmARS p:nth-of-type(1){
	float:left;
	width:45%;
	text-align:left;
}
.clmARS p:nth-of-type(1) img{
	width:100%;
	height:auto;
}
.clmARS p:nth-of-type(2){
	float:right;
	width:50%;
}


/* --------------------- */
/* ARTIST INFO */
/* --------------------- */

/* Party */

.clmParty{
	overflow:hidden;
	padding-bottom:50px;
}
.clmParty p:nth-of-type(1){
	margin-bottom: 30px;
}
.clmParty p:nth-of-type(1) img{

}
.clmParty p:nth-of-type(2) img{
	width: 100%;
}

.clmParty img.logo1{
	width: 45%;
}

.clmParty img.logo2{
	width: 65%;
}

.clmParty p.text2{
	width: 75%;
	float: left;
}

.clmParty .photo2{
	width: 20%;
	float: right;
}

.clmParty .photo2 img{
	width: 100%;
}


.clmParty img.logo3{
	width: 45%;
}

.clmParty p.text3{
	width: 65%;
	float: left;
}

.clmParty .photo3{
	width: 30%;
	float: right;
	color: #888;
}

.clmParty .photo3 img{
	width: 100%;
}

/* Works */

.clmWorks{
	overflow:hidden;
	margin-bottom:10px;
}

.clmWorks strong{
	display:block;
	margin-bottom: 30px;
	padding:20px;
	font-size: 1.6em;
	font-weight: bold;
	border-top:3px double #999;
	border-bottom:1px dotted #999;
	/*letter-spacing:3px;*/
	text-align:center;
	background:#F7F7F7;
	/*color: #FFD201;*/
}

.clmWorks p{
	margin-bottom:40px;
}

.clmWorks p:nth-of-type(2n+1){
	clear:both;
	float:left;
	width:35%;
	text-align: left;
	font-size: 0.7em;
	color: #888;
}
.clmWorks p:nth-of-type(2n+1) img{
	width:100%;
	height:auto;
}
.clmWorks p:nth-of-type(2n){
	float:right;
	width:60%;
	line-height:1.4;
}
.clmWorks p:nth-of-type(2n) em{
	display:block;
	margin-bottom:10px;
	font-size:1.6em;
    line-height: 1.2;
}
.clmWorks p:nth-of-type(2n) em span{
    font-size: 0.7em;
    color: #666;
}

.clmWorks p:nth-of-type(4n+3){
	clear:both;
	float:right;
}
.clmWorks p:nth-of-type(4n){
	float:left;
}


/* Profile */

.clmProfile{
	padding:30px;
    border: 2px dotted #ccc;
}
.clmProfile:first-of-type{
	margin-bottom:20px;
}
.clmProfile dl{
}
.clmProfile dt{
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
	color:#FFD201;
}
.clmProfile dd{
	overflow:hidden;
}
.clmProfile dd img{
	float:right;
	margin:0px 0px 0px 40px;
	width:20%;
	height:auto;
}
.clmProfile dd strong{
	display:block;
	margin-bottom:20px;
	font-size:2em;
	line-height:1.2;
}
.clmProfile dd strong span{
	font-size:0.6em;
	color:#666;
}


.guest-tittle{
    display: block;
    font-size: 2em;
    line-height: 1.2;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-weight: bold;
}

/* --------------------- */
/* EVENT INFO */
/* --------------------- */

.program .title{
	position:relative;
	font-size:1.5em;
	padding-left:100px;
	line-height:2;
}
.program .title em{
	display:block;
	font-size:1.4em;
	line-height:1.2;
	letter-spacing:1px;
}
.program .title em br{
	display:none;
}
.program .title span{
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	text-align:center;
	width:80px;
	line-height:80px;
	border-radius:80px;
	color:#BBE2EB;
	background:#000;
}

/* --------------------- */
/* card */
/* --------------------- */

.setTwoCol #clmCards{
	top: 0;
}

.setTwoCol #clmCards .secBnr{
	top: 0;

}

/* --------------------- */
/* ETC */
/* --------------------- */

br.pc{
	display:block;
}
br.sp{
	display:none;
}

.pc{
	display:block;
}
.sp{
	display:none;
}

/* ==================== */
/* SP */
/* ==================== */

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

	/* --------------------- */
	/* MENU */
	/* --------------------- */
	
	/*
	.ars-menu{
		overflow:hidden;
		padding-bottom:20px;
	}
	.ars-menu li{
		margin-right:2%;
		margin-bottom:2%;
		width: 49%;
		height:75px;
	}
	.ars-menu li:nth-of-type(2){
		margin-right:0;
	}
	.ars-menu li:nth-of-type(3){
		margin-right:2%;
	}
	.ars-menu li:nth-of-type(n+3){
		margin-bottom:0;
	}
	*/
	.ars-menu li{
		margin-bottom:4px;
		width: 100%;
		font-size:1.3em;
		font-weight:bold;
		line-height: 1.4;
	}
	.ars-menu li a span{
		position:static;
	}
	
	
	.arsLogoList{
		overflow:hidden;
	}
	.arsLogoList li{
		display:table;
		float: none;
		margin:0px auto 5%;
		width: 80%;
	}
	.arsLogoList li:last-of-type{
		margin:0px auto 0%;
	}
	.arsLogoList li a img{
		width:80%;
	}
	
	
	
	/* --------------------- */
	/* ARS INFO */
	/* --------------------- */
	
	.clmARS{
		
	}
	.clmARS p:nth-of-type(1){
		float:none;
		width:100%;
		margin-bottom:20px;
		text-align:right;
	}
	.clmARS p:nth-of-type(1) img{
		
	}
	.clmARS p:nth-of-type(2){
		float:none;
		width:100%;
	}
	
	
	/* --------------------- */
	/* ARTIST INFO */
	/* --------------------- */
	
	/* Party */
	
	.clmParty{
		
	}
	.clmParty p:nth-of-type(1){
		float:none;
		width:100%;
		margin-bottom:30px;
		text-align:center;
	}
	.clmParty p:nth-of-type(1) img{
        margin-top: 20px;
        width: 96%;
        height: auto;
        padding: 2.0em 0;
	}
	.clmParty p:nth-of-type(2){
		float:none;
		width:100%;
	}
	

.clmParty .photo2{
        width: 35%;
        float: none;
        margin: 20px auto 0;
}

.clmParty .photo3{
	width: 80%;
	float: none;
	margin: 20px auto 0;
}


	/* Works */
	.clmWorks{
		overflow:hidden;
		margin-bottom:10px;
	}
	
	.clmWorks strong{
		display:block;
		margin-bottom: 30px;
		padding:20px;
		font-size: 1.6em;
		font-weight: bold;
		border-top:3px double #999;
		border-bottom:1px dotted #999;
		letter-spacing:3px;
		text-align:center;
		background:#F7F7F7;
		/*color: #FFD201;*/
	}
	
	.clmWorks p{
		margin-bottom:40px;
		width:100% !important;
		float:none !important;
	}
	.clmWorks p:nth-of-type(2n+1){
		text-align:right;
	}
	.clmWorks p:nth-of-type(2n){
		padding-bottom:30px;
		border-bottom:1px dotted #999;
	}
	
	
	
	
	
	/* --------------------- */
	/* EVENT INFO */
	/* --------------------- */
	
	.program .title span{
		top:0px;
	}
	
	.program .title em br{
		display:block;
	}


	/* --------------------- */
	/* card */
	/* --------------------- */

	.setTwoCol #clmCards{
		display:none;
	}

	/* --------------------- */
	/* ETC */
	/* --------------------- */
	
	br.pc{
		display:none;
	}
	br.sp{
		display:block;
	}

	.pc{
		display:none;
	}
	.sp{
		display:block;
	}

}
	
}







/* ars-vol6
--------------------------------------------------------------- */

/*.ars-vol6 p{
	font-size:1.2em;
	line-height:180%;
}
*/

.ars-vol6 {
	min-width: 1200px;
}

.ars-vol6 h2{
	line-height: 100%;
}

.ars-vol6 .detail .lnav-box {
    text-align: right;
    line-height: 2.5;
	font-weight: bold;
}
.ars-vol6 .detail .lnav {
      float: right;	
	  margin: 0 0 20px 14px;
      /*margin: 0 10px 20px 14px;*/
      position: relative;
      overflow: hidden;
      display: inline-block;
      border: 0;
      /*border: 1px solid #c0c0c0;*/
      color: #FFF; }
      
.ars-vol6 .detail .lnav select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        appearance: none;
        position: relative;
        z-index: 12;
        display: block;
        border: 0;
        outline: none;
        font-size: 14px;
        padding: 8px 10px;
        /*width: 150%;*/
        cursor:pointer;
        cursor:hand;
    background-color: #000;
    color: #FFF;
 }

.ars-vol6 .detail .main-img {
	width:100%;
}


.ars-vol6 .detail p.main-copy {
	margin-top: 50px;
}

.ars-vol6 .detail .ars-img {
	width:47.727%;
}

.ars-vol6 .detail .box-r{
	float:right;
	width:47.727%;
}

.ars-vol6 .detail .title {
	display: block;
	padding-bottom: 20px;
}

.ars-vol6 .detail p {
	font-size:1.2em;
	line-height:180%;
}

.ars-vol6 .detail p.copy {
	font-size: 1.8em;
	line-height: 120%;
	margin-bottom: 20px;
}

.ars-vol6 .detail .ars-photo-copy{
	font-size: 0.9em;
}


.ars-vol6 .detail p.bnr01{
	margin-top:40px;
	text-align:center;
}




.ars-vol6 .artist{
	display: block;
	overflow:hidden;
}

.ars-vol6 .artist .box{
	display: block;
	overflow:hidden;
}

.ars-vol6 .artist .box .box_l{
    float: left;
    display: block;
    overflow: hidden;
    width: 74.545%;
}

.ars-vol6 .artist .box .box_l p{
	padding-top: 20px;
}

.ars-vol6 .artist .box .box_r{
    float: right;
}


.ars-vol6 .artist .box_pro{
	clear: both;
	display: block;
	overflow:hidden;
	border-top: 1px solid #000000;
	margin-top: 50px;
	padding-top: 50px;
}

.ars-vol6 .artist .box_pro .box_l{
    float: left;
    margin-right: 20px;
}

.ars-vol6 .artist .box_pro .box_r{
}

.ars-vol6 .artist .box_pro_schedule{
	clear: both;
	display: block;
	overflow:hidden;
	border-top: 1px solid #000000;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #eeeeee;
	text-align: center;
}

.ars-vol6 .artist .box_pro_schedule .title{
	font-weight: bold;
}

.ars-vol6 .artist .box .box_day_l{
    float: left;
    width: 50%;
    margin-top: 20px;
    padding-left: 20px;
	border-right: 1px solid #000000;

}

.ars-vol6 .artist .box .box_day_r{
	float: right;
    width: 50%;
    margin-top: 20px;
    padding-left: 20px;
}

.ars-vol6 .artist .box .note{
	font-size: 0.8em;
	color: #FF0000;
}

.ars-vol6 .artist .box_pro2{
	clear: both;
	display: block;
	overflow:hidden;
	border-top: 1px solid #000000;
	margin-top: 20px;
	padding-top: 20px;
}


.ars-vol6 .artist .box_pro3{
	clear: both;
	display: block;
	overflow:hidden;
	border-top: 1px solid #000000;
	margin-top: 40px;
	padding-top: 40px;
}

.ars-vol6 .artist .box_pro3 .box3{
	display: block;
	overflow:hidden;
	margin-top: 35px;
}



.ars-vol6 .artist .box_pro3 .box3 .box_l{
    float: left;
    display: block;
    overflow: hidden;
    width: 21.636%;
    margin-right: 20px;
}


.ars-vol6 .artist .box_pro3 .box3 .box_r{
    float: right;
    width: 76.364%;
}

.ars-vol6 .artist .box_pro3 .box3 .box_r p{
	padding-top: 20px;
}

.ars-vol6 .artist .box_pro3 .box3 .text_s{
	font-size: 0.9em;
}



.ars-vol6 .program .box {
}
.ars-vol6 .program .box p{
	font-size: 1.2em;
	line-height:180%;
	margin-top: 20px;
}



.ars-vol6 .program .box .sp img{
	display:none;
}


.ars-vol6 .program .box-l{
    float: left;
    width: 55%;
    margin-top: 30px;
    padding-left: 20px;
}

.ars-vol6 .program .box-l dt{
	float: left;
	font-weight: bold;
}

.ars-vol6 .program .box-l dd{
	padding-left: 8em; 
}


.ars-vol6 .program .box-r{
	float: right;
    width: 45%;
    margin-top: 30px;
    padding-left: 20px;
}

.ars-vol6 .program .box-r dt{
	font-weight: bold;
}

.ars-vol6 .program .box-r dd{
}

.ars-vol6 .program .box-r dd p.note{
	font-size: 0.8em;
}

.ars-vol6 .program dl{
	font-size: 1.2em;
	line-height:180%;
}

.ars-vol6 .program .box-l dl{
	padding-right:20px;
	border-right:1px dotted #999;
}

.ars-vol6 .program .att_sp{
	margin-bottom:40px;
	padding:15px;
	border:2px solid #F00;
	background:#FFFEF5;
	font-size:1.2em;
	text-align:center;
}



.ars-vol6 .apply p{
	font-size: 1.2em;
	line-height:180%;
}

.ars-vol6 .apply .box1{
	text-align: center;
}

.ars-vol6 .apply .box1 p{
	margin-bottom: 20px;
}


.ars-vol6 .apply .box1 .btn_entry {
	margin-bottom: 30px;
 }

.ars-vol6 .apply .box1 .btn_entry a {
	/*width: 300px;*/
	width: 100%;
	padding:30px;
	font-size:1.8em;
	border-radius: 5px;
 }

.ars-vol6 .apply .box1 .entry-end img{
    display: block;
    width: 500px;
    height: 80px;
    text-indent: -9999px;
    margin: 0 auto 30px auto;
}

.ars-vol6 .apply .box2{
	border-top: 2px solid #000000; 
	border-bottom: 2px solid #000000;
	padding: 30px 0 30px 25px;
}

.ars-vol6 .apply .box2 p{
	font-size: 1em;
}

.ars-vol6 br.sp{
	display:none;
}


.clmIntro{
	overflow:hidden;
}
.clmIntro img{
	float:left;
	margin-right:60px;
}
.clmIntro p{
	text-align:left;
}

.clmEventInfo{
	margin:40px 0px 40px 0px;
}
.clmEventInfo dl{
	overflow:hidden;
}
.clmEventInfo dl:nth-child(n+1){
	margin-top:20px;
}
.clmEventInfo dt,.clmEventInfo dd{
	padding:10px;
}
.clmEventInfo dt{
	float:left;
	width:10%;
	padding-left:20px;
	font-size:1.1em;
	background:#1C8FB5;
	color:#FFF;
	text-align:center;
	letter-spacing:10px;
}
.clmEventInfo dd{
	float:right;
	width:90%;
	font-size:1.8em;
}
.clmEventInfo dd span{
	display:block;
	margin-top:10px;
	font-size:0.7em;
}



.clmSchool{
	border: dotted 2px #ccc;
	padding: 20px;
}

.clmSchool p.photo{
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
    float: left;
    width: 45%;
}
.clmSchool p.photo img{
	width:45%;
	hieght:auto;
	margin:0px 2% 0%;
}


.ars-vol6 .detail .name{
    font-size: 2.5em;
    font-weight: bold;
}

.ars-vol6 .detail .clmIntro .title{
    font-size: 1.6em;
    font-weight: bold;
}

.ars-vol6 .clmSchool .title{
	font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 180%;
}


.clm-bnr p.ars-bnr{
	margin-top:40px;
	text-align:center;
}

table.tbl01{
	font-size: 1.2em;
    line-height: 150%;
   /* margin-top: 50px; */
}


table.tbl01 th {
	width: 140px ;
	background-color: #777777 ;
	color: #ffffff ;
	text-align: center ;
}

table.tbl01 td {
	background-color: #EEEEEE ;
}


table.tbl01 th, table.tbl01 td {
	border-top: 2px solid #FFFFFF;
	padding: 16px 8px;
	vertical-align: top;
}

table.tbl01 th {
	border-right: 2px solid #FFFFFF;
	text-align:center;
	vertical-align: middle;
}

table.tbl01 td.br_cut br {
	display: none; 
}


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


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


.ars-vol6 {
	min-width: 592px;
}


.ars-vol6 h2{
	line-height: 160%;
}
.ars-vol6 h2 br{
	display:block;
}

.ars-vol6 .detail .main-img{
	width:100%;
	height:auto;
	clear:both;
}

.ars-vol6 .detail p.main-copy {
	margin-top: 20px;
}

.ars-vol6 .detail .ars-img {
	width:100%;
	height:auto;
	clear:both;
}

.ars-vol6 .detail .box-r{
	clear:both;
	width:100%;
}

.ars-vol6 .detail .box-r p{
	margin-top: 20px;
}


.ars-vol6 .detail .title {
	display: block;
	padding-bottom: 20px;
}




.ars-vol6 .artist .box{
	display: block;
	overflow:hidden;
}

.ars-vol6 .artist .box .box_l{
    width: 100%;
}

.ars-vol6 .artist .box .box_l p{
	padding-top: 20px;
}

.ars-vol6 .artist .box .box_r{
	clear: both;
	margin-top: 20px;
    width: 100%;
	text-align: center;
}


.ars-vol6 .artist .box_pro{
	clear: both;
	border-top: 1px solid #000000;
	margin-top: 20px;
	padding-top: 20px;
}

.ars-vol6 .artist .box_pro .box_l{
	display: block;
	overflow:hidden;
	clear: both;
    width: 100%;
	text-align: center;
}

.ars-vol6 .artist .box_pro .box_r{
	display: block;
	overflow:hidden;
	clear: both;
	padding-top: 40px;
}

.ars-vol6 .artist .box .box_day_l{
	float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
	border-right: none;

}

.ars-vol6 .artist .box .box_day_r{
	float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}


.br_cut br{
	display: none;
}


.ars-vol6 .artist .box_pro3 .box3{
	display: block;
	overflow:hidden;
	margin-top: 0;
}



.ars-vol6 .artist .box_pro3 .box3 .box_l{
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-top: 30px;

}


.ars-vol6 .artist .box_pro3 .box3 .box_r{
    float: left;
    width: 100%;
    margin-top: 20px;
}

.ars-vol6 .artist .box_pro3 .box3 .box_r p{
	padding-top: 20px;
	padding-bottom: 20px;
}

.ars-vol6 .program .box {
}

.ars-vol6 .program .box p{
	font-size: 1.2em;
	margin-top: 20px;
}



.ars-vol6 .program .box .pc img{
	display:none;
}

.ars-vol6 .program .box .sp img{
	display:block;
}

.ars-vol6 .program .box-l{
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
}

.ars-vol6 .program .box-l dt{
	float: left;
	font-weight: bold;
}

.ars-vol6 .program .box-l dd{
	padding-left: 5.2em; 
}


.ars-vol6 .program .box-r{
	float: left;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
}

.ars-vol6 .program .box-r dt{
	font-weight: bold;
}

.ars-vol6 .program .box-r dd{
}

.ars-vol6 .program .box-r dd p.note{
	font-size: 0.8em;
}

.ars-vol6 .program dl{
	font-size: 1.2em;
	line-height:180%;
}

.ars-vol6 .program .box-l dl{
	padding-right:0px;
	border-right:none;
}

.ars-vol6 br.sp{
	display:block;
}

.ars-vol6 .detail p.bnr01{

}
.ars-vol6 .detail p.bnr01 img{
	width:100%;
	height:auto;
}



.clmIntro{
	
}
.clmIntro img{
	float:none;
	margin:0px 0px 20px;
}
.clmIntro p{
	margin:0px 0px 0px;
}

.clmEventInfo{
	margin:40px 0px 40px 0px;
}
.clmEventInfo dl:nth-child(n+1){
	
}
.clmEventInfo dt,.clmEventInfo dd{
	float:none;
	padding:5px;
}
.clmEventInfo dt{
	width:20%;
	padding:10px 5px;
}
.clmEventInfo dd{
	width:100%;
	margin-top:10px;

}
.clmEventInfo dd span{

}


.clmProfile dd img{
	width:40%;
	margin-bottom:40px;
}
.clmProfile dd strong span{
	display:block;
}


.clmSchool{
	border: dotted 2px #ccc;
	padding: 20px;
}

.clmSchool p.photo{
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
    float: none;
    width: 100%;
}
.clmSchool p.photo img{
	width:45%;
	hieght:auto;
	margin:0px 2% 0%;
}

.clmSchool p:first-child img:nth-child(2){
	margin-left:1%;
}

.clm-bnr p.ars-bnr img{
	width:100%;
}