@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*MTWB2016 [ Index Page ]*/
/*----------------------------------------------*/
/*Created: 2016.04.29*/
/*Last Update:	2016.06.28*/
/*----------------------------------------------*/




/*INDEX*/

/*[ Artists ]*/
/*----[ Slider ]----*/

/*[ PR Info ]*/

/*[ Entry Detail ]*/

/*[ Others ]*/
/*----[ Program Info ]----*/
/*----[ MTWB Info ]----*/
/*----[ Booth Info ]----*/
/*----[ HACHICORE ]----*/
/*----[ Inquire ]----*/
/*----[ NG Tickets ]----*/











/*
[ Artists ]
*/

/*[ Frame ]*/
#artist {
width:auto;
height:auto;
margin:0;
padding:0;
}


/*[ Title ]*/
#artist .corner-ttl {
display:none;
}





/*----[ Slider ]----*/
/*[ Slider Frame ]*/
.wideslider {
width: 100%;
text-align: left;
position: relative;
margin:0;
padding:0;
overflow:hidden;
}
.wideslider img {
margin:0;
padding:0;
vertical-align:bottom;
}


/*[Slider Arrows ]*/
.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}

.wideslider ul li img {
width: 100%;
display: none;
vertical-align:bottom;
margin:0;
padding:0;
}

.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;

}
.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {background: #A9DDF3 url(../../index/images/arrow_prev.png) no-repeat right center;}
.slider_next {background: #A9DDF3 url(../../index/images/arrow_next.png) no-repeat left center;}



/*[ Page Nation ]*/
.pn-box {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
overflow:hidden;
z-index:500;
}
.pagination {
width:auto;
height:auto;
text-align:center;
position:relative;
margin:0;
padding:0;
}

.pagination a {
height:auto;
margin:0;
padding:0;
position:relative;
float:left;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}




/*[ Photo Frame ]*/
.pFrame {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}

/*[Artist Name]*/
.pFrame p.name {
width:auto;
height:auto;
margin:0;
padding:0;
position:absolute;
left:0;
bottom:0;
z-index:99;
}



/*[ Thumbnail ]*/
.thumbnail {
display:none;
}


@media screen and (min-width:641px) {

.pagination a {
width:8.333%;/*12*/
/*
width:11.11111%; 9*/
/*
width:10%; 10*/
/*
width:9.09090%; 11*/
}


}


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

.pagination a {
width:33.33333%;/*3*/
width:20%; /*5*/
width:16.66666%; /*6*/
}


}









/*
[ PR Info ]
*/

/*[ Frame ]*/
#artist .pr-info {
width:auto;
height:auto;
margin:0;
padding:3rem 1rem;
background:#D4145A;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}



/*[ Text ]*/
#artist .pr-info p {
font-size:2.4rem;
font-weight:bold;
color:#FFF;
text-align:center;
margin:0;
padding:0;
}
#artist .pr-info .mgb {
	margin-bottom:1rem;
}

/*[Next Info]*/
#artist .pr-info .t-small {
font-size:1.6rem;
font-weight:normal;
color:#FFF;
margin:0;
padding:1rem 0 0;
}

/*[ Button Text ]*/
#artist .pr-info .btn-prg {
width:auto;
max-width:1024px;
height:auto;
margin:0 auto;
padding:0;
}
#artist .pr-info .btn-prg a {
width:auto;
height:auto;
margin:0;
padding:2rem 1rem;
display:block;
font-size:2.2rem;
line-height:1;
font-weight:bold;
color:#FFF;
text-decoration:none;
text-align:center;
overflow:hidden;
background:#D4145A;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
border:3px solid #FFF;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
#artist .pr-info .btn-prg a:hover {
background:#FFF;
border:3px solid #D4145A;
color:#D4145A;
}



@media screen and (max-width:640px) {
#artist .pr-info {
margin:0;
padding:1.6rem .8rem;
}
#artist .pr-info p {
font-size:1.8rem;
padding:0 0 .5rem;
}
#artist .pr-info .t-small {
font-size:1.4rem;
}

#artist .pr-info .btn-prg {
width:auto;
padding:1.4rem 0;
}
#artist .pr-info .btn-prg a {
padding:1.2rem 1rem;
}


}



@media screen and (min-width:641px) and (max-width:1024px) {
.pt3,
.pt4 {
display:block;
}

}








/*
[ Entry Detail ]
*/

