@charset "utf-8";

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

body {
	font-size: 16px;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

/*
ヘッダー
-------------------------------------------*/

header h1 {
	font-size: 8px;
	padding-right: 50px;
	line-height: 12px;
	padding-top: 5px;
	padding-left: 5px;
}

header #logo {
	width: 210px;
	font-size: 20px;
	line-height: 14px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

header #logo span {
	font-size: 9px;
	padding-left: 2px;
}

header #h_box a.h_btn {
	font-size: 14px;
	display: block;
	width: 80%;
	padding: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

header #h_box iframe,
header #h_box .twitter-share-button {
	position: fixed !important;
	top: -35px !important;
}

header #h_box iframe {
	left: 10px;
}

header #h_box .twitter-share-button {
	left: 120px !important;
}

/*グローバルナビ*/
.drawer-nav {
	overflow: scroll;
}
.drawer-nav nav {
	padding-bottom: 30px;
}
.drawer-nav ul {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

.drawer-nav ul li a {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	font-size: 10px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.drawer-nav ul li a:hover {
	border-top-color: #FFF;
	background-color: #333;
	color: #FFF;
}

/*
メインイメージ
-------------------------------------------*/
#main_image {
	min-height: 320px;
	max-height: 430px;
	background-image: url(../img/main_image_sp.jpg);
}
#main_image h2 {
	font-size: 20px;
	line-height: 26px;
	padding-left: 10px;
	padding-right: 10px;
	word-break: keep-all;
}
#main_image h2 img{
	width: 270px;
}
#main_image p {
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
}
#main_image #sc_btn a {
	width: 260px;
	height: 35px;
	margin-left: -130px;
	font-size: 15px;
	line-height: 35px;
	bottom: 28%;
}

.sub_image {
	min-height: 100px;
	max-height: 220px;
}
.sub_image.wp {
	background-image: url(../img/sub_image_sp_wp.jpg);
}
.sub_image.pro {
	background-image: url(../img/sub_image_sp_pro.jpg);
}
.sub_image.manual {
	background-image: url(../img/sub_image_sp_manual.jpg);
}
.sub_image.manual2 {
	background-image: url(../img/sub_image_sp_manual2.jpg);
}
.sub_image.manual3 {
	background-image: url(../img/sub_image_sp_manual3.jpg);
}
.sub_image h1 {
	font-size: 20px;
	line-height: 26px;
	margin-top: -23px;
}
.sub_image h1 img {
	width: 160px;
}
.sub_image p {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 16px;
	margin-top: 17px;
}

/*
コンテンツ
-------------------------------------------*/
#wrapper #main_contents,
#wrapper #sub_contents {
	padding:10px;
}

#main_contents .list_box {
	margin: 10px;
}

#main_contents .list_box img {
	display: block;
	width: 90% !important;
}

#main_contents .img_right {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#main_search {
	display: none;
}

#main_contents ul.detail_btn li a {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#main_contents .table_01 th {
	display: block;
	border-right-width: 1px;
	border-bottom-width: 3px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

#main_contents .table_01 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#main_contents ul.li_box li {
	width: 48%;
	margin-left: 1%;
}

#main_contents .btn_base a {
	display: block;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

}