@charset "utf-8";
/* CSS Document */
h2.musicnight{
    background: url("/lp/event-schedule/img/img-h2musicnight-bg.gif") no-repeat;
	/*width:730px;*/
	height:37px;
	padding:13px 0 0 20px;
	color:#fff;
	margin:0;
}
.musicnightBox{
	padding:15px;
	background:#f4f1ea;
	/*width:700px;*/
}
.musicnightBox ul.column3 li{
	width:220px;
	margin:0 20px 0 0;
}
.musicnightBox ul.column3 li:last-child {
	margin-right:0;
}
.musicnightBox ul.column3 > *:first-child + * + * {
	margin-right:0;/*for IE8*/
}
.musicnightBox ul.column5 li{
	width:120px;
	margin:0 20px 0 0;
}
.musicnightBox ul.column5 li:last-child {
	margin-right:0;
}
.musicnightBox ul.column5 > *:first-child{
 margin-left:10px;
}
.musicnightBox ul.column5 > *:first-child + * + * + * + * {
	margin-right:0;/*for IE8*/
}
#liveSchedule h3#pickup-ttl{
    height: 30px;
    color:#fff!important;
    text-align: left!important;
    padding: 0 0 0 10px!important;
    background: #818180;
    line-height: 2.2;
}
#liveSchedule #pickup{
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}
#liveSchedule #pickup ul{
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap:nowrap;
}
#liveSchedule #pickup ul li{
    width: 32%;
    text-align: center;
    margin-bottom: 0;
}
#liveSchedule #pickup ul li img{
    margin: 0 auto 5px auto;
    widows: 110px;
    height: auto;
}
#liveSchedule #pickup p.musicianName{
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:13px;
	line-height: 1.2;
	letter-spacing: normal;
}
#liveSchedule #pickup p.intro{
font-size:11px;
height:2rem;
overflow : hidden;
text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#liveSchedule .liveScheduleBox{
	background:#fff;
}
#liveSchedule .liveScheduleBox strong{
	font-size:120%;
	color:#404040;
}
#liveSchedule h3{
	margin:0;
	/*width:550px;*/
	height:24px;
	padding:6px 0 0 150px;
	color:#fff;
	font-weight:bold;
	border:none;
}
#liveSchedule h3.kobeOita{
background:#818180 url(/lp/event-schedule/img/img-h3kobeoita_bg.png) no-repeat;
}
#liveSchedule h3.oitaKobe{
background:#818180 url(/lp/event-schedule/img/img-h3oitakobe_bg.png) no-repeat;
}
#liveSchedule h3.osakaBeppu{
    background:#818180 url(/lp/event-schedule/img/img-h3osakabeppu_bg.png) no-repeat;	
}
#liveSchedule h3.beppuOsaka{
    background:#818180 url(/lp/event-schedule/img/img-h3beppuosaka_bg.png) no-repeat;	
}
#liveSchedule h3.osakaShibushi{
    background:#818180 url(/lp/event-schedule/img/img-h3osakashibushi_bg.png) no-repeat;	
}
#liveSchedule h3.shibushiOsaka{
    background:#818180 url(/lp/event-schedule/img/img-h3shibushiosaka_bg.png) no-repeat;	
}
h3.profileDetail{
	font-size:220%;
	margin:0;
	padding:0;
	color:#000;
	txt-align:left;
	border:none;
}
h3.profileDetail span.kana{
	color:#404040;
	font-size:12px;	
}
ul.profilePhotoList{
	margin:10px 0;
	padding:0;
	overflow:hidden;
	zoom:1;
	text-align: right;
	padding-left: 0!important;
}
ul.profilePhotoList li {
    margin: 10px 5px 0 0;
    padding: 0 0 10px 0;
    /*float: left;*/
	display: inline;
	position:relative;
}

ul.profilePhotoList li img.zoom{
    position: absolute; 
    top:85px; 
    right: 5px; 
}
ul.profilePhotoList li img.zoomIreg{
    position: absolute; 
    top:192px; 
    left: 150px; 
}
.profilePhotoList li a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity: 0.6;                 /* FF lt 1.5 */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom: 1;
}
mark.jazz {
    background: #c588a0;
    font-size: 8px;
    font-weight: bold;
    color: #FFF;
    padding: 0 4px;
	margin:0 0 0 5px
}
mark.enjoy {
    background: #89b163;
    font-size: 7px;
    font-weight: bold;
    color: #FFF;
    padding: 0 4px;
	margin:0 0 0 3px
}
#liveSchedule .dayanchor{
	width:700px;
	height:60px;
	margin-bottom:10px;
}
.w380{
width: 380px!important;
}
li.liveScheduleBox > h3[id^="ancDay"], li.liveScheduleBox > h3[id*="ancDay"]{
/*    margin-top: 50px!important;*/
}
li.liveScheduleBox > h3[class^="firstFvent"], li.liveScheduleBox > h3[class*="firstEvent"]{
    margin-top: 0px!important;
}