/*[ Frame ]*/
#how-to-entry {
width:auto;
height:auto;
margin:2rem 0 0 0;
padding:0;
}
#how-to-entry > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:0 0 35px;
border-bottom:3px solid #D4145A;
}


/*[Title]*/
#how-to-entry .corner-ttl {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
}


/*[ Each Entries]*/
#how-to-entry #each-entry .base {
width:auto;
height:auto;
margin:0 0 15px;
padding:28px 32px;
background:#FFFF66;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
position:relative;
}

/*[ Off Entry ]
#how-to-entry #each-entry.off-entry .top {
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
*/
#how-to-entry #each-entry.end-entry .top {
opacity:0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";
}
#how-to-entry #each-entry.end-entry .base {
background:#999;
}

#how-to-entry #each-entry.off-entry .base {
background:#FFF;
}

/*[ Corner Block ]*/
#how-to-entry .en-icon {
width:10.714%;/*96px*/
height:auto;
margin:0;
padding:0;
float:left;
}
/*[ Inner Frame ]*/
#each-entry .inner-frame {
width:87.053%;/*780px*/
height:auto;
margin:0;
padding:0;
float:right;
}
#each-entry .inner-frame h3 {
font-size:1.8rem;
margin:0;
padding:0;
text-align:left;
}

/*[ Heading ]*/
#each-entry .inner-frame h3 .heading {
font-size:3rem;
line-height:3.8rem;
font-weight:bold;
color:#D4145A;
display:block;
}

/*[ Number ]*/
#each-entry .inner-frame .number {
font-size:2.2rem;
font-weight:bold;
color:#D4145A;
margin-bottom:1rem;
}

#each-entry .inner-frame p {
clear:both;
font-size:1.6rem;
margin:0;
padding:0;
}
#each-entry .inner-frame .t-date {
color:#FFF;
background:#111;
margin-bottom:1.6rem;
padding:.4rem 1.2rem;
border-radius:20px;
float:left;
font-size:1.3rem;
}

/*[ for Post ]*/
#each-entry .inner-frame .ee-post {
width:auto;
height:auto;
margin:2rem 0 0;
padding:1.6rem;
border:1px solid #CCC;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}
#each-entry .inner-frame .ee-post dt {
font-size:1.6rem;
font-weight:bold;
margin:0 0 1rem;
padding:0 0 1rem;
text-align:left;
color:#444;
border-bottom:1px dotted #B5B4B4;
}
#each-entry .inner-frame .ee-post dd {
font-size:1.4rem;
margin:0;
padding:0;
}
#each-entry .inner-frame .ee-post dd .tb {
font-weight:bold;
}


/*[ Entry Button ]*/
#btn.for-entry {
width:auto;
height:auto;
margin:2rem 0 0;
padding:0;
list-style:none;
}
#btn.for-entry li {
margin:0;
padding:0;
}
#btn.for-entry li a {
width:auto;
height:auto;
padding:18px;
margin:0;
background:#D4145A;
display:block;
overflow:hidden;
text-decoration:none;
color:#FFF;
font-size:2rem;
font-weight:bold;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
text-shadow:1px 1px 2px rgba(223,33,100,1.00);
box-sizing:border-box;
}
#btn.for-entry li a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/*[ for Closing ]*/
#btn.for-entry .closing {
width:auto;
height:auto;
padding:18px;
margin:0;
color:#444;
background:#EEE;
font-size:1.8rem;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
text-shadow:0px 1px 0px #FFF;
}


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

#how-to-entry > .inner-frame {
padding:0 0 20px;
}


#how-to-entry #each-entry .base {
margin:0 10px 10px;
padding:16px 14px;
border-radius:5px;
-webkit-border-radius:5px;
}

#each-entry .inner-frame h3 {
font-size:1.6rem;
line-height:1.2;
}
#each-entry .inner-frame h3 .heading {
font-size:2.4rem;
margin-top:1rem;
margin-bottom:.3rem;
}

/*[ Number ]*/
#each-entry .inner-frame .number {
font-size:1.8rem;
}


#btn.for-entry li a {
padding:14px;
font-size:1.8rem;
}

#btn.for-entry .closing {
padding:14px;
font-size:1.6rem;
}


}


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

#how-to-entry > .inner-frame {
padding:0 0 16px;
}


#how-to-entry .en-icon {
width:auto;
float:none;
display:none;
}

