@charset "utf-8";
@media screen and (min-width: 961px){

.ready {opacity: 0;   transform: scale(0.8);}
.loaded {
  	opacity: 1;
    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;
    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 10ms;

	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);

}

.switch{width:150px;height:50px;margin:5px;	position:relative;float:right;}

#header{width:100%;height:60px;background-color:#231815;}

.sns{width:120px;height:30px;position:relative;background-position:center;float:left;}
.sns ul{width:80px;height:21px;position: relative;padding:10px 5px;margin:5px 0px 0px 10px;}
.sns iflame{margin: 0 !important;}
iframe.twitter-share-button {width: 100px !important;}
.sns li{float:left;padding:0 5px 0 0;}

.corporate{width:217px;height:60px;position:relative;float:right;}

.container {width:100%;height:auto;min-width:961px;}

.main_wrap{position:relative;}

.menu{width:100%;height:600px;background:url(../img/menubg.png) center bottom;position:relative;overflow:hidden;}
.menu_top{width:95%;margin:0 auto;position:relative;overflow:hidden;}

.logo{position:relative;margin:20px 0;width:400px;height:237px;z-index:10;float:left;}

#news{width:350px;height:237px;margin:20px 0 30px 0;background:url(../img/newsbg.png);border-radius:10px;overflow:hidden;float:right;}
.newstop{height:30px;position:relative;}
.newscontent{max-height:180px;width:90%;margin-top:10px;padding-left:5%;white-space: normal;color:#333;overflow-y:auto;position: relative;}
.newscontent dt{color:#FFFF33;font-weight:bold;margin:0.2em 0;}
.newscontent dd{color:#ffffff;margin: 0.5em 20px;line-height: 1.5em;}

.player{width:800px;position:relative;}

.menu_bottom{position:relative;width:731px;height:316px;margin:20px auto;}
.Balloon{position:absolute;width:106px;height:38px;top:0;left:0;display:block;}
.com01{position:absolute;top:80px;left:100px;}
.com02{position:absolute;top:180px;left:340px;}
.com03{position:absolute;top:-20px;left:210px;}
.com04{position:absolute;top:0px;left:460px;}
.com05{position:absolute;top:80px;left:310px;}
.com06{position:absolute;top:88px;left:500px;}

.price{width:200px;height:200px;position:absolute;top:280px;left:50px;margin:0;}
.umpire{width:300px;height:300px;position:absolute;bottom:0;right:10px;margin:0;}

.gnavi_wrap{background:#6010a0;position:relative;}
.gnavi{width:800px;position:relative;overflow:hidden;margin:0 auto;}
.gnavi ul{overflow:hidden;height:50px;display:flex;}
.gnavi li{width:200px;height:50px;overflow:hidden;}

#gaiyou{position:relative;}
.gaiyou_inner{position:relative;}
#GYinfo{background-size:auto;width:100%;position:relative;}
.GYIwrap{width:80%;position:relative;margin:0 auto;}


#movie{position:relative;width:100%;height:464px;background:url(../img/movie_bg2.png) bottom repeat-x #64C8EE;}
.movie_inner{background:url(../img/movie_bg.png) no-repeat;width:854px;height:464px;margin:0 auto;position:relative;}
.movie_main{position:absolute;top:128px;left:304px;z-index:2;}
#movieplayer{width:256px;height:160px;}


#GYinfo .gycap1{position:relative;z-index:10;margin:0 auto;display:block;}
.flaga {width: 50px;height: 32px;display: block;overflow: hidden;background: transparent url(../img/flag_a.png) no-repeat top left;position:absolute;top:32px;left:588px;}
.flagb {width: 50px;height: 32px;display: block;overflow: hidden;background: transparent url(../img/flag_b.png) no-repeat top left;position:absolute;top:32px;left:273px;}

#GYinfo .gybatter{top:200px;right:0px;position:absolute;z-index:1;}
.GYtext{position:relative;width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;z-index:2;}

.special{background:url(../img/specialbg.png) no-repeat center top #562389;position:relative;}
.inner{width:80%;position:relative;margin:0 auto;}
.spbatter{position:absolute;left:50px;}
.spcap{display:block;width:458px;position:relative;margin:0 auto;padding:30px 0;}

.sp01{width:680px;margin:0 auto;padding:20px 0;text-align:center;position:relative;}
.sp02{width:680px;height:auto;margin:5px auto;padding:25px 0;position:relative;overflow:hidden;display:flex;flex-flow:row wrap;justify-content:space-between;}
.sp02 img{display:block;width:250px;height:auto;padding:15px 25px;margin:5px;}
.sppitch{position:absolute;top:500px;right:50px;}
.spbant{position:absolute;top:1200px;left:0px;}

#mode{background:url(../img/modebg.png) no-repeat center top #96c631;}
.mode_wrap{padding-top:160px;}

#newFunction{background:#d17357 url(../img/productbg.png) top no-repeat;padding-bottom:40px;}
.jaerco_chara{margin:0 auto;padding:20px 0;text-align:center;position:relative;overflow:hidden;min-width:961px;}
.chara_info{width:90%;position:relative;background:url(../img/jare_bg.png) no-repeat top left ;background-size:cover;border-radius:15px;margin:60px auto;padding:10px;}
.jaret{display:block;width:150px;height:auto;position:absolute;right:20%;top:60px;}
.new{background:url(../img/jare_new.png) no-repeat;width:160px;height:64px;overflow:hidden;position:absolute;margin:20px;bottom:0;}

.omakei{display:block;border-radius:15px;margin:50px auto;}
.omaket{display:flex;flex-direction:row;justify-content:center;}
.omaket li{margin:10px;}


#product{background: #8e8e8e ;padding-bottom:40px;}
.productwrap{width:70%;height:auto;border-radius:15px;background:#E2B5A3;margin:0 auto;overflow:hidden;}


.gicon li {border-radius:10px;overflow:hidden;background:#A70E0E;padding:10px;}
.gicon li img{border-radius:10px;overflow:hidden;display:block;}
.productContent ul{margin:15px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.productContent p{text-align:center;margin:5px;}


#pagetop{width:138px;height:146px;position: fixed;right:5%;bottom:0px;z-index:49;}

}

@media only screen and (min-width: 641px) and (max-width: 960px){ 

.ready {opacity: 0;   transform: scale(0.8);}
.loaded {
  opacity: 1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;


}

.switch{display:none;}

#header{width:100%;height:60px;background-color:#231815;}

.sns{width:120px;height:30px;position:relative;background-position:center;float:left;}
.sns ul{width:80px;height:21px;position: relative;padding:10px 5px;margin:5px 0px 0px 10px;}
.sns iflame{margin: 0 !important;}iframe.twitter-share-button {width: 100px !important;}
.sns li{float:left;padding:0 5px 0 0;}

.corporate{width:217px;height:60px;position:relative;float:right;}

.container {width:100%;height:auto;max-width:960px;min-width:641px;}

.main_wrap{position:relative;}

.menu{width:100%;height:600px;background:url(../img/menubg.png) center bottom;position:relative;overflow:hidden;}
.menu_top{width:95%;margin:0 auto;position:relative;}

.logo{position:relative;margin:20px 0;width:400px;height:237px;z-index:10;float:left;}

#news{width:350px;height:237px;margin:20px 0 30px 0;background:url(../img/newsbg.png);border-radius:10px;overflow:hidden;float:right;position:absolute;top:280px;right:10px;}
.newstop{height:30px;position:relative;}
.newscontent{max-height:180px;width:90%;margin-top:10px;padding-left:5%;white-space: normal;color:#333;overflow-y:auto;position: relative;}
.newscontent dt{color:#FFFF33;font-weight:bold;margin:0.2em 0;}
.newscontent dd{color:#ffffff;}

.player{width:800px;position:relative;}

.menu_bottom{display:none;}


.gnavi_wrap{background:#6010a0;position:relative;}
.gnavi{width:100%;position:relative;overflow:hidden;margin:0 auto;}
.gnavi ul{overflow:hidden;height:100px;display:flex;flex-wrap:wrap;}
.gnavi li{width:50%;height:50px;overflow:hidden;margin:0 auto;}

#gaiyou{position:relative;width:100%;}
.gaiyou_inner{position:relative;}
#GYinfo{background:url(../img/gaiyoubg.png) center top no-repeat #64C8EE;background-size:auto;width:100%;position:relative;}
.GYIwrap{width:100%;position:relative;margin:0 auto;}

.price{width:200px;height:200px;position:absolute;top:250px;left:50px;margin:0;}
.umpire{width:300px;height:300px;position:absolute;bottom:300px;right:35px;margin:0;}

.board{height:348px;min-width:641px;margin: auto;background:url(../img/gaiyouboard.png) center top no-repeat;position:relative;top:65px;left:0;right:0;}
#GYinfo .gycap1{position:relative;z-index:10;margin:0 auto;display:block;top:90px;}
.flaga {display:none;}
.flagb {display:none;}

#GYinfo .gybatter{top:200px;right:0px;position:absolute;}
.GYtext{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:-40px auto 80px;}
.GYtext img{max-width: 680px;width:100%;height:auto;}

#movie{position:relative;max-width:960px;background:#64C8EE;}
.movie_inner{background:no-repeat;margin:0 auto;position:relative;}
.movie_main{width:560px;height:315px;margin:0 auto;position:relative;padding:20px 0;}
#movieplayer{width:560px;height:315px;margin:0 auto;}


.special{background:url(../img/specialbg.png) no-repeat center top #562389;position:relative;}
.inner{width:100%;position:relative;margin:0 auto;}
.spbatter{position:absolute;left:50px;}
.spcap{display:block;width:458px;position:relative;margin:0 auto;padding:30px 0;}

.sp01{width:100%;margin:0 auto;padding:20px 0;text-align:center;position:relative;}
.sp01 img{max-width: 680px;width:100%;height:auto;}
.sp02{width:680px;margin:5px auto;padding:25px 0;position:relative;overflow:hidden;}
.sp02 img{display:block;width:40%;height:auto;padding:5px 25px;margin:5px;float:left;}
.sppitch{position:absolute;top:500px;right:50px;}
.spbant{position:absolute;top:1200px;left:0px;}

#mode{background:url(../img/modebg.png) no-repeat center top #96c631;}
.mode_wrap{padding-top:160px;}

#newFunction{background:#d17357 url(../img/productbg.png) top no-repeat;padding-bottom:40px;}
.jaerco_chara{margin:0 auto;padding:20px 0;text-align:center;position:relative;overflow:hidden;min-width:641px;}
.chara_info{width:90%;position:relative;background:url(../img/jare_bg.png) no-repeat top left ;background-size:cover;border-radius:15px;margin:60px auto;padding:10px;}
.new{background:url(../img/jare_new.png) no-repeat;width:160px;height:64px;overflow:hidden;position:absolute;margin:20px;top:0;right:0;}

.omaket{display:flex;flex-direction:row;justify-content:center;}
.omaket li{margin:10px;}



#product{background:#8e8e8e ;padding-bottom:40px;}
.productwrap{width:90%;height:auto;border-radius:15px;background:#E2B5A3;margin:0 auto;overflow:hidden;}

.gicon li {border-radius:10px;overflow:hidden;background:#A70E0E;padding:10px;}
.gicon li img{border-radius:10px;overflow:hidden;display:block;}
.productContent ul{margin:15px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.productContent p{text-align:center;margin:5px;}


#pagetop{height:auto;position: fixed;left:2%;bottom:0px;z-index:49;}
#pagetop img{width:70%;height:auto;}


}

@media screen and (max-width: 640px) {

.ready {opacity: 0;}
.loaded {
  opacity: 1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;

}

.switch{display:none;}


#header{width:100%;height:60px;background-color:#231815;}

.sns{width:120px;height:30px;position:relative;background-position:center;float:left;}
.sns ul{width:80px;height:21px;position: relative;padding:10px 5px;margin:5px 0px 0px 10px;}
.sns iflame{margin: 0 !important;}iframe.twitter-share-button {width: 100px !important;}
.sns li{float:left;padding:0 5px 0 0;}

.corporate{width:30%;height:auto;position:relative;float:right;}
.corporate img{width:100%;}

.container {width:100%;height:auto;max-width:640px;overflow: hidden;}

.main_wrap{position:relative;}

.menu{width:100%;height:600px;background:url(../img/menubg.png) center bottom;position:relative;overflow:hidden;}
.menu_top{width:95%;margin:0 auto;position:relative;overflow:hidden;}

.logo{position:relative;width:100%;height:auto;z-index:10;}
.logo img{width:100%;}

#news{width:100%;height:237px;margin:0 auto;background:url(../img/newsbg.png);border-radius:10px;overflow:hidden;float:right;}
.newstop{height:30px;position:relative;}
.newscontent{max-height:180px;width:90%;margin-top:10px;padding-left:5%;white-space: normal;color:#333;overflow-y:auto;position: relative;}
.newscontent dt{color:#FFFF33;font-weight:bold;margin:0.2em 0;}
.newscontent dd{color:#ffffff;}

.player{width:800px;position:relative;}

.menu_bottom{display:none;}

.price{display:none;}
.umpire{display:none;}

.gnavi_wrap{background:#6010a0;position:relative;}
.gnavi{width:100%;position:relative;overflow:hidden;margin:0 auto;}
.gnavi ul{overflow:hidden;height:200px;display:flex;flex-direction:column;}
.gnavi li{width:100%;height:50px;overflow:hidden;margin:0 auto;}

#gaiyou{position:relative;width:100%;}
.gaiyou_inner{position:relative;}
#GYinfo{background:url(../img/gaiyoubg.png) center top no-repeat #60a0ff;background-size:auto;width:100%;position:relative;}
.GYIwrap{width:100%;position:relative;margin:0 auto;}

#movie{position:relative;max-width:640px;background:#64C8EE;}
.movie_inner{background:no-repeat;margin:0 auto;position:relative;}
.movie_main{max-width:640px;margin:0 auto;position:relative;padding:20px 0;}
#movieplayer{max-width:640px;margin:0 auto;}

.board{height:348px;max-width:640px;margin: auto;background:url(../img/gaiyouboard.png) center top no-repeat;position:relative;top:65px;left:0;right:0;}
#GYinfo .gycap1{display:block;position:relative;z-index:10;max-width:290px;margin:0 auto;top:90px;}
.flaga {display:none;}
.flagb {display:none;}

#GYinfo .gybatter{top:200px;right:0px;position:absolute;}
.GYtext{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:-40px auto 80px;}
.GYtext img{max-width: 640px;width:100%;height:auto;}

.special{background:url(../img/specialbg.png) no-repeat center top #562389;position:relative;}
.inner{width:100%;position:relative;margin:0 auto;}
.spbatter{position:absolute;left:50px;}
.spcap{width:100%;display:block;max-width:458px;position:relative;margin:0 auto;padding:30px 0;}

.sp01{width:100%;margin:0 auto;padding:20px 0;text-align:center;position:relative;}
.sp01 img{max-width: 640px;width:100%;height:auto;}
.sp02{max-width:680px;margin:0 auto;padding:5px 0;position:relative;}
.sp02 img{display:block;width:100%;height:auto;max-width: 640px;}
.sppitch{position:absolute;top:500px;right:50px;}
.spbant{position:absolute;top:1200px;left:0px;}

#mode{background:url(../img/modebg.png) no-repeat center top #96c631;}
.mode_wrap{padding-top:160px;}


#newFunction{background:#d17357 url(../img/productbg.png) top no-repeat;padding-bottom:40px;}
.jaerco_chara{width:100%;display:block;max-width:458px;position:relative;margin:0 auto;padding:30px 0;}
.chara_info{width:90%;position:relative;background:url(../img/jare_bg.png) no-repeat top left ;background-size:cover;border-radius:15px;margin:60px auto;padding:10px;}
.cap{max-width: 640px;width:100%;}
.chara_info img{text-align:center;margin:0 auto;display:block;}
.new{background:url(../img/jare_new.png) no-repeat;width:160px;height:64px;overflow:hidden;position:absolute;margin:20px;bottom:50%;right:0;}

.omaket{width:60%;max-width:480px;margin:0 auto;}
.omaket li{margin:10px auto;}


#product{background:#8e8e8e;padding-bottom:40px;}
.productwrap{width:90%;height:auto;border-radius:15px;background:#E2B5A3;margin:0 auto;overflow:hidden;}

.gicon li {border-radius:10px;overflow:hidden;background:#A70E0E;padding:10px;}
.gicon li img{border-radius:10px;overflow:hidden;display:block;}
.productContent ul{margin:15px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.productContent li img{width:100%;}
.productContent p{text-align:center;margin:5px;}


#pagetop{width:100px;height:auto;position: fixed;right:0;bottom:0px;z-index:49;}
#pagetop img{width:70%;height:auto;}


}