@charset "utf-8";

/*------フォント指定-----------------------*/
@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('/fonts/Pe-icon-7-stroke.eot?-2irksn');
	src:url('/fonts/Pe-icon-7-stroke.eot?#iefix-2irksn') format('embedded-opentype'),
		url('/fonts/Pe-icon-7-stroke.woff?-2irksn') format('woff'),
		url('/fonts/Pe-icon-7-stroke.ttf?-2irksn') format('truetype'),
		url('/fonts/Pe-icon-7-stroke.svg?-2irksn#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*------共通-----------------------*/
body{
  line-height: 1.5;
  color: #49494a;
  position: relative;
}

a,
a:link,
a:visited {
/*  color: #4a81a5; */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/*------ヘッダー-----------------------*/
#head{
  border-bottom: 1px solid #d3d2d2;
}

.top_box_sp{
  display: none;
}

.top_box{
  max-width: 980px;
  overflow: hidden;
  margin: 0 auto;
}

.logo{
  width: 413px;
  float: left;
  padding: 15px 0 20px 0;
}

.logo a{
  padding: 15px 0 20px 0;
}

.logo a:hover{
  text-decoration: none;
}

.logo img{
  margin-right: 16px;
}

.logo .logo02{
  margin-right: 0;
}

.sub_nav{
  float: right;
}

.sub_top{
  height: 33px;
  overflow: hidden;
  padding-top: 11px;
  margin-right: 5px;
}

.sub_top li{
  float: right;
}
/*--検索---*/
.sub_top .search{
  width: 240px;
  margin-left: 10px;
}

.search td{
  padding: 0;
  border: none;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
  padding-right: 0 !important;
}

.gsc-input-box{
  height: 31px !important;
  padding-left: 8px;
}

.gsib_a, .gsib_b{
  vertical-align: middle;
  height: 31px;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
  height: 21px !important;
  margin-top: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 6px 33px !important;
}

input.gsc-search-button{
  margin-left: 0 !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
  background: url(../images/search.png) no-repeat !important;
  border: none !important;
}

.gsst_a {
  padding-top: 6px !important;
}

td.gsc-search-button{
  width: 66px !important;
  background: #dbdbdb !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top{
  padding-left: 0 !important;
}

.gsc-result .gs-title{
  height: auto !important;
}

.gs-image-box.gs-web-image-box.gs-web-image-box-portrait{
  height: auto !important;
}

p.english,
.sp_form{
  display: none;
}

.english a{
  display: block;
  padding: 4px 21px 3px 20px;
  width: 85px;
  border: 3px solid #a0C79B;
}

.english a:hover,
.search-submit:hover{
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
}

.english .pe-7s-angle-right{
  color: #589d4f;
  font-size: 20px;
  font-weight: bold;
  vertical-align: -15%;
  margin-right: 10px;
}

.sub_bottom{
  overflow: hidden;
  height: 33px;
  margin: 25px 5px 0 0;
  float: right;
}
.sub_bottom li{
  float:left;
}

.sub_bottom li a{
  display: block;
  padding: 0 14px;
  border-right: 1px dotted #6cc060;
  color: #4d5b6b;
}

.sub_bottom .last_list a{
  border-right: none;
  padding: 0 0 0 14px;
}

.mini{
  display: none;
}

.main_nav{
  clear: both;
  max-width: 980px;
  overflow: hidden;
  margin: 0 auto;
  border-left: 1px solid #d3d2d2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.main_nav li{
  text-align: center;
  float: left;
  width: 20%;
  border-right: 1px solid #d3d2d2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.main_nav li a{
  display: block;
  padding: 23px 0 22px 0;
}

.main_nav .last_nav a{
  padding: 16px 0 15px 0;
/*
  padding: 23px 0 22px 0;
*/
}

.main_nav li a:hover{
  background: url(../images/nev_hover.png) repeat-x left top #f4f3f3;
}

.main_nav .current,
.main_nav .current03{
  display: block;
  padding: 23px 0 22px 0;
  background: url(../images/nev_hover.png) repeat-x left top;
}

.main_nav .current02{
  display: block;
/*  padding: 23px 0 22px 0;*/
  padding: 16px 0 15px 0;
  background: url(../images/nev_hover.png) repeat-x left top;
}

/*------ぱんくず-----------------------*/
#pan{
  clear: both;
  background: #858484;
}

