@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------------------
main
---------------------------------------------------------------------- */
body {
    width:100%;
    min-width: 1140px;
    position:relative;
    text-align:center;
}

a{    cursor:pointer;   font-weight: bold;}
a:link,a:visited{    color:#00b2e3;}
a:hover,a:active{    color:#2ccaef;}

.fadeeffect{
    /*display: block;*/
    opacity:1.0;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property:opacity;
    -moz-transition-duration:0.1s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property:opacity;
    -ms-transition-duration:0.1s;
    -ms-transition-timing-function: ease-out;
    transition-property:opacity;
    transition-duration:0.1s;
    transition-timing-function: ease-out;
}

.fadeeffect:hover{    opacity:0.7;   }

::selection {
	background: #f296bf;
    color:#fff;
}
::-moz-selection {
	background:#f296bf;
    color:#fff;
}

/* ----------------------------------------------------------------------
opacityeffect
---------------------------------------------------------------------- */
.opacityeffect{
    position:relative;
    display:block;
}

.opacityeffect .base{
    position:absolute;
    left:0px;
    top:0px;
    z-index:1; 
}

.opacityeffect .effect{
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
    display:none;
}

/* ----------------------------------------------------------------------
	pagetop
---------------------------------------------------------------------- */
#button_pagetop{
    position:fixed;
    right:0px;
    bottom:20px;
    height:30px;
    z-index:8000;
}

#button_pagetop a{
    position:absolute;
    right:-109px;
    bottom:0px;
    display:block;
    width:109px;
    height:30px;
    background-image:url(../images/common/button_pagetop.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
}

#button_pagetop a:link,#button_pagetop a:visited{
    background-position:0px 0px;   
}

#button_pagetop a:hover{
    background-position:0px -30px;   
}

/* ----------------------------------------------------------------------
template edited
---------------------------------------------------------------------- */
#wp{
    width:100%;
    z-index:10;
    overflow-x:hidden;
    background:url(../images/common/bg_wp.png) repeat center 109px;
}

#bg{    background: url(../images/common/bg.png) repeat-y center 8px;}


#sqexHeader-black_rsp{
    position:relative;
    z-index:100;
}

#contents{
    min-width:1100px;
    z-index:100;
    font-size: 16px;
    line-height: 1.75;
    color:#4c4c4c;
    background: none;
    position: relative;
    width:100%;
    overflow-x:hidden;
}

#page_index #contents{font-size: 14px;}

#sqexFooter{
    position:relative;
    overflow:hidden;
}

/* ----------------------------------------------------------------------
base
---------------------------------------------------------------------- */
#wrapper{
    width:1140px;
    margin: 0 auto;
    padding: 70px 0 60px;
    position:relative;
    z-index: 100;
}

.container{
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    opacity: 0;
}

.frame_caption{
    text-align: right;
    margin-bottom: -3px;
}

.frame_inner{
    width: 1000px;
    padding: 37px 37px;
    background-color: #fff;
    border:solid 3px #ccc;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-sizing: border-box;
    word-wrap:break-word;
}

.section_inner{
    margin-top: 40px; 
    position: relative;
}

.frame_inner.ur_radius{
    border-radius: 15px 0 15px 15px;
    -webkit-border-radius: 15px 0 15px 15px;
    -moz-border-radius: 15px 0 15px 15px;
}

.mainpanel{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

/* ----------------------------------------------------------------------
navbar
---------------------------------------------------------------------- */
#navbar{
    position:absolute;
    top:38px;
    height:71px;
    width:100%;
    z-index:99999;
    overflow:hidden;
    padding:0px 0px 5px 0px;
    background:url(../images/nav/globalnav_background.png) left top repeat-x;
    border-bottom: solid 1px #e93486;	
	-webkit-transform: translatez(0);
}

#navbar.fixed{
    position:fixed;
    top:0px;
}

/* socialicon */
#socialicon{
    width: 30px;
    top:120px;   right:15px; position:absolute;  z-index: 99999;
    padding-top: 60px;
    background: url(../images/share/text_share.png) center top no-repeat;
	-webkit-transform: translatez(0);
}
#socialicon.fixed{top: 80px;   position: fixed;}

#socialicon_sp li,
#socialicon li{
    display:block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

#socialicon li img{
    width:30px;
    height:30px;
    vertical-align: middle;
}
.nav_line{display: none!important;}
.smartphone .nav_line{display: inline-block!important;}

#socialicon li.nav_twitter a{ background-color: #55acee; }
#socialicon li.nav_facebook a{ background-color: #3b579d; }
#socialicon li.nav_line a{ background-color: #00c300; }

#socialicon li a{
    display: block;
    width: 30px;
    height: 30px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    float: right;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 40px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}
#socialicon li:hover a{    width: 165px;}
/* ----------------------------------------------------------------------
globalnav
---------------------------------------------------------------------- */
#globalnav{
    position:relative;
    width:1120px;
    margin:0 auto;
    height:70px;
    text-align:left;
}

#globalnav_inner li,
#globalnav_inner li a{
    display:block;
    height:70px;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    background-image:url(../images/nav/globalnav_sprite2017.png);
    background-repeat:no-repeat;
    position:relative;
}
#globalnav_inner li a{    position: relative; z-index: 1;     opacity: 0;}
#globalnav_inner li a:hover{opacity: 1;}

#globalnav_inner li.disabled,
#globalnav_inner li.disabled a{
    opacity:0.3;
    cursor:default;
}

#globalnav_inner li.nav_top,#globalnav_inner li.nav_top a{width:69px;background-position:0px 0px;}
#globalnav_inner li.nav_top a:hover,#globalnav_inner li.nav_top a:active,#page_top #globalnav_inner li.nav_top a{background-position:0px -70px; opacity:1;}
#globalnav_inner li.nav_introduction,#globalnav_inner li.nav_introduction a{width:92px;background-position:-75px 0px;}
#globalnav_inner li.nav_introduction:not(.disabled) a:hover,#globalnav_inner li.nav_introduction:not(.disabled) a:active,#page_introduction #globalnav_inner li.nav_introduction a{background-position:-75px -70px; opacity:1;}
#globalnav_inner li.nav_member,#globalnav_inner li.nav_member a{width:88px;background-position:-170px 0px;}
#globalnav_inner li.nav_member:not(.disabled) a:hover,#globalnav_inner li.nav_member:not(.disabled) a:active,#page_member #globalnav_inner li.nav_member a{background-position:-170px -70px; opacity:1;}
#globalnav_inner li.nav_howtoplay,#globalnav_inner li.nav_howtoplay a{width:107px;background-position:-260px 0px;}
#globalnav_inner li.nav_howtoplay:not(.disabled) a:hover,#globalnav_inner li.nav_howtoplay:not(.disabled) a:active,#page_howtoplay #globalnav_inner li.nav_howtoplay a,
#page_playguide #globalnav_inner li.nav_howtoplay a{background-position:-260px -70px; opacity:1;}
#globalnav_inner li.nav_location,#globalnav_inner li.nav_location a{width:93px;background-position:-370px 0px;}
#globalnav_inner li.nav_location:not(.disabled) a:hover,#globalnav_inner li.nav_location:not(.disabled) a:active,#page_location #globalnav_inner li.nav_location a{background-position:-370px -70px; opacity:1;}
#globalnav_inner li.nav_event,#globalnav_inner li.nav_event a{width:90px;background-position:-465px 0px;}
#globalnav_inner li.nav_event:not(.disabled) a:hover,#globalnav_inner li.nav_ntroduction:not(.disabled) a:active,#page_event #globalnav_inner li.nav_event a{background-position:-465px -70px; opacity:1;}
#globalnav_inner li.nav_information,#globalnav_inner li.nav_information a{width:108px;background-position:-455px 0px;}
#globalnav_inner li.nav_information:not(.disabled) a:hover,#globalnav_inner li.nav_ntroduction:not(.disabled) a:active,#page_information #globalnav_inner li.nav_information a{background-position:-455px -70px; opacity:1;}
#globalnav_inner li.nav_movie,#globalnav_inner li.nav_movie a{width:203px;background-position:-555px 0px;}
#globalnav_inner li.nav_movie:not(.disabled) a:hover,#globalnav_inner li.nav_movie:not(.disabled) a:active,#page_movie #globalnav_inner li.nav_movie a{background-position:-555px -70px; opacity:1;}
#globalnav_inner li.nav_guide,#globalnav_inner li.nav_guide a{width:193px;background-position:-762px 0px;}
#globalnav_inner li.nav_guide:not(.disabled) a:hover,#globalnav_inner li.nav_guide:not(.disabled) a:active,#page_guide #globalnav_inner li.nav_guide a{background-position:-762px -70px; opacity:1;}
#globalnav_inner li.nav_customize,#globalnav_inner li.nav_customize a{width:167px;background-position:-960px 0px;}
#globalnav_inner li.nav_customize:not(.disabled) a:hover,#globalnav_inner li.nav_customize:not(.disabled) a:active{background-position:-960px -70px; opacity:1;}
#globalnav_inner li.nav_twitter a{display: none;}

#globalnav_inner li:not(.disabled):before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 0;
    background-color: rgba(255,255,255,0.6);
    background-image:url(../images/nav/before.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    -webkit-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
}

#globalnav_inner li:not(.disabled):hover:before,
#page_top #globalnav_inner li.nav_top:before,
#page_introduction #globalnav_inner li.nav_introduction:before,
#page_member #globalnav_inner li.nav_member:before,
#page_howtoplay #globalnav_inner li.nav_howtoplay:before,
#page_playguide #globalnav_inner li.nav_howtoplay:before,
#page_location #globalnav_inner li.nav_location:before,
#page_information #globalnav_inner li.nav_information:before,
#page_event #globalnav_inner li.nav_event:before,
#page_movie #globalnav_inner li.nav_movie:before,
#page_guide #globalnav_inner li.nav_guide:before{height: 63px;}

/* ----------------------------------------------------------------------
    navcontainersp
---------------------------------------------------------------------- */
#socialicon_sp{margin: 40px 0 20px;}
#modal-content{position: relative;    }
#animatedModal{
    display: none;
/*    background:url(../images/common/pattern01.png) left top repeat;    */
}

#navcontainersp{
    width: 630px;
    padding-top: 125px;
    margin: 0 auto;
}

#globalnavsp_inner li{display:inline;}

#globalnavsp_inner li a{
    height:200px;
    width: 200px;
    display:block;
    margin: 5px;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background-image:url(../images/nav/globalnavsp_sprite2017.png),url(../images/common/pattern01.png);
    background-repeat:no-repeat,repeat;
    background-color: #e82e82;
}
#globalnavsp_inner li:nth-child(2n) a:not(.disabled){
    background-color: #ed589b;
    background-image:url(../images/nav/globalnavsp_sprite2017.png),url(../images/common/pattern01_pink.png);
}

#globalnavsp_inner li a.disabled{        opacity:0.3;        cursor:default;    }