#monthly{
    width: 100%;
}
#monthly ul{
  display: flex;
  align-items:flex-start;
  justify-content:space-between;
    margin: 10px 15px 0 15px;
}
#monthly ul li{
    color: #ccc;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align:center;
    font-size: 13px;
    letter-spacing: 0;
}
#monthly ul li a{
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 36px;
    text-align:center;
    color: #cab883;
    background: none;
    border: 1px solid #cab883;
    text-decoration: none;
}
#monthly ul li a:hover{
    color: #fff;
    background: #cab883;
    text-decoration: none;
}
.month01 #monthly ul li.month01 a,
.month02 #monthly ul li.month02 a,
.month03 #monthly ul li.month03 a,
.month04 #monthly ul li.month04 a,
.month05 #monthly ul li.month05 a,
.month06 #monthly ul li.month06 a,
.month07 #monthly ul li.month07 a,
.month08 #monthly ul li.month08 a,
.month09 #monthly ul li.month09 a,
.month10 #monthly ul li.month10 a,
.month11 #monthly ul li.month11 a,
.month12 #monthly ul li.month12 a{
    color: #fff;
    background: #917933;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #917933;
}
.label-jazz,
.label-performance,
.label-sansedai,
.label-niko,
.label-enjoy,
.label-manzai,
.label-music,
.label-classic,
.label-guitar,
.label-bellydance,
.label-piano,
.label-other{
 display: inline-block;
 margin: 0 10px 10px 0;
 padding: 0 8px;
 min-width: 100px;
 font-size: 0.6rem;
 color: #fff;
 text-align: center;
 border-radius: 4px;
 line-height: 2;
 background: #ccc;
 font-weight: bold;
}
.label-jazz{
    background: #c588a0;
}
.label-performance{
    background: #8d7e5e;
}
.label-sansedai{
    background: #f39800;
}
.label-niko{
    background: #b1a063;
}
.label-enjoy{
    background: #89b163;
}
.label-manzai{
    background: #e65e7c;
}
.label-music{
    background: #698960;
}
.label-classic{
    background: #63b175;
}
.label-guitar{
    background: #8e7133;
}
.label-bellydance{
    background: #89b163;
}
.label-piano{
background: #575d8e;
}
.label-other{
    background: #9ea3c6;
}
.label-kurenai,
.label-murasaki,
.label-gold,
.label-pearl,
.label-satsuma,
.label-kirishima {
 display: inline-block;
 margin: 0 10px 10px 0;
 padding: 0 6px;
 min-width: 100px;
 font-size: 0.7rem;
 color: #fff;
 text-align: center;
 border-radius: 4px;
 line-height: 1.8;
 background: #ccc;
 font-weight: bold;
}
.label-kurenai {
   color:#0faec4; 
    border: 1px solid #0faec4;
    background: #fff;
}
.label-kurenai:after{
    content:"くれない";
}
.label-murasaki {
   color:#0faec4; 
    border: 1px solid #0faec4;
    background: #eefafc;
}
.label-murasaki:after{
    content:"むらさき";
}
.label-gold {
   color:#ff9b34; 
    border: 1px solid #f4ae47;
    background: #fff;
}
.label-gold:after{
    content:"ごーるど";
}
.label-pearl {
   color:#ff9b34; 
    border: 1px solid #f4ae47;
    background: #fef5e9;
}
.label-pearl:after{
    content:"ぱーる";
}
.label-satsuma {
   color:#da6ab5; 
    border: 1px solid #e29bca;
    background: #fff;
}
.label-satsuma:after{
    content:"さつま";
}
.label-kirishima {
   color:#da6ab5; 
    border: 1px solid #e29bca;
    background: #fceef7;
}
.label-kirishima:after{
    content:"きりしま";
}
#liveSchedule .select{
    width: 300px;
	position:relative;
	overflow:hidden;
	border:1px solid #ccc;
	background:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
    margin-bottom: 20px;
    font: 100% Arial,Helvetica,sans-serif;
    vertical-align: middle;
    line-height: 1;
}
#liveSchedule .select:after{
	content:"";
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:6px solid #bfbfbf;
	position:absolute;
	top:50%;
	right:12px;
	margin-top:-5px;
    line-height: 1;
}
#liveSchedule .select select{
	display:block;
	width:100%;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:0;
	background:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:16px;
	/*line-height:28px;*/
	padding:0 12px 10px 12px;
	outline:none;
	color:#333;
	overflow:hidden;
}
#liveSchedule .select select::-ms-expand {
    display: none;
}
#liveSchedule option{
padding: 0px 2px 1px;
}
#liveSchedule > .box-bn, #liveSchedule2 > .box-bn {
    margin: 0 auto;
    width: 400px!important;
    background: rgba(255,251,226,0.8);
    border: 1px solid #ded59b;
    border-radius: 4px;
}
#liveSchedule > .box-bn:hover, #liveSchedule2 > .box-bn:hover {
    background: rgba(145,121,51,0.8);
    border: 1px solid #917933;
}
#liveSchedule > .box-bn:hover a, #liveSchedule2 > .box-bn:hover a{
    color: #fff!important;
}
#liveSchedule > .box-bn > p, #liveSchedule2 > .box-bn > p {
	background:none;
    padding: 0!important;
	line-height:normal!important;
    letter-spacing: 0;
    font-size: 14px;
}
#liveSchedule > .box-bn > p > a, #liveSchedule2 > .box-bn > p > a{
    color: #917933!important;
    text-decoration: none;
    display: block;
    padding: 15px;
}
.slanting-line {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slanting-line::before,.slanting-line::after {
    content: "";
    background-color: #000;
    height: 1px;
    width: 40px;
}
.slanting-line::before {
    margin-right: 5px;
    transform: rotate(45deg); 
}
.slanting-line::after {
    margin-left: 5px;
    transform: rotate(-45deg); 
}

.txt-grey{
 color: #aea6a0;}
.eventAll,
.eventAll-only,
.eventOsakabeppu,
.eventOsakashibushi,
.eventKobeoita,
.eventOsakabeppu{
 display: inline-block;
 margin: 0 10px 6px 0;
 padding: 0 6px;
 min-width: 100px;
 color: #fff;
 text-align: center;
 line-height: 1.8;
 background: #ccc;
 font-weight: bold;
}
.eventAll {
    background: #548235;
}
.eventAll:after{
    content:"全航路";
}
.eventOsakabeppu {
    background: #73aac7;
}
.eventOsakabeppu:after{
    content:"大阪～別府";
}
.eventOsakashibushi {
    background: #a78eb0;
}
.eventOsakashibushi:after{
    content:"大阪～志布志";
}
.eventKobeoita {
    background: #cdaa6e;
}
.eventKobeoita:after{
    content:"神戸～大分";
}
.eventAll-only {
    background: #548235;
    min-width: 150px;
}
.eventAll-only:after{
    content:"全航路・対象者のみ";
}
.box-orange img{width: 100%;
}

    #article>div>img:first-child {
        margin-bottom: 8px;
    }
@media only screen and (min-width: 751px) {
	.only-pc-mar30t{
		margin-top: 30px;
	}
}
/*kokokara*/
@media only screen and (max-width: 750px) {
    #article>div>img:first-child {
        max-width: 100% !important;
        height: auto;
        margin-bottom: 5px;
    }
	.only-sp-c-txt{
		text-align: center;
	}
#monthly h2{
    color: #000;
    font-size: 20px!important;
    height: auto;
}
#monthly ul{
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0 0 10px 0;
}
#monthly ul li{
    font-size: 14px;
    width: calc(100% / 6.5);
}
#monthly ul li a{
margin: 0 auto 10px auto;
}
article#article h2.musicnight{
/*background:#f4f1ea!important;
color: #000;*/
background: url("/lp/event-schedule/img/img-h2musicnight-bg.gif") repeat-x!important;
color:#fff;
font-size: 16px!important;
margin: 0 -10px 2px -10px!important;
padding: 5px 0 5px 10px!important;
line-height: 1.4;
height: auto;
min-height: 34px;
}
.musicnightBox{
padding:15px;
background:#f4f1ea;
margin: -10px -10px -14px -10px!important;
}
#article #liveSchedule li.liveScheduleBox > .l-block{
        padding-left: 10px!important;
    }