#pan ul{
  max-width: 980px;
  margin: 0 auto;
  color: #fff;
  padding: 8px 10px 8px 10px;
}

#pan li{
  display: inline-block;
  line-height: 1.5;
  margin-right: 8px;
}

#pan li a{
  color: #fff;
  text-decoration: underline;
  background: url(../images/pan_icon.png) no-repeat right center;
  padding-right: 15px;
}

#pan .icon{
  background: url(../images/pan_icon.png) no-repeat right center;
  padding-right: 15px;
}

#pan li a:hover{
  text-decoration: none;
}

/*-----メインコンテンツ----------------------------*/
#area_all{
  background: #faf9f9;
}

#inner{
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  padding-bottom: 30px;
}

/*-----サイドナビ----------------------------*/
#side_area{
  width: 21.428571428%;
  float: left;
  line-height: 1.3;
}

#side_area p{
  overflow: hidden;
}

#side_area p a{
  display: block;
  border-left: 4px solid #589d4f;
  background: url(../images/icon_right.png) no-repeat 95% center #dad7d7;
  padding: 38px 25px 38px 12px;
  font-size:142%;
  color: #2c2f2b;
  font-weight: bold;
}

#side_area p a:hover{
  text-decoration: none;
  background-color: #e9e7e7;
}

#side_area .side_single a{
  padding: 16px 30px 12px 14px;
  color: #6f6e6e;
  margin-top: 10px;
  border-top: 1px solid #d3d2d2;
  border-right: 1px solid #d3d2d2;
  border-bottom: 1px solid #d3d2d2;
  font-size: 117%;
  display: block;
  background: url(../images/icon_side02.png) no-repeat 92% center #f5f3f3;
}

#side_area .side_single a:hover{
  color: #589d4f;
  text-decoration: none;
  background: url(../images/icon_side02.png) no-repeat 92% center #e8f5e6;
}
#side_area .side_single02{
  border-top: 1px solid #d3d2d2;
  border-right: 1px solid #d3d2d2;
  border-bottom: 1px solid #d3d2d2;
  margin-top: 10px;
  display: block;
}

#side_area .side_single02 a{
  padding: 10px 30px 6px 14px;
  color: #6f6e6e;
  font-size: 117%;
  display: block;
  border-top: 3px solid #ebe7e7;
  border-right: 3px solid #ebe7e7;
  border-bottom: 3px solid #ebe7e7;
  background: url(../images/icon_side02.png) no-repeat 94% center;
}

#side_area .side_single02 a:hover{
  background: url(../images/icon_side02.png) no-repeat 94% center #e8f5e6;
}

#side_area dl,
#side_area ul{
  margin-top: 10px;
  border-top: 1px solid #d3d2d2;
  border-right: 1px solid #d3d2d2;
  border-bottom: 1px solid #d3d2d2;
  font-size: 117%;
}

#side_area dt{
  background: #f5f3f3;
  padding: 16px 10px 12px 14px;
  color: #6f6e6e;
}

#side_area dd a,
#side_area li a{
  display: block;
  padding: 13px 30px 13px 14px;
  background: url(../images/icon_side.png) no-repeat 92% center;
  border-top: 1px dotted #c6c6c6;
  color: #4e4e4e;
}

#side_area .li_top a,
#side_area .li_top{
  border-top: none !important;
}

#side_area dd a:hover,
#side_area li a:hover{
  color: #589d4f;
  text-decoration: none;
  background: url(../images/icon_side.png) no-repeat 92% center #e8f5e6;
}

#side_area .cur_side{
  display: block;
  padding: 13px 30px 13px 14px;
  background: url(../images/icon_side.png) no-repeat 92% center #e8f5e6;
  border-top: 1px dotted #c6c6c6;
  color: #589d4f;
}

