@charset "utf-8";
/* CSS Document */

/*------------------------------------------
【cmn css】
--------------------------------------------*/
body{ background:#000; color:#fff; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; line-height: 1.0em;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td{ margin: 0; padding: 0; }
fieldset, img { border: 0; }
a{text-decoration:none;}
ul, ul li{ margin:0; padding:0; list-style:none;}
p, img{ margin:0; padding:0; }
img { border: none; margin:0; padding:0; line-height:0;}

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }

/*-------リンク時の挙動-------*/
.icon_tw a img,.icon_fb a img,#news a img,#bnr a img,.contents a img{ opacity: 1;transition: all 0.3s ease-out 0s;}
.icon_tw a img:hover,.icon_fb a img:hover,#news a img:hover,#bnr a img:hover,.contents a img:hover{filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}

img {-webkit-backface-visibility: hidden;}



/*==================================
【basic pc style】
==================================*/
#wrap{background-color:#FFFFFF; background-image: url(../images/pattern_bg.jpg); background-position: center top; background-repeat: repeat;}
#wrap_inner{ background-image: url(../images/ball_bg.png); background-position: center top;}
.pc {display: block!important;}
.sp {display: none!important;}
/*-------header-------*/
#header{background: url(../images/header_bg.jpg) center top repeat; height: 84px;}
#header .header_inner{width: 1100px; margin: 0 auto; position: relative;}
#header .ichibanlogo{width: 84px; position: absolute; top: 20px; left: 0;}
#header .pokemon_title{width: 722px; position: absolute; top: 25px; left: 180px;}
#header .icon_tw{width: 35px; margin:0; position: absolute; top: 20px;  right: 50px;}
#header .icon_fb{width: 35px; margin:0; position: absolute; top: 20px; right: 0;}
/*-------news-------*/
#news{ width: 100%; height: 100%; padding: 40px 0 60px 0 ;}
#news .news_inner{width: 718px; height: 542px; margin: 0 auto; position: relative; }
#news .news_tit {width:702px; margin: 0 auto; padding: 10px 0 0 0;}
#news #slide_shape_l{z-index: 9999; position: absolute; top:-20px; left:-20px; width: 74px;}
#news #slide_shape_r{z-index: 9999; position: absolute; bottom:-20px; right:-20px; width: 74px;}
#news_slide{width: 718px; margin: 20px auto 0; padding: 0;}
.slider01 {margin: 0 0 0px;}
.slider01 img {width: 718px;height: auto; margin: 0 auto;}
.single-item li{ width:100%; margin: 0;}
/*-------contents-------*/
.contents {width: 1100px; margin: 20px auto 40px; padding: 0 0 60px 0;}
/*-------research-------*/
.research{ width: 500px; height: 870px; background:url(../images/dot_bg_pattern.jpg)top repeat; float: left; border: solid 6px #000; box-sizing: border-box; padding: 6px; position: relative;}
.research .slide_shape_l{z-index: 9999; position: absolute; top:-23px; left:-23px; width: 74px;}
.research .slide_shape_r{z-index: 9999; position: absolute; bottom:-23px; right:-23px; width: 74px;}
.research_tit {width: 477px; margin: 0 auto 30px;}
.research_about {width: 448px; margin: 10px auto 30px;}
.research_item {width: 377px; margin: 0 auto 8px;}
.research_item_bnr {width: 390px; margin: 0 auto;}
/*-------lineup-------*/
.lineup{ width: 500px; height: 870px; background:url(../images/dot_bg_pattern.jpg)top repeat; float: right; border: solid 6px #000; box-sizing: border-box; padding: 6px; position: relative;}
.lineup .slide_shape_l{z-index: 9999; position: absolute; top:-23px; left:-23px; width: 74px;}
.lineup .slide_shape_r{z-index: 9999; position: absolute; bottom:-23px; right:-23px; width: 74px;}
.lineup_tit {width: 476px; margin: 0 auto 20px;}
.lineup ul {width: 420px; margin: 0 auto;}
.lineup ul li{width: 200px; float: left; margin: 0 0 20px 0;}
.lineup ul li:nth-child(1){margin: 0 20px 0 0;}
.lineup ul li:nth-child(3){margin: 0 20px 0 0;}
.lineup ul li:nth-child(5){margin: 0 20px 0 0;}
/*-------footer-------*/
#footer{ height: 100% ;background-color: #000;}
#footer .footer_inner{width: 1100px; margin: 0 auto; font-size:11px; padding: 10px 0 15px 0;}
#footer .copy{float: left; margin: 35px 0 0 0;}
#footer .caution{float: right; margin: 0 0 0 0; text-align: right;}









/* Media Queries - Tablet  */
@media (max-width: 1024px) {

/*-------header-------*/
#header{background: url(../images/header_bg.jpg) center top repeat; height: 84px;}
#header .header_inner{width: 100%; margin: 0 auto; position: relative;}
#header .ichibanlogo{width: 84px; position: absolute; top: 20px; left: 20px;}
#header .pokemon_title{width: 722px; position: absolute; top: 25px; left: 140px;}
#header .icon_tw{width: 35px; margin:0; position: absolute; top: 25px;  right: 70px;}
#header .icon_fb{width: 35px; margin:0; position: absolute; top: 25px; right: 20px;}
/*-------contents-------*/
.contents {width: 100%; margin: 20px auto 40px; padding: 0 0 60px 0;}
/*-------research-------*/
.research{ width: 45%; height: 820px; background:url(../images/dot_bg_pattern.jpg)top repeat; float: left; border: solid 6px #000; box-sizing: border-box; padding: 6px; position: relative; margin: 0 0 0 35px;}
.research .slide_shape_l{z-index: 9999; position: absolute; top:-23px; left:-23px; width: 74px;}
.research .slide_shape_r{z-index: 9999; position: absolute; bottom:-23px; right:-23px; width: 74px;}
.research_tit {width: 100%; margin: 0 auto 40px;}
.research_about {width: 96%; margin: 10px auto 40px;}
.research_item {width: 90%; margin: 0 auto 8px;}
.research_item_bnr {width: 87%; margin: 0 auto;}
/*-------lineup-------*/
.lineup{ width: 45%; height: 820px; background:url(../images/dot_bg_pattern.jpg)top repeat; float: right; border: solid 6px #000; box-sizing: border-box; padding: 6px; position: relative; margin: 0 35px 0 0;}
.lineup .slide_shape_l{z-index: 9999; position: absolute; top:-23px; left:-23px; width: 74px;}
.lineup .slide_shape_r{z-index: 9999; position: absolute; bottom:-23px; right:-23px; width: 74px;}
.lineup_tit {width: 100%; margin: 0 auto 20px;}
.lineup ul.lineup_bnr {width: 95%; margin: 0 auto; padding: 0 0 0 5%;}
.lineup ul.lineup_bnr li{width: 45%; margin: 0 0 5% 0;}
.lineup ul.lineup_bnr li:nth-child(1){margin:0 5% 0 0;}
.lineup ul.lineup_bnr li:nth-child(3){margin:0 5% 0 0;}
.lineup ul.lineup_bnr li:nth-child(5){margin:0 5% 0 0;}	
/*-------footer-------*/
#footer{ height: 100% ;background-color: #000;}
#footer .footer_inner{width: 1009px; margin: 0 auto; font-size:11px; padding: 10px 0 15px 15px;}
#footer .copy{float: left; margin: 35px 0 0 0;}
#footer .caution{float: right; margin: 0 10px 0 0; text-align: right;}	
}






/* Media Queries - Tablet&Smartphone  */
@media (max-width: 812px) {

/*==================================
【sp style】
==================================*/
#wrap{width: 100%; background-color:#FFFFFF; background-image: url(../images/pattern_bg.jpg); background-position: center top; background-size: 70%;}
.pc {display: none!important;}
.sp {display: block!important;}
#wrap_inner{ background-image: url(../images/sp_ball_bg.png); background-position: center top; width: 100%; background-size: contain;}	
/*-------header-------*/
#header{background: url(../images/sp_header_bg.jpg) center top no-repeat; background-size:cover; height: 100%; padding: 4% 0 15% 0;}
#header .header_inner{width: 100%;  position: relative; height: 100%;}
#header .ichibanlogo{width: 12%; position: absolute; top: 0; left: 2%;}
#header .pokemon_title{width: 55%; position: absolute; top: 0; left: 18%;}
#header .icon_tw{width: 7%; margin:0; position: absolute; top: 0; right: 12%; padding: 2% 0 0 0;}
#header .icon_fb{width: 7%; margin:0; position: absolute; top: 0; right: 3%; padding: 2% 0 0 0}	
/*-------news-------*/
#news{height: 100%; padding:5% 0 5% 0; background-size: cover; width: 100%;}
#news .news_tit {width:90%; margin: 0 auto; padding: 0 0 6% 0;}
#news .news_inner{width: 100%; height: 100%; margin: 0 auto;position: relative; padding: 0;}
#news #slide_shape_l{z-index: 9999; position: absolute; top:-4%; left:12%;}
#news #slide_shape_r{z-index: 9999; position: absolute; bottom:-3%; right:13%;}		
#news_slide{width: 70%; margin: 0 auto; padding: 0; position: static; top: 0; left: 0;}
.slider01 {margin: 0 0 10px;}
.slider01 img {width: 100%;height: auto; margin: 0 auto;}
.single-item li{ width:0; margin: 0;}
/*-------contents-------*/
.contents {width: 100%; margin: 0 auto; padding: 0 0 15% 0;}
/*-------research-------*/
.research{ width: 90%; background:url(../images/dot_bg_pattern.jpg)top repeat;  float: none; margin: 0 auto 12%; height: 100%; padding:1.7% 1% 9% 1%; max-width: 640px;}
.research .slide_shape_l{z-index: 9999; position: absolute; top:-20px; left:-20px; width: 20%; max-width: 95px;}
.research .slide_shape_r{z-index: 9999; position: absolute; bottom:-20px; right:-20px; width: 20%; max-width: 95px;}	
.research_tit {width: 100%; margin: 0 auto 0; padding: 0% 0 4% 0; max-width: 600px;}
.research_about {width: 85%; max-width: 570px; margin: 3% auto 0; padding: 0% 0 4% 0;}
.research_item {width: 80%; max-width: 484px;  margin: 0 auto 2%;}
.research_item_bnr {width: 80%; max-width: 500px; margin: 0 auto;}	
/*-------lineup-------*/
.lineup{ width: 90%; background:url(../images/dot_bg_pattern.jpg)top repeat;  float: none; margin: 0 auto; height: 100%; padding:1.7% 1% 5% 1%; max-width: 640px;}	
.lineup .slide_shape_l{z-index: 9999; position: absolute; top:-20px; left:-20px; width: 20%; max-width: 95px;}
.lineup .slide_shape_r{z-index: 9999; position: absolute; bottom:-20px; right:-20px; width: 20%; max-width: 95px;}
.lineup_tit {width: 100%; margin: 0 auto 0; padding: 0% 0 4% 0; max-width: 600px;}
.lineup ul.lineup_bnr {width: 90%; margin: 0 auto 0; padding: 5% 0 0 3.5%;}
.lineup ul.lineup_bnr li{width: 45%; margin: 0 0 5% 0;}
.lineup ul.lineup_bnr li:nth-child(1){margin:0 5% 0 0;}
.lineup ul.lineup_bnr li:nth-child(3){margin:0 5% 0 0;}
.lineup ul.lineup_bnr li:nth-child(5){margin:0 5% 0 0;}
/*-------footer-------*/
#footer .footer_inner{width: 95%; margin: 0 auto; font-size:11px; padding: 5% 0; }
#footer .copy{float: left; margin: 5% 0 0 0;}
#footer .caution{float: left; margin: 0 0 0 0; text-align: left;}	
}








/* Media Queries - Smartphone */
@media (max-width: 480px) {
/*-------research-------*/
.research{ width: 90%; background:url(../images/dot_bg_pattern.jpg)top repeat;  float: none; margin: 0 auto 12%; height: 100%; padding:1% 1% 9% 1%; max-width: 640px;}
/*-------lineup-------*/
.lineup{ width: 90%; background:url(../images/dot_bg_pattern.jpg)top repeat;  float: none; margin: 0 auto; height: 100%; padding:1% 1% 5% 1%; max-width: 640px;}
#news #slide_shape_l{z-index: 9999; position: absolute; top:-4%; left:12%; width: 10%;}
#news #slide_shape_r{z-index: 9999; position: absolute; bottom:-1.5%; right:12.5%; width: 10%;}		
.research .slide_shape_l{z-index: 9999; position: absolute; top:-3.5%; left:-5%; width: 18%;}
.research .slide_shape_r{z-index: 9999; position: absolute; bottom:-4.5%; right:-5.5%; width: 18%;}
.lineup .slide_shape_l{z-index: 9999; position: absolute; top:-3.5%; left:-5%; width: 18%;}
.lineup .slide_shape_r{z-index: 9999; position: absolute; bottom:-3.5%; right:-5.5%; width: 18%;}
}