html{
background:#000;
}
* { margin: 0; padding: 0; }
.center{
margin-left:auto;
margin-right:auto;
}
/*
Back to top button
*/
#back-top {
position: fixed;
bottom: 30px;
margin-left: -150px;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #ddd url(../img/up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}
body{
background-repeat: no-repeat;
xxxxxbackground-position: center 35px;
background-position: center 0px;
background-size:150% auto;
background-color:#00b8af;
line-height:160%;
font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.sd{
background-image: url(../img/bg_img_01.jpg);
}
body.fa{
background-image: url(../img/bg_img_02_02.jpg);
}
.cs_txt{
color:#FFF;
font-size:0.95em;
line-height:160%;}
.cs_ph{
width:100%;
}
.cs_txts{
width:100%;
color:#FFF;
font-size:0.9em;
}
.magin_b_7{
margin-bottom:7px;
}
.news_link{
font-size:1.3em;
font-weight:bold;
}
/*ロゴ*/
.magin_top_logo{
margin-left:auto;
margin-right:auto;
width:100%;
position:relative;
z-index:100;
left:0;
top:0;
text-align:center;
}
.magin_top{
width:90%;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding-left:15%;
}
/*end*/
.kigen{
margin-top:5px;
margin-bottom:5px;
width:100%;
background:#FFFFFF;
color:#FB0202;
font-size:1.3em;
font-weight:bold;
text-align:center;
padding:20px;
border:#F91102 double 1px;
}
.magin_top_tx{
position:absolute;
width:80%;
left:10%;
top:50%;
z-index: 300;
}
.middle_main{
margin-top:100px;}
.blue{
color:#0FF;}
.pink{
color:#F39;}
.green{
color:#0F0;}
.el{
color:#FF9;}
.waku_mi3 p{
width:90%;
margin-left:auto;
margin-right:auto;
color:#FFF;
padding:0px;
line-height:160%;
display:block;
}
.waku_mi3{margin-top:-15px;
xxxxbackground-image:url(../img/ca_img/chara_word_inner_main.png);
background-repeat:repeat-y;
background-size:contain;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;
padding-top:10px;
}
.waku_mi3 figure{
display:block;
width:90%;
margin-left:auto;
margin-right:auto;
}
.waku_mi3 figure figcaption{
font-weight:bold;
color:#FFF;
font-size:0.9em;
margin-top:10px;
margin-bottom:10px;}
.waku_mi3 h4{
width:90%;
font-weight:bold;
color:#F69;
margin-bottom:20px;
font-size:1.2em;
margin-left:auto;
margin-right:auto;
}
/*スライダー*/
.wideslider {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
top: 60px;
padding-bottom:90%;
}
.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}
.wideslider ul li img {
width: 100%;
display: none;
}
.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}
.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {background: #fff url(img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(img/next.jpg) no-repeat left center;}
.pagination {
bottom: 10px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
}
.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background: #333;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
.pagination {
bottom: 0;
left: 0;
width: 100%;
height: 400%;
text-align: center;
position: absolute;
z-index: 200;
top:50%;
}
.pagination a {
margin: 0 5px;
width: 13%;
height:3.3%;
display: inline-block;
overflow: hidden;
}
.pagination a.pn1 {background: transparent url(../img/slider/pnn06.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn2 {background: transparent url(../img/slider/pnn05.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn3 {background: transparent url(../img/slider/pnn01.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn4 {background: transparent url(../img/slider/pnn02.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn5 {background: transparent url(../img/slider/pnn03.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn6 {background: transparent url(../img/slider/pnn04.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn7 {background: transparent url(../img/slider/pn01.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn8 {background: transparent url(../img/slider/pn02.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn9 {background: transparent url(../img/slider/pn03.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn10 {background: transparent url(../img/slider/pn04.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn11 {background: transparent url(../img/slider/pn05.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn12 {background: transparent url(../img/slider/pn06.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn13 {background: transparent url(../img/slider/pn07.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn14 {background: transparent url(../img/slider/pn08.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn15 {background: transparent url(../img/slider/pn09.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn16 {background: transparent url(../img/slider/pn10.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn17 {background: transparent url(../img/slider/pn11.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn18 {background: transparent url(../img/slider/pn12.png) no-repeat left top; background-size:100% 100%;}
/* =======================================
ClearFixElements
======================================= */
.wideslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.wideslider ul {
display: inline-block;
overflow: hidden;
}
/*スライダー*/
.com_bt{
width:98%;
display:block;
padding-left:5px;
margin-top:10px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
}
.magin_5{
margin-bottom:9px;
margin-right:10px;}
.magin_5l{
margin-left:15px;
}
.news_pohoto3{
float:right;
margin-right:20px;
margin-bottom:20px;
width:120px;
}
.news_pohoto4{
float:right;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
width:100%;
}
#header_top{
background-color:#0C9;
text-align:center;
}
.navbar{
position: absolute;
width: 100%;
left: 0px;
top: 0px;
}
.heder2{
margin-top:15px;
margin-left:auto;
margin-right:auto;
}
.heder3{
margin-top:30px;
margin-left:auto;
margin-right:auto;
}
.magin_30{
display:block;
margin-top:60px;
}
#main2{
margin-top:0px;
background-image:url(../img/obi_sd_03.png);
background-repeat:repeat-x;
background-size:1800px 72px;
}
.cl_imgs{
width:97%;
margin-left:auto;
margin-right:auto;
margin-bottom:1%;
padding-left:1.1%;
padding-top:1%;
}
.cl_imgs img{
width:15.6%;
margin-bottom:1%;
margin-right:0.2%;
}
/*キャラクター*/
#content{
margin-top:4%;
width:98%;
margin-left:auto;
margin-right:auto;
}
#content1{
width:98%;
margin-left:auto;
margin-right:auto;
}
#opty100{
margin-left:auto;
margin-right:auto;
background-image:url(../img/inner_main.png);
background-repeat:repeat-y;
margin-bottom:20px;
opacity:1;}
#main{
line-height:100%}
#main h2{
width:85%;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
line-height:100%;
}
.magin_top10pe{ margin-top:10%;}
#main h2.play{
width:85%;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
line-height:100%;
margin-bottom:20px;
}
.magin_top10{
padding-top:0px;
float:none;
clear:both;
}
.magin_top20{
padding-top:0px;
float:none;
clear:both;
}
.title_game{
display:block;
}
#contents_top{
width: 100%;
margin-top:2%;
}
#contents{
width: 100%;
margin-left: auto;
margin-right: auto;
background-image:
url(../img/main_back_midole.png);
background-repeat:repeat-y;
background-size:contain;
}
#contents_bottom{
width: 100%;
xxxxbackground-image:
url(../img/main_back_bottom.png);
background-repeat:no-repeat;
background-size:contain;
}
#wrap-content{
width:95%;
margin-left:auto;
margin-right:auto;
}
.waku_mi{
}
.waku_mi2{
width:100%;
}
.waku_mi_top{
}
.waku_mi_bottom{
}
.game_waku{
/* border-radius */
border-radius: 26px 0px 0px;
-webkit-border-radius: 26px 0px 0px;
-moz-border-radius: 26px 0px 0px;
/* box-shadow */
box-shadow: rgba(0, 255, 191, 0.239216) 0px 0px 6px 3px inset;
-webkit-box-shadow: rgba(0, 255, 191, 0.239216) 0px 0px 6px 3px inset;
-moz-box-shadow: rgba(0, 255, 191, 0.239216) 0px 0px 6px 3px inset;
border: 2px solid #C8E3E3;
}
.bevel {
width: 100px;
height: 100px;
background: linear-gradient(45deg, transparent 10px, #0099ff 10px),
linear-gradient(135deg, transparent 10px, #0099ff 10px),
linear-gradient(225deg, transparent 10px, #0099ff 10px),
linear-gradient(315deg, transparent 10px, #0099ff 10px);
background-position: bottom left, bottom right, top right, top left;
background-size: 50% 50%;
background-repeat: no-repeat;
border: 1px solid #FFF;
}
.note {
position: relative;
width: 30%;
padding: 1em 1.5em;
margin: 2em auto;
color: #fff;
background: #97C02F;
border: 1px solid #000;
}
.note:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-width: 0 16px 16px 0;
border-style: solid;
border-color: #658E15 #fff;
}
/*news*/
#news{
width: 97%;
margin-left: auto;
margin-right: auto;
background-repeat: repeat;
padding: 5px;
background-color: #000;
margin-top: 2%;
border: 1px solid #fff;
}
#news h4{
width:70%;
margin-left:auto;
margin-right:auto;
}
#news .news_text{
width: 100%;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
#news .news_text ul{
margin-left:10px;
margin-right:10px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #999;
}
#news .news_text ul li a{
display: block;
padding-bottom: 15px;
padding-top: 15px;
background-image: url(../img/yasirushi.png);
background-repeat: no-repeat;
background-position: center right;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
padding-left:20px;
padding-right:40px;
}
#news .news_text ul li a:hover{
display: block;
padding-bottom: 15px;
padding-top: 15px;
background-image: url(../img/yasirushi.png);
background-repeat: no-repeat;
background-position: center right;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
padding-left:20px;
padding-right:40px;
background-color:#E8FFFF;
}
.data{
display:block;
width:100%;
color:#F00;
font-size:0.9em;
}
footer#foot{
clear:both;
float:none;
background-image:url(../img/food_sd_06_2.png);
background-color:#000;
background-repeat:repeat-x;
}
/* バナー */
#bannar{
width:100%
}
#twitter {
width: 150px;
height: 26px;
text-align: left;
padding-top: 7px;
float:left;
margin-right:1.5%;
padding-left:30px;
}
#facebook {
margin-top:0px;
width: 140px;
height: 26px;
text-align: left;
padding-top: 7px;
float: left;
overflow:hidden;
}
.center{
margin-top:2%;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:130%;
}
.center1{
height:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:300px;
}
.bnner_01 a{
display:block;
width:195px;
height:55px;
float:left;
background-image:url(../img/btn_top_location_new_sm.png);
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_01 a:hover{
xxxbackground-position:0px 55px;
}
.bnner_02 a{
display:block;
float:left;
background-image:url(../img/btn_top_dol_new_ms.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_02 a:hover{
xxxbackground-position:0px 55px;
}
.bnner_03 a{
display:block;
float:left;
background-image:url(../img/btn_top_twitter_new_sm.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_04 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_04 a{
display:block;
float:left;
background-image:url(../img/btn_top_girls_new_sm.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_03 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_05 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_05 a{
display:block;
float:left;
background-image:url(../img/top_fc1.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_06 a:hover{
xxxxxbackground-position:0px 55px;
}
.bnner_06 a{
display:block;
float:left;
background-image:url(../img/top_a.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_07 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_07 a{
display:block;
float:left;
background-image:url(../img/top_tokuten.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
.bnner_08 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_08 a{
display:block;
float:left;
background-image:url(../img/top_blog.png);
width:195px;
height:55px;
margin-bottom:2%;
margin-right:5%;
text-indent:-10000px;
}
#sub_banner{
margin-top:2%;
padding-top:2%;
margin-left:auto;
margin-right:auto;
width:100%;
float:none;
clear:both;
}
.bnner_main_1{
margin-left:auto;
margin-right:auto;
width:200px;
}
.bnner_main_1 li{
display:block;
background-color:#F00;
margin-left:10px;
}
.bnner_main_2{
margin-left:auto;
margin-right:auto;
width:200px;
}
.bnner_main_2 li{
display:block;
background-color:#F00;
margin-left:10px;
}
.logo{
width:240px;
margin-top:20px;
padding-top:5px;
margin-left:auto;
margin-right:auto;
}
#word_copyright01{
width:90%;
text-align:center;
color:#FFF;
font-size:0.8em;
margin-left:auto;
margin-right:auto;
padding-bottom:8%;
padding-top:2%;
}
.magin_5px{
display:block;
margin-top:2px;}
/*キャラクター*/
#nav {
clear: both;
width: 100%;
height:200px;
z-index:0;
}
#nav li a {
width:25%;
}
#nav li a {
float:left;
background-size:cover;
}
#nav li a, #nav li a:visited {
}
#nav li a:hover {Opacity:0.5; color: #ccc;}
#nav li a.current { background-color:#FFF;
Opacity:0.6;
}
#ajax-content h2, #ajax-content p {padding: 0 10px;}
#ajax-content ul {margin: 0 0 0 20px; list-style: disc; line-height: 1.5em;}
.portfolio-box {float: left; margin: 7px; width: 210px; font-size: 12px; text-align: center;}
#ajax-content {
width: 100%;
margin-bottom: 0px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
/*newe スマホ*/
.news_down{
width: 97%;
margin-right: auto;
margin-left: auto;
background-image: url(../img/home_news_back_md.jpg);
xxxbackground-color: #CCC;
margin-top: 10px;
float: none;
clear: both;
padding-top:0px;
border: 1px solid #999;
}
.main{
width:94%;
margin-left:auto;
margin-right:auto;
}
.main h3{
color:#FFF;
background-image:url(../img/top_c_title_bg.png);
background-size:cover;
font-size:1.3em;
padding:1%;
font-weight:bold;
}
.main time{
background-color:#ddd;
color:#000;
display:block;
padding:0.5%;
margin-bottom:2%;
}
.main p{
margin-top:5px;
padding-bottom:10px;
}
/*sub_menu*/
nav.sub_menu{
padding-top:3%;
margin-left:0px;
width:100%;
height:72px;
}
.sub_menu a{ display:block;
width:153px;
height:41px;
float:left;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
text-indent:-10000px;
}
nav.sub_menu2{
padding-top:3%;
margin-left:10px;
width:80%;
height:40px;
margin-left:auto;
margin-right:auto;
}
.sub_menu2 a{ display:block;
width:153px;
height:41px;
float:left;
background-repeat:repeat-y;
margin-left:1%;
margin-right:auto;
text-indent:-10000px;
}
nav.sub_menu3{
padding-top:1%;
margin-left:10px;
width:100%;
height:40px;
}
.sub_menu3 a{ display:block;
width:153px;
height:41px;
float:left;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
text-indent:-10000px;
background-size:auto;
}
.sub_menu_bt01 a{
background-image:url(../img/sub_navi_03_1_s.png);}
.sub_menu_bt01 a:hover{
background-position:0px 41px;}
.sub_menu_bt02 a{
background-image:url(../img/sub_navi_03_2_s.png);}
.sub_menu_bt02 a:hover{
background-position:0px 41px;}
.sub_menu_bt03 a{
background-image:url(../img/sub_navi_07_1_s.png);}
.sub_menu_bt03 a:hover{
background-position:0px 41px;}
.sub_menu_bt04 a{
background-image:url(../img/sub_navi_07_2_s.png);}
.sub_menu_bt04 a:hover{
background-position:0px 41px;}
.sub_menu_bt05 a{
background-image:url(../img/sub_navi_taikai2nd_01_s.png);}
.sub_menu_bt05 a:hover{
background-position:0px 41px;}
.sub_menu_bt06 a{
background-image:url(../img/sub_navi_taikai2nd_02_s.png);}
.sub_menu_bt06 a:hover{
background-position:0px 41px;}
.sub_menu_bt07 a{
background-image:url(../img/sub_navi_08_1_s.png);}
.sub_menu_bt07 a:hover{
background-position:0px 41px;}
.sub_menu_bt08 a{
background-image:url(../img/sub_navi_08_2_s.png);}
.sub_menu_bt08 a:hover{
background-position:0px 41px;}
.sub_menu_bt09 a{
background-image:url(../img/sub_navi_08_3_s.png);}
.sub_menu_bt09 a:hover{
background-position:0px 41px;}
.sub_menu_bt10 a{
background-image:url(../img/sub_navi_taikai2nd_03_s.png);}
.sub_menu_bt10 a:hover{
background-position:0px 41px;}
.sub_menu_bt11 a{
background-image:url(../img/sub_navi_08_4_s.png);}
.sub_menu_bt11 a:hover{
background-position:0px 41px;}
.sub2{
}
.sub2_01{
margin-top:2%;
display:block;
height:0px;
padding-top:31%;
overflow:hidden;
background-size: 100% auto;
background-image:url(../img/btn_top_arena_new_ms.png);
background-repeat:no-repeat;
width:97%;
margin-left:auto;
margin-right:auto;
text-indent:-10000px;
}
.sub2_02 {
margin-top:2%;
display:block;
height:0px;
padding-top:31%;
overflow:hidden;
background-size: 100% auto;
width:97%;
margin-left:auto;
margin-right:auto;
background-image:url(../img/btn_top_1st_new_ms.png);
background-repeat:no-repeat;
text-indent:-10000px;
}
.sub2_03 {
margin-top:2%;
display:block;
height:0px;
padding-top:31%;
overflow:hidden;
background-size: 100% auto;
width:97%;
margin-left:auto;
margin-right:auto;
background-image:url(../img/btn_top_btx.png);
background-repeat:no-repeat;
text-indent:-10000px;
}
.green_back{
background-image:url(../img/green_back.png);
padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
margin-bottom:2%;
}
.green_back a{
color: #060;
font-weight: bold;
text-decoration: underline;
}
.news_main_text{
padding-top:0px;
margin-bottom:0px;
display:block;
padding-bottom:5px;
}
.news_photo{
width:100%;
}
.news_photo1{
width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:1.5%;
}
.news_photo2{
width:95%;
margin-left:auto;
margin-right:auto;
margin-bottom:1%;
}
.image_right,.image_right2{
margin-left:auto;
margin-right:auto;
width:75%;
margin-bottom:2%;
}
.image_right3{
float:right;
width:45%;
margin-bottom:2%;
}
.image_left{
margin-left:auto;
margin-right:auto;
width:75%;
margin-bottom:2%;
}
.text01{
width:90%;
margin-left:5%;
margin-right:5%;
}
.text02{
width:90%;
margin-left:5%;
margin-right:5%;
}
.text03{
width:90%;
margin-left:5%;
margin-right:5%;
}
.otoshi{
padding-left:1em;
display: block;
text-indent: -1em;
}
.red{
color:#F00;
font-weight:bold;
}
#nav3 {
clear: both;
width: 100%;
height:80px;
}
#nav3 li a {
width:20%;
}
#nav3 li a {
float:left;
background-size:cover;
}
#nav3 li a, #nav3 li a:visited {
}
#nav3 li a:hover {Opacity:0.5; color: #ccc;}
#nav3 li a.current { background-color:#FFF;
Opacity:0.6;
}
#ajax-content2{
height: 500px;
width:90%;
border: 1px solid #FFF;
overflow:scroll;
}
.pane{
margin: 0px;
padding: 0px;
width: 100%;
height: 200px;;
overflow: scroll;
overflow-x: hidden;
border: 1px solid #FFF;
}
.navbar-nav li a.bt04_n,a.bt04_n:hover{
color:#999;
}
.navbar-nav li a.bt05_n,a.bt05_n:hover{
color:#999;
}
.navbar-nav li a.bt06_n,a.bt06_n:hover{
color:#999;
}
.navbar-nav li a.bt07_n,a.bt07_n:hover{
color:#999;
}
nav.navbar{
z-index:1000;
}
.cl{
clear:both;
float:none;
}
/*大会スマホ*/
.table_ls{
margin-right:2%;
margin-left:3%;
}
.table_ls ul{
float:none;
clear:both;
}
.table_ls li.taikai_day{
display:block;
width:49%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:1px;
}
.table_ls li.taikai_time{
display:block;
width:49%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:2px;
}
.table_ls li.taikai_shop{
display:block;
width:80%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-bottom:7px;
margin-right:2px;
}
.table_ls li.taikai_info{
display:block;
width:18%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.7em;
font-weight:bold;
margin-bottom:7px;
}
.table_taikai{
clear:both;
float:none;
margin-right:2%;
margin-left:3%;
margin-bottom:1px;
}
.table_taikai a{
color:#F60;
}
.table_taikai ul{ float:none;
clear:both;
}
.table_taikai li.taikai_day2{
display:block;
width:49%;
background-color:#CFC;
float:left;
color:#063;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:2px;}
.table_taikai li.taikai_time2{
display:block;
width:49%;
background-color:#CFC;
float:left;
color:#063;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:2px;}
.table_taikai li.taikai_shop2{
display:block;
width:80%;
background-color:#FCC;
float:left;
color::#063;
padding:7px;
font-size:0.8em;
font-weight:bold;
margin-right:2px;
margin-bottom:1px;
}
.table_taikai li.taikai_info2{
text-align:center;
display: block;
width: 18%;
background:#FCC;
float: left;
color: #FFF;
font-size: 0.7em;
margin-right: 2px;
font-weight: bold;
margin-bottom: 7px;
padding-top: 8px;
padding-right: 1px;
padding-bottom: 8px;
padding-left: 1px;
}
.tk{
width:100%;
float:left;
}
.taikai_title1{
display:block;
margin-bottom:18px;
color:#FC0;
margin-left:20px;
font-size:1.8em;
}
.taikai_title1_1{
display:block;
margin-bottom:18px;
color:#FC0;
margin-left:20px;
font-size:1.2em;
}
.taikai_title1_2{
margin-top:-10px;
padding:6px;
background-color:#FC0;
display:block;
margin-bottom:18px;
color:#063;
margin-left:20px;
margin-right:20px;
font-weight:bold;
font-size:1em;
}
.taikai_title1_3{
margin-top:-10px;
padding:6px;
background-color:#FC0;
display:block;
margin-bottom:18px;
color:#063;
font-weight:bold;
font-size:1em;
}
.ph_lf{
width:80%;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}
.ph_lf2{
width:80%;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}
.ph_lf3{
width:60%;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}
.taikai_text01{
color:#FFF;
line-height:160%;
display:block;
margin-left:20px;
font-size:1.2em;
font-weight:bold;
}
.taikai_text02{
color:#FFF;
line-height:160%;
display:block;
margin-left:20px;
font-size:0.9em;
font-weight:bold;
}
.taikai_win{
padding:7px;
display:block;
float:left;
width:25.5%;
background:#F60;
color:#FFF;
font-weight:bold;
margin-bottom:10px;
font-size:1.4em;
margin-top:-5px;
}
.taikai_name{
padding:6px;
width:73%;
background-color:#FFF;
float:left;
margin-bottom:10px;
color:#F00;
font-size:0.8em;
margin-top:-5px;
}
.win-name{
font-weight:bold;
font-size:1.5em;
}
.word_16{
padding-left:30px;
color:#FFF;
line-height:180%;
font-size:1.2em;
font-weight:bold;}
.word_12{
font-size:0.8em;
line-height:140%;
color:#096;
}
.ph_logo_r{
width:90%;
margin-left:auto;
margin-right:auto;
}
.ph_logo_r2{
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:5%;
}
.ph_logo_r a{
color:#FFF;
font-size:0.8em;
}
.ph_logo_l{
width:90%;
margin-left:auto;
margin-right:auto;
}
.ph_logo_l2{
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:5%;
}
.ph_logo_l a{
color:#FFF;
font-size:0.8em;
}
.word_12{
width:90%;
font-size:1em;
line-height:160%;
color:#9F3;
display:block;
margin-left:auto;
margin-right:auto; }
.word_13{
color: #FFF;
line-height: 180%;
text-indent: -2em;
padding-left: 2em;
}
.word_14{
color: #FFF;
line-height: 180%;
margin-left:20px;
}
.magin_b_10{
margin-bottom:25px;
display:block;}
.magin_b_5{
margin-bottom:7px;
display:block;}
/*CS*/
.cs_md{
color:#FC0;
font-size:1.2em;
font-weight:bold;
}
.cs_md2{
color:#FC0;
font-size:1em;
font-weight:bold;
margin-top:0px;
padding-top:0px;
}
.cs_md3{
display:block;
margin-bottom:18px;
margin-top:-20px;
padding-top:0px;
color:#FC0;
margin-left:20px;
font-size:1.8em;
}
/*スペシャルガール*/
.bromide_bg_a{
text-align:center!important;
xxxbackground-image:url(../img/fgl/girls_bromidebg_a.png);
xxxxbackground:#06F;
xxxxxheight:160px;
padding-top:10px;
}
.bromide_bg_b{
text-align:center;
xxxbackground-image:url(../img/fgl/girls_bromidebg_b.png);
xxbackground:#06F;
xxheight:160px;
padding-top:10px;
}
.bromide_bg_c{
text-align:center;
xxxxbackground-image:url(../img/fgl/girls_bromidebg_c.png);
xxbackground:#06F;
xxheight:160px;
padding-top:10px;
}
.bromide_bg_d{
text-align:center;
xxxxbackground-image:url(../img/fgl/girls_bromidebg_d.png);
xxbackground:#06F;
xxheight:160px;
padding-top:10px;
}
.bromide_bg_e{
text-align:center;
xxxxbackground-image:url(../img/fgl/girls_bromidebg_e.png);
xxbackground:#06F;
xxheight:160px;
padding-top:10px;
}
.bromide_bg_f{
text-align:center;
xxxbackground-image:url(../img/fgl/girls_bromidebg_f.png);
xxbackground:#06F;
xxheight:160px;
padding-top:10px;
}
.bromide_bg_a ul,.bromide_bg_b ul,.bromide_bg_e ul,.bromide_bg_f ul{
width:100%;
margin-left:auto;
margin-right:auto;
}
.bromide_bg_c ul,.bromide_bg_d ul{
width:100%;
margin-left:auto;
margin-right:auto;
}
.bromide_bg_a ul li,.bromide_bg_b ul li,.bromide_bg_c ul li,.bromide_bg_d ul li,.bromide_bg_e ul li,.bromide_bg_f ul li{
display:block;
float:left;
width:22%;
}
.bromide_bg_c ul li.gl_yoko{
display:block;
float:left;
width:22%;
margin-top:20px;
}
.word_17{
color:#FF0;
text-align:center;
}
.All_c{
display: block;
background: #360;
margin-top: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a6000+0,65a05e+44,1a3f3a+100 */
background: #3a6000; /* Old browsers */
background: -moz-linear-gradient(left, #3a6000 0%, #65a05e 44%, #1a3f3a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3a6000), color-stop(44%,#65a05e), color-stop(100%,#1a3f3a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* IE10+ */
background: linear-gradient(to right, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6000', endColorstr='#1a3f3a',GradientType=1 ); /* IE6-9 */
border: 1px solid #063;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
}
.gl_title{
color:#F90;
font-size:1em;
font-weight:bold;
display:block;
border-bottom: solid 1px #66CC99;
padding-bottom:5px;
}
.gl_title2{
color:#F90;
font-size:1em;
font-weight:bold;
display:block;
border-bottom: solid 1px #66CC99;
padding-bottom:5px;
}
.gl_title3{
color:#F90;
font-size:1.4em;
font-weight:bold;
display:block;
border-bottom: solid 1px #66CC99;
padding-bottom:5px;
text-align:center;
}
.gl_txt{
color:#FFF;
padding-left:1em;
font-size:0.9em;
line-height:160%;
margin-bottom:20px;
}
.font_size_1{
font-size:1.2em;
}
#section_title{
width:100%;
text-align:center;
}
.font_x{
width:100%;
text-align:center;
color:#FF0;
font-weight:bold;
}
.youtube2{
margin-top:-10%;
position: relative;
width: 100%;
xxxxxpadding-top: 56.25%;
margin-bottom:1%
z-index:100000;
}
.youtube2 iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.youtube3 {
margin-top:2%;
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom:1%
}
.youtube3 iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.youtube3_car{
}
.news_photo4{
}
.news_photo3d{
width:100%;
}
/*家庭用予約特典 スマホ*/
.table_it{
margin-right:2%;
margin-left:3%;
}
.table_it ul{
display:table;
width:99%;
margin-bottom:1px;
}
.it_shop{
display: table-cell;
vertivcal-align: middle;
width: 33%;
background:#0C6;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.it_item{
width:33%;
background:#0C6;
color:#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
display:table-cell;
vertivcal-align:middle;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.it_ds{
width:33%;
background:#0C6;
color:#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
display:table-cell;
vertivcal-align:middle;
}
.table_it_list{
margin-right:2%;
margin-left:3%;
}
.table_it_list ul{
display:table;
width:99%;
margin-bottom:1px;
}
.it_shop2{
display: table-cell;
vertivcal-align:middle;
width: 33%;
background-color: #CFC;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.it_item2{
width:33%;
background-color:#CFC;
color:#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
display:table-cell;
vertivcal-align:middle;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.it_ds2{
width:33%;
background-color:#CFC;
color:#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
display:table-cell;
vertivcal-align:middle;
}
.tokuten_img{
margin-left:auto;
margin-right:auto;
width:96%;
}
.table_it_de{
width:100%;
display:block;
float:left;
margin-right:1px;
}
.table_it_de_shop{
display:block;
vertivcal-align:middle;
width:100%;
background-color:#0C6;
color:#FFF;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
min-height:50px;
}
.table_it_de_shop a{
color:#FFF;
}
.table_it_de_img{
width:100%;
background-color:#CFC;
color:#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
min-height:300px;
}
.back_co01{ background:#0C6;}
.back_co02{ background:#CFC;}
.news_table ul{ display:table;
width:100%;
background:#FFF;}
.news_da{
display:table-cell;
vertivcal-align:middle;
width: 15%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.news_tit{ display:table-cell;
vertivcal-align:middle;
width: 20%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.news_tim{ display:table-cell;
vertivcal-align:middle;
width:15%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.news_sho{ display:table-cell;
vertivcal-align:middle;
width: 20%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.news_add{ display:table-cell;
vertivcal-align:middle;
width: 30%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.news_add2{ display:table-cell;
vertivcal-align:middle;
width: 100%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
/*ダウンロード*/
.dl_title{
background:#F60;
font-size:1em;
padding:8px;
display:block;
width:100%;
height:auto;
text-align:center;
font-weight:bold;
}
.dl_txt{
width:100%;
margin-left:auto;
margin-right:auto;
color:#FFF;
}
.dl_title_s{
display:block;
text-align:center;
margin-top:10px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#385651+0,61c419+50,385651+100 */
background: #385651; /* Old browsers */
background: -moz-linear-gradient(left, #385651 0%, #61c419 50%, #385651 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #385651 0%,#61c419 50%,#385651 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #385651 0%,#61c419 50%,#385651 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385651', endColorstr='#385651',GradientType=1 ); /* IE6-9 */
}
.text_al_center{
text-align:center;
margin-left:auto;
margin-right:auto;}
#kabegami{
}
#kabegami li a{
display:block;
width:100%;
float:left;
height:50px;
background-color:#FDF691;
margin-right:0;
text-align:center;
padding-top:18px;
margin-bottom:1%;
}
#kabegami li a:hover{
background-color:#FD0206;
display:block;
height:50px;
width:100%;
color:#FEFDEC;
margin-bottom:1%;
}
/*グッズ スマホ*/
.goods_title{
background:#F60;
font-size:1em;
padding:8px;
display:block;
width:100%;
height:auto;
}
.goods_title_s{
font-size:1.2em;
font-weight:bold;
color:#FFF;
}
.goods_txt{
color:#FFF;
line-height:160%;
margin:0px;
font-size:0.9em;
}
.goods_text_bm{
float:none;
clear:both;
padding-top:20px;
color:#FFF;
text-align:center;
}
.goods_txt_yellow{
font-size:1em;
color:#FF0;
}
.goods_cp{
color:#FFF;
font-size:0.9em;
margin-top:1%;
}
.goods_ph4{
display:block;
width:24.2%;
margin-right:1%;
float:left;
}
.goods_ph4_e{
display:block;
width:24.2%;
margin-right:0%;
float:left;
}
/*スクリーンショット スマホ*/
#ss_list ul li{
display:block;
width:25%;
float:left;
}
/*movi*/
.magin_top_mv{
left:50%;
top:100%;
float:none;
clear:both;
width:100%;
xxxxxxposition:absolute;
margin-left:auto;
margin-right:auto;
z-index:100;
}
.magin_top_mv ul{
display:block;
width: 100%;
}
.bt_mv a{
display:block;
width:100%;
overflow:hidden;
background-image:url(../img/top_mv.png);
height:0px;
padding-top:33%;
background-repeat:no-repeat;
text-indent:-10000px;
background-size:cover;
}
.bt_mv a:hover{
xxxxxbackground-position:0 -65px;
}
/*特典*/
.tokuten_text01{
color: #FFF;
line-height: 160%;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
float: none;
font-weight:bold;
text-align:center;
}
.tokuten_f{
margin-top:10px;
margin-bottom:10px;
width:80%;
margin-left:auto;
margin-right:auto;
}
.tokuten_f ul li{
margin-bottom:10px;
}
.tokuten_f_ps4{
margin-bottom:20px;
}
.kei{
border: 1px solid #FFF;
}
.tokuten_f_ps3{
display:block;
margin-bottom:20px;
}
.tokuten_f_vita{
display:block;
margin-bottom:20px;
}
.cap01{
color:#FFF;
font-size:0.8em;
line-height:120%;
}
.oubo_youkou{
background:#FC3;
padding:10px;
width:95%;
margin-left:auto;
margin-right:auto;
font-weight:bold;
line-height:160%;
color:#060;
}
.font_1_3{
font-size:1.2em;
font-weight:bold;
color:#FF0;
}
.font_1_5 a{ font-size:1.5em;
font-weight:bold;
color:#FF0;
}
/*ボタン*/
/*基本*/
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .4s;
transition: all .4s;
}
/*エフェクト*/
.button {
width:98%;
font-size:1.2em;
font-weight:bold;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
padding:10px 76px;
text-decoration:none;
display:inline-block;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:-moz-linear-gradient( center top, #900 5%,#F60 100% );
background:-ms-linear-gradient( top, #900 5%, #F60 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#900', endColorstr='#F60');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #900), color-stop(100%, #F60) );
color:#ddd;
background-color:#fca800;
border:4px solid #ddd;
text-decoration: none;
text-shadow:1px 1px 0px #000000;
text-align:center;
}.button:hover {
background:-moz-linear-gradient( center top, #f7ce68 5%, #fca800 100% );
background:-ms-linear-gradient( top, #f7ce68 5%, #fca800 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7ce68', endColorstr='#fca800');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f7ce68), color-stop(100%, #fca800) );
background-color:#f7ce68;
color:#777777;
text-shadow:1px 1px 0px #ffffff;
-webkit-box-shadow:inset 1px 1px 25px -45px #faf5fa;
-moz-box-shadow:inset 1px 1px 25px -45px #faf5fa;
box-shadow:inset 1px 1px 25px -45px #faf5fa;
font-weight:bold;
text-align:center;
border:4px solid #adadad;
}.button:active {
position:relative;
top:1px;
}
/* This css button was generated by css-button-generator.com */
/*大会P*/
.taikai_g{
width:95%;
margin-left:auto;
margin-right:auto;
}
.taikai_gph{
float:left;
margin-right:5%;
width:30%;
}
.taikai_gph2{
float:left;
margin-right:5%;
width:30%;
}
.taikai_gph3{
float:left;
margin-right:5%;
width:23%;
}
.taikai_gph figcaption{
color:#FFF;
margin-top:4%;
}
.taikai_gph2 figcaption{
margin-top:4%;
}
.taikai_gph_l{
float:left;
width:30%;
}
.taikai_gph_l2{
float:left;
width:30%;
}
.taikai_gph_l3{
float:left;
width:23%;
}
.taikai_gph_l figcaption{
color:#FFF;
margin-top:4%;
}
.taikai_gph_l2 figcaption{
margin-top:4%;
}
.tm_hypu{
width:95%;
margin-top:4%;
margin-left:auto;
margin-right:auto;
margin-bottom:4%;
}
@media only screen and (min-width: 768px) {
.navbar-brand{
font-size:12px;
}
}
/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px ---------------------------------*/
@media only screen and (min-width: 769px) {
.magin_top10pe{ margin-top:0px;}
#main h2{
height:80px;
}
.cl{
clear:both;
float:none;
}
nav.navbar{
width:100%;
}
.navbar-brand{
font-size:13px;
}
.bnner_01 a{
display:block;
width:195px;
height:60px;
float:left;
margin-bottom:2%;
margin-right:2%;
}
.bnner_01 a:hover{
background-position:0px 55px;
}
.bnner_02 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_02 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_03 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_03 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_04 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_04 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_05 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_05 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_06 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_06 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_07 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_08 a:hover{
xxxxbackground-position:0px 55px;
}
.bnner_08 a{
display:block;
float:left;
width:195px;
height:60px;
margin-bottom:2%;
margin-right:2%;
}
.bnner_03 a:hover{
xxxxbackground-position:0px 55px;
}
#sub_banner{
width:100%;
float:none;
clear:both;
}
.bnner_main_1 li{
display:block;
background-color:#F00;
margin-left:10px;
}
.bnner_main_1{
margin-left:auto;
margin-right:auto;
width:417px;
}
.bnner_main_2 li{
display:block;
background-color:#F00;
margin-left:10px;
}
.bnner_main_2{
margin-left:auto;
margin-right:auto;
width:417px;
}
#ajax-content {
width: 100%;
margin-bottom: 0px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
.youtube2{
margin-top:0;
position: relative;
width: 100%;
xxxxxpadding-top: 56.25%;
margin-bottom:1%
z-index:100000;
}
/*スライダー*/
.wideslider {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
top: 60px;
padding-bottom:65%;
}
.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}
.wideslider ul li img {
width: 100%;
display: none;
}
.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}
.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {background: #fff url(img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(img/next.jpg) no-repeat left center;}
.pagination {
bottom: 10px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
}
.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background: #333;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
.pagination {
bottom: 10px;
left: 0;
width: 100%;
height: 400%;
text-align: center;
position: absolute;
z-index: 200;
top:72%;
}
.pagination a {
margin: 0 5px;
width: 7%;
height:2.6%;
display: inline-block;
overflow: hidden;
}
.pagination a.pn1 {background: transparent url(../img/slider/pnn06.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn2 {background: transparent url(../img/slider/pnn05.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn3 {background: transparent url(../img/slider/pnn01.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn4 {background: transparent url(../img/slider/pnn02.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn5 {background: transparent url(../img/slider/pnn03.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn6 {background: transparent url(../img/slider/pnn04.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn7 {background: transparent url(../img/slider/pn01.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn8 {background: transparent url(../img/slider/pn02.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn9 {background: transparent url(../img/slider/pn03.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn10 {background: transparent url(../img/slider/pn04.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn11 {background: transparent url(../img/slider/pn05.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn12 {background: transparent url(../img/slider/pn06.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn13 {background: transparent url(../img/slider/pn07.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn14 {background: transparent url(../img/slider/pn08.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn15 {background: transparent url(../img/slider/pn09.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn16 {background: transparent url(../img/slider/pn10.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn17 {background: transparent url(../img/slider/pn11.png) no-repeat left top; background-size:100% 100%;}
.pagination a.pn18 {background: transparent url(../img/slider/pn12.png) no-repeat left top; background-size:100% 100%;}
/*キャラクター*/
#nav {
clear: both;
width: 100%;
margin-left:auto;
margin-right:auto;
}
#nav li a {
width:16.6%;
}
#nav li a {
float:left;
background-size:cover;
}
.com_bt{
width:100%;
display:block;
padding-left:5px;
margin-top:10px;
margin-bottom:0px;
}
.magin_5{
margin-left:9px;
width:320px;}
.com_bt a:hover{
opacity:0.5;}
#contents_bottom{
width: 100%;
height:auto;
xxxxbackground-image:
url(../img/main_back_bottom.png);
background-repeat:no-repeat;
background-size:contain;
margin-top:-2px;
}
.sub_menu a{ display:block;
width:200px;
height:50px;
float:left;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
text-align:-10000px;
}
/*sub_menu*/
nav.sub_menu{
padding-top:1%;
margin-left:10px;
width:100%;
height:72px;
}
.sub_menu a{ display:block;
width:187px;;
height:50px;
float:left;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
text-indent:-10000px;
}
nav.sub_menu2{
padding-top:3%;
margin-left:10px;
width:80%;
height:50px;
margin-left:auto;
margin-right:auto;
}
.sub_menu2 a{ display:block;
width:187px;
height:50px;
float:left;
background-repeat:repeat-y;
margin-top:1%;
margin-left:1%;
margin-right:auto;
text-indent:-10000px;
}
nav.sub_menu3{
padding-top:1%;
margin-left:10px;
width:100%;
height:50px;
}
.sub_menu3 a{ display:block;
width:187px;;
height:50px;
float:left;
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
text-indent:-10000px;
}
.sub_menu_bt01 a{
background-image:url(../img/sub_navi_03_1.png);}
.sub_menu_bt01 a:hover{
background-position:0px 50px;}
.sub_menu_bt02 a{
background-image:url(../img/sub_navi_03_2.png);}
.sub_menu_bt02 a:hover{
background-position:0px 50px;}
.sub_menu_bt03 a{
background-image:url(../img/sub_navi_07_1.png);}
.sub_menu_bt03 a:hover{
background-position:0px 50px;}
.sub_menu_bt04 a{
background-image:url(../img/sub_navi_07_2.png);}
.sub_menu_bt04 a:hover{
background-position:0px 50px;}
.sub_menu_bt05 a{
background-image:url(../img/sub_navi_taikai2nd_01.png);}
.sub_menu_bt05 a:hover{
background-position:0px 50px;}
.sub_menu_bt06 a{
background-image:url(../img/sub_navi_taikai2nd_02.png);}
.sub_menu_bt06 a:hover{
background-position:0px 50px;}
.sub_menu_bt07 a{
background-image:url(../img/sub_navi_08_1.png);}
.sub_menu_bt07 a:hover{
background-position:0px 50px;}
.sub_menu_bt08 a{
background-image:url(../img/sub_navi_08_2.png);}
.sub_menu_bt08 a:hover{
background-position:0px 50px;}
.sub_menu_bt09 a{
background-image:url(../img/sub_navi_08_3.png);}
.sub_menu_bt09 a:hover{
background-position:0px 50px;}
.sub_menu_bt10 a{
background-image:url(../img/sub_navi_taikai2nd_03.png);}
.sub_menu_bt10 a:hover{
background-position:0px 50px;}
.sub_menu_bt11 a{
background-image:url(../img/sub_navi_08_4.png);}
.sub_menu_bt11 a:hover{
background-position:0px 50px;}
.sub2{
}
.sub2_01{
margin-top:2%;
display:block;
height:0px;
padding-top:31%;
overflow:hidden;
background-size: 100% auto;
background-image:url(../img/btn_top_arena_new_ms.png);
background-repeat:no-repeat;
width:97%;
margin-left:auto;
margin-right:auto;
text-indent:-10000px;
}
.sub2_02 {
margin-top:2%;
display:block;
height:0px;
padding-top:31%;
overflow:hidden;
background-size: 100% auto;
width:97%;
margin-left:auto;
margin-right:auto;
background-image:url(../img/btn_top_1st_new_ms.png);
background-repeat:no-repeat;
text-indent:-10000px;
}
.sub2_03 {
margin-top:0.5%;
display:block;
height:0px;
padding-top:15%;
overflow:hidden;
background-size: 100% auto;
width:95%;
margin-left:auto;
margin-right:auto;
background-image:url(../img/btn_top_btx.png);
background-repeat:no-repeat;
text-indent:-10000px;
}
.pane{
margin: 0px;
padding: 0px;
width: 100%;
height: 350px;;
overflow: scroll;
overflow-x: hidden;
border: 1px solid #FFF;
}
/*大会*/
.table_ls{
margin-right:20px;
margin-left:20px;
}
.table_ls ul{
float:none;
clear:both;
}
.table_ls li.taikai_day{
display:block;
width:15%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;
}
.table_ls li.taikai_time{
display:block;
width:10%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;
}
.table_ls li.taikai_shop{
display:block;
width:56%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-bottom:5px;
margin-right:2px;
}
.table_ls li.taikai_info{
display:block;
width:18%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-bottom:5px;
}
.table_taikai{
clear:both;
float:none;
margin-right:20px;
margin-left:20px;
margin-bottom:1px;
}
.table_taikai a{
color:#F60;
}
.table_taikai ul{ float:none;
clear:both;
}
.table_taikai li.taikai_day2{
display:block;
width:15%;
background-color:#CFC;
float:left;
color:#063;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;}
.table_taikai li.taikai_time2{
display:block;
width:10%;
background-color:#CFC;
float:left;
color:#063;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;}
.table_taikai li.taikai_shop2{
display:block;
width:56%;
background-color:#CFC;
float:left;
color::#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-right:2px;
margin-bottom:5px;
}
.table_taikai li.taikai_info2{
text-align:center;
display: block;
width: 17.8%;
background:#FCC;
float: left;
color: #FFF;
font-size: 0.9em;
margin-right: 2px;
font-weight: bold;
margin-bottom: 5px;
padding-top: 8px;
padding-right: 1px;
padding-bottom: 8px;
padding-left: 1px;
}
.tk{
width:70%;
float:left;
}
.taikai_title1{
display:block;
margin-bottom:18px;
color:#FC0;
margin-left:20px;
font-size:2em;
}
.taikai_title1_1{
display:block;
margin-bottom:18px;
color:#FC0;
margin-left:20px;
font-size:1.8em;
}
.taikai_title1_2{
padding:6px;
background-color:#FC0;
display:block;
margin-bottom:18px;
color:#063;
margin-left:20px;
margin-right:20px;
font-weight:bold;
font-size:1em;
}
.ph_lf{
width:25%;
float:right;
padding-top:10px;
}
.ph_lf2{
width:50%;
float:right;
padding-top:10px;
margin-left:10px;
}
.ph_lf3{
width:30%;
float:right;
padding-top:10px;
margin-left:10px;
}
.taikai_text01{
color:#FFF;
line-height:160%;
display:block;
margin-left:20px;
font-size:1.2em;
font-weight:bold;
}
.word_16{
padding-left:30px;
color:#FFF;
line-height:180%;
font-size:1.2em;
font-weight:bold;}
.word_12{
width:90%;
font-size:1em;
line-height:160%;
color:#9F3;
display:block;
margin-left:auto;
margin-right:auto;
}
.ph_logo_r{
float:right;
width:48%;
}
.ph_logo_r2{
float:right;
width:48%;
margin-right:10px;
}
.ph_logo_r a{
color:#FFF;
font-size:0.8em;
}
.ph_logo_l{
float:left;
width:48%
}
.ph_logo_l2{
float:left;
width:48%;
}
.ph_logo_l a{
color:#FFF;
font-size:0.8em;
}
.word_13{
color:#FFF;
line-height:160%;}
.txt_cr{
width:95%;
margin-left:3%;
color:#FFFFFF;
line-height:160%;
font-weight:bold;
font-size:1.2em;
}
.cs_ph{
width:40%;
float:left;
margin-left:2%;
}
.tokuten_img{
margin-left:auto;
margin-right:auto;
width:96%;
}
/*特典テーブル パッド PC*/
.table_it_de{
width:33%;
display:block;
float:left;
margin-right:1px;
}
.table_it_de_shop{
display:block;
vertivcal-align:middle;
width:100%;
background-color:#0C6;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
min-height:50px;
}
.table_it_de_img{
width:100%;
background-color:#CFC;
color:#063;
padding:8px;
font-size:0.8em;
font-weight:bold;
min-height:350px;
}
.taikai_win{
padding:7px;
display:block;
float:left;
width:25.5%;
background:#F60;
color:#FFF;
font-weight:bold;
margin-bottom:10px;
font-size:1.4em;
margin-top:-1px;
}
.taikai_name{
padding:6px;
width:74.1%;
background-color:#FFF;
float:left;
margin-bottom:10px;
color:#F00;
font-size:0.8em;
margin-top:-1px;
}
.win-name{
font-weight:bold;
font-size:1.5em;
}
/*movi*/
.magin_top_mv{
left:75%;
top:-140%;
xxxxfloat:none;
xxxclear:both;
width:25%;
position:absolute;
xxmargin-left:auto;
xxmargin-right:auto;
z-index:100;
}
.magin_top_mv ul{
display:block;
width: 100%;
}
.bt_mv a{
display:block;
width:100%;
overflow:hidden;
background-image:url(../img/top_mv.png);
height:0px;
padding-top:34%;
background-repeat:no-repeat;
text-indent:-10000px;
background-size:cover;
}
.bt_mv a:hover{
background-position:0 0%;
}
/*特典*/
.tokuten_text01{
color: #FFF;
line-height: 160%;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
float: none;
font-weight:bold;
text-align:center;
}
.tokuten_f{
margin-top:10px;
margin-bottom:10px;
width:100%;
margin-left:auto;
margin-right:auto;
}
.tokuten_f ul li{
margin-bottom:10px;
}
.tokuten_f_ps4{
float:left;
margin-bottom:20px;
width:32%;
margin-right:10px;
}
.kei{
border: 1px solid #FFF;
}
.tokuten_f_ps3{
display:block;
margin-bottom:20px;
width:32%;
margin-right:10px;
float:left;
}
.tokuten_f_vita{
display:block;
margin-bottom:20px;
width:32%;
float:left;
}
/*大会P*/
.taikai_g{
width:95%;
margin-left:auto;
margin-right:auto;
}
.taikai_gph{
float:left;
margin-right:5%;
width:30%;
}
.taikai_gph figcaption{
color:#FFF;
margin-top:4%;
}
.taikai_gph_l{
float:left;
width:30%;
}
.taikai_gph_l figcaption{
color:#FFF;
margin-top:4%;
}
.tm_hypu{
width:95%;
margin-top:4%;
margin-left:auto;
margin-right:auto;
margin-bottom:4%;
}
.news_add2{ display:table-cell;
vertivcal-align:middle;
width: 70%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
}
/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 1001px) {
body{
background-repeat: no-repeat;
xxxbackground-position: center 40px;
background-position: center 0px;
background-color: #00b8af;
background-size: 1800px auto;
font-size:12pt;
}
body.sd{
background-image: url(../img/bg_img_01.jpg);
}
body.fa{
background-image: url(../img/bg_img_02_01.jpg);
}
.heder2{
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
}
.heder3{
margin-top:-25px;
width:1000px;
padding-top:60px;
margin-left:auto;
margin-right:auto;
}
#main{
width:1000px;
margin-left:auto;
margin-right:auto;
line-height:100%;
}
.cl_imgs{
width: 380px;
float:right;
margin-top:-500px;
}
.cl_imgs img{
width:110px;
margin-left:6px;
margin-bottom:10px;
}
.cl_imgs img {
display: inline-block;
position: relative;
padding: 0px;
box-shadow:0px 0px 6px 4px #00b8af;
}
#contents{
width: 1000px;
}
.navbar-nav li{
width:134px;
}
.navbar-nav li a.bt01{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt02{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt03{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt04{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt04_n{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt05{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt05_n{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt06{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt06_n{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt07{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt07_n{
background-image:url(../img/menu.png);
background-position:0 6px;
text-indent:-100000px;
}
.navbar-nav li a.bt01{
background-position:1000px 6px;
}
.navbar-nav li a.bt01:hover{
background-position:1000px 106px;
}
.navbar-nav li a.bt02{
background-position:870px 6px;
}
.navbar-nav li a.bt02:hover{
background-position:870px 106px;
}
.navbar-nav li a.bt03{
background-position:735px 6px;
}
.navbar-nav li a.bt03:hover{
background-position:735px 106px;
}
.navbar-nav li a.bt04{
background-position:585px 6px;
}
.navbar-nav li a.bt04:hover{
background-position:585px 106px;
}
.navbar-nav li a.bt04_n{
background-position:585px 60px;
}
.navbar-nav li a.bt05{
background-position:440px 6px;
}
.navbar-nav li a.bt05:hover{
background-position:440px 106px;
}
.navbar-nav li a.bt05_n{
background-position:440px 60px;
}
.navbar-nav li a.bt06{
background-position:288px 6px;
}
.navbar-nav li a.bt06:hover{
background-position:288px 106px;
}
.navbar-nav li a.bt06_n{
background-position:288px 60px;
}
.navbar-nav li a.bt07{
background-position:150px 6px;
}
.navbar-nav li a.bt07:hover{
background-position:150px 106px;
}
.navbar-nav li a.bt07_n{
background-position:150px 60px;
}
.navbar-header{
display:none;
}
.magin_top{
margin-left:auto;
margin-right:auto;
width:400px;
}
/*news*/
#news{
width: 432px;
background-repeat: repeat;
padding: 5px;
background-color: transparent;
background-image: url(../img/news_back_03.png);
background-repeat: no-repeat;
font-size: 0.9em;
float: left;
margin-top: -5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#news .news_text{
width: 390px;
margin-left: auto;
margin-right: auto;
padding-bottom:5px;
height: 140px;
overflow: auto;
}
#news .news_text ul{
margin-top:-10px;
margin-left: 6px;
margin-right: 6px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#news .news_text ul li{
}
#news .news_text ul li a{
display: block;
padding-bottom: 6px;
padding-top: 6px;
background-image:none;
padding-left:20px;
padding-right:40px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#news .news_text ul li a:hover{
display: block;
padding-bottom: 6px;
padding-top: 6px;
background-image:none;
padding-left:20px;
padding-right:40px;
background-color:#E8FFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.data{
display:block;
width:100%;
color:#F00;
font-size:0.8em;
}
/* バナー */
#bannar{
padding-top:5px;
margin-top:10px;
width:100%;
background-image:url(../img/top_bobipng_03.png);
background-size:contain;
height:190px;
background-repeat:repeat-y;
}
.center{
margin-top:1%;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:20%;
padding-top:0%;
}
.center1{
width:200px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:-120px;
height:20px;
}
.bnner_01 a{
width:195px;
height:55px;
margin-bottom:0%;
margin-right:1%;
padding-top:0px;
background-image:url(../img/btn_top_location_new.png);
}
.bnner_02 a{
width:195px;
height:55px;
margin-bottom:0%;
margin-right:1%;
padding-top:0px;
background-image:url(../img/btn_top_dol_new.png);
}
.bnner_03 a{
width:195px;
height:55px;
margin-bottom:0%;
margin-right:1%;
padding-top:0px;
background-image:url(../img/btn_top_twitter_new.png);
}
.bnner_04 a{
width:195px;
height:55px;
margin-bottom:0%;
margin-right:0%;
padding-top:0px;
background-image:url(../img/btn_top_girls_new.png);
}
.bnner_05 a{
display:block;
width:195px;
height:55px;
margin-right:1%;
margin-bottom:0%;
margin-top:10px;
padding-top:0px;
background-image:url(../img/top_fc1.png);
}
.bnner_06 a{
width:195px;
height:55px;
margin-right:1%;
margin-bottom:0%;
margin-top:10px;
background-image:url(../img/top_a.png);
}
.bnner_07 a{
width:195px;
height:55px;
margin-bottom:0%;
margin-right:1%;
margin-top:10px;
background-image:url(../img/top_tokuten.png);
}
.bnner_08 a{
width:195px;
height:55px;
margin-bottom:0%;
margin-right:0%;
margin-top:10px;
background-image:url(../img/top_blog.png);
}
.bnner_01 a:hover,
.bnner_02 a:hover,
.bnner_03 a:hover,
.bnner_04 a:hover,
.bnner_05 a:hover,
.bnner_06 a:hover,
.bnner_07 a:hover,
.bnner_08 a:hover{
background-position:0px 55px;
}
.youtube2 {
position: static;
width: 560px;
padding-top: 0px;
float: right;
}
.youtube2 iframe {
position: relative;
top: 0;
right: 0;
width: 300px;
height: 169px;
}
.magin_b_5:hover{opacity:0.6;
}
.magin_b_5n:hover{opacity:0.6;
}
#word_copyright01{
padding-bottom:20px;
}
nav.sub_menu{
margin-top:0px;
padding:10px;
width:1000px;
margin-left:auto;
margin-right:auto;
height:72px;
margin-bottom:20px;
}
nav.sub_menu2{
margin-top:0px;
padding:10px;
width:600px;
margin-left:auto;
margin-right:auto;
height:0px;
margin-bottom:20px;
}
nav.sub_menu3{
margin-top:0px;
padding:10px;
width:1000px;
margin-left:auto;
margin-right:auto;
height:0px;
margin-bottom:20px;
}
#main2{
margin-top:0px;
background-image:url(../img/obi_sd_03.png);
background-repeat:repeat-x;
background-size:1800px 72px;
}
#ajax-content {padding: 0px 0; width: 100%;
max-height:6000px;
overflow:hidden;
height:auto; margin-bottom: 0px; }
#main h2{
background-position:center;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:700px;
}
/*newe pc*/
.news_down{
background-image: url(../img/home_news_back_md.png);
background-repeat: repeat-y;
background-color: transparent;
margin-top: 0px;
float: none;
clear: both;
padding-top: 0px;
margin-bottom: 0px;
width: 100%;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.main{
width:900px;;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top:-21px;
display:block;
}
.main h3{
color:#FFF;
background-image:url(../img/top_c_title_bg.png);
background-size:cover;
font-size:1.5em;
padding:1%;
font-weight:bold;
}
.main time{
background-color:#ddd;
color:#000;
display:block;
padding:0.5%;
}
.topwaku{ background-image:url(../img/home_news_back_top.png);
height:60px;
background-position:center;
background-position:top;}
.bottomwaku{
margin-top:0px; background-image:url(../img/home_new_back_bottom.png);
height:50px;
background-position:top;
background-position:center;
margin-top:0px;}
/*キャラクター*/
#opty100{
margin-left:auto;
margin-right:auto;
background-image:url(../img/inner_main.png);
background-repeat:repeat-y;
margin-bottom:20px;
opacity:1;}
#content{
margin-top:-70px;
}
#content1{
margin-top:-1000px!important;
}
#contents{
width: 100%;
height:auto;
margin-left: auto;
margin-right: auto;
xxopacity: 0.6;
xxxborder: 10px groove #FFF;
background-image:
url(../img/main_back_midole.png);
background-repeat:repeat-y;
background-size:contain;
margin-top:-20px;
}
.title_game{
display:block;
}
#contents_top{
width: 100%;
height:32px;
xxxbackground-image:
url(../img/main_back_top.png);
background-repeat:no-repeat;
background-size:contain;
}
#contents_bottom{
width: 100%;
height:auto;
xxxxbackground-image:
url(../img/main_back_bottom.png);
background-repeat:no-repeat;
background-size:contain;
margin-top:0px;
}
#wrap-content{
width:90%;
margin-left:auto;
margin-right:auto;
}
.tt{
font-weight:normal;
}
.waku_mi{margin-top:-1px;
background-image:url(../img/inner_main.png);
background-repeat:repeat-y;
background-size:contain;
padding-left:10px;
padding-right:10px;
}
.waku_mi2{ margin-top:-1px;
background-image:url(../img/inner_main.png);
background-repeat:repeat-y;
background-size:contain;
padding-left:30px;
padding-right:30px;
}
.waku_mi3{margin-top:-15px;
background-image:url(../img/ca_img/chara_word_inner_main.png);
background-repeat:repeat-y;
background-size:contain;
padding-left:30px;
padding-right:30px;
}
.waku_mi3 p{
width:90%;
margin-left:auto;
margin-right:auto;
color:#FFF;
padding:40px;
line-height:160%;
display:block;
}
.waku_mi3 figure{
display:block;
width:70%;
margin-left:auto;
margin-right:auto;
}
.waku_mi3 h4{
width:90%;
font-weight:bold;
color:#F69;
margin-bottom:20px;
font-size:1.2em;
margin-left:auto;
margin-right:auto;
}
.right_ph{
width:30%;
float:right;
margin-right:30px;
margin-left:20px;
}
.waku_mi3 figure figcaption{
font-weight:bold;
color:#FFF;
font-size:0.9em;
margin-top:10px;
margin-bottom:10px;}
.waku_mi_top{
height:34px;
background-image:url(../img/inner_top.png);
background-size:contain;
background-repeat:no-repeat;
width:100%;
}
.waku_mi_top2{
margin-top:-100px;
background-image:url(../img/inner_top.png);
height:34px;
background-size:contain;
background-repeat:no-repeat;
}
.waku_mi_top3{
background-image:url(../img/ca_img/chara_word_inner_top.png);
height:34px;
background-size:contain;
background-repeat:no-repeat;
}
.waku_mi_bottom{
background-image:url(../img/inner_bottom.png);
height:34px;
background-size:contain;
background-repeat:no-repeat;
}
.waku_mi_bottom3{
background-image:url(../img/ca_img/chara_word_inner_bottom.png);
height:34px;
background-size:contain;
background-repeat:no-repeat;
margin-bottom:30px;
}
.waku_mi h3{
margin-top:20px;
position: absolute;
margin-top:-30px;
}
.magin_borrom30{
margin-bottom:30px;
}
/*キャラクター*/
#nav {
clear: both;
width: 100%;
margin-top:100px;
margin-bottom:30px;
}
#nav li a {
float:left;
display:block;
width:106px;
margin-right:4px;
margin-bottom:4px;
height:102px;
}
.sub2{
float:left;
}
.sub2_01{
margin-top:0px;
display:block;
padding-top:0px;
overflow:hidden;
background-size: 100% 200%;
background-image:url(../img/btn_top_arena_new.png);
width:405px;
height:64px;
margin-left:12px;
margin-right:12px;
}
.sub2_02{
margin-top:2px;
display:block;
padding-top:0%;
overflow:hidden;
background-size: 100% 200%;
width:405px;
height:50px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/btn_top_1st_new.png);
}
.sub_menu_bt01 a{ width:200px;}
.sub_menu_bt02 a{width:200px;}
a.sub2_02:hover{
opacity:0.5;}
a.sub2_01:hover{
opacity:0.5;}
.sub_menu_bt02 a:hover{
background-position:0px 50px;}
.sub_menu_bt01 a:hover{
background-position:0px 50px;}
#sub_banner{
margin-top:0%;
padding-top:0%;
margin-bottom:2%;
margin-left:auto;
margin-right:auto;
width:100%;
float:none;
clear:both;
}
.news_photo{
width:100%;
float:none;
clear:both;
padding-top:10px;}
.news_photo1{
float:left;
margin-left:40px;
width:400px;;
margin-bottom:1.5%;
}
.news_photo2{
margin-right:40px;
float:right;
width:400px;
margin-bottom:1.5%;
}
.green_back{
margin-bottom:0px;
line-height:160%;
font-size:0.8em;
}
.news_photo4{
text-align:center;
width:70%;
float:none;
clear:both;
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
#twitter {
width: 110px;
height: 26px;
text-align: left;
padding-top: 0px;
float:left;
padding-left:0px;
}
#facebook {
width: 150px;
height: 26px;
text-align: left;
padding-top: 0px;
float: left;
margin-top:0px;
}
.center1{
width:300px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
.green_back{
font-size:1em;
}
.news_main_text{
font-size:1em;
line-height:160%;
}
.news_down .main .news_main_text {
}
footer#foot{
clear:both;
float:none;
background-image:url(../img/food_sd_06.png);
background-color:#000;
background-repeat:repeat-x;
}
/*トップバナー*/
.bnner_main_1{
margin-left:auto;
margin-right:auto;
width:815px;
}
.bnner_main_2{
margin-left: auto;
margin-right: auto;
width: 815px;
}
.com_bt{
width:100%;
display:block;
padding-left:5px;
margin-top:10px;
margin-bottom:0px;
}
.magin_5{
margin-left:9px;
width:320px;
}
.com_bt a:hover{
opacity:0.5;
}
.image_right{
float:right;
width:30%;
margin-left:20px;
}
.image_right2{
float:right;
width:50%;
margin-left:20px;
}
.image_left{
float:left;
margin-left:auto;
margin-right:auto;
width:30%;
margin-bottom:2%;
margin-right:20px;
}
.text01{
width:30%;
float:left;
}
.text02{
width:48%;
float:left;
margin-left:18px;
margin-right:0px;
}
#nav3 {
margin-top:90px;
clear: both;
width: 100%;
height:80px;
}
#nav3 li a {
width:126px;
}
#nav3 li a {
float:left;
background-size:cover;
}
#nav3 li a, #nav3 li a:visited {
}
#nav3 li a:hover {Opacity:0.5; color: #ccc;}
#nav3 li a.current { background-color:#FFF;
Opacity:0.6;
}
.pane{
margin: 0px;
padding: 0px;
width: 100%;
height: 500px;
overflow: scroll;
overflow-x: hidden;
border: 1px solid #FFF;
}
.magin_top10{
padding-top:100px;
float:none;
clear:both;
}
.cs_ph{
width:40%;
float:left;
margin-left:2%;
}
.magin_top20{
padding-top:22px;
float:none;
clear:both;
}
.news_photo3d{
width:31%;
margin:10px;
float:left;
}
/*大会*/
.table_ls{
margin-right:20px;
margin-left:20px;
}
.table_ls ul{
float:none;
clear:both;
}
.table_ls li.taikai_day{
display:block;
width:15%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;
}
.table_ls li.taikai_time{
display:block;
width:10%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;
}
.table_ls li.taikai_shop{
display:block;
width:56%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-bottom:5px;
margin-right:2px;
}
.table_ls li.taikai_info{
display:block;
width:18%;
background:#0C6;
float:left;
color:#FFF;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-bottom:5px;
}
.table_taikai{
clear:both;
float:none;
margin-right:20px;
margin-left:20px;
margin-bottom:1px;
}
.table_taikai a{
color:#F60;
}
.table_taikai ul{ float:none;
clear:both;
}
.table_taikai li.taikai_day2{
display:block;
width:15%;
background-color:#CFC;
float:left;
color:#063;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;}
.table_taikai li.taikai_time2{
display:block;
width:10%;
background-color:#CFC;
float:left;
color:#063;
padding:8px;
font-size:0.9em;
margin-right:2px;
font-weight:bold;
margin-bottom:5px;}
.table_taikai li.taikai_shop2{
display:block;
width:56%;
background-color:#CFC;
float:left;
color::#063;
padding:8px;
font-size:0.9em;
font-weight:bold;
margin-right:2px;
margin-bottom:5px;
}
.table_taikai li.taikai_info2{
text-align:center;
display: block;
width: 18%;
background:#FCC;
float: left;
color: #FFF;
font-size: 0.9em;
margin-right: 2px;
font-weight: bold;
margin-bottom: 5px;
padding-top: 8px;
padding-right: 1px;
padding-bottom: 8px;
padding-left: 1px;
}
.news_pohoto4{
float:right;
margin-right:40px;
margin-left:50px;
margin-bottom:20px;
width:50%;
}
/*スライダー*/
.wideslider {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
top: 60px;
xxxxxmargin-bottom:20px;
padding-bottom:0px;
}
.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}
.wideslider ul li img {
width: 100%;
display: none;
}
.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}
.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {background: #fff url(../img/slider/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/slider/next.jpg) no-repeat left center;}
.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background: #333;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
.pagination {
top: 462px;
bottom: 10px;
left: 0;
width: 100%;
height: 44px;
padding-top: 5px;
text-align: center;
position: absolute;
z-index: 200;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFF;
xxxxmargin-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
xxxxxbackground:#0CC;
background-image:url(../img/green_back.png);
}
.pagination a {
margin: 0 5px;
width: 30px;
height: 30px;
display: inline-block;
overflow: hidden;
}
.pagination a.pn1 {background: transparent url(../img/slider/pnn06.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn2 {background: transparent url(../img/slider/pnn05.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn3 {background: transparent url(../img/slider/pnn01.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn4 {background: transparent url(../img/slider/pnn02.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn5 {background: transparent url(../img/slider/pnn03.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn6 {background: transparent url(../img/slider/pnn04.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn7 {background: transparent url(../img/slider/pn01.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn8 {background: transparent url(../img/slider/pn02.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn9 {background: transparent url(../img/slider/pn03.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn10 {background: transparent url(../img/slider/pn04.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn11 {background: transparent url(../img/slider/pn05.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn12 {background: transparent url(../img/slider/pn06.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn13 {background: transparent url(../img/slider/pn07.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn14 {background: transparent url(../img/slider/pn08.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn15 {background: transparent url(../img/slider/pn09.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn16 {background: transparent url(../img/slider/pn10.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn17 {background: transparent url(../img/slider/pn11.png) no-repeat left top; background-size:30px 30px;}
.pagination a.pn18 {background: transparent url(../img/slider/pn12.png) no-repeat left top; background-size:30px 30px;}
/* =======================================
ClearFixElements
======================================= */
.wideslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.wideslider ul {
display: inline-block;
overflow: hidden;
}
/*スライダー*/
.magin_top_logo{
left:0;
top:0px;
float:none;
clear:both;
width:1000px;
position:relative;
margin-left:auto;
margin-right:auto;
}
.magin_top{
width: 450px;
position:absolute;
z-index:100;
right:-550px;
top: -220px;
}
.middle_main{
background-image: url(../img/sslider.png);
width: 100%;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
.middle_main_w{
width:1000px;
margin-left:auto;
margin-right:auto;
}
.magin_top_tx0{
width:100%;
margin-top:0;
top:420px;
left:0;
position:absolute;
display:block;
}
.magin_top_tx00{
text-align:center;
display:block;
position:static;
width:980px;
z-index: 300;
padding-right:500px;
margin-left:auto;
margin-right:auto;
}
.magin_top_tx0 a:hover{
opacity:0.6!important;
}
.magin_top_tx0 a{
display:block;
}
.hdsp{
height:600px;
}
/*movi*/
.magin_top_mv{
left:250px;
top:-805px;
float:none;
clear:both;
width:5px;
position:relative;
margin-left:auto;
margin-right:auto;
background-image:none;
}
.bt_mv a{
display:block;
width:250px;
background-image:url(../img/top_mv.png);
height:0px;
padding-top:81px;
background-repeat:no-repeat;
text-indent:-10000px;
overflow:hidden;
}
.bt_mv a:hover{
background-position:0 -81px;
}
.bt_mv li{
background-image:none;
}
.magin_top_mv ul{
display:block;
width: 250px;
position:absolute;
z-index:100;
right:-20px;
top: 300px;
background-image:none;
} /*ダウンロード*/
.dl_title{
background:#F60;
font-size:1em;
padding:8px;
display:block;
width:100%;
height:auto;
text-align:center;
font-weight:bold;
}
.dl_txt{
width:570px;
margin-left:auto;
margin-right:auto;
color:#FFF;
}
.dl_title_s{
display:block;
text-align:center;
margin-top:10px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#385651+0,61c419+50,385651+100 */
background: #385651; /* Old browsers */
background: -moz-linear-gradient(left, #385651 0%, #61c419 50%, #385651 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #385651 0%,#61c419 50%,#385651 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #385651 0%,#61c419 50%,#385651 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#385651', endColorstr='#385651',GradientType=1 ); /* IE6-9 */
}
.text_al_center{
text-align:center;
margin-left:auto;
margin-right:auto;}
/*スペシャルガール*/
.bromide_bg_a{
text-align:center;
background-image:url(../img/fgl/girls_bromidebg_a.png);
height:160px;
padding-top:10px;
}
.bromide_bg_b{
text-align:center;
background-image:url(../img/fgl/girls_bromidebg_b.png);
height:160px;
padding-top:10px;
}
.bromide_bg_c{
text-align:center;
background-image:url(../img/fgl/girls_bromidebg_c.png);
height:160px;
padding-top:10px;
}
.bromide_bg_d{
text-align:center;
background-image:url(../img/fgl/girls_bromidebg_d.png);
height:160px;
padding-top:10px;
}
.bromide_bg_e{
text-align:center;
background-image:url(../img/fgl/girls_bromidebg_e.png);
height:160px;
padding-top:10px;
}
.bromide_bg_f{
text-align:center;
background-image:url(../img/fgl/girls_bromidebg_f.png);
height:160px;
padding-top:10px;
}
.bromide_bg_a ul,.bromide_bg_b ul,.bromide_bg_e ul,.bromide_bg_f ul{
width:440px;
margin-left:auto;
margin-right:auto;
}
.bromide_bg_c ul,.bromide_bg_d ul{
width:100%;
margin-left:auto;
margin-right:auto;
}
.bromide_bg_a ul li,.bromide_bg_b ul li,.bromide_bg_c ul li,.bromide_bg_d ul li,.bromide_bg_e ul li,.bromide_bg_f ul li{
display:block;
float:left;
width:106px;
}
.bromide_bg_c ul li.gl_yoko{
display:block;
float:left;
width:146px;
margin-top:20px;
}
.word_17{
color:#FF0;
text-align:center;
}
.All_c{
display: block;
background: #360;
margin-top: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a6000+0,65a05e+44,1a3f3a+100 */
background: #3a6000; /* Old browsers */
background: -moz-linear-gradient(left, #3a6000 0%, #65a05e 44%, #1a3f3a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3a6000), color-stop(44%,#65a05e), color-stop(100%,#1a3f3a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* IE10+ */
background: linear-gradient(to right, #3a6000 0%,#65a05e 44%,#1a3f3a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6000', endColorstr='#1a3f3a',GradientType=1 ); /* IE6-9 */
border: 1px solid #063;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 40px;
}
.gl_title{
color:#F90;
font-size:1em;
font-weight:bold;
display:block;
border-bottom: solid 1px #66CC99;
padding-bottom:5px;
}
.gl_title2{
width:50%;
color:#F90;
font-size:1em;
font-weight:bold;
display:block;
border-bottom: solid 1px #66CC99;
padding-bottom:5px;
margin-left:auto;
}
.gl_title3{
color:#F90;
font-size:1.4em;
font-weight:bold;
display:block;
border-bottom: solid 1px #66CC99;
padding-bottom:5px;
text-align:center;
}
.gl_txt{
color:#FFF;
padding-left:1em;
font-size:0.9em;
line-height:160%;
margin-bottom:20px;
}
.youtube3_car{
width:700px;
margin-left:auto;
margin-right:auto;
}
.w500{
width:620px;}
.magin_c{
margin-left:auto;
margin-right:auto;
}
/*大会P*/
.taikai_g{
width:95%;
margin-left:auto;
margin-right:auto;
}
.taikai_gph{
float:left;
margin-right:5%;
width:30%;
}
.taikai_gph figcaption{
color:#FFF;
margin-top:4%;
}
.taikai_gph_l{
float:left;
width:30%;
}
.taikai_gph_l figcaption{
color:#FFF;
margin-top:4%;
}
.tm_hypu{
width:95%;
margin-top:4%;
margin-left:auto;
margin-right:auto;
margin-bottom:4%;
}
.news_add2{ display:table-cell;
vertivcal-align:middle;
width: 70%;
color: #063;
padding: 8px;
font-size: 0.9em;
font-weight: bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #063;
}
.mini_cd{
width:300px;
margin-bottom:10px;
margin-left:10px;
float:right;
}
#kabegami{
}
#kabegami li a{
display:block;
width:24%;
float:left;
height:50px;
background-color:#FDF691;
margin-right:1%;
text-align:center;
padding-top:18px;
}
#kabegami li a:hover{
background-color:#FD0206;
display:block;
height:50px;
width:24%;
color:#FEFDEC;
}
}