@charset "UTF-8";


body {
	background : url("../images/common/bg.gif") repeat left top;
}
#wrapper {position:relative;min-width:990px;height:100%;}
#wrapper {width:100%;}

/*--main--------------------*/
#section_INTRO{
	width:100%;
	height:784px;
	margin:0;
	text-align:center;
	overflow:hidden;
}
.head_wrap{
	position:absolute;
	width:100%;
	margin:0 auto;
}
.head_area{
	width:980px;
	height:76px;
	margin:0 auto;
}
.head_area h1.title{
	float:left;
	width:560px;
	margin:16px 0 0 211px;
}
.head_area ul.sns{
	width:145px;
	float:right;
	right:0;
	margin-top:23px;
}
.head_area ul.sns li{
	float:left;
	margin-left:3px;
}
.head_area .trendBtn{
	position:absolute;
	top:10px;
	margin-left:0px;
}
.head_area .trendBtn .fuki{
	float:left;
}
.head_area .trendBtn .cellist{
	float:left;
	margin:13px 0 0 -10px;
}
#hata{
	position:absolute;
	width:100%;
	height:334px;
	margin:0 auto 0;
	z-index:0;
}
#hata div{
	margin-top:-350px;
	width:100%;
	height:334px;
	background : url("../images/showcase/hata.png") no-repeat center top;
}
#showCase{
	width:100%;
	max-width:1400px;
	margin:2px auto 0;
}

#showCase .wakuTop{
	height:26px;
	background : url("../images/showcase/waku_top.png") repeat-x left top;
}
#showCase .wakuBottom{
	height:26px;
	background : url("../images/showcase/waku_bottom.png") repeat-x left top;
}
#showCase .imgBox{
	width:100%;
	max-width:1400px;
	height:500px;
	margin:0 auto;
}
#showCase .imgBox #flashcontents{
	width:100%;
	max-width:1400px;
	min-width:990px;
	height:500px;
	margin:0 auto;
	overflow:hidden;
	background : url("../images/showcase/img.jpg") no-repeat center top;
}

#showCase .imgBox .ss{
	position:relative;
	width:1400px;
	margin:0 auto;
}
#showCase .imgBox .ss div{
	position:absolute;
}
#showCase .imgBox .ss .logo_s{
	top:130px;
	left:526px;
}
#showCase .imgBox .ss .link1{
	top:352px;
	left:619px;
}
#showCase .imgBox .ss .link2{
	left:1176px;
	top:276px;
}


/* =========================================== */
/* menu */
/* =========================================== */
#header2 {
	position:relative;
	width:100%;
	height: 82px;
	background: url("../images/common/line_bg.gif") repeat-x left bottom;
}
#menu2{
	width:980px;
	height:40px;
	overflow:hidden;
	margin:0 auto;
	padding: 21px 0;
}
#menu2 ul.navi{
	position:relative;
	width:980px;
	z-index:1;
}
#menu2 ul.navi li{
	float: left;
	margin-left:37px;
}
#menu2 ul.navi li:first-child{
	margin-left:30px;
}
#menu2 ul.navi li.btn2{
	margin-left:39px;
}
#menu2 ul.navi li.btn3{
	margin-left:36px;
}
#menu2 ul.navi li.btn4,
#menu2 ul.navi li.btn5{
	margin-left:37px;
}
#header2 .anime_wrap{
	position:absolute;
	width:100%;
	min-width:990px;
	margin-top:-38px;
	overflow:hidden;
	z-index:0;
}
#header2 .anime_wrap .ss{
	position:relative;
	width:1400px;
	height:100px;
	margin:0 auto;
}
#header2 .anime_wrap  .navi_anime{
	position:absolute;
	float:right;
	margin-left:1205px;
	margin-top:0px;
	z-index:0;
}