#side_area .cur_single{
  display: block;
  padding: 16px 30px 12px 14px;
  background: url(../images/icon_side02.png) no-repeat 92% center #e8f5e6;
  color: #589d4f;
  text-decoration: none;
  margin-top: 10px;
  border-top: 1px solid #d3d2d2;
  border-right: 1px solid #d3d2d2;
  border-bottom: 1px solid #d3d2d2;
  font-size: 117%;
}

#side_area .cur_ex{
  padding: 10px 30px 6px 14px;
  color: #6f6e6e;
  font-size: 117%;
  display: block;
  border-top: 3px solid #ebe7e7;
  border-right: 3px solid #ebe7e7;
  border-bottom: 3px solid #ebe7e7;
  background: url(../images/icon_side02.png) no-repeat 94% center #e8f5e6;
}

/*-----メイン内----------------------------*/
#main_area{
  margin-left: 21.428571428%;
  padding-left: 60px;
  font-size: 117%;
}

/*
.h1_one{
  background: url(../images/h1.png) no-repeat right bottom;
  border-bottom: 3px solid #589d4f;
  height: 73px;
  font-size: 200%;
  font-weight: bold;
  color: #2c2f2b;
  padding: 39px 0 0 0;
  margin-bottom: 28px;
}

.h1_bottom{
  background: url(../images/h1.png) no-repeat right bottom;
  border-bottom: 3px solid #589d4f;
  font-size: 200%;
  font-weight: bold;
  color: #2c2f2b;
  padding: 45px 0 0 0;
  margin-bottom: 28px;
  min-height: 67px;
}

.h1_bottom span{
  display: block;
  font-size: 67%;
  color: #5d5e66;
  margin: 5px 0 15px 0;
}

.h1_top{
  background: url(../images/h1.png) no-repeat right bottom;
  border-bottom: 3px solid #589d4f;
  height: 84px;
  font-size: 200%;
  font-weight: bold;
  color: #2c2f2b;
  padding: 28px 0 0 0;
  margin-bottom: 28px;
}

.h1_top .sub_title{
  color: #589d4f;
  font-size: 54%;
  display: block;
  margin-bottom: 10px;
}

.h1_top .min_size{
  font-size: 79%;
}

h2{
  font-size: 143%;
  font-weight: bold;
  color: #589d4f;
  border-bottom: 1px solid #ccc;
  border-left: 3px solid #589d4f;
  padding-left: 15px;
  margin-bottom: 22px;
 }

h3{
  background: url(../images/h3.png) left bottom repeat-x;
  font-size: 115%;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
*/

/*
.contents{
  margin-right: 45px;
  line-height: 1.5;
  padding-bottom: 20px;
}
*/

.contact_in{
  margin: 20px 0;
  border: 7px solid #eeebeb;
  padding: 15px 20px;
  overflow: hidden;
  color: #545454;
}

.contact_in dl{
  background: url(../images/icon_bag.png) no-repeat;
  padding: 0 0 15px 33px;
  float: left;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.contact_in .freedial{
  background: url(../images/icon_goods.png) no-repeat;
}

.contact_in dt{
  font-weight: bold;
  font-size: 115%;
}

.contact_in .dial{
  font-size: 215%;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.5;
}

.contact_in .free{
  background: url(../images/freedial.png) no-repeat left center;
  padding-left: 29px;
}

.contact_in > span{
  display: block;
  border-top: 2px solid #eeebeb;
  text-align: center;
  padding: 10px 0 0 0;
  clear: both;
}

.contact_in .mail_btn {
  max-width: 273px !important;
  font-size: 14px !important;
}

/*------サイドなし-----------------------*/
#page{
  margin-left: 45px;
  font-size: 117%;
}

/*-----ポイント----------------------------*/
.point_area{
  position: relative;
  margin-top: 26px;
  margin-bottom: 10px;
}

.point_area p{
  position: absolute;
  top: -15px;
  left: 16px;
}

.point_bg{
  background: url(../images/point_bg.png);
  padding: 5px;
}

.point_area ul{
  background: #fff;
  padding: 20px 15px 5px 15px;
}

