@charset "utf-8";
/*======================



common.css
ヘッダ・フッタなどの共通スタイルや、
汎用的に使用するclassなどを記載



======================*/


/*------------------------------------------
【フッター】※基本的に改変しない※
--------------------------------------------*/

#footer_wrap{ font-size:12px; padding:30px 0; background:#000; color:#FFFFFF; letter-spacing:0em; border-top:1px solid #666; margin-bottom:-25px; margin-top: 50px;}
#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/img/common/linkicon.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/img/common/linkicon.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/img/common/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) {
#footer_wrap {
width: 100%;
  padding-bottom:0;
  margin-bottom: 30px;
margin-top: 50px;
}
#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%;
}
#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;
}







}