@charset "utf-8";
/*======================



common.css
ヘッダ・フッタなどの共通スタイルや、
汎用的に使用するclassなどを記載



======================*/

.dis_pc{ display: block !important;}
.dis_sp{ display: none !important;}
html[lang=ja] .none_ja{display: none !important;}
html[lang=en] .none_en{display: none !important;}
html[lang=zh-Hans] .none_zh-Hans{display: none !important;}
html[lang=zh-Hant] .none_zh-Hant{display: none !important;}
html[lang=es] .none_es{display: none !important;}


/*------------------------------------------
【フッター】※基本的に改変しない※
--------------------------------------------*/

#footer_wrap {
  font-size: 12px;
  padding: 30px 0;
  background: #000;
  color: #FFFFFF;
  letter-spacing: 0em;
  border-top: 1px solid #666;
  margin-bottom: -25px;
}
#footer_Box{ width:1000px; margin:0 auto; line-height:1.8em;}
#footer_Box ul{ list-style:none; margin:0; padding:0; display:table; width:100%;}
#footer_Box ul li { padding:0; margin:0; display:table-cell; vertical-align:top;}
#footer_Box ul li a{ color:#FFFFFF; text-decoration:none;}
#footer_Box ul li a:hover{ color:#FFFFFF; text-decoration:underline;}
#footer_Box ul .top_box{padding:0 2%; width:31%; position:relative;text-align:left;}
#footer_Box ul .top_box .title{ background:#333333; border-radius:3px; padding:5px 10px 3px;}
#footer_Box ul .top_box2{padding:0 2%; width:31%; position:relative;}
#footer_Box ul .top_box2 ul{ padding:0; margin:0 0 20px; width: 100%; display:table;}
#footer_Box ul .top_box2 ul li{
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
	min-height: 70px;
}
#footer_Box ul .top_box2 ul li .note{ position:absolute; top:0; display:block; right:0; font-size:10px;}

#footer_Box ul .top_box2 ul li .link01{ background: url(https://tamashiiweb.com/special/jumpcs/dragonball/common/images/footer/listicon.png) no-repeat center left; position: absolute; display: block; bottom:25px; right:0; padding-left:20px; }

#footer_Box ul .top_box2 ul li .link02{ background: url(https://tamashiiweb.com/special/jumpcs/dragonball/common/images/footer/listicon.png) no-repeat center left; position: absolute; display: block; bottom:0; right:0; padding-left:20px; }
#footer_Box ul .top_box ul{ margin:10px 0 10px; padding:0; display:table;}
#footer_Box ul .top_box ul li{
	background: url(https://tamashiiweb.com/special/jumpcs/dragonball/common/images/footer/listicon.png) left 4px no-repeat;
	float: left;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 224px;
	line-height:1.5em;
}
#footer_bottom{ margin:20px auto 0;}
#footer_bottom ul{ list-style:none; margin:0; padding:0; display:table; width:100%;}
#footer_bottom ul li { padding:0; margin:0; display:table-cell; vertical-align:bottom;}
#footer_bottom ul .left_Tbnr{ width:10%; text-align:left;}
#footer_bottom ul .center_Tnation{ width:80%; color:#CCC; font-size:10px; line-height:14px; text-align:center; padding:10px 0; margin:10px auto 0; word-break: keep-all;}
#footer_bottom ul .right_Bicon{ width:10%;  text-align:right;}


/*------------------------------------------
フッター【スマホ用】※基本的に改変しない※
--------------------------------------------*/
@media screen and (max-width: 767px) {
.dis_pc{ display: none !important;}
.dis_sp{ display: block !important;}
	
footer{
width: 100%;
margin-bottom: -30px;
}
    
#footer_wrap {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 30px;
    margin-top: 0;
}
#footer_Box {
  width:96%;
  padding:2%;
  text-align:left;
}
#footer_Box > ul {
  width:100%!important;
}
#footer_Box ul,
#footer_Box ul .top_box,
#footer_Box ul .top_box2 {
  display:block;
  width:100%;
  padding:0;
  margin-bottom:20px;
}
#footer_Box ul .top_box ul li {
  float:none;
  display:block;
  width:100%;
}
#footer_Box ul .top_box2 ul {
  width:100%;
}
#footer_Box ul .top_box2 ul li {
  float:none;
  width:100%;
  padding:0;
}
#footer_Box ul .top_box2 ul li p.note,
#footer_Box ul .top_box2 ul li p.link01,
#footer_Box ul .top_box2 ul li p.link02 {
  position:static;
}
#footer_bottom ul {
width: 100%;
height: 80px;
}
#footer_bottom ul li {
  display:block;
}
#footer_bottom ul li:first-child {
  width:20%;
  float:left;
}
#footer_bottom ul li:nth-child(2) {
  display:none;
}
#footer_bottom ul li:nth-child(3) {
  width:16%;
  float:right;
}

#footer_bottom ul .right_Bicon img {
  width: 100%;
}





}