.point_area li{
  list-style: outside decimal;
  line-height: 1.3;
  margin-bottom: 4px;
  margin-left: 20px;
}

/*-----次ページリンク----------------------------*/
.next_btn{
  width: 80%;
  display: table;
  margin-left: 10%;
  border: 2px solid #a0c79b;
  margin-bottom: 20px;
}

.next_btn dt{
  background: #a0c79b;
  color: #fff;
  font-weight: bold;
  width: 70px;
  text-align: center;
  display: table-cell;
  vertical-align:middle;
}

.next_btn dd a{
  font-size: 115%;
  font-weight: bold;
  color: #2c2f2b;
  padding: 5px 28px 5px 16px;
  display: block;
  background: url(../images/icon_side.png) no-repeat 96% center;
  line-height: 1.3;
}

.next_btn dd a:hover{
  text-decoration: none;
  background: url(../images/icon_side.png) no-repeat 96% center #e8f5e6;
}


/*-----タブ----------------------------*/
#tab_menu{
  overflow: hidden;
  border-left: 1px solid #d3d2d2;
}

#tab_menu li{
  width: 25%;
  float: left;
  border-right: 1px solid #d3d2d2;
  text-align: center;
  cursor: pointer;
  padding: 18px 0 15px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-top: 1px solid #d3d2d2;
  border-bottom: 1px solid #d3d2d2;
}

#tab_menu li:hover{
  background: url(../images/tab_select.png) repeat-x left bottom;
}

#tab_menu .select {
  background: url(../images/tab_select.png) repeat-x left bottom;
}

.tab_contents{
  padding: 18px 0;
}

.tab_contents img{
  height: auto;
  max-width: 100%;
}

.disnon {
  display: none;
}

.sp_tab{
  display: none;
}

.tab_op h4{
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.tab_op h4 span{
  display: block;
  font-size: 14px;
  color: #006836;
  line-height: 1;
}

.tab_op h5{
  display: list-item;
  list-style: inside square;
  color: #006633;
  font-size: 20px;
}

.tab_op h5 span{
  color: #333;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}

.tab_op p{
  margin-bottom: 20px;
}

.tab_op ul{
  display: table-cell;
  padding-right: 20px;
}

.tab_op li{
  margin-bottom: 5px;
}

/*-----タブ 2----------------------------*/
#battery_tab { display:block; }
#battery_accordion { display:none; }

#tab_menu2{
  overflow: hidden;
  margin-top:20px;
}

#tab_menu2 li{
  float: left;
  width: 48%;
  padding: 5px 0 2px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  font-size:120%;
  color: #CCC;
  text-align: center;
  font-weight:bold;
  cursor: pointer;
/*
  border-top   : 7px solid #F29600;
  border-left  : 7px solid #F29600;
  border-right : 7px solid #F29600;
  border-bottom: 7px solid #F29600;
*/
}
#tab_menu2 li:first-child { margin-right:4%; }
#tab_menu2 li:hover{ color: #999; }
#tab_menu2 .select {}

#tab_menu2 .tm2_orange { border: 7px solid #FF9900; }
#tab_menu2 .tm2_orange.select { color:#FF9900; }

#tab_menu2 .tm2_green  { border: 7px solid #92D050; }
#tab_menu2 .tm2_green.select  { color:#92D050; }

/**/
.tab_contents2 {}

.contact_in2{
  margin: 10px 0;
  padding: 15px 20px;
  overflow: hidden;
  color: #545454;
}