#globalnavsp_inner li a:hover,#globalnavsp_inner li a:active,
#page_top #globalnavsp_inner li.nav_top a,
#page_introduction #globalnavsp_inner li.nav_introduction a,
#page_member #globalnavsp_inner li.nav_member a,
#page_playguide #globalnavsp_inner li.nav_howtoplay a,
#page_howtoplay #globalnavsp_inner li.nav_howtoplay a,
#page_location #globalnavsp_inner li.nav_location a,
#page_event #globalnavsp_inner li.nav_event a,
#page_information #globalnavsp_inner li.nav_information a,
#page_movie #globalnavsp_inner li.nav_movie a,
#page_guide #globalnavsp_inner li.nav_guide a{
    background-image:url(../images/nav/globalnavsp_sprite2017.png);}


#globalnavsp_inner li.nav_top a{background-position:0px 0px;}
#globalnavsp_inner li.nav_top a:hover,#globalnavsp_inner li.nav_top a:active,#page_top #globalnavsp_inner li.nav_top a{background-position:-600px 0; background-color: #fff !important;}
#globalnavsp_inner li.nav_introduction a{background-position:-200px 0px;}
#globalnavsp_inner li.nav_introduction a:not(.disabled):hover,#globalnavsp_inner li.nav_introduction a:not(.disabled):active,#page_introduction #globalnavsp_inner li.nav_introduction a{background-position:-800px 0; background-color: #fff !important;}
#globalnavsp_inner li.nav_member a{background-position:-400px 0;}
#globalnavsp_inner li.nav_member a:not(.disabled):hover,#globalnavsp_inner li.nav_member a:not(.disabled):active,#page_member #globalnavsp_inner li.nav_member a{background-position:-1000px 0; background-color: #fff !important;}

#globalnavsp_inner li.nav_howtoplay a{background-position:0 -200px;}
#globalnavsp_inner li.nav_howtoplay a:not(.disabled):hover,#globalnavsp_inner li.nav_howtoplay a:not(.disabled):active,
#page_howtoplay #globalnavsp_inner li.nav_howtoplay a,#page_playguide #globalnavsp_inner li.nav_howtoplay a{background-position:-600px -200px; background-color: #fff !important;}

#globalnavsp_inner li.nav_location a{background-position:-200px -200px;}
#globalnavsp_inner li.nav_location a:not(.disabled):hover,#globalnavsp_inner li.nav_location a:not(.disabled):active,#page_location #globalnavsp_inner li.nav_location a{background-position:-800px -200px; background-color: #fff !important;}
/*#globalnavsp_inner li.nav_event a{background-position:-400px -200px;}
#globalnavsp_inner li.nav_event a:not(.disabled):hover,#globalnavsp_inner li.nav_ntroduction a:not(.disabled):active,#page_event #globalnavsp_inner li.nav_event a{background-position:-1000px -200px; background-color: #fff !important;}*/
#globalnavsp_inner li.nav_information a{background-position:-400px -200px;}
#globalnavsp_inner li.nav_information a:not(.disabled):hover,#globalnavsp_inner li.nav_ntroduction a:not(.disabled):active,#page_information #globalnavsp_inner li.nav_information a{background-position:-1000px -200px; background-color: #fff !important;}


#globalnavsp_inner li.nav_movie a{background-position:0 -400px;}
#globalnavsp_inner li.nav_movie a:not(.disabled):hover,#globalnavsp_inner li.nav_movie a:not(.disabled):active,#page_movie #globalnavsp_inner li.nav_movie a{background-position:-600px -400px; background-color: #fff !important;}
#globalnavsp_inner li.nav_guide a{background-position:-200px -400px}
#globalnavsp_inner li.nav_guide a:not(.disabled):hover,#globalnavsp_inner li.nav_guide a:not(.disabled):active,#page_guide #globalnavsp_inner li.nav_guide a{background-position:-800px -400px; background-color: #fff !important;}
#globalnavsp_inner li.nav_customize a{background-position:-400px -400px;}
#globalnavsp_inner li.nav_customize a:not(.disabled):hover,#globalnav_inner li.nav_customize a:not(.disabled):active{background-position:-1000px -400px; background-color: #fff !important;}
#globalnavsp_inner li.nav_twitter a{background-position:0 -600px;}
#globalnavsp_inner li.nav_twitter a:not(.disabled):hover,#globalnav_inner li.nav_twitter a:not(.disabled):active{background-position:-600px -600px; background-color: #fff !important;}


/* ----------------------------------------------------------------------
    button_spnav
---------------------------------------------------------------------- */
#button_spnav{
    display:none;
    top:0px;   right:11px; position:fixed;
    z-index:9998;
}

#button_spnav a{ 
    width:80px;
    height:80px;
    display: block;    
}

#btn-open-modal{background:url(../images/nav/button_spnav_open.png) left top no-repeat;}

#btn-close-modal{
    width:80px;
    height:80px;
    background:url(../images/nav/button_spnav_close.png) left top no-repeat;
    top:0px;   right:11px; position:absolute;
}



#information_list a{font-weight: normal;}
#information_list a:link,#information_list a:visited{    color:#4c4c4c;}
#information_list a:hover,#information_list a:active,
#information_list a:hover .date,#information_list a:active .date{    color:#e95094;}


#info_list li{  
    margin-top: 10px;
    padding-top: 18px;
    background: url(../images/information/line_info.png) left top repeat-x;
}
#info_list li:first-child{
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: none;
}  

#info_list a{display: block;}

#title_information{margin: -25px 0 0 0px;}
#information_list .button_more{    top:20px;   right: 10px; position: absolute;}

/* tagicon date */
.tagicon{
    width: 70px;
    height: 16px;
    display: inline-block;
    background: url(../images/common/tagicon2017.png) no-repeat;
    margin:0 10px -3px 0;
    float: left;
} 

#info_list .date{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #8c8c8c;
    font-weight: bold;
    font-family:'Lato', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.8px;
    display: block;
}

#info_list a:hover{text-decoration: none;}

.cate_news .tagicon{background-position: 0 0;}
.cate_update .tagicon{background-position: -70px 0;}
.cate_event .tagicon{background-position: -140px 0;}
.cate_campaign .tagicon{background-position: -210px 0;}
.cate_other .tagicon{background-position: -280px 0;}
.cate_attention .tagicon{background-position: -350px 0;}

/* ----------------------------------------------------------------------
	text
---------------------------------------------------------------------- */
.text{
    margin-top: 15px;
    text-align: left;
}

.en{
    font-family:'Lato', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.8px;
    font-weight: bold!important;
}