#each-entry .inner-frame {
width:auto;
float:none;
}

#each-entry .inner-frame h3 {
margin:0 0 .3em;
}


}


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

#each-entry .inner-frame .t-date {
padding:.2em .8em;
border-radius:40px;
font-size:1.3rem;
}


}


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

#btn.for-entry li a {
padding:12px 6px;
font-size:1.6rem;
}


}



@media screen and (min-width:641px) and (max-width:1024px) {

#how-to-entry > .inner-frame {
width:984px;
margin:0 auto;
}

#how-to-entry #each-entry {
margin:0 auto 15px;
}

}


@media screen and (min-width:1025px) {

#how-to-entry > .inner-frame {
width:1024px;
margin:0 auto;
}

#how-to-entry #each-entry {
margin:0 auto 15px;
}

}










/*
[ Others ]
*/


#others {
width:auto;
height:auto;
margin:0;
padding:0;
}

#others > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:20px 12px;
}


@media screen and (min-width:641px) and (max-width:1024px) {
#others {
width:1020px;
margin:0 auto;
}

#others > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:50px 12px;
}


}



@media screen and (min-width:1025px) {
#others {
width:1024px;
margin:0 auto;
}

#others > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:50px 0;
}


}





/*----[ MTWB Info ]----*/
/*[ Frame ]*/
.mtwb-info {
width:auto;
height:auto;
margin:0 0 50px;
padding:0;
}
.mtwb-info .inner-frame {
width:auto;
height:auto;
margin:0;
padding:2rem 1.8rem;
text-align:left;
background:#FFF;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*[ Corner Title ]*/
.mtwb-info .corner-ttl {
width:auto;
height:auto;
margin:0 0 20px;
padding:1rem;
font-size:2.2rem;
line-height:1;
font-weight:normal;
font-family: 'Candal', sans-serif;
color:#FFF;
background:#D4145A;
}


/*[ Detail ]*/
.mtwb-info .detail {
width:auto;
height:auto;
margin:0 0 3rem;
padding:0 12px;
}

/*[ Title Box ]*/
.mtwb-info .detail .detail-set {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*[ Detail Title ]*/
.mtwb-info .detail .detail-set .title {
font-size:1.8rem;
font-weight:bold;
margin:0 0 .5rem;
padding:0;
text-align:left;
color:#D4145A;
}

/*[ Detail Date ]*/
.mtwb-info .detail .detail-set .date {
font-size:1.4rem;
margin:0 0 .5em;
padding:0;
text-align:left;
color:#555;
}

/*[ Detail Photo ]*/
.mtwb-info .detail  .photo {
width:auto;
height:auto;
margin:0 auto 1.6rem;
padding:0;
text-align:center;
}
.mtwb-info .detail  .photo img {
max-width:100%;
max-height:320px;
margin:0;
padding:0;
vertical-align:bottom;
}

/*[ Detail Text ]*/
.mtwb-info .detail  .txt {
font-size:1.5rem;
line-height:2rem;
margin:0;
padding:0;
text-align:left;
}

/*[ Entry Button ]*/
#btn.for-mtwb {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#btn.for-mtwb li {
margin:0;
padding:0;
}
#btn.for-mtwb li a {
width:auto;
height:auto;
padding:1.6rem 1rem;
margin:0;
background:#D4145A;
display:block;
overflow:hidden;
text-decoration:none;
color:#FFF;
font-size:1.8rem;
font-weight:normal;
font-family: 'Candal', sans-serif;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
text-shadow:1px 1px 2px #9F0F44;
}
#btn.for-mtwb li a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


@media screen and (max-width:640px) {
.mtwb-info {
margin:0 0 32px;
border-bottom:none;
}
.mtwb-info .inner-frame {
padding:1.5rem 1.3rem;
border-radius:5px;
-webkit-border-radius:5px;
}

.mtwb-info .corner-ttl {
margin:0 0 16px;
font-size:1.8rem;
}

/*[ Detail ]*/
.mtwb-info .detail {
margin:0 0 2rem;
padding:0 12px;
}

.mtwb-info .detail .detail-set date {
font-size:1.3rem;
}

.mtwb-info .detail .photo {
margin:0 auto 1.6rem;
}

#btn.for-mtwb li a {
padding:12px;
font-size:1.6rem;
}


}






