@charset "utf-8";
/*----------------------------------------------------
© getstage. All rights reserved.
- 2013.06.15 toppage

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

.WelcomeHeaderContainer { margin-bottom:12px; margin-left:auto; margin-right:auto; }
.promotion-video-area { background-color:#FFFFFF; border:1px solid #dddddd; width: 480px; height: 320px; padding:10px; float:left; }
.promotion-text-area { float:left; width:430px; margin-left:20px; position:relative; }
.promotion-text-area h2 { font-size:28px; font-weight: 100; margin-bottom:12px; margin-top:12px;letter-spacing:-1px;}
.promotion-text-area p { font-size: 15px; font-weight: 100; color: #262626; line-height: 21px; line-break: strict; line-height:160%; }
/*.promotion-function-area { padding-top:36px; }*/
.tablist { height:40px; text-align:center; padding-top:12px; }
.tab_selector { font-size: 17px; cursor:pointer; padding:10px; }
.selected { color: #262626; font-weight:bold; }
.tab { display:block; width:100%; margin-left:auto; margin-right:auto; }
.noshow { display:none; }
.item-box { z-index:10001!important; float:left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background-image: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background-image: linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background-size: 100% 10%; background-repeat: repeat-x; background-position: bottom; padding: 0 0 9px; /*
border: 1px solid #dddddd;
border-color: rgba(0, 0, 0, 0);
*/ background-color: white; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); cursor: pointer; display: block; width: 310px; height: 250px; z-index: 10; position: relative; text-align:left; margin-right:15px; margin-bottom:15px; }
.item-box-image { width:300px; height:200px; display: table-cell; vtext-align: center!important; position: relative; overflow: hidden!important; background-image:url("https://s3-ap-northeast-1.amazonaws.com/getstage.com/common/img/artist/bg-artist-image.jpg"); background-repeat:no-repeat; position:relative; }
.item-box-image img { max-width: 310px; height:200px; }
.item-box-artistname { position:absolute; text-align:center; background: url("https://s3-ap-northeast-1.amazonaws.com/getstage.com/common/img/asset/overlaybg.png"); background-repeat:repeat!important; opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 0; }
.item-box h3 { font-size:20px!important; padding:36px 0 10px 0; color:#FFFFFF; font-weight:bold; }
.overlay { cursor:pointer; position: absolute; top: 0px; left: 0px; width: 310px; height: 200px; padding:0px; background: url("https://s3-ap-northeast-1.amazonaws.com/getstage.com/common/img/asset/overlaybg80.png"); background-repeat:repeat!important; opacity: 0; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 0; text-align:center; }
.item-description { padding:10px; }
.item-description h2 { font-weight:bold; font-size:14px; }
.overlay:hover { opacity: 1; /* IE7 */ filter: alpha(opacity=75); /* IE8 */ -ms-filter:
 "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
ul.overlay li { text-align:center; margin-top:10px; text-align: -webkit-match-parent; }
ul.overlay li { color:#FFF; text-decoration:none; }
ul.overlay li a { color:#8DE2FF; }
.overlay_tag { font-size:12px; }
.overlay-btn-text { font-size:12px!important; }
.content div { height:1000px; }
.last { margin-right:0!important; }
.pager { margin-left:-310px; margin-right:auto; z-index:100; height:188px; }
.pager img { margin-top:-200px; position:relative; z-index:10001; }
.closed { position:absolute; margin-top:-5px; margin-left:216px; z-index:10001; }
#nextload { height:188px; }

.promotion-text-ja{margin-bottom:24px;}


/* iPhone 3G/3GS/4/4S 縦横向き共通*/
@media only screen and (max-device-width: 480px) {
.promotion-text-area p { font-size: 100%; letter-spacing:-2px; line-height:120%;font-weight:normal;}
.promotion-text-area h2 { font-size: 140%; }
.promotion-text-area {float: left;width: 440x;margin-left: 10px;position: relative;}
.promotion-text-ja { font-size: 70%!important; letter-spacing:-3px; line-height:120%;font-weight:normal;}
}
/* iPhone 3G/3GS/4/4S 縦向き時 */
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
.promotion-text-area p { font-size: 100%; letter-spacing:-2px; line-height:120%;font-weight:normal;}
.promotion-text-area h2 { font-size: 140%; }
.promotion-text-area {float: left;width: 440x;margin-left: 10px;position: relative;}
.promotion-text-ja { font-size: 70%!important; letter-spacing:-3px; line-height:120%;font-weight:normal;}
}
/* iPhone 3G/3GS/4/4S 横向き時 */
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
.promotion-text-area p { font-size: 100%; letter-spacing:-2px; line-height:120%;font-weight:normal;}
.promotion-text-area h2 { font-size: 140%; }
.promotion-text-area {float: left;width: 440x;margin-left: 10px;position: relative;}
.promotion-text-ja { font-size: 70%!important; letter-spacing:-3px; line-height:120%;font-weight:normal;}
}
/* iPad/iPad2 縦横向き共通*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
.promotion-text-area p { font-size: 100%; letter-spacing:-2px; line-height:120%;font-weight:normal;}
.promotion-text-area h2 { font-size: 140%; }
.promotion-text-area {float: left;width: 440x;margin-left: 10px;position: relative;}
.promotion-text-ja { font-size: 70%!important; letter-spacing:-3px; line-height:120%;font-weight:normal;}
}
/* iPad/iPad2 縦向き時 */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.promotion-text-area p { font-size: 100%; letter-spacing:-2px; line-height:120%;font-weight:normal;}
.promotion-text-area h2 { font-size: 140%; }
.promotion-text-area {float: left;width: 440x;margin-left: 10px;position: relative;}
.promotion-text-ja { font-size: 70%!important; letter-spacing:-3px; line-height:120%;font-weight:normal;}
}
/* iPad/iPad2 横向き時　*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.promotion-text-area p { font-size: 100%; line-height:110%;font-weight:normal;}
.promotion-text-area h2 { font-size: 140%; }
.promotion-text-area {float: left;width: 440x;margin-left: 10px;position: relative;}
.promotion-text-ja { font-size: 70%!important; letter-spacing:-3px; line-height:120%;font-weight:normal;}
}