.dot_line{
	height:2px;
	width:100%;
	background: url("../images/common/line_bg.gif") repeat-x left top;
}
.dotline_top{
	margin-top:75px;
}
.animeBG{
	position:absolute;
	width:100%;
	overflow:hidden;
	z-index:0;
}
.animeBG .ani_ss{
	position:relative;
	width:1680px;
	margin:0 auto;
}
.animeBG .ani_ss div{
	position:absolute;
}


.urgent_wrap {
	width: 900px;
	margin: 10px auto;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 16px;
	text-align: center;
	background-color: #ffffff;
}
.urgent_wrap a {
	color: #3a1d1d;
	font-weight: bold;
}

.s_wrap{
	position:relative;
	width:1600px;
	margin:0 auto;
	text-align:center;
	z-index:2;
}
/*--content--------------------*/
#contents {
	width:100%;
}
#contents .inner{
	width:100%;
	margin:0 auto;
}
/*--concept--------------------*/
#news{
	width:100%;
	min-width:990px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
#news h2.title{
	margin-top:57px;
}
#news ul.btn{
	width:480px;
	margin:38px auto 0;
}
#news ul.btn li{
	float:left;
	margin-left:10px;
	cursor:pointer;
	/*display:none;*/
}
#news ul.btn li:first-child{
	margin-left:0px;
}
#news ul.btn li.active{
	cursor:default;
}
#news .imgBox{
	position:relative;
	width:980px;
	height:901px;
	margin:94px auto 0;
}
#news .imgBox div{
	position:absolute;
	width:240px;
	height:380px;
	display:none;
	color: #3a1d1d;
}
#news .imgBox div.ALL{
	display:block;
}

#news .imgBox .base_info{
	background : url("../images/news/base/base_info.png") no-repeat;
}

#news .imgBox .base_media{
	background : url("../images/news/base/base_media.png") no-repeat;
}

#news .imgBox .base_happytrade{
	background : url("../images/news/base/base_happytrade.png") no-repeat;
}

#news .imgBox .base_event{
	background : url("../images/news/base/base_event.png") no-repeat;
}

#news .imgBox h3 {
	/*word-break: break-all;*/
  /*margin: 60px 30px 5px;*/
  width:190px;
  margin-left: 30px;
  margin-top: 60px;
  font-size: 16px;
  line-height: 24px;
}

#news .imgBox .newsText {
  /*margin: 0 30px*/
  /*position:relative;*/
  width:190px;
  margin-left: 30px;
  /*left:30px;*/
}

#news .imgBox .newsThumbnail {
	position:absolute;
	left:30px;
	top:170px;
}
#news .imgBox .card1{
	left:70px;
	top:17px;
}
#news .imgBox .card2{
	left:366px;
	top:6px;
}
#news .imgBox .card3{
	left:671px;
	top:11px;
}
#news .imgBox .card4{
	left:77px;
	top:447px;
}
#news .imgBox .card5{
	left:362px;
	top:436px;
}
#news .imgBox .card6{
	left:653px;
	top:445px;
}
#news .link{
	width:360px;
	margin:0 auto 84px;
}
#news .animeBG .ani_ss{
	height:1210px;
	background : url("../images/news/news_bg.gif") no-repeat 0px 165px;
}
#news .animeBG .ani1{
	left:194px;
	top:25px;
}
#news .animeBG .ani2{
	left:244px;
	top:300px;
}
#news .animeBG .ani3{
	left:164px;
	top:835px;
}
#news .animeBG .ani4{
	left:305px;
	top:1110px;
}
#news .animeBG .ani5{
	left:490px;
	top:174px;
}
#news .animeBG .ani6{
	left:315px;
	top:655px;
}
#news .animeBG .ani7{
	left:446px;
	top:55px;
}
#news .animeBG .ani8{
	left:1270px;
	top:390px;
}
#news .animeBG .ani9{
	left:1430px;
	top:620px;
}
#news .animeBG .ani10{
	left:300px;
	top:528px;
}
#news .animeBG .ani11{
	left:654px;
	top:882px;
}
#news .animeBG .ani12{
	left:1294px;
	top:202px;
}
#news .animeBG .ani13{
	left:316px;
	top:872px;
}
#news .animeBG .ani14{
	left:945px;
	top:655px;
}
#news .animeBG .ani15{
	left:490px;
	top:1075px;
}
#news .animeBG .ani16{
	left:1290px;
	top:855px;
}
#news .animeBG .ani17{
	left:1170px;
	top:55px;
}
#news .animeBG .ani18{
	left:1160px;
	top:1050px;
}
#news .animeBG .ani19{
	left:1382px;
	top:288px;
}
#news .animeBG .ani20{
	left:1362px;
	top:150px;
}
#news .animeBG .ani21{
	left:1596px;
	top:1026px;
}