/*----[ Program Info ]----*/
/*[ Frame ]*/
.prog-info {
width:auto;
height:auto;
margin:0 0 50px;
padding:0;
}
.prog-info .inner-frame {
width:auto;
height:auto;
margin:0;
padding:2rem 1.8rem;
text-align:left;
background:#FFF;
border-radius:7px;
border: 1px solid #CCC;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*[ Corner Title ]*/
.prog-info .corner-ttl {
width:auto;
height:auto;
margin:0 0 20px;
padding:1rem;
font-size:2.2rem;
line-height:1;
font-weight:normal;
font-family: 'Candal', sans-serif;
color:#FFF;
background:repeating-linear-gradient(-30deg, #D4145A 0, #D4145A 10px, #C2145A 10px, #C2145A 20px);
}

/*[ Detail ]*/
.prog-info .detail {
width:auto;
height:auto;
margin:0 0 15px;
padding:0 12px;
border-bottom:1px dotted #338DC9;
}
.prog-info .detail:last-child {
margin:0;
border-bottom:none;
}


/*[ Detail Title ]*/
.prog-info .detail .detail-ttl {
font-size:1.6rem;
margin:0 0 2rem;
padding:0;
text-align:left;
font-weight:normal;
/*color:#D4145A;*/
}


/*[ Detail Article ]*/
.prog-info .detail .prog-article {
	width:auto;
	height:auto;
	margin:0 0 2rem;
	padding:0 0 1.6rem 1rem;
	border-bottom:1px dotted #338DC9;
}
.prog-info .detail .prog-article:last-child {
	margin:0;
	border-bottom:none;
}

/*[ Detail Head ]*/
.prog-info .detail .detail-small {
font-size:1.5rem;
line-height:1;
font-weight:bold;
margin:0 0 1.2rem -1rem;
padding:.6rem 1rem;
text-align:left;
color:#FFF;
background:#D4145A;
display:inline-block;
border-radius:3rem;
letter-spacing:0;
}

/*[ Detail Bold ]*/
.prog-info .detail .detail-bold {
font-size:2.2rem;
line-height:3.2rem;
font-weight:bold;
margin:0 0 .1rem;
padding:0;
text-align:left;
color:#D4145A;
color:#D4145A;
}

/*[ Detail Text ]*/
.prog-info .detail .detail-txt {
font-size:1.6rem;
font-weight:bold;
margin:0 0 1rem;
padding:0;
text-align:left;
}

/*[ Detail List ]*/
.prog-info .detail .detail-list {
margin:0 0 1rem;
padding:0 0 0 2rem;
list-style:none;
}
.prog-info .detail .detail-list li {
margin:0;
padding:0;
font-size:1.5rem;
list-style-type:disc;
}

/*[ Detail Attention ]*/
.prog-info .detail .detail-att {
	font-size:1.3rem;
}



@media screen and (max-width:640px) {
.prog-info {
margin:0 0 32px;
border-bottom:none;
}
.prog-info .inner-frame {
padding:1.5rem 1.3rem;
border-radius:5px;
-webkit-border-radius:5px;
}

.prog-info .corner-ttl {
margin:0 0 16px;
font-size:1.8rem;
}

.prog-info .detail .prog-article {
	padding:0 0 1.6rem;
}

.prog-info .detail .detail-ttl {
font-size:1.6rem;
}

.prog-info .detail .detail-small {
font-size:1.4rem;
margin:0 0 .8rem;
}

.prog-info .detail .detail-bold {
font-size:1.8rem;
line-height:2rem;
margin-bottom:.6rem;
}


}





/*----[ Booth Info ]----*/
/*[ Frame ]*/
.booth-info {
width:auto;
height:auto;
margin:0 0 50px;
padding:0;
}
.booth-info .inner-frame {
width:auto;
height:auto;
margin:0;
padding:2rem 1.8rem;
text-align:left;
background:#FFF;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
}

/*[ Title ]*/
.booth-info .corner-ttl {
width:auto;
height:auto;
margin:0 0 20px;
padding:1rem;
font-size:2.2rem;
line-height:1;
font-weight:normal;
font-family: 'Candal', sans-serif;
color:#FFF;
background:#D4145A;
}

/*[ Detail ]*/
.booth-info .detail {
width:auto;
height:auto;
margin:0 0 15px;
padding:0 12px;
border-bottom:1px dotted #338DC9;
}
.booth-info .detail:last-child {
margin:0;
border-bottom:none;
}

/*[ Detail Title ]*/
.booth-info .detail .detail-ttl {
font-size:1.6rem;
margin:0 0 1rem;
padding:0;
text-align:left;
color:#D4145A;
}

/*[ Detail Text ]*/
.booth-info .detail .detail-txt {
font-size:1.5rem;
margin:0 0 .3rem;
padding:0;
text-align:left;
}

/*[ Detail List ]*/
.booth-info .detail .detail-list {
margin:0;
padding:0;
list-style:none;
}
.booth-info .detail .detail-list li {
margin:0;
padding:0;
font-size:1.5rem;
}

/*[ Pics ]*/
.booth-info .detail .detail-pics {
max-width:180px;
float:right;
margin-left:1rem;
margin-bottom:1rem;
padding:0;
}


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

.booth-info {
margin:0 0 32px;
border-bottom:none;
}
.booth-info .inner-frame {
padding:1.5rem 1.3rem;
border-radius:5px;
-webkit-border-radius:5px;
}

.booth-info .corner-ttl {
margin:0 0 16px;
font-size:1.8rem;
}

.booth-info .detail .detail-pics {
max-width:200px;
float:none;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:center;
}


}





/*----[ HACHICORE ]----*/
#others .hachicore {
margin:0 0 35px;
padding:0;
text-align:center;
}