.r-txt.txt-small{
        text-align: left!important;
}
#liveSchedule #pickup ul{
    display: flex;
flex-direction: column;
}
#liveSchedule #pickup ul li{
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    clear: both;
}
#liveSchedule #pickup ul li:last-child{
    margin-bottom: 0!important;
}
#liveSchedule #pickup ul li img{
float: left;
margin-right: 15px;
width: 90px;
height: auto;
}
#liveSchedule #pickup ul li > .r-txt{
        text-align: right!important;
        font-size: 14px;
}
#liveSchedule #pickup p.musicianName{
}
#liveSchedule #pickup p.intro{
}
ul.profilePhotoList{
text-align: left!important;
padding-left: 10px!important;
}
ul.profilePhotoList li{
        margin: 10px 0 0 0!important;
}
ul.profilePhotoList li img{
   width: 70px!important;
   height: auto;
   margin-bottom: 10px;
   border: 1px solid #ccc;
}
ul.profilePhotoList li img.zoom{
    display: none;
}
p.r-photo{
   margin: 0;
    padding: 0;
}
 #liveSchedule .select{
     width: 100%!important;
    }
#article .column2 .l-block, #article .column2 .r-block {
    width: auto!important;
    float: none!important;
}
#liveSchedule > .box-bn, #liveSchedule2 > .box-bn {
    margin: 0 auto 15px auto;
    width: 88%!important
}
#liveSchedule > .box-bn > p, #liveSchedule2 > .box-bn > p {
    padding: 0!important;
	line-height:normal!important;
    letter-spacing: 0;
    font-size: 12px;
}
	
.slanting-line {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slanting-line::before,.slanting-line::after {
    content: "";
    background-color: #000;
    height: 1px;
    width: 20px;
}
.slanting-line::before {
    margin-right: 3px;
    transform: rotate(45deg); 
}
.slanting-line::after {
    margin-left: 3px;
    transform: rotate(-45deg); 
}
/*kokomade*/
}