@charset"utf-8";
* {font-size:100%; line-height: 105%;}
.clearfix:after {content: " "; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.clearfix{display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.body_reset{margin:0 auto; padding:0 auto;}
img {border:none; vertical-align: bottom;}
a {font-size:100%; line-height: 105%; outline:none; text-decoration: underline;}
a:hover{text-decoration: none;}
/*
a img:hover{opacity: 0.8;}
*/

.left{float: left;}
.right{float: right;}
.clear{clear: both;}

body{background-color: #000000;}
.top_wrapper{width: 100%; height: auto; position: relative;}
.wrapper_video{width: 100%; height: auto;}
.wrapper_video video{width: 100%; height: auto;}
.top_wrapper_bg{width: 100%; height: auto;}
.pawaslo_link{position: absolute; right: 2.5%; top: 2.5%; width: 20%; height: auto;}
.pawaslo_link img{width: 100%; height: auto;}
.top_title{position: absolute; bottom: 30%; width: 80%; left: 10%; height: auto;}
.top_title img{width: 100%; height: auto;}
.top_links{position: absolute; bottom: 20%; width: 80%; left: 10%; height: auto;}
.top_links table{width: 100%; height: auto;}
.top_links table tr td{width: 33%; height: auto;}
.top_links table tr td img{width: 95%; height: auto;}
.top_bisty{position: absolute; left: 2.5%; bottom: 2.5%; width: 20%; height: auto;}
.top_bisty img{width: 100%; height: auto;}
.top_fields{position: absolute; right: 2.5%; bottom: 2.5%; width: 20%; height: auto;}
.top_fields img{width: 100%; height: auto;}


/* main */
.main{width: 100%; height: auto;}
.main_header{width: 100%; height: auto;}
.main_header_btn{width: 100%; height: auto;}

/* 初級 */
.main_topback_btn a{display: block; width: 100%; height: 44px; background-image: url(../images/syokyu1/nav_shokyu3_pagetop.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.main_header_btn01 ul li{width: 100%; height: 44px; background-size: 100% auto; text-indent: -9999px;}

.current .gnav01_01{background-image: url(../images/syokyu1/nav_shokyu1_o.png); background-repeat: no-repeat;}
.gnav01_01{background-image: url(../images/syokyu2/nav_shokyu1.png); background-repeat: no-repeat;}
.current .gnav01_02{background-image: url(../images/syokyu2/nav_shokyu2_o.png); background-repeat: no-repeat;}
.gnav01_02{background-image: url(../images/syokyu1/nav_shokyu2.png); background-repeat: no-repeat;}

/* 中級 */
.main_header_btn02{width: 50%; height: auto; float: left;}
.gnav02_00{display: none;}
.main_header_btn02 ul div{width: 100%; height: 44px; background-size: 100% auto; text-indent: -9999px;}
.gnav02_01{background-image: url(../images/chukyu1/nav_1_tokucho.png); background-repeat: no-repeat; }
.current .gnav02_01{background-image: url(../images/chukyu2/nav_1_tokucho_o.png); background-repeat: no-repeat;}
.gnav02_02{background-image: url(../images/chukyu1/nav_3_gameflow.png); background-repeat: no-repeat;}
.current .gnav02_02{background-image: url(../images/chukyu3/nav_3_gameflow_o.png); background-repeat: no-repeat;}
.gnav02_03{background-image: url(../images/chukyu1/nav_5_enshutsu.png); background-repeat: no-repeat;}
.current .gnav02_03{background-image: url(../images/chukyu4/nav_5_enshutsu_o.png); background-repeat: no-repeat;}
.gnav02_04{background-image: url(../images/chukyu1/nav_2_uchikata.png); background-repeat: no-repeat;}
.current .gnav02_04{background-image: url(../images/chukyu11/nav_2_uchikata_o.png); background-repeat: no-repeat;}
.gnav02_05{background-image: url(../images/chukyu1/nav_4_haitohairetsu.png); background-repeat: no-repeat;}
.current .gnav02_05{background-image: url(../images/chukyu12/nav_4_haitohairetsu_o.png); background-repeat: no-repeat;}
.gnav02_06{background-image: url(../images/chukyu1/nav_6_10kajyo.png); background-repeat: no-repeat;}
.current .gnav02_06{background-image: url(../images/chukyu13/nav_6_10kajyo_o.png); background-repeat: no-repeat;}

/* 上級 */
.main_topback_btn2 a{display: block; width: 100%; height: 44px; background-image: url(../images/jyokyu1/nav_backtotoppage.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.main_header_btn03 ul li{width: 50%; height: 44px; background-size: 100% auto; text-indent: -9999px; float: left;}
.current .gnav03_01{background-image: url(../images/jyokyu1/nav_jyokyu1_o.png); background-repeat: no-repeat;}
.gnav03_01{background-image: url(../images/jyokyu2/nav_jyokyu1.png); background-repeat: no-repeat;}
.current .gnav03_02{background-image: url(../images/jyokyu2/nav_jyokyu2_o.png); background-repeat: no-repeat;}
.gnav03_02{background-image: url(../images/jyokyu1/nav_jyokyu2.png); background-repeat: no-repeat;}
.current .gnav03_03{background-image: url(../images/jyokyu3/nav_jyokyu3_o.jpg); background-repeat: no-repeat;}
.gnav03_03{background-image: url(../images/jyokyu1/nav_jyokyu3.png); background-repeat: no-repeat;}
.current .gnav03_04{background-image: url(../images/jyokyu4/nav_jyokyu4_o.png); background-repeat: no-repeat;}
.gnav03_04{background-image: url(../images/jyokyu1/nav_jyokyu4.png); background-repeat: no-repeat;}

.main_img{width: 100%; height: auto;}
.main_img img{width: 100%; height: auto;}
.main_swipe{width: 100%; height: 44px; background-image: url(../images/syokyu1/pinch_in_bg3.png); background-size: 100% auto; background-repeat: repeat-x; position: relative;}
.main_swipe2{width: 100%; height: 44px; background-image: url(../images/chukyu1/pinch_in_bg.png); background-size: 100% auto; background-repeat: repeat-x; position: relative;}
.main_swipe3{width: 100%; height: 44px; background-image: url(../images/jyokyu1/pinch_in_bg2.png); background-size: 100% auto; background-repeat: repeat-x; position: relative;}
.main_swipe_left{width: 13%; height: auto; position: absolute; left: 3%; top: 10%;}
.main_swipe_left img{width: 100%; height: auto;}
.main_swipe_right{width: 13%; height: auto; position: absolute; right: 3%; top: 10%;}
.main_swipe_right img{width: 100%; height: auto;}
.main_swipe_info01{width: 25%; height: auto; position: absolute; left: 20%; top: 20%;}
.main_swipe_info01 img{width: 100%; height: auto;}
.main_swipe_info02{width: 25%; height: auto; position: absolute; right: 20%; top: 20%;}
.main_swipe_info02 img{width: 100%; height: auto;}
.main_footer{width: 100%; height: 42px; background-image: url(../images/syokyu1/footer_copyright_bg3.png); background-size: 100% auto; background-repeat: repeat-x; position: relative;}
.main_footer2{width: 100%; height: 42px; background-image: url(../images/chukyu1/footer_copyright_bg1.png); background-size: 100% auto; background-repeat: repeat-x; position: relative;}
.main_footer3{width: 100%; height: 42px; background-image: url(../images/jyokyu1/footer_copyright_bg2.png); background-size: 100% auto; background-repeat: repeat-x; position: relative;}
.main_footer_left{width: 16%; height: auto; position: absolute; left: 3%; top: 20%;}
.main_footer_left img{width: 100%; height: auto;}
.main_footer_right{width: 16%; height: auto; position: absolute; right: 3%; top: 20%;}
.main_footer_right img{width: 100%; height: auto;}
.swipe_img{width: 100%; height: auto}
.main_header_btn{width: 50%; height: auto; float: left;}
.main_header_btn ul{width: 100%; height: auto;}

/*
.gnav01{width: 100%; min-height: 44px; background-image: url(../images/feature/g_nav_tokucho.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.current .gnav01{background-image: url(../images/feature/g_nav_tokucho_o.png); background-repeat: no-repeat; background-size: 100% auto;}
.gnav04{width: 100%; min-height: 44px; background-image: url(../images/feature/g_nav_uchikata.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.current .gnav04{background-image: url(../images/uchikata/g_nav_uchikata_o.png); background-repeat: no-repeat; background-size: 100% auto;}
.gnav05{width: 100%; min-height: 44px; background-image: url(../images/feature/g_nav_gameflow.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.current .gnav05{background-image: url(../images/flow/g_nav_gameflow_o.png); background-repeat: no-repeat; background-size: 100% auto;}
.gnav06{width: 100%; min-height: 44px; background-image: url(../images/feature/g_nav_haito.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.current .gnav06{background-image: url(../images/haito/g_nav_haito_o.png); background-repeat: no-repeat; background-size: 100% auto;}
.gnav07{width: 100%; min-height: 44px; background-image: url(../images/feature/g_nav_enshutsu.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.current .gnav07{background-image: url(../images/direction/g_nav_enshutsu_o.png); background-repeat: no-repeat; background-size: 100% auto;}
.gnav11{width: 100%; min-height: 44px; background-image: url(../images/feature/g_nav_shireisho.png); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;}
.current .gnav11{background-image: url(../images/shirei/g_nav_shireisho_o.png); background-repeat: no-repeat; background-size: 100% auto;}
*/

#showcase01 {width: 320px; overflow: hidden;}
#showcase01 .flipsnap {overflow: hidden; width: 640px; /* 320×2枚 */}
#showcase01 .item {width: 320px; height:auto; float: left;}
#showcase01 .item img{width: 320px; height:auto;}

#showcase02 {width: 320px; overflow: hidden;}
#showcase02 .flipsnap {overflow: hidden; width: 4160px; /* 320×13枚 */}
#showcase02 .item {width: 320px; height:auto; float: left;}
#showcase02 .item img{width: 320px; height:auto;}

#showcase03 {width: 320px; overflow: hidden;}
#showcase03 .flipsnap {overflow: hidden; width: 1280px; /* 320×4枚 */}
#showcase03 .item {width: 320px; height:auto; float: left;}
#showcase03 .item img{width: 320px; height:auto;}