/*----[ Inquire ]----*/
/*[ Frame ]*/
#others .inquire {
margin:0 0 35px;
padding:0;
}
#others .inquire .inner-frame {
width:auto;
height:auto;
margin:0;
padding:18px 15px 15px;
border:3px solid #338DC9;
background:#FFF;
text-align:center;
}


/*[ Title ]*/
#others .inquire .inner-frame .ttl {
margin:0 auto .5em;
padding:0;
text-align:center;
}


/*[ Copy ]*/
#others .inquire .inner-frame .cp {
font-size:0.9em;
line-height:1.5em;
margin:0 0 .8em;
padding:0;
text-align:center;
}


/*[ Tel ]*/
#others .inquire .inner-frame .tel {
margin:0;
padding:15px 0 0;
border-top:1px dotted #338DC9;
}
#others .inquire .inner-frame .tel dt,
#others .inquire .inner-frame .tel dd {
font-weight:bold;
margin:0;
padding:0;
text-align:center;
}
#others .inquire .inner-frame .tel dt {
font-size:1.1em;
margin:0 0 .5em
}
/*(break)*/
#others .inquire .inner-frame .tel dt .break {
display:none;
}
#others .inquire .inner-frame .tel dd {
font-size:1.8em;
color:#D4145A;
}
#others section:last-child {
margin:0;
}


@media screen and (max-width:640px) {
#others .inquire {
margin:0 0 22px;
padding:0;
}


}







/*----[ NG Tickets ]----*/
#others .inquire.attention .inner-frame {
border:3px solid #FF0000;
background:#FF0000 url(../../index/images/bg_slash.png) repeat 0 0;
}

/*[ Title ]*/
#others .inquire.attention .inner-frame .ttl {
margin:0 auto 1rem;
padding:0;
text-align:center;
}

/*[ Sub Title ]*/
#others .inquire.attention .inner-frame .sttl {
margin:0 auto 1rem;
padding:0;
text-align:center;
font-size:3rem;
font-weight:bold;
color:#FF0000;
}

#others .inquire.attention .ng-tk-list {
	width:auto;
text-align:left;
font-size:1.8rem;
font-weight:bold;
margin:0;
padding:1.6rem;
border-top:1px dashed #FF0000;
word-break:break-all;
}



	.entryways {
		margin-top: 20px;
	}
	.entryways h3 {
		font-size: 140% !important;
		border-top: 1px dashed #CCC;
		padding-top: 1rem !important;
		padding-bottom: 2rem !important;
	}
	div.ent-left h4,
	div.ent-right h4 {
		background: #00a0e9;
		color: #FFF;
		padding: 5px 10px 5px 10px;
	}
	.entryways p {
		padding: 10px;
	}
	div.ent-left {
		width: 48%;
		float: left;
		border: 1px solid #00a0e9;
	}
	div.ent-right {
		margin-left: 1%;
		width: 48%;
		float: left;
		border: 1px solid #D4145A;
	}
	div.ent-right h4 {
		background: #D4145A;
	}
	.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	}
	 
	.movie-wrap iframe {
	     position: absolute;
	     top: 0;
	     left: 0;
	     width: 100%;
	     height: 100%;
	}