/*--item--------------------*/
#brand{
	width:100%;
	min-width:990px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
#brand h2.title{
	margin-top:46px;
	margin-bottom:22px;
}
#brand .imgBox{
	width:100%;
	max-width:1400px;
	min-width:990px;
	margin: -50px auto 0;
	overflow:hidden;
}

#brand .imgBox_s{
	position:relative;
	width:100%;
	max-width:1400px;
	min-width:990px;
	height:500px;
	margin:50px auto 0;
	background : url("../images/brand/img.jpg") no-repeat center top;
}
#brand .imgBox_s div{
	position:absolute;
}
#brand .imgBox_s .txt{
	top:-38px;
	left:260px;
}
#brand .imgBox_s .link{
	top:358px;
	left:530px;
}
#brand .imgBox_s .link2{
	top:358px;
	left:710px;
}
#brand .imgBox_s .link3{
	top:290px;
	left:1400;
}
#brand .animeBG .ani_ss{
	height:500px;
}
#brand .animeBG .ani1{
	left:404px;
	top:75px;
}
#brand .animeBG .ani2{
	left:1232px;
	top:36px;
}
#brand .animeBG .ani3{
	left:12px;
	top:35px;
}
/*--happy--------------------*/
#happy{
	width:100%;
	min-width:990px;
	overflow:hidden;
	text-align:center;
}
#happy h2.title{
	margin-top:64px;
	margin-bottom:15px;
}
#happy .imgBox{
	width:100%;
	height:500px;
	background : url("../images/happy/img.jpg") no-repeat center top;
}
#happy .imgBox_s{
	position:relative;
	width:980px;
	margin:0 auto;
}
#happy .imgBox_s div{
	position:absolute;
}
#happy .imgBox_s .mv_btn{
	top:48px;
	left:27px;
}
#happy .imgBox_s .txt{
	top:51px;
	left:474px;
}
#happy .imgBox_s .link2{
	top:109px;
	left:307px;
}
#happy .imgBox_s .link{
	top:208px;
	left:772px;
}
#happy .animeBG .ani_ss{
	height:500px;
}
#happy .animeBG .ani1{
	left:32px;
	top:105px;
}
#happy .animeBG .ani2{
	left:1452px;
	top:42px;
}
#happy .animeBG .ani3{
	left:1214px;
	top:26px;
}
#happy .animeBG .ani4{
	left:302px;
	top:28px;
}
/*--shop--------------------*/
#shop{
	width:100%;
	min-width:990px;
	overflow:hidden;
	text-align:center;
}
#shop h2.title{
	margin-top:54px;
	margin-bottom:41px;
}
#shop .btns{
	width:1040px;
	height:328px;
	margin:0 auto;
}
#shop .btns .fukidashi{
	float:left;
	margin-top:68px;
	margin-left:35px;
}
#shop .btns .fukidashi .dog{
	margin:3px 0 0 0px;
}
#shop .btns .fukidashi .yagi{
	margin:3px 0 0 60px;
}
#shop .btns ul{
	float:left;
	margin-left:0px;
	width:668px;
}
#shop .btns li{
	float:left;
	margin-left:9px;
	margin-bottom:10px;
}
#shop .btns li.area1,
#shop .btns li.area5{
	margin-left:0px;
}
#shop .btns li.area3,
#shop .btns li.area7{
	margin-left:13px;
}
#shop .btns li.area4,
#shop .btns li.area8{
	margin-left:14px;
}
#shop .btns div.area9{
	margin-left:0px;
	padding-top:64px;
}
#shop .animeBG .ani_ss{
	height:480px;
}
#shop .animeBG .ani1{
	left:42px;
	top:205px;
}
#shop .animeBG .ani2{
	left:372px;
	top:55px;
}
#shop .animeBG .ani3{
	left:1498px;
	top:230px;
}
#shop .animeBG .ani4{
	left:1302px;
	top:390px;
}
#shop .animeBG .ani5{
	left:1372px;
	top:65px;
}
#shop .animeBG .ani6{
	left:212px;
	top:175px;
}
#shop .animeBG .ani7{
	left:180px;
	top:402px;
}
/*--online--------------------*/
#online{
	width:100%;
	min-width:990px;
	overflow:hidden;
	text-align:center;
}
#online h2.title{
	margin-top:48px;
	margin-bottom:25px;
}
#online .imgBox{
	width:100%;
	height:500px;
	text-align: center;
	position: relative;