.marker_pink{   background: linear-gradient(transparent 60%, #fadae8 60%);}
.marker_red{    background: linear-gradient(transparent 60%, #fadad7 60%);}
.marker_orange{    background: linear-gradient(transparent 60%, #fce9d3 60%);}
.marker_yellow{ background: linear-gradient(transparent 60%, #fefacd 60%);}
.marker_blue{   background: linear-gradient(transparent 60%, #d5e1f0 60%);}
.marker_green{  background: linear-gradient(transparent 60%, #daefd9 60%);}


strong{color: #e82e82;}

.em{    font-size: 20px!important;}
.font14{    font-size: 14px;}
.notice{font-size:12px;}

.br_pc{ display: block;}
.br_sp{ display: none;}

.red{color: #e95040 !important;}
.pink{color: #e95094 !important;}
.blue{color: #3672ba !important;}
.green{color: #4db44b !important;}
.glay{color: #7d7d79 !important;}

.box_subtext{
	border: solid 1px #4d4d4d;
	background-color: #fff;
    background-color: rgba(255,255,255,0.1);
	padding: 20px 25px;
}

.em_marker{
    /*height: 18px;*/
    padding-left: 25px;
}

.em_marker.pink{    background: url(../images/common/em_marker_pink.png) left 4px no-repeat;}
.em_marker.red{    background: url(../images/common/em_marker_red.png) left 4px no-repeat;}
.em_marker.blue{    background: url(../images/common/em_marker_blue.png) left 4px no-repeat;}
.em_marker.green{    background: url(../images/common/em_marker_green.png) left 4px no-repeat;}

.sectiontitle{
    width: 920px;
    min-height: 60px;
    overflow: hidden;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
    position: relative;
    background-repeat: repeat;
    background-position: left top;
    background-image:url(../images/common/pattern01.png);
}

#page_howtoplay.satellite .sectiontitle{    background-image:url(../images/common/pattern01_red.png);}
#page_howtoplay.center .sectiontitle{    background-image:url(../images/common/pattern01_orange.png);}
#page_howtoplay.nesica .sectiontitle{    background-image:url(../images/common/pattern01_blue.png);}


.texttitle{
    font-size: 20px;
    line-height: 40px;
    margin-top: 60px;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
}

.textcaption{
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 5px 30px 2px;
    margin-right: 15px;
    text-align: center;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
}

.textcaption.full{  width: 100%;}
.textcaption img{
    vertical-align: middle!important;  
    padding-bottom: 2px;    
    height: 20px;
    width: auto;
}

.texttitle{    background-color:#fad5e6 ; color: #e82e82;}
.texttitle .textcaption{background: url(../images/common/pattern01.png) left bottom repeat;}

.texttitle.red{    background-color: #fadad7;}
.texttitle.red .textcaption{background: url(../images/common/pattern01_red.png) left bottom repeat;}
.texttitle.blue{    background-color: #d5e1f0;}
.texttitle.blue .textcaption{background: url(../images/common/pattern01_blue.png) left bottom repeat;}
.texttitle.pink{    background-color: #fadae8;}
.texttitle.pink .textcaption{background: url(../images/common/pattern01_pink.png) left bottom repeat;}
.texttitle.green{    background-color: #daefd9 ;}
.texttitle.green .textcaption{background: url(../images/common/pattern01_green.png) left bottom repeat;}


/* ----------------------------------------------------------------------
    table
---------------------------------------------------------------------- */
.table_template{ 
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.table_template td,.table_template th{
    border: solid 1px #ccc;
    padding:10px 10px;
	word-break: break-all;
    vertical-align: middle;
    line-height: 1.6;
}

.table_template th{
    color: #fff;
    border: solid 1px #fff;
    background-color:#e95094;
}

.table_template th::selection,.table_template th *::selection{	            background: #fff;    color:#e95094;}
.table_template th::-moz-selection,.table_template th *::-moz-selection{	background:#fff;    color:#e95094;}

/*　お知らせ内 店舗リスト　*/
.article_text #locationlist.noblock,.article_text #locationlist.noblock table{width: 100%;}
.article_text #locationlist.noblock .table_template h6{
	color: #4c4c4c;
	background: none;
	font-size: 15px;
	padding: 0 ;
}

.article_text #locationlist.noblock th{
	border: solid 1px #e95094;
	background-image: url(../images/common/titletext_left.png),none;
	height: 30px;
	padding: 10px 20px 5px;
}
.article_text #locationlist.noblock td{
	height: auto;	
	padding: 13px 15px 8px;
	/*border-right: none !important;
	border-left: none !important;*/
	font-size: 12px;	
}
/* ----------------------------------------------------------------------
	button
---------------------------------------------------------------------- */
.button{display: block;}

#pagenate .button_base a,
a.button_base{
    padding: 5px 20px 10px;
    height: 52px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    vertical-align: middle;
    background-color:#e82e82;
    background-image:url(../images/common/button_base.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;    
    border: #e82e82 solid 4px;
    box-shadow:inset 0 0 0 2px #fff,0 5px 0 0px rgba(0,0,0,0.4);
    -webkit-box-shadow:inset 0 0 0 2px #fff,0 5px 0 0px rgba(0,0,0,0.4);
    -moz-box-shadow:inset 0 0 0 2px #fff,0 5px 0 0px rgba(0,0,0,0.4);
    box-sizing: border-box;
}
#pagenate .button_base a:hover,
a.button_base:hover{    background-position:0 -100px;    background-color: #fff;}
.button_base img{    height: 22px;  }

.cate_news #pagenate .button_base a,
.cate_event #pagenate .button_base a,
.cate_update #pagenate .button_base a,
.cate_campaign #pagenate .button_base a,
.cate_attention #pagenate .button_base a,
.cate_other #pagenate .button_base a{padding-top: 10px;}


.button_base.big{
    width: 380px;
    height: 66px;
    padding: 14px 0 14px;
    margin: 0 auto;
}
.button_base.big img{height: 30px;}
/* ----------------------------------------------------------------------
	image
---------------------------------------------------------------------- */
.shadow{
    box-shadow:/*rgba(0,0,0,0.1) 0px 0px 10px 0px,*/rgba(0,0,0,0.2) 3px 3px 6px;
    -webkit-box-shadow:/*rgba(0,0,0,0.1) 0px 0px 10px 0px,*/rgba(0,0,0,0.2) 3px 3px 6px;
    -moz-box-shadow:/*rgba(0,0,0,0.1) 0px 0px 10px 0px,*/rgba(0,0,0,0.2) 3px 3px 6px;
}

.wrapimage{
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

.wrapimage.frameimage img{width: 100%;}

.wrapimage.frameimage{
    padding: 9px; 
    background: #fff;
    border: solid 1px #ccc;
    box-shadow:rgba(0,0,0,0.2) 3px 3px 6px;
    -webkit-box-shadow:rgba(0,0,0,0.2) 3px 3px 6px;
    -moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 6px;
}

.twocolumn .wrapimage{
    width: 450px;
    display: block;
    text-align: left;
}

.arrow{width:67px;  height: 60px;   }
.arrow.pink{background: url(../images/common/arrow_pink.png) left top no-repeat;}
.arrow.red{background: url(../images/common/arrow_red.png) left top no-repeat;}
.arrow.blue{background: url(../images/common/arrow_blue.png) left top no-repeat;}
.arrow.green{background: url(../images/common/arrow_green.png) left top no-repeat;}
.arrow.orange{background: url(../images/common/arrow_orange.png) left top no-repeat;}

.wrapimage .zoom{
    width: 62px;
	height: 16px;
	background:url(../images/common/icon_zoom.png) left top no-repeat;  
	right: 10px;    bottom: 10px; position: absolute; z-index: 100;    
}

/* ----------------------------------------------------------------------
	information    お知らせ
---------------------------------------------------------------------- */
/* タブ */
#information_tabs{
    position:relative;
    width:1000px;
    height:60px;
    display: block;
    margin:0 auto 20px;
    text-align:left;
}
#information_tabs li{display: inline;}

#information_tabs li a{
    width: 160px;
    height:60px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    background-image:url(../images/information/information_tabs2017.png);
    background-repeat:no-repeat;
    margin-right: 8px;
}

#information_tabs li.news a{background-position:0px 0px;}
#information_tabs li.news a:hover,.news #information_tabs li.news a,#information_tabs li.news a:active{background-position:0 -60px;  margin-top: 5px;}
#information_tabs li.update a{background-position:-160px 0px;}
#information_tabs li.update a:hover,.update #information_tabs li.update a,#information_tabs li.update a:active{background-position:-160px -60px;  margin-top: 5px;}
#information_tabs li.event a{background-position:-320px 0px;}
#information_tabs li.event a:hover,.event #information_tabs li.event a,#information_tabs li.event a:active{background-position:-320px -60px;  margin-top: 5px;}
#information_tabs li.campaign a{background-position:-480px 0px;}
#information_tabs li.campaign a:hover,.campaign #information_tabs li.campaign a,#information_tabs li.campaign a:active{background-position:-480px -60px;  margin-top: 5px;}
#information_tabs li.attention a{background-position:-640px 0px;}
#information_tabs li.attention a:hover,.attention #information_tabs li.attention a,#information_tabs li.attention a:active{background-position:-640px -60px;  margin-top: 5px;}
#information_tabs li.other a{background-position:-800px 0px;   margin-right: 0px;}
#information_tabs li.other a:hover,.other #information_tabs li.other a,#information_tabs li.other a:active{background-position:-800px -60px;  margin-top: 5px;}

#pagenate{    position: relative;    height: 60px;  margin-top: 40px;}

#pagenate .button_base a{display: block;}
#pagenate .prev a{left:0;top: 0; position: absolute;}
#pagenate .next a{right:0;top: 0; position: absolute;}
#pagenate .info_list a{
    left:390px;top: 0; position: absolute;
    width: 220px;
    
}

.article_text a:link,.article_text a:visited,.article_text a *{    color:#00b2e3!important;}
.article_text a:hover,.article_texta:active,.article_text a:hover *,.article_texta:active *{    color:#2ccaef!important;}

.article_text h4,.titletext{
    width: 100%;
    padding: 10px 20px 5px;
    color: #fff;
    text-align: left;
    font-size:20px;
    font-weight:normal;
    margin: 60px 0 30px;
    background-image:url("../images/common/titletext_left.png"),url("../images/common/titletext_right.png");
    background-repeat:repeat-y,repeat-y;
    background-position:top left,top right;
    background-color: #e95094;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#locationlist th h5::selection,.article_text h4::selection,.titletext::selection {	            background: #fff;    color:#e95094;}
#locationlist th h5::selection,.article_text h4::-moz-selection,.titletext::-moz-selection {	background:#fff;    color:#e95094;}

.frame_inner h5, .article_text h5{
    font-size: 20px;
    padding-left: 25px;
    color: #e82e82;
    background: url(../images/common/em_marker_pink.png) left 6px no-repeat;
    margin-top: 40px;
}

.article_text p{margin-top: 10px;}
.article_text img,.article_text iframe{max-width: 100%;}


.music_list{clear: both;}

#page_information .frame_inner{
    background-image: url(../images/common/frame_inner.png);
    background-repeat: repeat-y;
    background-position: 17px top ;
    padding-left: 70px;
    
    box-shadow:0px -20px 5px  #fff inset;
    -moz-box-shadow:0px -20px 5px  #fff inset;
    -webkit-box-shadow:0px -20px 5px  #fff inset;
}
 

 /* ----------------------------------------------------------------------
page_calendar   カレンダー
---------------------------------------------------------------------- */
#page_calendar #list_tagicon .tagicon{margin-right: 0px;}
#page_calendar #list_tagicon{position: absolute;right: 40px;top: 46px;}

#page_calendar #list_tagicon li{
    display: inline;
    margin-right: 0;
}

/* ----------------------------------------------------------------------
	introduction   はじめに
---------------------------------------------------------------------- */
#page_introduction #section01 .wrapimage:nth-child(2){margin-left: -25px;}

#page_introduction #section02 .fl_left,
#page_introduction #section02 .fl_right{    width: 445px;}


/* ----------------------------------------------------------------------
	howtoplay  遊び方
---------------------------------------------------------------------- */
.cardimage img{width: 215px; border: #ccc solid 1px;  box-sizing: border-box;}

.sectioninnerbox{
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 25px;
    position: relative;
}

/* タブ */
#howtoplay_tabs{
    position:relative;
    width:1000px;
    height:140px;
    display: block;
    margin:0 auto 20px;
    text-align:left;
}
#howtoplay_tabs li{display: inline;}

#howtoplay_tabs li a{
    width: 240px;
    height:140px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    background-image:url(../images/howtoplay/howtoplay_tabs161206.png);
    background-repeat:no-repeat;
    margin-right: 13px;
}
#howtoplay_tabs li.current a{    cursor:default;}

#howtoplay_tabs li.tabs1 a{background-position:0px 0px;}
#howtoplay_tabs li.tabs1 a:hover,#howtoplay_tabs li.tabs1.current a,#howtoplay_tabs li.tabs1 a:active{background-position:0 -140px; margin-top:5px;}
#howtoplay_tabs li.tabs2 a{background-position:-240px 0px;}
#howtoplay_tabs li.tabs2 a:hover,#howtoplay_tabs li.tabs2.current a,#howtoplay_tabs li.tabs2 a:active{background-position:-240px -140px; margin-top:5px;}
#howtoplay_tabs li.tabs3 a{background-position:-480px 0px;  margin-right: 14px;}
#howtoplay_tabs li.tabs3 a:hover,#howtoplay_tabs li.tabs3.current a,#howtoplay_tabs li.tabs3 a:active{background-position:-480px -140px; margin-top:5px;}
#howtoplay_tabs li.tabs4 a{background-position:-720px 0px;   margin-right: 0px;}
#howtoplay_tabs li.tabs4 a:hover,#howtoplay_tabs li.tabs4.current a,#howtoplay_tabs li.tabs4 a:active{background-position:-720px -140px; margin-top:5px;}


/* ----------------------------------------------------------------------
	howtoplay_satellite
---------------------------------------------------------------------- */
#page_howtoplay.satellite .imagecaption{    left: 15px;    bottom: -20px; position: absolute;}
#page_howtoplay.satellite .imagecaption img{width: 200px;} 

#page_howtoplay.satellite .arrow{left: -42px;    top: 100px; position: absolute;}

#page_howtoplay.satellite .positiontext .text{
    bottom:0px; 
    left: 590px;
    position: absolute;
    font-size: 15px;
}

.imagecard{ 
    width: 120px;
    right: 10px;    bottom: -30px; position: absolute;
}

.imagerotate{    
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.howtocard {    margin-top: 40px; position: relative;}

#page_howtoplay.satellite .howtocard .arrow{ top:188px;   left: 233px;}
#page_howtoplay.satellite .howtocard .fl_right .wrapimage{width: 608px;}
#page_howtoplay.satellite .howtocard .fl_right.em{    line-height: 32px;    width: 608px;}

#page_howtoplay.satellite .howtocard .imagerotate{  margin-left: 15px;}

#page_howtoplay.satellite .howtocard.profilecard .cardimage img{width: 287px; border: none;}
#page_howtoplay.satellite .textcaption{min-width:240px;}

/* ----------------------------------------------------------------------
	howtoplay_center
---------------------------------------------------------------------- */
#page_howtoplay.center .imagecaption{    left: 15px; top:-20px; position: absolute;z-index: 100;}
#page_howtoplay.center .imagecaption img{width: 155px;}

#page_howtoplay.center .fl_left.wrapimage{width: 215px;}
#page_howtoplay.center .fl_right.wrapimage{width: 675px;}
#page_howtoplay.center .fl_right.wrapimage .cardimage{margin-left: 10px;}

#page_howtoplay.center #section02 .howtocard .fl_left .wrapimage{width: 608px;}
#page_howtoplay.center #section02 .arrow{left: 625px;    top: 145px; position: absolute;}

/* ----------------------------------------------------------------------
	howtoplay_nesica
---------------------------------------------------------------------- */
#page_howtoplay.nesica .imagecaption{    left: 50px;    bottom: -20px; position: absolute;}
#page_howtoplay.nesica .imagecaption img{width: 200px;}

.sectioninnerbox.nesica{
    background: #ccecf8;
    border: #9adaf2 solid 3px;
    box-shadow:inset 0 0 0 4px #fff;
    -webkit-box-shadow:inset 0 0 0 4px #fff;
    -moz-box-shadow:inset 0 0 0 4px #fff;
}

.sectioninnerbox.nesica .texttitle.blue{    background-color: #ccecf8;}

.sectioninnerbox.nesica .text{ /*margin: 0 0 0 350px;*/}
.sectioninnerbox.nesica .wrapimage{ top:-20px;   right: 10px; position: absolute;}

.wrapcabinet{
    padding-top: 70px;
    position: relative;
}

.wrapcabinet.satellite{    background: url(../images/howtoplay/nesica/subtitle01.png) left top no-repeat;}
.wrapcabinet.center{    background: url(../images/howtoplay/nesica/subtitle02.png) left top no-repeat;}

.wrapcabinet.satellite .imagecabinet{   right: 21px;   top: 0;    position: absolute;}
.wrapcabinet.center .imagecabinet{      right: -5px;   top: 0;    position: absolute;}

.wrapcabinet .wrapimage{
    width: 300px;
    margin:0 30px 50px 0;
    float: left;
}

.sectioninnerbox.blue{
    background: #d5e1f0;
    border: none;
    box-shadow:none;
}

#page_howtoplay.nesica .sectioninnerbox.blue .fl_left{    width: 430px;}

#page_howtoplay.nesica #section02 .image05{    background: url(../images/howtoplay/nesica/image05.png) center top no-repeat;}

#page_howtoplay.nesica #section02 .image05 .fl_left{ margin-left: 15px;}
#page_howtoplay.nesica #section02 .image05 .fl_right{margin-right: 15px;    margin-top: -50px;}
/* ----------------------------------------------------------------------
	page_page_guide
---------------------------------------------------------------------- */
#page_guide .sectiontitle{    
    margin: -70px 0 0 -60px;
    text-align: left;
    background: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#page_guide .arrow{
    width:64px;  height: 40px;
    margin: 40px auto 60px;
    background: url(../images/guide/arrow.png) left top no-repeat;
}

#page_guide .sectioninnerbox.nesica .wrapimage{ right: -20px;}
#page_guide .section_inner{margin-top: 20px; }

#page_guide #section03 .wrapimage{right: -30px;top: -150px;position: absolute;}

#page_guide #section04 .icon{float: left;   margin-right: 20px;}
#page_guide #section04 p{overflow: auto;}

.sectioninnerbox.yellow{
    background: #fefacd;
    border: #faf1a6 solid 3px;
    box-shadow:inset 0 0 0 4px #fff;
    -webkit-box-shadow:inset 0 0 0 4px #fff;
    -moz-box-shadow:inset 0 0 0 4px #fff;
}

#page_guide #section05 .wrapimage{    width: 284px; margin-top: -30px;}

#page_guide .chara1{left: 60px;bottom: -20px;position: absolute;}
#page_guide .chara2{right:60px;bottom: -20px;position: absolute;}
#page_guide .chara3{right: 170px;top: -180px;position: absolute;}
#page_guide .chara4{left: 40px;top: 65px;position: absolute;}
#page_guide .chara5{right: 40px;bottom: -75px;position: absolute;}
#page_guide .chara6{right: 240px;top: -120px;position: absolute;}
#page_guide .chara7{right: 95px;bottom: 135px;position: absolute;}
#page_guide .chara8{right: 10px;bottom: 70px;position: absolute;}

#page_guide .chara9{left: 480px;top: -135px;position: absolute;}

/* ----------------------------------------------------------------------
	page_location  稼動店舗
---------------------------------------------------------------------- */
#page_location .areaname{
    line-height: 40px;
    text-align: center;    
    margin-bottom: 40px;
}
#page_location #locationmap .areaname{background: url(../images/location/areaname_line2.png) center center no-repeat;}
#page_location #locationviewer .areaname{background: url(../images/location/areaname_line.png) center center no-repeat;}
#contents .areaname img{vertical-align: middle;}
#page_location .mainpanel{min-height: 1020px;}
#locationmap .notice{margin-right: 340px;}

/* ----------------------------------------------------------------------
    locationmap
---------------------------------------------------------------------- */
#locationviewer{    display: none;}
#wrap_locationmap,#locationlist{
    width: 660px;
    box-sizing: border-box; 
}

#wrap_locationmap{
    margin-top: 40px;
    height: 660px;
    background: url(../images/location/locationmap.png) left top no-repeat;
    position: relative;
}

#wrap_locationmap ul{
    width:100%;
}

#wrap_locationmap ul li{
    position:absolute;
    display:inline;
}

#wrap_locationmap ul li a{
    display:block;
    width:110px;
    height:50px;
    background-image:url(../images/location/locationmap_button_sprite.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#wrap_locationmap ul li a.disabled{    cursor:default;   }

#wrap_locationmap ul li.area1 {left:290px;top:20px;}
#wrap_locationmap ul li.area1 a{background-position:0px 0px;}
#wrap_locationmap ul li.area1 a:hover{background-position:-110px 0px;}
#wrap_locationmap ul li.area1 a.disabled:hover{background-position:0px 0px;}
#wrap_locationmap ul li.area2 {left:520px;top:200px;}
#wrap_locationmap ul li.area2 a{background-position:0px -50px;}
#wrap_locationmap ul li.area2 a:hover{background-position:-110px -50px;}
#wrap_locationmap ul li.area2 a.disabled:hover{background-position:0px -50px;}
#wrap_locationmap ul li.area3 {left: 490px;top: 370px;}
#wrap_locationmap ul li.area3 a{background-position:0px -100px;}
#wrap_locationmap ul li.area3 a:hover{background-position:-110px -100px;}
#wrap_locationmap ul li.area3 a.disabled:hover{background-position:0px -100px;}
#wrap_locationmap ul li.area4 {left: 270px;top: 200px;}
#wrap_locationmap ul li.area4 a{background-position:0px -150px;}
#wrap_locationmap ul li.area4 a:hover{background-position:-110px -150px;}
#wrap_locationmap ul li.area4 a.disabled:hover{background-position:0px -150px;}
#wrap_locationmap ul li.area5 {left: 185px;top: 280px;}
#wrap_locationmap ul li.area5 a{background-position:0px -200px;}
#wrap_locationmap ul li.area5 a:hover{background-position:-110px -200px;}
#wrap_locationmap ul li.area5 a.disabled:hover{background-position:0px -200px;}
#wrap_locationmap ul li.area6 {left: 470px;top: 520px;}
#wrap_locationmap ul li.area6 a{background-position:0px -250px;}
#wrap_locationmap ul li.area6 a:hover{background-position:-110px -250px;}
#wrap_locationmap ul li.area6 a.disabled:hover{background-position:0px -250px;}
#wrap_locationmap ul li.area7 {left: 360px;top: 585px;}
#wrap_locationmap ul li.area7 a{background-position:0px -300px;}
#wrap_locationmap ul li.area7 a:hover{background-position:-110px -300px;}
#wrap_locationmap ul li.area7 a.disabled:hover{background-position:0px -300px;}
#wrap_locationmap ul li.area8 {left: 75px;top: 340px;}
#wrap_locationmap ul li.area8 a{background-position:0px -350px;}
#wrap_locationmap ul li.area8 a:hover{background-position:-110px -350px;}
#wrap_locationmap ul li.area8 a.disabled:hover{background-position:0px -350px;}
#wrap_locationmap ul li.area9 {left: 155px;top: 620px;}
#wrap_locationmap ul li.area9 a{background-position:0px -400px;}
#wrap_locationmap ul li.area9 a:hover{background-position:-110px -400px;}
#wrap_locationmap ul li.area9 a.disabled:hover{background-position:0px -400px;}
#wrap_locationmap ul li.area10 {left: 5px;top: 430px;}
#wrap_locationmap ul li.area10 a{background-position:0px -450px;}
#wrap_locationmap ul li.area10 a:hover{background-position:-110px -450px;}
#wrap_locationmap ul li.area10 a.disabled:hover{background-position:0px -450px;}
#wrap_locationmap ul li.area11 {left: 50px;top: 40px;}
#wrap_locationmap ul li.area11 a{background-position:0px -500px;}
#wrap_locationmap ul li.area11 a:hover{background-position:-110px -500px;}
#wrap_locationmap ul li.area11 a.disabled:hover{background-position:0px -500px;}

/* ----------------------------------------------------------------------
    locationlist
---------------------------------------------------------------------- */
#locationlist table{
    width: 660px;
    margin-bottom: 40px;
}

#locationlist table:last-child{margin-bottom: 0;}

#locationlist th{
    padding: 10px 20px 5px;
    box-sizing: border-box;
    height: 45px;
    margin: 60px 0 30px;
    background-image: url(../images/common/titletext_left.png),url(../images/common/titletext_right.png);
    background-repeat: repeat-y,repeat-y;
    background-position: top left,top right;
    background-color: #e95094;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#locationlist th h5{
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

#locationlist td{
    padding: 13px 20px 8px;
    height: 80px;
    background: #fff;
    border-bottom: solid 1px #ccc;
}

#locationviewer .tname{    font-size: 18px;}

#locationviewer .star{
    height: 17px;
    width: 12px;
    display: inline-block;
    background: url(../images/common/musictitle_marker.png) left top no-repeat;
    margin: 0 5px -2px 0;
}

#locationviewer strong{    font-size: 12px;}

/* ----------------------------------------------------------------------
                               location_arealist
---------------------------------------------------------------------- */
#location_arealist{
    width: 300px;
    box-sizing: border-box;
    padding: 16px 22px;
    background-color: #fff;
    border:solid 3px #e95094;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    right: 0; top: 80px;    position: absolute;
}

#location_arealist ul{
    width: 100%;
    text-align:left;
}

#location_arealist li{
    width:100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom:1px solid #ccc;
}
#location_arealist li:last-child{
    border: none;  
    padding-bottom: 0;
    margin-bottom: 0;
}

#location_arealist .areatitle{
    /*font-size: 18px;  color: #4c4c4c;*/
    padding-left: 22px;
    line-height: 24px;
    margin-bottom: 5px;
    background: url(../images/location/areatitle_marker.png) left center no-repeat;
    display: block;
}
#location_arealist .areatitle img{height: 18px; vertical-align: middle;}


#location_arealist a:link,#location_arealist a:visited{    color:#4c4c4c;}
#location_arealist a:hover,#location_arealist a:active{    color:#e82e82; text-decoration: none;}

#location_arealist li .areatitle a.disabled{    cursor:default;}
#location_arealist li .areatitle a:not(.disabled):hover img{    opacity:0.6;}


#location_arealist li .preflist{
    display: inline-block;
    margin-right: 3px;
    margin-top: 3px;
    text-decoration: none;
    padding: 0px 4px;
    font-size: 13px;
    float: left;
    font-weight: normal;
}

#location_arealist li .preflist.disabled{
    color:#bbbbbb;
    cursor:default;
}

#location_arealist li .preflist:hover,#location_arealist li .preflist.current{
    color:#ffffff;
    background-color:#e82e82;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#location_arealist li .preflist.disabled:hover{
    color:#bbbbbb;
    background-color:transparent;
}

/* ----------------------------------------------------------------------
	page_movie
----------------------------------------------------------------------
#page_movie #wrapper{padding-bottom: 20px;} */

#section_download{padding-top: 120px;}
#section_download .pagetitle{padding-top: 0;}

.wrapthumbnail{
    width: 480px;
    padding: 14px;
    margin-top: 40px;
    background: #fff;
    border: solid 1px #ccc;
    box-shadow:rgba(0,0,0,0.2) 3px 3px 6px;
    -webkit-box-shadow:rgba(0,0,0,0.2) 3px 3px 6px;
    -moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 6px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    float: left;
}
.wrapthumbnail .thumbnail{    width: 100%;}

.mainpanel .wrapthumbnail:nth-child(2n){float: right;}
#page_movie .mainpanel ul .wrapthumbnail:nth-child(-n+2){margin-top: 0;}

.wrapthumbnail.align_center .thumbnail{width: auto;}

.wrapthumbnail a:link,.wrapthumbnail a:visited{    color:#e82e82;   display: block;}
.wrapthumbnail a:hover,.wrapthumbnail a:active{    color:#ff4c9d;   text-decoration: none;}

.wrapthumbnail.fadeeffect img{
    display: block;
    opacity:1.0;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property:opacity;
    -moz-transition-duration:0.1s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property:opacity;
    -ms-transition-duration:0.1s;
    -ms-transition-timing-function: ease-out;
    transition-property:opacity;
    transition-duration:0.1s;
    transition-timing-function: ease-out;
}
.wrapthumbnail.fadeeffect:hover img{    opacity:0.7;   }

.wrapthumbnail .thumbnail_title{
    font-size: 18px;
    margin: 14px 0 0;
    text-align: center;
}

.wrapthumbnail .thumbnail_title .label{
    font-size: 14px;
    line-height: 25px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: center center;    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    color: #fff;
    background: #e82e82;
    padding: 0 10px;
    display: block;
    float: left;
}

#page_movie .wrapthumbnail .button_movie_play {display: block;}
#page_movie .wrapthumbnail .movie_sp {display: none;}

.wrapthumbnail .button_base{width: 220px;  margin-top: 10px;   margin-bottom: 5px;}

/* ----------------------------------------------------------------------
	page_material
---------------------------------------------------------------------- 
#page_material .pagetitle{padding-bottom: 40px;}*/

#page_material .wrapthumbnail .button_base{width: 230px;}

#page_material .texttitle{width: 360px;}

.column3 .wrapthumbnail{    width: 300px;    margin-right: 50px;}
.mainpanel .column3 .wrapthumbnail:nth-child(2n){float: left!important;}
.mainpanel .column3 .wrapthumbnail:nth-child(3n){float: right!important;  margin-right: 0px;}

.column3 .wrapthumbnail .thumbnail_title{
    height: 35px;
    width: 270px;
    background: #fad5e6;
    vertical-align: middle;
    display:table-cell;
    text-align: center;
}
.column3 .wrapthumbnail .thumbnail_title.hlong{    height: 60px;      line-height: 1.4; }
.column3 .wrapthumbnail .thumbnail_title.hlong3{    height: 90px;      line-height: 1.4; }

.image_material{margin-top: 10px;}


.column3 .wrapthumbnail .thumbnail_title span{
    display: block;
    font-size: 14px;
}

.column3 .wrapthumbnail .fadeeffect:hover ~ .button_base{
    background-position:0 -100px;    background-color: #fff;
}

.wrapthumbnail .new{
    position: absolute; z-index: 1;
    left: -4px;
    top: -4px;
    width:73px;
    height:73px;
    background:url(../images/material/new.png) left top no-repeat;
}


/* ----------------------------------------------------------------------
	page_member
---------------------------------------------------------------------- */
.charaarea{
    width: 1000px;
    height: 750px;
    position: relative;
}
.charaimage{
    width: 440px;
    text-align: center;
    position: absolute;bottom:0;right: 0;

}

.charaarea_inner{    width: 525px;}

.charaarea .line{
    width: 520px;
    height: 10px;
    margin: 24px 0 31px;
}
.chara1 .line{    background: url(../images/member/line1.png) left top repeat-x;}
.chara2 .line{    background: url(../images/member/line2.png) left top repeat-x;}
.chara3 .line{    background: url(../images/member/line3.png) left top repeat-x;}
.chara4 .line{    background: url(../images/member/line4.png) left top repeat-x;}
.chara5 .line{    background: url(../images/member/line5.png) left top repeat-x;}
.chara6 .line{    background: url(../images/member/line6.png) left top repeat-x;}
.chara7 .line{    background: url(../images/member/line7.png) left top repeat-x;}
.chara8 .line{    background: url(../images/member/line8.png) left top repeat-x;}
.chara9 .line{    background: url(../images/member/line9.png) left top repeat-x;}


.charaname_en{    padding: 60px 0 60px;}

.charaname{float: left;}
.castname{
    float: left;
    margin: 57px 0 0 25px;
    font-size: 20px;
}

.charaarea .label{
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: center center;    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;    
    display: block;
    float: left;
}

.castname .label{
    width: 40px;
    background-image: url(../images/member/cv.png);
}

.chara1 .label{background-color: #f3962f;}
.chara2 .label{background-color: #0ea7e1;}
.chara3 .label{background-color: #b0b0ab;}
.chara4 .label{background-color: #3672ba;}
.chara5 .label{background-color: #e3ce10;}
.chara6 .label{background-color: #e95040;}
.chara7 .label{background-color: #675199;}
.chara8 .label{background-color: #4db44b;}
.chara9 .label{background-color: #e95094;}

.charaprofile .label{
    width: 100px;
    margin-right: 10px;
    margin-top: 3px;
}
.charaprofile div{
    font-size: 14px;
    width: 260px;
    display: block;
    float: left;
    line-height: 32px;
    margin-bottom: 3px;
}

.charaprofile .profile1{width: 100%;}
.charaprofile .profile1 .label{background-image: url(../images/member/profile1.png);}
.charaprofile .profile2 .label{background-image: url(../images/member/profile2.png);}
.charaprofile .profile3 .label{background-image: url(../images/member/profile3.png);}
.charaprofile .profile4 .label{background-image: url(../images/member/profile4.png);}
.charaprofile .profile5 .label{background-image: url(../images/member/profile5.png);}
.charaprofile .profile6 .label{background-image: url(../images/member/profile6.png);}
.charaprofile .profile7 .label{background-image: url(../images/member/profile7.png);}

.charatext{
    line-height: 30px;
    margin-bottom: 40px;
}
/*
    #member_tabs ul{
        width:100%; 
        margin-bottom: 5px;
    }

    #member_tabs li{
        display:inline;
    }

    #member_tabs li a{
        display:block;
        width:100px;
        height:115px;
        background-image:url(../images/member/member_tabs.png);
        background-repeat:no-repeat;
        text-indent:-9999px;
        overflow:hidden;
        float: left;
        margin-right: 12px;
    }

    #member_tabs li.chara1 a{background-position:0px 0px;}
    #member_tabs li.chara1 a:hover,#member_tabs li.chara1.current a{background-position: 0 -115px}
    #member_tabs li.chara2 a{background-position:-100px 0px;}
    #member_tabs li.chara2 a:hover,#member_tabs li.chara2.current a{background-position: -100px -115px}
    #member_tabs li.chara3 a{background-position:-200px 0px}
    #member_tabs li.chara3 a:hover,#member_tabs li.chara3.current a{background-position: -200px -115px}
    #member_tabs li.chara4 a{background-position:-300px 0px}
    #member_tabs li.chara4 a:hover,#member_tabs li.chara4.current a{background-position: -300px -115px}
    #member_tabs li.chara5 a{background-position:-400px 0px}
    #member_tabs li.chara5 a:hover,#member_tabs li.chara5.current a{background-position: -400px -115px}
    #member_tabs li.chara6 a{background-position:-500px 0px}
    #member_tabs li.chara6 a:hover,#member_tabs li.chara6.current a{background-position: -500px -115px}
    #member_tabs li.chara7 a{background-position:-600px 0px}
    #member_tabs li.chara7 a:hover,#member_tabs li.chara7.current a{background-position: -600px -115px}
    #member_tabs li.chara8 a{background-position:-700px 0px}
    #member_tabs li.chara8 a:hover,#member_tabs li.chara8.current a{background-position: -700px -115px}
    #member_tabs li.chara9 a{background-position:-800px 0px; margin-right: 0;}
    #member_tabs li.chara9 a:hover,#member_tabs li.chara9.current a{background-position: -800px -115px}*/


#page_member .sp-slides{
    padding-top: 140px;
}

#page_member .sp-button{
    display: inline-block;
    width:100px;
    height:115px;
    margin-right: 12px; 
}
#page_member .sp-button:last-child{margin-right: 0;}

#page_member .sp-button div{
    display:block;
    width:100px;
    height:115px;
    background-image:url(../images/member/member_tabs.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

.sp-button .charatab1 {background-position:0px 0px;}
.sp-button:hover .charatab1,.sp-button.sp-selected-button .charatab1{background-position: 0 -115px}
.sp-button .charatab2 {background-position:-100px 0px;}
.sp-button:hover .charatab2,.sp-button.sp-selected-button .charatab2{background-position: -100px -115px}
.sp-button .charatab3 {background-position:-200px 0px}
.sp-button:hover .charatab3,.sp-button.sp-selected-button .charatab3{background-position: -200px -115px}
.sp-button .charatab4 {background-position:-300px 0px}
.sp-button:hover .charatab4,.sp-button.sp-selected-button .charatab4{background-position: -300px -115px}
.sp-button .charatab5 {background-position:-400px 0px}
.sp-button:hover .charatab5,.sp-button.sp-selected-button .charatab5{background-position: -400px -115px}
.sp-button .charatab6 {background-position:-500px 0px}
.sp-button:hover .charatab6,.sp-button.sp-selected-button .charatab6{background-position: -500px -115px}
.sp-button .charatab7 {background-position:-600px 0px}
.sp-button:hover .charatab7,.sp-button.sp-selected-button .charatab7{background-position: -600px -115px}
.sp-button .charatab8 {background-position:-700px 0px}
.sp-button:hover .charatab8,.sp-button.sp-selected-button .charatab8{background-position: -700px -115px}
.sp-button .charatab9{background-position:-800px 0px; margin-right: 0;}
.sp-button:hover .charatab9,.sp-button.sp-selected-button .charatab9{background-position: -800px -115px}


#section_unit li{
    display: block;
    float: left; 
    margin-top: 30px; 
    position: relative;
    width: 340px;
    height: 455px;
}
#section_unit img{    width: 340px;}
#section_unit li#unit1{   /*background:rgba(50,0,0,0.1);*/  margin-left: -30px;}
#section_unit li#unit2{   /*background:rgba(0,50,0,0.1);*/  margin:30px -20px 0;}
#section_unit li#unit3{   /*background:rgba(0,0,50,0.1);*/  margin-right: -30px;    float: right;}

#section_unit li .unit{position: absolute;    left: 0;    top: 0;   z-index: 1;}
#section_unit li .unitbg{position: absolute;    left: 0;    top: 0; z-index: 0;}

/* ----------------------------------------------------------------------
	frame内
---------------------------------------------------------------------- */
.pagetitle{
    padding: 60px 0;
    text-align: center;
}

.frame_title{
    padding-bottom: 15px;
    margin-bottom: 40px;
    background: url(../images/common/line_title.png) left bottom repeat-x;
    text-align: left;
}

.frame_title h3{
    font-size: 25px;
    /*line-height: 1.6;*/
    font-weight: normal;
    padding: 15px 0 10px;
}

.frame_title .date{
    line-height: 20px;
    color: #8c8c8c;
    padding-bottom: 15px;
    border-bottom: solid 1px #ccc;
    font-family:'Lato', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.8px;
    font-size: 18px;
    font-weight: bold;
}
.frame_title .date .tagicon{    margin-top: 3px;}


.musictitle,h6{
    line-height: 20px;
    font-size: 18px;
    background:url(../images/common/musictitle_marker.png) left center no-repeat;  
    padding-left: 20px;
    padding-top: 5px;
    font-weight: normal;
}

.frame_inner h6{
    color: #e82e82;
    font-weight: bold;
    margin-bottom: 5px;
    
    /*font-size: 16px;
    line-height: 20px;
    background:url(../images/common/musictitle_marker.png) left top no-repeat;  
    padding-left: 20px;
    */
}


/* リスト */
.simple_list {margin-top: 10px;}
.simple_list li{    list-style-type: disc;	margin-left: 20px;}
ol.simple_list li{	list-style-type: decimal;}

.image_list{margin-top: 10px;}
.image_list li{
    float: left;
    margin-right: 10px;
    text-align: center;
}

.image_list.music_list li{
    text-align: left;
}
.image_list.music_list li:nth-child(even){
    float: right;
    margin-right: 0;
}

#contents .image_list.music_list li img{    vertical-align: middle;	}

.image_list.music_list li a{
    margin-left: 5px;  
    display: inline-block;
    position: relative;
}

.image_list.music_list li span{
	right: 5px; bottom: 5px;
}

/* テーブル */
table{    color:#4c4c4c;}
.simple_table{ 
    margin-top: 10px;
    width: 100%;  line-height: 2.2;
}

/* ----------------------------------------------------------------------
loadingbox
---------------------------------------------------------------------- */
#loadingbox{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    overflow:hidden;
    z-index:100000;
    max-height:1000px;
    display:none;
}

#loadingbox img{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-64px;
    margin-top:-64px;
    z-index:10001;
    transform-origin:center center;
}

@-webkit-keyframes rotate1 {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); } 
}
@-moz-keyframes rotate1 {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(-360deg); } 
}
@-o-keyframes rotate1 {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(-360deg); } 
}
@keyframes rotate1 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } 
}
#loadingbox img.circle1{
  -webkit-animation: rotate1 1.5s infinite linear; /* Safari 4+ */
  -moz-animation:    rotate1 1.5s infinite linear; /* Fx 5+ */
  -o-animation:      rotate1 1.5s infinite linear; /* Opera 12+ */
  animation:         rotate1 1.5s infinite linear; /* IE 10+, Fx 29+ */
}



@-webkit-keyframes rotate2 {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } 
}
@-moz-keyframes rotate2 {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); } 
}
@-o-keyframes rotate2 {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); } 
}
@keyframes rotate2 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } 
}
#loadingbox img.circle2{
  -webkit-animation: rotate2 3s infinite linear; /* Safari 4+ */
  -moz-animation:    rotate2 3s infinite linear; /* Fx 5+ */
  -o-animation:      rotate2 3s infinite linear; /* Opera 12+ */
  animation:         rotate2 3s infinite linear; /* IE 10+, Fx 29+ */
}

#contentmask{
	position:fixed;
	width:100%;
	height:100%;
    top:0px; left:0px;  z-index:99999;
	/*background:url(../images/common/bg.png) center 8px repeat;*/
    background:none;
    display:none;
}