.tc2_orange { border: 7px solid #FF9900; }
.tc2_green  { border: 7px solid #92D050; }

.contact_in2 p {
	text-align:center;
	font-size:120%;
	font-weight:bold;
	margin-bottom:15px;
}
.contact_in2 p span { color:#FF3300; }

.contact_in2 dl{
  float: left;
  width: 50%;
  padding: 0 0 15px 33px;
  background: url(../images/icon_bag.png) no-repeat;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.contact_in2 .freedial{
  background: url(../images/icon_goods.png) no-repeat;
}

.contact_in2 dt{
  font-weight: bold;
  font-size: 115%;
}

/* ↓add20150522 */
.contact_in2 .description {
	font-size:95%;
	padding-right:15px;
	line-height:160%;
	margin-top:10px;
}
/* ↑add20150522 */



/*-----テーブル----------------------------*/
table{
  text-align: center;
  width: 664px;
}

th,td{
  padding: 5px 10px;
  text-align: left;
  border: 1px solid #696969;
}

table .title{
  background: #f6f6f6;
}

table .title_blue{
  background: #5b9aa7;
  width:20%;
}

table .title_sky{
  background: #d6e6e9;
  width:20%;
}

table .title_yellow{
  background: #ce6647;
}

table .title_pink{
  background: #e7b4a5;
}

/*-----アンカーリンク----------------------------*/
.anchor{
  background: #e9f5e7;
  padding: 8px 12px;
  overflow: hidden;
  margin-bottom: 25px;
}

.anchor li{
  float: left;
  margin-right: 24px;
}

.anchor .pe-7s-angle-down{
  font-size: 143%;
  vertical-align: -20%;
  color: #589d4f;
  font-weight: bold;
}

/*-----アドビリンク----------------------------*/
.adobe{
  border: 1px solid #e1e2e4;
  padding: 16px;
  overflow: hidden;
  margin-bottom: 30px;
}

.adobe p{
  float:left;
}

.adobe img{
  float: right;
}

/*-----ページトップbtn----------------------------*/
.return{
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 0;
  clear: both;
}

.return a{
  display: block;
  background: #d8d8d8;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.return a:hover{
  background: #c5c5c5;
}

.top_sp{
  display: none;
}

/*------フッター-----------------------*/
.sp_footer{
  display: none;
}


footer{
  background: #858484;
  clear: both;
}

.whitefooter{
	background: none;
  clear: both;
}

.foot_link{
  max-width: 980px;
  margin: 0 auto;
  overflow: hidden;
  padding: 25px 10px;
}

.foot_link a{
  color: #fff;
  line-height: 1.3;
}

.foot_link a:hover{
  color: #e9e7e7;
}

.foot_column01{
  width: 60%;
  float: left;
}

.foot_column02{
  width: 40%;
  float: left;
}

.foot_in{
  float:left;
  width: 45%;
  margin-right: 5%;
}

.foot_in li{
  font-size: 117%;
  font-weight: bold;
  margin-bottom: 10px;
}

.foot_in li ul li{
  font-size: 86%;
  font-weight: normal;
  margin: 8px 0 8px 12px;
}

.foot_in .pe-7s-angle-right{
  color: #c9caca;
}

.foot_in .pe-7s-photo-gallery{
  margin-left: 7px;
}

.right_top{
  overflow: hidden;
}

.right_top .foot_in{
  width: 45%;
  margin-right: 5%;
  float: left;
}

.right_top .last_foot a{
  font-size: 86%;
  font-weight: normal;
  margin: 0 0 16px 0;
}

.contact_box{
  color: #545454;
  padding: 14px 17px 0 17px;
  border: 3px solid #ccc;
  color: #fff;
}

.contact_box dl{
  background: url(../images/icon_bag_foot.png) no-repeat left top;
  overflow: hidden;
  padding: 2px 0 8px 33px;
}
.contact_box dt{
  padding-bottom: 6px;
  font-weight: bold;
}

.contact_box dd{
  float: left;
  margin: 0 0 5px 0;
}

.contact_box .tel{
  padding-top: 3px;
  margin-right: 12px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 184%;
}

.contact_box .free{
  background: url(../images/freedial_foot.png) no-repeat left center;
  padding-left: 30px;
}

.contact_box .freedial{
  background: url(../images/icon_goods_foot.png) no-repeat left top;
}

.contact_box > span{
  display: block;
  border-top: 2px solid #afaeae;
  text-align: center;
  padding: 8px 0 13px 0;
}

.contact_box .mail_btn,
.contact_in .mail_btn,
.top_contact .mail_btn{
	display: block;
	background-color: #e76c3a;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	box-shadow: 0 5px 0 0 rgba(207,68,11,1);
	padding: 8px 14px 8px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.2s;
  transition: all 0.2s;
  max-width: 214px;
  margin: 0 auto;
}

.no-boxshadow .contact_box .mail_btn,
.no-boxshadow .contact_in .mail_btn,
.no-boxshadow .top_contact .mail_btn { /*boxshadowが利かないブラウザのとき*/
	border-bottom: 5px solid #cf440b;
}

.contact_box .mail_btn:hover,
.contact_in .mail_btn:hover,
.top_contact .mail_btn:hover {
	background-color: #cf440b;
	text-decoration: none;
	box-shadow: none;
	top: 5px;
}

.no-boxshadow .contact_box .mail_btn:hover,
.no-boxshadow .contact_in .mail_btn:hover,
.no-boxshadow .top_contact .mail_btn:hover{ /*boxshadowが利かないブラウザのとき*/
	top: 0;
	border-bottom: none;
	padding-bottom: 7px;
}


.co_link {
  font-size: 75%;
  margin-top: 10px;
  display: block;
}
/*------コピーライト-----------------------*/
.copyright{
  overflow: hidden;
  padding: 15px 5px;
  background: #fff;
}

.copyright ul{
  max-width: 980px;
  margin: 0 auto;
}

.copyright li{
  float: left;
}

.copyright .copy_text{
  float: right;
}

.copyright .copy_text .sp_copy{
  display: none;
}


@media screen and (max-width:860px){
.contact_in dl{
  float: none;
  width: 100%;
}

/* ↓タブ 2 */
.contact_in2 p{ text-align:left; }
.contact_in2 dl{
  float: none;
  width: 100%;
}
/* ↑タブ 2 */

.adobe img{
  float: none;
  margin-top: 10px;
}

.sp_tab{
  display: inline;
}

.pc_tab{
  display: none;
}

#tab_menu .size{
 padding: 11px 0 10px 0;
}
}

@media screen and (max-width:820px){
.logo{
  width: 225px;
}

.logo a{
  padding: 8px 0 8px 10px;
}

.logo img{
  width: 100%;
  max-width: 193px;
  height: auto;
}

.logo .logo02{
  padding:5px 0 0 15px;
}



}

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

#side_area .side_single02 img{
  width: 100%;
  height: auto;
}
}

@media screen and (max-width:745px){
.full{
  display: none;
}

.mini{
  display: inline;
}

.main_nav .min_view a,
.main_nav .current03{
  padding: 16px 0 15px 0;
}

.foot_in,
.right_top .foot_in{
  float: none;
  width: 95%;
}

.copyright{
  text-align: center;
}

.copyright li,
.copyright .copy_text{
  float: none;
}

.copyright .copy_text .pc_copy{
  display: none;
}

.copyright .copy_text .sp_copy{
  display: block;
  margin-top: 6px;
  line-height: 1.5;
}

.foot_column01{
  width: 55%;
}

.foot_column02{
  width: 45%;
}

}
@media screen and (max-width:630px){
.logo{
  width: 155px;
}

#tab_menu li{
  padding: 17px 0 14px 0;
}

#tab_menu li img{
  height: 12px;
  width: auto;
}