/*
	background : url("../images/online/img.jpg") no-repeat center top;
*/
}
#online .imgBox_s{
	position:absolute;
	width:360px;
	bottom: 103px;
	left: 50%;
	margin-left: -180px;
}
#online .animeBG .ani_ss{
	height:500px;
}
#online .animeBG .ani1{
	left:368px;
	top:33px;
}
#online .animeBG .ani2{
	left:150px;
	top:83px;
}
#online .animeBG .ani3{
	left:1569px;
	top:89px;
}
#online .animeBG .ani4{
	left:1214px;
	top:65px;
}


/*--appli--------------------*/
#appli{margin-bottom: 40px;}

#appli{
	width:100%;
	min-width:990px;
	overflow:hidden;
	text-align:center;
}

#appli .imgBox .store-button{
	position: absolute;
	bottom:60px;
	right: 250px;
	display: flex;
	width: 22%;
}

#appli .imgBox .store-button li{
	flex: 1;

}

#appli .imgBox .store-button li img{
	width: 100%;

}

#appli h2.title{
	margin-top:48px;
	margin-bottom:25px;
}
#appli .imgBox{
	width:100%;
	height:650px;
	text-align: center;
	position: relative;
}

#appli .imgBox img{
	width: 1400px;
	height: auto;
}
#appli .imgBox_s{
	position:absolute;
	width:360px;
	bottom: 103px;
	left: 50%;
	margin-left: -180px;
}
#appli .animeBG .ani_ss{
	height:500px;
}
#appli .animeBG .ani1{
	left:368px;
	top:33px;
}
#appli .animeBG .ani2{
	left:150px;
	top:83px;
}
#appli .animeBG .ani3{
	left:1569px;
	top:89px;
}
#appli .animeBG .ani4{
	left:1214px;
	top:65px;
}


/*--------------------------------------------------------------------
pop
--------------------------------------------------------------------*/
#mv_pop{
	position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	top: 0px;
    left: 0px;
	z-index:997;
	display:none;
}
#mv_pop #mv_popBox{
	width:1080px;
	height:634px;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -305px;
    margin-left: -540px;
	display:none;
}
#mv_pop #YouTube{
	width:1080px;
	height:610px;
	margin:0 auto;
}
#mv_pop .close_wrap{
	height:33px;
}
#mv_pop .close{
	float:right;
	margin:0 0 0 0;
}
#mv_pop .bg {
	width:100%;
	height:100%;
	min-height:100%;
	background:#000;
	filter: Alpha(Opacity=85);
	opacity: 0.85;
}


/*--op--------------------*/
#fade {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
	/display: none;
}