@charset "UTF-8";
/* base value */
/* line 7, ../sass/styles.scss */
body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
}

/* line 11, ../sass/styles.scss */
.hov {
  opacity: 0.8;
}

a,img,area{
	border:none;
	outline:none	
}
/************************************
 *
 * PC
 *
*************************************/
@media screen and (min-width: 641px) {
  #discountArea {
    width:100%;
    background:#ff7b00;
    text-align: center;
  }
  /* line 25, ../sass/styles.scss */
  #discountArea .discount_pc{
    display: inline-block;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    height: auto;
    vertical-align: bottom;
  }
  #discountArea .discount_sp{
    display: none;
  }
  #hakoboy {
    margin: 0 auto;
    padding: 0;
    /* uncommon header from nintendo */
  }
  /* line 31, ../sass/styles.scss */
  #hakoboy #uncommon_header {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    padding-left: 1%;
    padding-right: 1%;
    padding: 10px 0;
	height: 22px;
  }
  /* line 39, ../sass/styles.scss */
  #hakoboy #uncommon_header img.uch_left {
    float: left;
  }
  /* line 42, ../sass/styles.scss */
  #hakoboy #uncommon_header img.uch_right {
    float: right;
  }
  /* line 45, ../sass/styles.scss */
  #hakoboy #uncommon_header img.uch_center {
    margin: 0 auto;
    width: 80px;
  }
  /* line 51, ../sass/styles.scss */
  #hakoboy #oheader {
    width: 960px;
    margin: 0 auto;
	margin-top:10px;
    height: 45px;
  }
  /* line 56, ../sass/styles.scss */
  #hakoboy #oheader img.left-icon {
    float: left;
  }
  /* line 59, ../sass/styles.scss */
  #hakoboy #oheader img.right-icon {
    float: right;
  }
  #mvheader .pc{
	  display:block;
  }
  /* line 65, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-sp {
    display: none;
  }
  /* line 68, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-pc {
	margin:0 auto;
	width:960px;
    display: block;
    text-align: center;
	position:relative;
  }
  #hakoboy #mvheader #kihon-bt{
    position: absolute;
    top: 217px;
    left: 112px;
  }
  
  /* line 487, ../sass/styles.scss */
  #hakoboy #mvheader #youtube-embet {
    position: absolute;
    top: 7px;
    left: 426px;
    z-index: 1;
  }
  /* line 492, ../sass/styles.scss */
  #hakoboy #mvheader #youtube-embet iframe {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .noscript-area{
	  margin:20px auto;
	  width:960px;
	  font-size:60%;
  }
  /* line 72, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-pc p {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
  }
  /* line 79, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-pc p img {
    width: 960px;
    vertical-align: bottom;
  }
  /* line 90, ../sass/styles.scss */
  #hakoboy #bbander {
    background: url(../img/head-green.png) #149b19;
    min-width: 960px;
    height: 400px;
    width: 100%;
    height: 400px;
  }
  /* line 98, ../sass/styles.scss */
  #hakoboy #bbander .bbander-innder {
    margin: 0 auto;
    width: 960px;
    position: relative;
  }
  /* line 103, ../sass/styles.scss */
  #hakoboy #bbander .bbander-innder .bbander-title {
    margin: 0 auto;
    width: 605px;
    padding-top: 25px;
  }
  /* line 108, ../sass/styles.scss */
  #hakoboy #bbander .bbander-innder .bbander-block1 {
    position: absolute;
    top: 155px;
    left: 0;
  }
  /* line 113, ../sass/styles.scss */
  #hakoboy #bbander .bbander-innder .bbander-block2 {
    position: absolute;
    top: 155px;
    left: 330px;
  }
  /* line 118, ../sass/styles.scss */
  #hakoboy #bbander .bbander-innder .bbander-block3 {
    position: absolute;
    top: 155px;
    right: 0px;
  }
  /* line 123, ../sass/styles.scss */
  #hakoboy #bbander .bbander-innder .bbander-block4 {
    position: absolute;
    top: 289px;
    right: 0px;
  }
  /* line 131, ../sass/styles.scss */
  #hakoboy #newstory {
    margin: 0 auto;
    width: 960px;
    margin-top: 70px;
    position: relative;
    height: 550px;
  }
  /* line 138, ../sass/styles.scss */
  #hakoboy #newstory .pc {
    display: block;
  }
  /* line 141, ../sass/styles.scss */
  #hakoboy #newstory .sp {
    display: none;
  }
  /* line 144, ../sass/styles.scss */
  #hakoboy #newstory .newstory-title {
    margin-bottom: 15px;
  }
  /* line 148, ../sass/styles.scss */
  #hakoboy #newstory .newstory-blk {
    height: 300px;
  }
  /* line 150, ../sass/styles.scss */
  #hakoboy #newstory .newstory-blk .newstory-p {
    position: absolute;
    top: 156px;
    left: 100px;
  }
  /* line 155, ../sass/styles.scss */
  #hakoboy #newstory .newstory-blk .newstory-q {
    position: absolute;
    top: 145px;
    right: 90px;
  }
  /* line 160, ../sass/styles.scss */
  #hakoboy #newstory .newstory-blk .green-band {
    position: absolute;
    top: 424px;
    left: 0;
    height: 50px;
    width: 50%;
    background: #149b19;
  }
  /* line 168, ../sass/styles.scss */
  #hakoboy #newstory .newstory-blk .black-band {
    position: absolute;
    top: 424px;
    right: 0;
    height: 50px;
    width: 50%;
    background: #000;
  }
  /* line 180, ../sass/styles.scss */
  #hakoboy #friend p {
    text-align: center;
  }
  /* line 187, ../sass/styles.scss */
  #hakoboy #news {
    margin: 0 auto;
    margin-top: 100px;
    min-width: 960px;
  }
  /* line 192, ../sass/styles.scss */
  #hakoboy #news .pc {
    display: block;
  }
  /* line 195, ../sass/styles.scss */
  #hakoboy #news .sp {
    display: none;
  }
  /* line 200, ../sass/styles.scss */
  #hakoboy #news .news-ohead {
    margin: 0 auto;
    width: 960px;
  }
  /* line 203, ../sass/styles.scss */
  #hakoboy #news .news-ohead img {
    vertical-align: bottom;
  }
  /* line 207, ../sass/styles.scss */
  #hakoboy #news .news-band {
    background: url(../img/title-green.png) #149b19;
    height: 209px;
    margin-bottom: 40px;
  }
  /* line 211, ../sass/styles.scss */
  #hakoboy #news .news-title {
    margin: 0 auto;
    padding-top: 37px;
    width: 833px;
  }
  /* line 216, ../sass/styles.scss */
  #hakoboy #news .news-title2 p {
    margin: 0 auto;
    text-align: center;
    padding-top: 32px;
  }
  /* line 221, ../sass/styles.scss */
  #hakoboy #news .band2 {
    margin: 0 auto;
    width: 960px;
  }
  /* line 225, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title2 {
    width: 960px;
    margin-top: 58px;
  }
  /* line 231, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk2 img {
    float: left;
    margin-bottom: 40px;
  }
  /* line 234, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk2 img.drgh {
    margin-left: 47px;
  }
  /* line 239, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title3 {
    margin: 0 auto;
    width: 450px;
    margin-top: 80px;
  }
  /* line 244, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title3-1 {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  /* line 251, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk3 img {
    float: left;
    margin-bottom: 40px;
  }
  /* line 255, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk3 img.drgh {
    margin-left: 47px;
  }
  /* line 261, ../sass/styles.scss */
  #hakoboy #news .band3 {
    text-align: center;
  }
  /* line 264, ../sass/styles.scss */
  #hakoboy #news .band3 .sec01 {
    text-align: center;
	margin-bottom: 40px;
  }
  #hakoboy #news .band3 .sec02 {
  	margin-bottom: 40px;
  }
  #hakoboy #news .band3 .sec03 {
  	margin-bottom: 5px;
  }
  /* line 275, ../sass/styles.scss */
  #hakoboy #news .band3 .sec07 {
    margin-top: 90px;
  }
  /* line 278, ../sass/styles.scss */
  #hakoboy #news .band3 .sec08 {
    margin-top: 30px;
  }
  /* line 292, ../sass/styles.scss */
  #hakoboy #news .news-footer {
    margin: 0 auto;
    margin-top: 30px;
  }
  /* line 295, ../sass/styles.scss */
  #hakoboy #news .news-footer .news-blk1 {
    margin: 0 auto;
    width: 960px;
  }
  /* line 299, ../sass/styles.scss */
  #hakoboy #news .news-footer .news-btn {
    margin: 0 auto;
    width: 365px;
    margin-top: 40px;
  }
  /* line 311, ../sass/styles.scss */
  #hakoboy #gband {
    margin-top: 60px;
    border-top: 2px solid #484848;
    border-bottom: 2px solid #484848;
    background: #f5f5f5;
    min-width: 960px;
    text-align: center;
  }
  /* line 321, ../sass/styles.scss */
  #hakoboy .gband-un{
	width: 960px;
    margin: 0 auto;
    text-align: center;
	clear:both;
  }
  /* line 323, ../sass/styles.scss */
  #hakoboy .gband-un .pc {
    display: block;
  }
  /* line 326, ../sass/styles.scss */
  #hakoboy .gband-un .sp {
    display: none;
  }
  /* line 329, ../sass/styles.scss */
  #hakoboy .gband-un .sec12 {
    margin: 0 auto;
    width: 960px;
    margin-top: 50px;
  }
  #hakoboy .gband-un .sec12 .sec12_link{
    display: inline-block;
    vertical-align: top;
  }
  #hakoboy .gband-un .sec12 .sec12_link .link{
    margin: 0;
  }
  /* line 334, ../sass/styles.scss */
  #hakoboy .gband-un .sec13 {
    margin: 0 auto;
    margin-top: 50px;
  }
  /* line 353, ../sass/styles.scss */
  #hakoboy #footer-over {
    text-align: center;
  }
  /* line 354, ../sass/styles.scss */
  #hakoboy #footer-over .pc {
    display: block;
  }
  /* line 357, ../sass/styles.scss */
  #hakoboy #footer-over .sp {
    display: none;
  }
  /* line 361, ../sass/styles.scss */
  #hakoboy #footer-over img {
    vertical-align: bottom;
    width: 960px;
  }
  /* line 369, ../sass/styles.scss */
  #hakoboy .footer {
    min-width: 960px;
    /*background: #149b19;*/
	background: url(../img/footer-green.png) #149b19;
    color: #fff;
    font-size: 14px;
    height: 41px;
    a: hover;
    a-text-decoration: none;
  }
  /* line 376, ../sass/styles.scss */
  #hakoboy .footer a:link, #hakoboy .footer a:visited {
    color: #fff;
    text-decoration: none;
  }
  #hakoboy .footer a:hover {
    color: #F00;
    text-decoration: none;
  }
  /* line 387, ../sass/styles.scss */
  #hakoboy .footer .footer-inner {
    margin: 0 auto;
    padding: 12px 0;
    width: 960px;
  }
  /* line 392, ../sass/styles.scss */
  #hakoboy .footer .footer-inner .footer-link {
    float: left;
  }
  /* line 395, ../sass/styles.scss */
  #hakoboy .footer .footer-inner .copy-right {
    float: right;
  }
}
/* @media screen and (min-width: 641px) */
/************************************
 *
 * SmartPhone
 *
*************************************/
@media screen and (max-width: 640px) {
  #discountArea {
    width:100%;
    background:#ff7b00;
    text-align: center;
  }
  #discountArea .discount_pc{
    display: none;
  }
  #discountArea .discount_sp{
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  /* line 426, ../sass/styles.scss */
  #hakoboy {
    margin: 0 auto;
    padding: 0;
    /* uncommon header from nintendo */
  }
  /* line 431, ../sass/styles.scss */
  #hakoboy #uncommon_header {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    padding-left: 1%;
    padding-right: 1%;
    padding: 10px 0;
	height: 22px;
  }
  /* line 439, ../sass/styles.scss */
  #hakoboy #uncommon_header img.uch_left {
    float: left;
  }
  /* line 442, ../sass/styles.scss */
  #hakoboy #uncommon_header img.uch_right {
    float: right;
  }
  /* line 445, ../sass/styles.scss */
  #hakoboy #uncommon_header img.uch_center {
    margin: 0 auto;
    width: 80px;
  }
  /* line 451, ../sass/styles.scss */
  #hakoboy #oheader {
    width: 90%;
    margin: 0 auto;
	margin-top:30px;
    height: 45px;
  }
  /* line 456, ../sass/styles.scss */
  #hakoboy #oheader img.left-icon {
    float: left;
  }
  /* line 459, ../sass/styles.scss */
  #hakoboy #oheader img.right-icon {
    float: right;
  }
  .noscript-area{
	  margin:15px auto;
	  width:90%;
	  font-size:60%;
  }
  #mvheader .pc{
	  display:none;
  }
  /* line 465, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-pc {
    display: none;
  }
  /* line 468, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-sp {
    display: block;
  }
  #hakoboy #mvheader #mvheader-sp p img {
    margin: 0 auto;
    width: 100%;
  }	  
  /* line 474, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-sp .mvh-img-sp {
    position:relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 482, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-sp .mvh-img-sp img {
    margin: 0 auto;
    width: 100%;
  }
  #hakoboy #mvheader #mvheader-sp .youtube-frame{
	padding:2px;
	background-color:#000;
    width: 90%;
	margin: 0 auto;
    margin-bottom: 10px;
  }
  /* line 487, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-sp #youtube-embet {
    margin: 0 auto;
    position: relative;
    padding-bottom: 44.25%;
    padding-top: 30px;
    overflow: hidden;
  }
  /* line 492, ../sass/styles.scss */
  #hakoboy #mvheader #mvheader-sp #youtube-embet iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 506, ../sass/styles.scss */
  #hakoboy #bbander {
    display: none;
  }
  /* line 512, ../sass/styles.scss */
  #hakoboy #newstory .pc {
    display: none;
  }
  /* line 515, ../sass/styles.scss */
  #hakoboy #newstory .sp {
    display: block;
    text-align: center;
  }
  /* line 518, ../sass/styles.scss */
  #hakoboy #newstory .sp img {
    margin: 0 auto;
    width: 90%;
  }
  /* line 525, ../sass/styles.scss */
  #hakoboy #friend {
    margin: 0 auto;
  }
  /* line 527, ../sass/styles.scss */
  #hakoboy #friend p {
    text-align: center;
  }
  /* line 529, ../sass/styles.scss */
  #hakoboy #friend p img {
    width: 100%;
  }
  /* line 537, ../sass/styles.scss */
  #hakoboy #news img {
    margin: 0 auto;
  }
  /* line 540, ../sass/styles.scss */
  #hakoboy #news .pc {
    display: none;
  }
  /* line 543, ../sass/styles.scss */
  #hakoboy #news .sp {
    display: block;
  }
  /* line 547, ../sass/styles.scss */
  #hakoboy #news .news-band {
    /*background: #149b19;*/
	background: url(../img/grand-sp.gif) #149b19;
	margin-bottom: 20px;
  }
  /* line 551, ../sass/styles.scss */
  #hakoboy #news .news-ohead {
    margin: 0 auto;
    width: 960px;
    width: 100%;
  }
  /* line 555, ../sass/styles.scss */
  #hakoboy #news .news-ohead img {
    width: 90%;
    vertical-align: bottom;
  }
  /* line 560, ../sass/styles.scss */
  #hakoboy #news .news-title {
    padding: 1%;
  }
  /* line 562, ../sass/styles.scss */
  #hakoboy #news .news-title p {
    text-align: center;
  }
  /* line 564, ../sass/styles.scss */
  #hakoboy #news .news-title p img {
    width: 90%;
  }
  /* line 571, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title2 {
    text-align: center;
  }
  /* line 573, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title2 img {
    width: 90%;
  }
  /* line 575, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk2 {
    text-align: center;
  }
  /* line 577, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk2 img {
    width: 90%;
  }
  /* line 582, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title3 {
    text-align: center;
  }
  /* line 584, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title3 img {
    width: 84%;
  }
  /* line 586, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title3-1 {
    text-align: center;
  }
  /* line 588, ../sass/styles.scss */
  #hakoboy #news .band2 .news-title3-1 img {
    width: 100%;
  }
  /* line 590, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk3 {
    text-align: center;
  }
  /* line 592, ../sass/styles.scss */
  #hakoboy #news .band2 .news-blk3 img {
    width: 90%;
  }
  /* line 597, ../sass/styles.scss */
  #hakoboy #news .band3 .sec01, #hakoboy #news .band3 .sec03, #hakoboy #news .band3 .sec04 {
    text-align: center;
  }
  /* line 599, ../sass/styles.scss */
  #hakoboy #news .band3 .sec01 img, #hakoboy #news .band3 .sec03 img, #hakoboy #news .band3 .sec04 img {
    width: 90%;
  }
  /* line 603, ../sass/styles.scss */
  #hakoboy #news .cos img {
    width: 100%;
  }
  /* line 605, ../sass/styles.scss */
  #hakoboy #news .cos2 {
    text-align: center;
  }
  /* line 610, ../sass/styles.scss */
  #hakoboy #news .cos2 img {
    width: 90%;
  }
  /* line 612, ../sass/styles.scss */
  #hakoboy #news .manga {
    margin-top: 40px;
  }
  /* line 619, ../sass/styles.scss */
  #hakoboy #gband {
    margin-top: 40px;
    border-top: 2px solid #484848;
    border-bottom: 2px solid #484848;
    background: #f5f5f5;
    min-width: 100%;
    text-align: center;
  }
  /* line 629, ../sass/styles.scss */
  #hakoboy #gband p img {
    width: 90%;
  }
  /* line 636, ../sass/styles.scss */
  #hakoboy .gband-un {
    text-align: center;
    /*p {
    	img {
    		width: 100%;
    	}
    }*/
  }
  /* line 638, ../sass/styles.scss */
  #hakoboy .gband-un .pc {
    display: none;
  }
  /* line 641, ../sass/styles.scss */
  #hakoboy .gband-un .sp {
    display: block;
  }
  /* line 646, ../sass/styles.scss */
  #hakoboy .gband-un .sec12 p img {
    width: 100%;
  }
  /* line 653, ../sass/styles.scss */
  #hakoboy .gband-un .sec13 p img {
    width: 90%;
  }
  /* line 666, ../sass/styles.scss */
  #hakoboy #footer-over {
    text-align: center;
  }
  /* line 667, ../sass/styles.scss */
  #hakoboy #footer-over .pc {
    display: none;
  }
  /* line 670, ../sass/styles.scss */
  #hakoboy #footer-over .sp {
    display: block;
  }
  /* line 674, ../sass/styles.scss */
  #hakoboy #footer-over img {
    width: 100%;
    vertical-align: bottom;
  }
  /* line 680, ../sass/styles.scss */
  #hakoboy .footer {
    /*background: #149b19;*/
	background: url(../img/footer-grand-sp.gif) #149b19;
    color: #fff;
    font-size: 14px;
    height: 60px;
    text-align: center;
    height: 80px;
    padding-top: 20px;
  }
  /* line 691, ../sass/styles.scss */
  #hakoboy .footer .footer-link a:link, #hakoboy .footer .footer-link a:visited {
    color: #fff;
    text-decoration: none;
  }
  /* line 696, ../sass/styles.scss */
  #hakoboy .footer .copy-right {
    margin-top: 15px;
  }
}
/* @media screen and (max-width: 640px) */

.ml100{
	margin-left:100px !important;
}

.img80{
	width:60% !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb70{
	margin-bottom:85px !important;
}

.mb20{
	margin-bottom:20px !important;
}