/* ----------------------------------------------------------------------
    button_pagetop
---------------------------------------------------------------------- */
.smartphone #button_pagetop{
    position:fixed;
    right:0px;
    bottom:20px;
    height:50px;
    z-index:8000;
}

.smartphone #button_pagetop a{
    right:-145px;
    bottom:0px;
    width:145px;
    height:50px;
    background-image:url(../images/common/button_pagetop_sp.png);
}

.smartphone #button_pagetop a:link,.smartphone #button_pagetop a:visited{        background-position:0px 0;       }
.smartphone #button_pagetop a:hover{        background-position:0px -50px;       }

/* ----------------------------------------------------------------------
                               smartphone
---------------------------------------------------------------------- */
@media only screen and (max-width:640px){
    /* ----------------------------------------------------------------------
    main
    ---------------------------------------------------------------------- */
    html{
        -webkit-text-size-adjust: 100%;
        min-width:640px;
    }

    body{
        min-width:640px;
        font-size: 20px;
        overflow-x: hidden;
    }

    #container{
        width: 640px;
        
    }
    /* ----------------------------------------------------------------------
    template edited
    ---------------------------------------------------------------------- */
    #wp{
        width:100%;
        position:relative;
        background: url(../images/common/bg.png) repeat-y center 8px;
    }

    #sqexHeader-black_rsp{
        position:relative;
        z-index:100;
    }

    #contents{
        font-size: 20px;
        min-width:640px;
    }
    #page_index #contents{font-size: 20px;}

    #sqexFooter{
        position:relative;
        overflow:hidden;
    }

    /* ----------------------------------------------------------------------
    base
    ---------------------------------------------------------------------- */
    #wrapper{
        width:640px !important;
        padding-top: 0;
    }
    
    #background{    display: none;}


    .container{
        width: 640px;
    }

    .frame_caption{
        text-align: right;
        margin-bottom: -3px;
    }

    .frame_inner{
        width: 600px;
        padding: 27px 27px;
    }

    .mainpanel{
        width: 600px;
    }
    
    #wrapper img{ height: auto;}
    
    /* ----------------------------------------------------------------------
    navbar
    ---------------------------------------------------------------------- */
    #navbar,#navbar.fixed{
        position:static;
        height:auto;
        width:100%;
        padding:0px 0px 0px 0px;
        background:url(../images/common/pattern01.png) left top repeat;
        border-bottom: none;
    }

    
    /* socialicon */
    #socialicon,#socialicon.fixed{
        width: 100%;
        position:static;
        background: none;
        padding: 0 0 50px;
    }

    #socialicon li,
    #socialicon_sp li{
        width:80px;
        height:80px;
        margin:0 10px; 
        display:inline-block;
    }

    #socialicon_sp li img,
    #socialicon li img{
        width: 80px;
        height: 80px;
    }

    #socialicon li a{
        width: 80px;
        height: 80px;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
    }
    #socialicon li:hover a{    width: 80px;}
    
    
    /* ----------------------------------------------------------------------
    globalnav
    ---------------------------------------------------------------------- */
    #globalnav{
        width:640px;
        height:auto;
        padding: 10px 0;
    }
    
    #globalnav_inner li,
    #globalnav_inner li a{
        width: 320px !important;
        height:80px!important;
        background-image:url(../images/nav/globalnav_sprite_sp2017.png);
    }

    #globalnav_inner li.nav_top,#globalnav_inner li.nav_top a{background-position:0px 0px;}
    #globalnav_inner li.nav_top a:hover,#globalnav_inner li.nav_top a:active,#page_top #globalnav_inner li.nav_top a{background-position: -320px 0; opacity: 1;}
    #globalnav_inner li.nav_introduction,#globalnav_inner li.nav_introduction a{background-position:0 -80px;}
    #globalnav_inner li.nav_introduction:not(.disabled) a:hover,#globalnav_inner li.nav_introduction:not(.disabled) a:active,#page_introduction #globalnav_inner li.nav_introduction a{background-position:-320px -80px; opacity: 1;}
    #globalnav_inner li.nav_member,#globalnav_inner li.nav_member a{background-position:0px -160px;}
    #globalnav_inner li.nav_member:not(.disabled) a:hover,#globalnav_inner li.nav_member:not(.disabled) a:active,#page_member #globalnav_inner li.nav_member a{background-position:-320px -160px; opacity: 1;}
    #globalnav_inner li.nav_howtoplay,#globalnav_inner li.nav_howtoplay a{background-position:0px -240px;}
    #globalnav_inner li.nav_howtoplay:not(.disabled) a:hover,#globalnav_inner li.nav_howtoplay:not(.disabled) a:active,#page_howtoplay #globalnav_inner li.nav_howtoplay a,#page_playguide #globalnav_inner li.nav_howtoplay a{background-position:-320px -240px; opacity: 1;}
    #globalnav_inner li.nav_location,#globalnav_inner li.nav_location a{background-position:0px -320px;}
    #globalnav_inner li.nav_location:not(.disabled) a:hover,#globalnav_inner li.nav_location:not(.disabled) a:active,#page_location #globalnav_inner li.nav_location a{background-position:-320px -320px; opacity: 1;}
    /*#globalnav_inner li.nav_event,#globalnav_inner li.nav_event a{background-position:0px -400px;}
    #globalnav_inner li.nav_event:not(.disabled) a:hover,#globalnav_inner li.nav_ntroduction:not(.disabled) a:active,#page_event #globalnav_inner li.nav_event a{background-position:-320px -400px; opacity: 1;}*/
	#globalnav_inner li.nav_information,#globalnav_inner li.nav_information a{background-position:0px -400px;}
    #globalnav_inner li.nav_information:not(.disabled) a:hover,#globalnav_inner li.nav_ntroduction:not(.disabled) a:active,#page_information #globalnav_inner li.nav_information a{background-position:-320px -400px; opacity: 1;}
    #globalnav_inner li.nav_movie,#globalnav_inner li.nav_movie a{background-position:0px -480px}
    #globalnav_inner li.nav_movie:not(.disabled) a:hover,#globalnav_inner li.nav_movie:not(.disabled) a:active,#page_movie #globalnav_inner li.nav_movie a{background-position:-320px -480px; opacity: 1;}
    #globalnav_inner li.nav_guide,#globalnav_inner li.nav_guide a{background-position:0 -560px;}
    #globalnav_inner li.nav_guide:not(.disabled) a:hover,#globalnav_inner li.nav_guide:not(.disabled) a:active,#page_guide #globalnav_inner li.nav_guide a{background-position:-320px -560px; opacity: 1;}
    #globalnav_inner li.nav_customize,#globalnav_inner li.nav_customize a{background-position:0px -640px;}
    #globalnav_inner li.nav_customize a:not(.disabled):hover,#globalnav_inner li.nav_customize a:not(.disabled):active{background-position:-320px -640px; opacity: 1;}
    #globalnav_inner li.nav_twitter,#globalnav_inner li.nav_twitter a{background-position:0px -720px;   display: block;}
    #globalnav_inner li.nav_twitter a:not(.disabled):hover,#globalnav_inner li.nav_twitter a:not(.disabled):active{background-position:-320px -720px; opacity: 1;}
    
    #globalnav_inner li:not(.disabled):before{      background: none;    }
    
    .smartphone #button_spnav{        display:block;    } 
    #animatedModal{display: block;}
    
    
    /* tagicon date */
    .tagicon{
        width: 135px;
        height: 30px;
        display: inline-block;
        background: url(../images/common/tagicon2017_sp.png) no-repeat;
        margin:0 10px -3px 0;
        line-height: 30px;
    } 

    #info_list .date{
        font-size: 22px !important;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .cate_news .tagicon{background-position: 0 0;}
    .cate_update .tagicon{background-position: -135px 0;}
    .cate_event .tagicon{background-position: -270px 0;}
    .cate_campaign .tagicon{background-position: -405px 0;}
    .cate_other .tagicon{background-position: -540px 0;}
    .cate_attention .tagicon{background-position: -675px 0;}

    
    /* ----------------------------------------------------------------------
	text
    ---------------------------------------------------------------------- */
    .em{ font-size: 25px;}
    .font14,.notice{font-size:18px;}

    .br_pc{ display: none;}
    .br_sp{ display: block;}
    
    .box_subtext{
        padding: 20px 25px;
    }

    .em_marker{
        height: 18px;
        padding-left: 25px;
        background-position: left 8px !important;
    }

    .sectiontitle{  width: 540px;    }
    .sectiontitle div{
        width: 510px;
        margin: 0 auto;
        overflow: hidden;
    }
    .sectiontitle div img{        margin-left: -205px;}

    #page_introduction #section03 .sectiontitle img{margin: 0;}
    #page_introduction #section03 .sectiontitle{
        background: url(../images/common/pattern01.png) left top repeat;
        padding: 15px 0;
    }
    
    .texttitle{
        font-size: 24px;
        padding: 25px 25px 15px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        text-align: center;
    }

    .textcaption{
        display: block;
        margin-bottom: 15px;
        /*padding-bottom: 5px;*/
        margin-right: 0;
    }

    .textcaption.full{  width: 100%;}
    
    
    /* ----------------------------------------------------------------------
    table
    ----------------------------------------------------------------------	*/
    /*　お知らせ内 店舗リスト　*/
	.article_text .table_template h6{
		font-size: 22px;
		margin-bottom: 0;
	}	
	
	
	.article_text #locationlist.noblock .table_template h6{
		font-size: 20px;
		line-height: 1.3;
	}

	.article_text #locationlist.noblock th{height: auto;}
	.article_text #locationlist.noblock td{
		/*padding: 0px 0 8px 15px;*/
		font-size: 18px;	
	}

    
    /* ----------------------------------------------------------------------
	button
    ---------------------------------------------------------------------- */  
    #wrapper .button_base img{
        height: 30px;
    }
    
    .button_base.big{
        height: 76px;
        /*padding: 12px 00px 15px;*/
    }
    
    /* ----------------------------------------------------------------------
        page_sub
    ---------------------------------------------------------------------- */
    .titletext{background-image: none;}
    
    .musictitle,h6{font-size: 22px;}

    .frame_inner h6{
        margin-bottom: 10px;
    }
    
    
    .pagetitle.widetitle {        margin-left: -40px;    }
    
    .frame_title h3{font-size: 30px;}
    
    .frame_title .date{
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 25px;
    }
    
    /* リスト */
    /* テーブル */
    .simple_table td{min-width: 100px;}
    
    .image_list li,.image_list.music_list li{
        width: 100%;
        float: none!important;
        margin-top: 60px!important;
    }
    
    .wrapimage .zoom,
    .image_list.music_list li span{
        width: 100px;
        height: 26px;
        background:url(../images/common/icon_zoom_sp.png) left top no-repeat;  
        right: 10px; bottom: 10px;
    }

    .image_list li:first-child,.image_list.music_list li:first-child{margin-top: 0!important;}
    
    .image_list.music_list li a{margin-left: 0px;   margin: 15px auto 5px;}
    
    .fullimage{width: 100%;  height: auto;}
    
    /* ----------------------------------------------------------------------
	image
    ---------------------------------------------------------------------- */
    .wrapimage{
        width: 100% !important;
    }

    .wrapimage .zoom{right: 20px;   bottom: 20px;}
    
    /* ----------------------------------------------------------------------
        information    お知らせ
    ---------------------------------------------------------------------- */
    /* タブ */
    #information_tabs{
        width:600px;
        height:130px;
    }

    #information_tabs li a{
        width: 190px;
        height:70px;
        background-image:url(../images/information/information_tabs2017_sp.png);
        margin-right: 15px;
    }

    #information_tabs li.news a{background-position:0px 0px;}
    #information_tabs li.news a:hover,.news #information_tabs li.news a,#information_tabs li.news a:active{background-position:0 -70px;  margin-top: 0px;}
    #information_tabs li.update a{background-position:-190px 0px;}
    #information_tabs li.update a:hover,.update #information_tabs li.update a,#information_tabs li.update a:active{background-position:-190px -70px;  margin-top: 0px;}
    #information_tabs li.event a{background-position:-380px 0px;    margin-right: 0;}
    #information_tabs li.event a:hover,.event #information_tabs li.event a,#information_tabs li.event a:active{background-position:-380px -70px;  margin-top: 0px;}
    #information_tabs li.campaign a{background-position:-570px 0px;}
    #information_tabs li.campaign a:hover,.campaign #information_tabs li.campaign a,#information_tabs li.campaign a:active{background-position:-570px -70px;  margin-top: 0px;}
    #information_tabs li.attention a{background-position:-760px 0px;}
    #information_tabs li.attention a:hover,.attention #information_tabs li.attention a,#information_tabs li.attention a:active{background-position:-760px -70px;  margin-top: 0px;}
    #information_tabs li.other a{background-position:-950px 0px;}
    #information_tabs li.other a:hover,.other #information_tabs li.other a,#information_tabs li.other a:active{background-position:-950px -70px;  margin-top: 0px;}

    #pagenate .info_list a{width: 260px;  left: 170px;}
    
    .article_text h4,.titletext{        font-size:25px;}

    #page_information .frame_inner{
        background-image: none;
        padding: 27px;
    }

    #pagenate .info_list{        width: 260px;    }
    #pagenate .button_base a,
    a.button_base{height: 58px;    }
    

    /* ----------------------------------------------------------------------
    page_calendar   カレンダー
    ---------------------------------------------------------------------- */    
    #page_calendar #list_tagicon{right: 30px;top: 90px;}
    #page_calendar #list_tagicon .tagicon{margin-right: 0px;    }
        
    /* ----------------------------------------------------------------------
	introduction   はじめに
    ---------------------------------------------------------------------- */
    #page_introduction #section01{width: 640px; margin-left: -20px;}
    
    #page_introduction #section01 .wrapimage:nth-child(2){margin-left: -0px;}
    #page_introduction #section01 .wrapimage:nth-child(2) img{width: 630px; height: auto;}
    
    #page_introduction #section01 .wrapimage:nth-child(4){margin-left: -119px;}
    #page_introduction #section01 .wrapimage:nth-child(4) img{width: 860px; height: auto;}
        
    
    #page_introduction #section02 .fl_left{margin-bottom: 30px;}
    
    #page_introduction #section02 .fl_left,
    #page_introduction #section02 .fl_right{    width: 100%;}
        
    /* ----------------------------------------------------------------------
	howtoplay  遊び方
    ---------------------------------------------------------------------- */
    .cardimage img{width: 170px; border: #ccc solid 1px;  box-sizing: border-box;}

    .sectioninnerbox{
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        padding: 25px;
        position: relative;
    }

    /* タブ */
    #howtoplay_tabs{
        width:600px;
        height:280px;
    }

    #howtoplay_tabs li a{
        width: 290px;
        height:140px;
        background-image:url(../images/howtoplay/howtoplay_tabs161206_sp.png);
         margin-right: 20px;
    }
    
    #howtoplay_tabs li.tabs2 a{background-position: 0px 0px;}
    #howtoplay_tabs li.tabs1 a:hover,#howtoplay_tabs li.tabs1.current a,#howtoplay_tabs li.tabs1 a:active{background-position:0 -140px; margin-top: 0px;}
    #howtoplay_tabs li.tabs2 a{background-position: -290px 0px; margin-right: 0px;}
    #howtoplay_tabs li.tabs2 a:hover,#howtoplay_tabs li.tabs2.current a,#howtoplay_tabs li.tabs2 a:active{background-position:-290px -140px; margin-top: 0px;}
    #howtoplay_tabs li.tabs3 a{background-position: -580px 0px; margin-right: 20px;}
    #howtoplay_tabs li.tabs3 a:hover,#howtoplay_tabs li.tabs3.current a,#howtoplay_tabs li.tabs3 a:active{background-position: -580px -140px; margin-top: 0px;}
    #howtoplay_tabs li.tabs4 a{background-position: -870px 0px; margin-right: 0;}
    #howtoplay_tabs li.tabs4 a:hover,#howtoplay_tabs li.tabs4.current a,#howtoplay_tabs li.tabs4 a:active{background-position: -870px -140px; margin-top: 0px;}
    
    
    /*#howtoplay_tabs li.tabs4 a{background-position: -576px 0px;margin-right: 0px;width: 600px;   margin-top: 00px;}
    #howtoplay_tabs li.tabs4 a:hover,#howtoplay_tabs li.tabs4.current a,#howtoplay_tabs li.tabs4 a:active{background-position:-576px -120px;     margin-top: 00px;}*/

    
    /* ----------------------------------------------------------------------
	howtoplay_satellite
    ---------------------------------------------------------------------- */
    #page_howtoplay.satellite .imagecaption img{width: 300px;} 
    
    #page_howtoplay.satellite .arrow{left: 235px;    top: -70px;}
    #page_howtoplay.satellite .arrow{
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);        
    }
        
    #page_howtoplay.satellite .positiontext .text{
        position: static;
        font-size: 20px;
    }

    .imagecard{         width: 140px;    }

    #page_howtoplay.satellite #section03 .fl_left.wrapimage,
    #page_howtoplay.satellite #section03 .fl_right.wrapimage{
        float: none;        
    }
     #page_howtoplay.satellite #section03 .fl_right.wrapimage{margin-top: 80px;}
    
    #page_howtoplay.satellite .howtocard .arrow{ display: none;}
    #page_howtoplay.satellite .howtocard .fl_right .wrapimage{float: none;  margin-top: 20px!important; margin-bottom: 40px;}
    
    #page_howtoplay.satellite .howtocard .fl_right.em{    
        line-height: 1.75;
        width: 300px;
        padding-top: 35px;
    }

    #page_howtoplay.satellite .howtocard .cardimage img/*,#page_howtoplay.satellite .howtocard .fullimage*/{width: 215px;}
    
    #page_howtoplay.satellite .howtocard.profilecard .cardimage img{width: 215px;}
    #page_howtoplay.satellite .howtocard.profilecard .text{        width: 300px;    }
    
    /* ----------------------------------------------------------------------
	howtoplay_center
    ---------------------------------------------------------------------- */
    #page_howtoplay.center #section01 .fl_right.wrapimage{width: 405px!important;}
    
    #page_howtoplay.center .imagecaption img{width: 230px;}
    
    #page_howtoplay.center #section01 .imagecaption img,
    #page_howtoplay.center #section01 .fl_left.wrapimage{width: 125px !important;}
    
    #page_howtoplay.center #section01 .fl_left .imagecaption{left: -10px; top:-25px;}
    #page_howtoplay.center #section01 .fl_right .imagecaption{left: 0px;    top:-25px;}
    
    
    #page_howtoplay.center .wrapimage .cardimage,
    #page_howtoplay.center .wrapimage .cardimage img{width: 125px;}
    
    #page_howtoplay.center #section02 .arrow{display: none;}    
    #page_howtoplay.center #section02 .howtocard .fl_left,
    #page_howtoplay.center #section02 .howtocard .fl_right{float: none;}
    
    #page_howtoplay.center #section02 .howtocard .fl_right img{
        /*
        width: 140px;
        right: 20px;
        bottom: -30px;
        position: absolute;    
        -webkit-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);*/
        display: none;
    }
    
    /* ----------------------------------------------------------------------
	howtoplay_nesica
    ---------------------------------------------------------------------- */
    #page_howtoplay.nesica .imagecaption{left: 15px;    bottom: -30px;}
    #page_howtoplay.nesica .imagecaption img{width: 300px;}
    
    .sectioninnerbox.nesica{
        background: #ccecf8;
        border: #9adaf2 solid 3px;
        box-shadow:inset 0 0 0 4px #fff;
        -webkit-box-shadow:inset 0 0 0 4px #fff;
        -moz-box-shadow:inset 0 0 0 4px #fff;
    }

    .sectioninnerbox.nesica .text{ /*margin: 0 0 0 350px;*/}
    .sectioninnerbox.nesica .wrapimage{ position: static;   margin: 20px 0 0 5px;}

    .wrapcabinet{
        padding-top: 70px;
        position: relative;
    }

    .wrapcabinet.satellite,.wrapcabinet.center{
        padding-top: 570px;
    }

    .wrapcabinet.satellite .imagecabinet{
        right: 165px;   top: 60px;
    }
    .wrapcabinet.center .imagecabinet{
        right: 140px;   top: 60px;
    }

    .wrapcabinet .wrapimage{
        width: 300px;
        margin:0 30px 50px 0;
        float: left;
    }

     #page_howtoplay .textcaption img{
        height: 25px;   
    }

    #page_howtoplay.nesica .sectioninnerbox.blue .fl_left{    
        width: 100%;
        padding: 5px 0 10px;
    }
    
    #page_howtoplay.nesica .sectioninnerbox.blue .mg20top img{
        width: 458px;
    }
    
    #page_howtoplay.nesica.nesica #section01 .wrapimage{
        text-align: left;
    }
    
    
    #page_howtoplay.nesica .texttitle{        padding: 0;    }
    #page_howtoplay.nesica .textcaption{        margin-bottom: 0;    }
    
    
    #page_howtoplay.nesica #section01 .wrapcabinet .wrapimage:nth-child(5){margin-bottom: 290px;}
    #page_howtoplay.nesica #section01 .wrapcabinet .wrapimage:not(.frameimage){position: absolute;    left: 0;    bottom: 0;}
    
    #page_howtoplay.nesica #section02 .image05{    
        background: url(../images/howtoplay/nesica/image05_sp.png) center 320px no-repeat;
    }
    #page_howtoplay.nesica #section02 .image05 .fl_left{ float: none;margin-left: 0px;}
    #page_howtoplay.nesica #section02 .image05 .fl_right{ float: none;margin-right: 0px;    margin-top: 110px;}
    
    /* ----------------------------------------------------------------------
	page_page_guide
    ---------------------------------------------------------------------- */
    #page_guide .sectiontitle{    
        width: 600px;
        margin-left: -50px;
    }
    
    #page_guide .nesica .texttitle{        padding: 0;    }
    #page_guide .textcaption{        padding-left: 18px;    }

    #page_guide #section01 .align_center p{text-align: left;}

    #page_guide .section_inner{margin-top: 20px; }

    #page_guide #section03 .wrapimage{
        margin-top: 30px;
        position: static;
    }

    #page_guide #section05 .wrapimage{
        float: none;
       width: 100%;
        margin-top: 30px;
    }
    
    #page_guide #section05 .fl_left{float: none;}
    
    #page_guide .chara1{position: static;  margin:40px 30px 0;}
    #page_guide .chara2{position: static;  margin:40px 30px 0;}
    #page_guide .chara3{right: -35px;top: -193px;}
    #page_guide .chara4{left: -36px;top: 155px;}
    #page_guide .chara5{right: 0px;bottom: -130px;}
    #page_guide .chara6{right: 10px;top: -45px;}
    #page_guide .chara7{position: static; margin:20px 30px 0;}
    #page_guide .chara8{position: static; margin:20px 30px 0;}    
    #page_guide .chara9{left: 400px;top: -193px;}

    /* ----------------------------------------------------------------------
        page_location  稼動店舗
    ---------------------------------------------------------------------- */
    #locationmap .notice{
        margin-right: 0px;
        margin-top: 40px!important;
    }
    
    /* ----------------------------------------------------------------------
        locationmap
    ---------------------------------------------------------------------- */
    #wrap_locationmap{
        margin-left: -18px;
    }

    /* ----------------------------------------------------------------------
        locationlist
    ---------------------------------------------------------------------- */
    #locationlist,#locationlist table{
        width: 600px;
    }

    #locationlist th h5{        font-size: 30px;    }
    #locationviewer .tname{    font-size: 22px;}
    #locationviewer .star{margin: 0 10px 0px 0;}
    #locationviewer strong{    font-size: 18px;}
    
    .frame_inner h5, .article_text h5{
        font-size: 25px;
        background-position: left 10px;
    }
    
    
    /* ----------------------------------------------------------------------
                                   location_arealist
    ---------------------------------------------------------------------- */
    #location_arealist{
        width: 100%;
        padding: 27px;
        margin-top: 50px;
        position: static;
    }

    #location_arealist .areatitle{    
        /*font-size: 35px;*/
        padding-left: 40px;
        line-height: 24px;
        margin-bottom: 10px;
        background-image: url(../images/location/areatitle_marker_sp.png);
    }
    #location_arealist .areatitle img{height: 28px;}
    
    #location_arealist li{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    
    
    #location_arealist li .preflist{
        padding: 2px 15px 0px;
        font-size: 25px;
    }

    /* ----------------------------------------------------------------------
	page_movie
    ---------------------------------------------------------------------- */
    .wrapthumbnail{width: 600px!important;  margin-right: 0!important;	margin-top: 40px!important;}
    .mainpanel .wrapthumbnail.mg0top:nth-child(n + 2){margin-top: 40px!important; }
    .thumbnail{height: 320px;}

    .wrapthumbnail.align_center .thumbnail{
        width: auto !important;
        height: 620px!important;
    }
    
    .wrapthumbnail .thumbnail_title{
        font-size: 24px;
        margin-top: 18px;
    }
    
    .wrapthumbnail .thumbnail_title .label{
        font-size: 20px;
        line-height: 35px;
    }
    
    #page_movie .wrapthumbnail .button_movie_play {display: none;}
    #page_movie .wrapthumbnail .movie_sp {display: block;}
    
    .wrapthumbnail .button_base{
        width: 280px;
        margin-bottom: 5px;
    }
    
    /* ----------------------------------------------------------------------
	page_material
    ---------------------------------------------------------------------- */
    #page_material .wrapthumbnail .button_base{width: 300px;}
    
    .column3 .wrapthumbnail.align_center .thumbnail{
        height:  320px!important;
    }
    
    .column3 .wrapthumbnail .thumbnail_title{
        height: 60px;
        width: 570px;
		padding: 10px 0 5px;
    }
	.column3 .wrapthumbnail .thumbnail_title.hlong,
	.column3 .wrapthumbnail .thumbnail_title.hlong3{height: auto;}
	
	
    .column3 .wrapthumbnail .thumbnail_title span{  
        font-size: 18px;
    }

    #page_material .texttitle{
        width: 600px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* ----------------------------------------------------------------------
	page_member
    ---------------------------------------------------------------------- 
    #page_member .mainpanel{width: 560px;}*/
    
    .charaarea{
        width: 600px;
        height: 930px;
        /*background-color:rgba(0,200,0,0.1);*/
    }
    .charaimage{
        width: 310px;
        bottom:170px;   right: -10px;
    }

    .charaarea_inner{    width: 100%;}

    .charaarea .line{
        width: 340px;
        margin: 18px 0 28px;
    }

    .charaname_en{    padding: 60px 0 20px;}

    .charaname{
        float: none;
        position: relative; 
        z-index: 1000;
    }
    .castname{
        float: none;
        margin: 27px 0 0 0px;
        font-size: 30px;
        line-height: 40px;
    }

    .charaarea .label{
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        margin-top: 3px;
    }

    .castname .label{
        width: 40px;
        background-image: url(../images/member/cv.png);
    }

    .chara1 .label{background-color: #f3962f;}
    .chara2 .label{background-color: #0ea7e1;}
    .chara3 .label{background-color: #b0b0ab;}
    .chara4 .label{background-color: #3672ba;}
    .chara5 .label{background-color: #e3ce10;}
    .chara6 .label{background-color: #e95040;}
    .chara7 .label{background-color: #675199;}
    .chara8 .label{background-color: #4db44b;}
    .chara9 .label{background-color: #e95094;}

    .charaprofile .label{
        width: 100px;
        margin-right: 10px;
        margin-top: 3px;
    }
    .charaprofile div{
        font-size: 18px;
        width: 300px;
        line-height: 40px;
    }
    .charaarea.chara4 .charaprofile div .notice{font-size: 15px;}

    .charaprofile .profile1{width: 100%;}
    .charaprofile .profile1 .label{background-image: url(../images/member/profile1.png);}
    .charaprofile .profile2 .label{background-image: url(../images/member/profile2.png);}
    .charaprofile .profile3 .label{background-image: url(../images/member/profile3.png);}
    .charaprofile .profile4 .label{background-image: url(../images/member/profile4.png);}
    .charaprofile .profile5 .label{background-image: url(../images/member/profile5.png);}
    .charaprofile .profile6 .label{background-image: url(../images/member/profile6.png);}
    .charaprofile .profile7 .label{background-image: url(../images/member/profile7.png);}

    .charatext{
        width: 350px;
        height: 240px;
        line-height: 1.75;
        position: relative;
        z-index: 1000;
        margin-bottom: 44px;
        text-shadow: 0px 0px 1px #fff,0px 0px 3px #fff,00px 0px 5px #fff;　
        -moz-box-shadow: 0px 0px 1px #fff,0px 0px 3px #fff,00px 0px 5px #fff;　
        -webkit-box-shadow: 0px 0px 1px #fff,0px 0px 3px #fff,00px 0px 5px #fff;
    }

    #page_member .sp-slides{padding-top: 260px;}

    #section_unit li{
        width: 540px;
        height: 724px;
        float: none;
    }
    #section_unit img{    width: 540px;}
    #section_unit li#unit1{margin-left: 0;}
    #section_unit li#unit2{margin:30px 0px 0;}
    #section_unit li#unit3{margin-right: 0;    float: none;}

    #section_unit li .unit{position: absolute;    left: 0;    top: 0;   z-index: 1;}
    #section_unit li .unitbg{position: absolute;    left: 0;    top: 0; z-index: 0;}
}