.radiko-link {
	position: fixed;
	top: 50px;
	right: 50px;
	width: 30%;
	max-width: 120px;
	height: auto;
	z-index: 999;
}
.radiko-link a {
	background-image: url(../../shared/2019images/btn_radiko.png);
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
	background-repeat: no-repeat;
	width: 120px;
	height: 120px;
	display: block;
	overflow: hidden;
	transition: none;
	ransition: .2s ease-in-out;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.radiko-link a:hover {
  transform: rotateX(360deg);
  transition: .8s ease-in-out;
}
.radiko-link img {
	width: 100%;
}



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

@media screen and (max-width: 640px) {
	.pc {display: none;}
	.sp {display: block;}
	div.ent-left,
	div.ent-right {
		float: none;
		width: 98%;
		margin: 0 auto;
	}

	.radiko-link {
		top: auto;
		bottom: 0;
		right: auto;
		left: 0;
		width: 50%;
		height: 33px;
		display: block;
	}
	.radiko-link a img {
		display: none;
	}
	.radiko-link a {
		background-image: none;
		width: 100%;
		height: 33px;
		background: #00A7E9;
		display: block;
		color: #FFF;
		text-align: center;
		text-decoration: none;
		padding-top: .5rem;	
		font-weight: bold;
	    text-indent: 0;
	    white-space: auto;
	    overflow: none;
	}

}


/* header */
header {
	background-image:url(../../shared/2019images/bg_main.jpg);
	background-repeat:repeat;
/*	height: 100vh; */
	text-align: center;
	line-height: 100vh;
	display: block;
}
@media screen and (max-width: 640px) {
	-webkit-background-size: 90%;
	background-size: 90%;
	header {
		line-height: 50vh;
	}
}

header .mainimage {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 60px;
}
header .mainimage img {
	width: 100%;
	max-width: 1024px;
	height: auto;
}
.wrapper,
.bg-content {
	background-image: none;
	background: #FFF;
}
.base {
	background: #eae601 !important;
}
.off-entry .base {
	background: #ecb5d2 !important;
}

#how-to-entry > .inner-frame {
	border-bottom: 3px solid #e61e74;
}

footer {
	background: #b31c23;
	background-image: none;
}



/* btn */
.index-page .nav ul .btn-mtwb a, .info-page .nav ul .btn-info a, .access-page .nav ul .btn-access a, .history-page .nav ul .btn-history a, .goods-page .nav ul .btn-goods a, .faq-page .nav ul .btn-faq a {
	background: #e61e74;
	color: #FFF;
}

.nav ul li a {
	color: #e61e74;
}

.fNavi .pagetop a {
	background: #e61e74;
}

.sidr ul li a, .sidr ul li span {
	color: #e61e74;
}


/*[[[ Designer Info ]]]*/
.des-info {
width:auto;
height:auto;
margin:0 auto 6rem;
padding:0 10px;
}

/*[ Designer Corner Title]*/
.des-info .corner-ttl {
text-align:left;
margin:0 0 1.2rem;
padding:.2em;
font-size:2.2rem;
font-family: 'Candal', sans-serif;
font-weight:normal;
color:#FFF;
background: #D4145A;
}

.des-info .des-image {
	width: 40%;
	float: left;
}
.des-info .des-image img  {
	width: 100%;
}
.des-info .detail {
	width: 55%;
	float: left;
	margin-left: 3%;
}

.des-info .detail-ttl {
	font-size: 160%;
	margin-top: 4rem;
	margin-bottom: 6rem;
}
.des-info .detail-txt {
	margin-bottom: 3rem;
}

@media screen and (max-width: 640px) {
	header .mainimage {
		padding-top: 40px;
		width: 90%;
	}
	.des-info .des-image {
		width: 100%;
		float: none;
	}
	.des-info .detail {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.des-info .detail-ttl {
		margin-top: 2rem;
		margin-bottom: 1rem;
	}


}

.end-entry .base{
    background: #CCC !important;	
}

#content {
	width: 96%;
	max-width: 1024px;
}

.hachicore {
	margin-top: 3rem;
	margin-bottom: 4rem;
}


.inquire h3 {
	font-size: 180%;
	color: #338DC9;
}

.attention h3 {
	font-size: 140%;
	color: #F00;
}