#tab_menu .size img{
  height: 25px;
  width: auto;
}

#tab_menu .size{
  padding: 11px 0 10px 0;
}

}

@media screen and (max-width:568px){
#battery_tab { display: none; }
#battery_accordion { display: block; }

.main_nav{
  min-height: 55px;
}

.naver-container{
  margin-top: 55px;
}

body{
  min-width: 320px;
}

#head{
  border-bottom: none;
}

.top_box{
  display: none;
}

.top_box_sp{
  display: block;
}

.logo{
  width: 134px;
  padding: 5px 0 3px 0;
  height: 39px;
}

.logo img{
  width: 90%;
  height: auto;
}

p.english,
.sp_form{
  display: block;
}

.sub_bottom,
.sub_top{
  display: none;
}

p.english{
  float: right;
  margin: 8px 8px 0 0;
}

.logo02_sp{
  clear: both;
  display: block;
  padding: 8px 0 10px 34px;
}

.logo02_sp{
  vertical-align: bottom;
}

.sp_form{
  position: absolute;
}

.top_box_sp form{
  background: #5c5b5b;
  padding: 8px 0;
}

.search-input{
  width: 41%;
}

/*---検索--------*/
form.gsc-search-box{
  margin-bottom: 0 !important;
}

.top_box_sp form {
  padding: 8px !important;
}

.top_box_sp td{
  border: none !important;
  padding: 0 !important;
}

table.gsc-search-box{
  margin-bottom: 0 !important;
}

.gsib_a, .gsib_b{
  vertical-align: middle !important;
  height: 31px !important;
}

form.gsc-search-box{
  margin-right: 77px !important;
  width: auto !important;
  position: absolute;
  top: 53px;
}




/*---phoneナビ--------*/
.main_nav li{
  text-align: center;
  float: none;
  width: 100%;
}

.main_nav li a{
  border-top: 1px solid #d3d2d2;
}

.main_nav li a:hover{
  border-top: 1px solid #d3d2d2;
}

.mini{
  display: none !important;
}

.full{
  display: inline !important;
}

.main_nav .min_view a{
  padding: 23px 0 22px 0;
}

.main_nav .current{
  border-top: 1px solid #d3d2d2;
}

.main_nav .current02{
  border-top: 1px solid #d3d2d2;
}

.top_photo{
  border-top: none !important;
}

.main_nav .min_view a,
.main_nav .current03{
  padding: 23px 0 22px 0;
}

/*---phoneページトップ--------*/
.top_sp{
  display: block;
}

.top_pc{
  display: none;
}

.return{
  margin: 0 8px 10px 0;
}

.return a{
  border-bottom: 1px solid #ccc;
}

/*---メインエリア--------*/
#side_area{
  float: none;
  width: 100%;
  padding-bottom: 0;
}

#side_area dl,
#side_area .side_single,
#side_area .side_single02,
#side_area ul{
  display: none;
}

#main_area,
#page{
  margin-left: 0;
  padding-left: 0;
}

.h1_one,
.h1_bottom{
  font-size: 143%;
  background-size: 116px 80px;
  min-height: 52px;
  padding: 28px 0 0 16px;
}

.h1_one{
  height: 50px;
}

.h1_bottom span{
  font-size: 65%;
}

.h1_top{
  font-size: 143%;
  background-size: 116px 80px;
  height: 64px;
  padding: 16px 16px 0 16px;
  margin-bottom: 10px;
}

.h1_top .sub_title{
  font-size: 65%;
}

.h1_top .min_size{
  font-size: 79%;
}

#side_area p a{
  padding: 18px 25px 18px 12px;
}

.contents{
  margin-right: 0;
  padding: 0 8px 45px 8px;
}

h2{
  font-size: 123%;
  line-height: 1.1;
  padding-left: 10px;
  margin-bottom: 12px;
  padding-top: 2px;
  padding-bottom: 1px;
 }

h3{
  font-size: 110%;
  line-height: 1.1;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.next_btn dd a{
  font-size: 100%;
}

/*---phoneフッター-----------*/

.foot_link{
  display: none;
}

.sp_footer{
  padding: 14px 10px 5px 0;
  overflow: hidden;
  display: block;
}

.sp_footer ul{
  width: 50%;
  float: left;
  padding-left: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.sp_footer li{
  margin-bottom: 4px;
}

.sp_footer li a{
  color: #fff;
}

.sp_footer a:hover{
  color: #e9e7e7;
}

.sp_footer .pe-7s-angle-right{
  font-size: 167%;
  vertical-align: -20%;
}

.tab_op ul{
  display: block;
  padding-right: 0;
}

}

@media screen and (max-width:370px){
.contact_in{
  padding: 15px 10px;
}

.contact_in2{/* タブ 2 */
  padding: 15px 10px;
}

.contact_in span img{
  width: auto;
  height: 43px;
}

}

/*------印刷用-----------------------*/
@media print {
header,
footer,
.return{
    display: none;
}

}