/****** レスポンシブ対応 ******/

/** スマホ **/
@media screen and (max-width: 480px) {
	/* フォントサイズ */
	.res_f9 {
		font-size:9px!important;
	}
	.res_f11 {
		font-size:11px!important;
	}
	#wide #souba .average b {
		font-size:20px!important;
	}
	/* レイアウト可変 */
	.inner#mainContent #aboutinsweb .izumi {
		float:none!important;
	}
	.inner#mainContent #kimete .comment2 {
		height:auto;
	}
	.inner#mainContent #kimete .comment2 p{
		text-indent:0em;
	}
	#mainContent #pointwide #point .profile .date,
	#mainContent #pointwide #point .number {
		display:none;
	}
	.inner#mainContent #zikotaio .box .logo,
	.inner#mainContent #zikotaio .box .detail {
		font-size:10px!important;
	}
	.inner#mainContent #pointwide #point .zatugaku .category {
		display:none;
	}
	.inner#mainContent .glossary-car dl {
		padding:20px 10px 20px 10px;
	}
	.inner#mainContent #management .car-info dt {
		width:30%;
	}
	#thumbnail2 tr {
		margin-bottom:10px;
		display:block!important;
	}
	#thumbnail2 td {
		display:block!important;
	}
	#user-voice .taikendan .three {
		width:50%!important;
	}
	#wide #souba .title {
		font-size:30px!important;
	}
	#wide #souba .ranking .top5 .carname {
		font-size:14px;
	}
	#wide #souba .contentsR {
		width:100%;
	}
	#fp .title_h2 {
		font-size:16px;
	}
	#fp.bengoshi .title_h2 {
		font-size:14px!important;
	}
	#fp a.link-hokengaisha {
		font-size:16px;
	}
	#fp .topblock .profile {
		width:285px!important;
	}
	#dourohyoushiki #frame_left {
		margin-right:20px!important;
	}
	#dourohyoushiki #frame_right .explain {
		margin:10px!important;
	}
	#dourohyoushiki #frame_left .question,
	#dourohyoushiki #frame_right dl.explain {
		font-size:12px!important;
		line-height:140%;
	}
	#adv_m a.contact {
		font-size:16px;
	}
	.kougaku-ranking dt .sml{
		margin:5px 0 0 55px;
		display:block;
		font-size:130%;
		color:red;
	}
	.native .left-space {
		padding-left:5px;
	}
	.a-btn {
		padding:10px 60px 10px 10px;
	}
	.res_none_480 {
		display:none!important;
	}
	.res_block_480 {
		display:block!important;
	}
	.res_clear_480 {
		float:none!important;
	}
	.res_w100_480 {
		width:100%!important;
	}
}

/** タブレット **/
@media screen and (max-width: 720px) {
	#mainContent #pointwide #point .profile {
		width:auto!important;
		height:auto!important;
		background-image:none!important;
	}
	#mainContent #pointwide #point .profile .photo {
		width:60px!important;
	}
	#mainContent #pointwide #point .profile .title {
		width:200px!important;
		left:80px!important;
		line-height:120%;
	}
	#mainContent #pointwide #point .profile .date {
		left:290px!important;
	}
	#mainContent #pointwide #point .profile .age {
		width:100px!important;
		left:80px!important;
	}
	#mainContent #pointwide #point .profile .job {
		left:180px!important;
	}
	.inner#mainContent #zikotaio .box .logo,
	.inner#mainContent #zikotaio .box .detail {
		width:auto;
		font-size:12px;
		text-align:center;
		float:none;
	}
	.inner#mainContent #zikotaio .box .detail p {
		text-indent:0;
		text-align:center;
	}
	.inner#mainContent #zikotaio .box td,.inner#mainContent #zikotaio .box th {
		padding:3px 0px;
	}
	.inner#mainContent .glossary-car dt {
		margin-bottom:5px;
		width:100%;
	}
	.inner#mainContent .glossary-car dd {
		width:100%;
	}
	#linkindex .special {
		margin-bottom:40px;
	}
	#adan a.tab {
		margin:0 10px 5px 0;
	}
	.res_clear_720 {
		float:none!important;
	}
	.res_ma15_720 {
		margin:15px!important;
	}
	.res_mab10_720 {
		margin:0 0 10px 0!important;
	}
	.res_w100_720 {
		width:100%!important;
	}
}
@media screen and (max-width: 770px) {
	.inner#mainContent #kimete #kimeteFrame,
	.inner#mainContent #kimete #kimeteFrame2 {
		padding:0 10px 10px 10px;
		width:auto;
		height:auto;
		background-image:none;
	}
	.inner#mainContent #kimete #area,
	.inner#mainContent #kimete #area2 {
		width:auto;
		height:auto;
	}
	.inner#mainContent #kimete .bg1 {
		height:auto;
		background-image:none;
	}
	.inner#mainContent #kimete .bg2,
	.inner#mainContent #kimete .bg3 {
		background-image:none;
	}
	.inner#mainContent #kimete .comment1{
		margin-bottom:10px;
		height:auto;
	}
	.inner#mainContent #kimete .btn1 img{
		margin:10px 0;
	}
	.inner#mainContent #kimete .btn2 img{
		margin:10px 20px;
	}
	.inner#mainContent #kimete #checklist img {
		width:100%;
	}
	#linkindex {
		width:100%!important;
	}
	#linkindex div.left,
	#linkindex div.right{
		float:none;
	}
	#linkindex dl.left,
	#linkindex dl.right {
		float:none;
		margin-bottom:15px;
	}
	#linkindex dt a {
		padding:4px 10px;
		text-indent:0;
		line-height:140%;
		background-image:none;
		border:1px solid #999;
		border-radius:3px;
		background-color:#F0F0F0;
		background:linear-gradient(#FFF, #F0F0F0)!important;
		background-image:none;
		width:auto;
		height:auto;
	}
	#linkindex dt a:hover {
		color:#F00;
		background:linear-gradient(#FFF, #fcf6d4)!important;
		background-image:none;
	}
	#linkindex dd,
	#linkindex dd.sub {
		width:auto;
	}
	#howto .midashi {
		margin-top:20px;
		padding-left:10px;
		display:block;
	}
	#howto .procedure .left {
		display:block;
	}
	#howto .procedure .right {
		display:block;
		margin-bottom:20px;
	}
	#howto .procedure .ol {
		background-image:none;
	}
	#reading .ba {
		width:100%;
		margin-bottom:10px;
		display:table;
	}
	#wide #souba {
		width:100%;
	}
	#wide #souba .title {
		font-size:36px;
	}
	#wide #souba .ranking .top5 .carname {
		width:auto;
	}
	#wide #souba .ranking #n01,
	#wide #souba .ranking #n02,
	#wide #souba .ranking #n03,
	#wide #souba .ranking #n04,
	#wide #souba .ranking #n05 {
		background-position: 10px 20px;
	}
	#wide #souba #ranking5 {
		margin-left:20px;
		float:left!important;
	}
	#fp.bengoshi .title_h2 {
		font-size:16px;
	}
	#fp .topblock {
		width:100%;
	}
	#fp .topblock .read {
		width:100%;
		float:none;
	}
	#fp .topblock .profile {
		width:350px;
		float:right;
	}
	#fp a.link-hokengaisha {
		max-width:85%;
	}
	#dourohyoushiki #frame_main {
		width:100%!important;
	}
	#dourohyoushiki #frame-body .q_maru {
		margin-right:7px;
		width:47%!important;
	}
	#dourohyoushiki #frame-body .q_batsu {
		width:47%!important;
	}
	#dourohyoushiki #frame-body .q_maru,
	#dourohyoushiki #frame-body .q_batsu {
		margin-top:20px!important;
	}
	#dourohyoushiki #frame_left {
		width:45%!important;
	}
	#dourohyoushiki #frame_right {
		width:47%!important;
	}
	#dourohyoushiki #frame_left #q_top {
		width:60%!important;
	}
	#dourohyoushiki #frame_center #q_top {
		width:30%!important;
	}
	#dourohyoushiki #q_top img {
		width:100%;
		max-width:104px!important;
	}
	#dourohyoushiki #explain_mark {
		width:100%!important;
		max-width:250px!important;
		margin:0 auto!important;
	}
	#dourohyoushiki #explain_mark img {
		width:100%!important;
	}
	.tree .tbllist td,
	.tree .tbllist th {
		padding:0px;
	}
	.tree .diff .w25,
	.tree .diff .w10 {
		width:auto!important;
	}
	.tree ul {
		margin:0px!important;
	}
	.tree li {
		padding-left:0em!important;
		text-indent:0em!important;
	}
	.res_none_770 {
		display:none!important;
	}
}

/** スマホ＆タブレット **/
@media screen and (max-width: 970px) {
	body {
		margin:3px;
		padding:0;
		-webkit-text-size-adjust: 100%;
	}

	img, table, dl {
		max-width:100%!important;
		height:auto!important;
	}
	ol {
		padding-left:10px!important;
	}

	/* フォントサイズ */
	.small {
		font-size:100%!important;
	}
	th, td, p, li, h2, h3, h4, h5, #linkindex, .example-box, .txt-box-blue-line, .blue_bar {
		font-size:110%!important;
	}
	#navi li, #navi .sub, #service li {
		font-size:16px!important;
	}
	.inner#mainContent #user-voice .reason li {
		font-size:12px!important;
	}
	#corplist li {
		font-size:11px!important;
	}
	.res_carriername_f {
		font-size:10px!important;
	}
	.res_f11_970 {
		font-size:11px!important;
	}

	/* レイアウト可変 */
	#header {
		height:auto;
	}
	#header h1 {
		display:none;
	}
	#header #logo {
		margin:8px 0;
		position:relative;
		top:0px;
		left:0px;
	}
	#header #submenu {
		display:absolute;
		top:auto;
		bottom:40px;
	}
	#header #sbi {
		position:absolute;
		top:auto;
		bottom:8px;
	}
	#contents {
		padding:0;
	}
	#contents #breadcrumb {
		margin:10px 0;
		line-height:140%;
		position:relative!important;
		top:0!important;
	}
	#container {
		width:100%;
	}
	#mainContent {
		width:100%!important;
		float:none;
	}
	#mainContent #main {
		width:100%!important;
	}
	#mainContent h1 {
		padding-left:3px!important;
		line-height:140%;
	}
	#mainContent h2 {
		padding:6px 0 6px 6px!important;
		height:auto!important;
		line-height:120%!important;
		border:1px solid #999!important;
		border-radius:3px;
		border-left:5px solid #0297f3!important;
		background-color:#fafafa!important;
		background-image:none!important;
	}  
	#mainContent h3 {
		padding:6px 0 6px 6px!important;
		height:auto!important;
		line-height:120%!important;
		border:1px solid #14365c!important;
		background-color:#1d5db7!important;
		background-image:none!important;
	}  
	.inner#mainContent #voice {
		width:100%!important;
	}
	.inner#mainContent #voice dt {
		margin-bottom:0!important;
		width:91%!important;
	}
	.inner#mainContent #voice dd {
		margin:0 0 10px 25px!important;
	}
	#mainContent .standard2 th {
		white-space:inherit!important;
	}
	.inner#mainContent .txt-box-blue-line {
		margin:10px 10px 20px 10px!important;
		width:auto!important;
	}
	.inner#mainContent #aboutinsweb .flow th {
		width:80px;
	}
	.inner#mainContent #aboutinsweb li {
		word-break:break-all;
	}
	#mainContent .blockLeft {
		width:auto!important;
	}
	#mainContent .blockRight {
		width:auto!important;
	}
	#mainContent #pointwide,
	#mainContent #pointwide #point {
		margin:0px!important;
		max-width:100%!important;
	}
	#mainContent #pointwide h3{
		border:none!important;
		background-color:#d9f0fc!important;
	}
	.inner#mainContent .txt-box-blue-line-l {
		margin:10px 0px 20px 0px;
	}
	.inner#mainContent #kimete dl{
		width:auto;
	}
	.inner#mainContent .prbox2 {
		padding:0;
		border:none;
		max-width:100%;
	}
	.inner#mainContent #management dl.car-info {
		margin:10px 0;
		padding:10px 0 5px 0;
		width:100%;
	}
	#howto {
		width:auto!important;
		font-size:110%;
	}
	#howto dt,
	#howto dd {
		max-width:100%!important;
	}
	#howto .youtube {
		position:relative;
		width:100%;
		padding-top:56.25%;
	}
	#howto .youtube iframe {
		width:100%!important;
		height:100%!important;
		position:absolute;
		top:0;
		right:0;
	}
	#howto .midashi {
		font-size:110%;
	}
	#howto .procedure .left {
		width:280px;
		max-width:100%;
	}
	#linkindex {
		width:750px;
	}
	#thumbnail table {
		margin:0;
		padding:0;
		width:100%!important;
	}
	#thumbnail th img {
		min-width:74px!important;
	}
	#thumbnail2 table {
		width:100%!important;
	}
	#thumbnail2 th img {
		min-width:150px!important;
	}
	#thumbnail2 table.fp {
		margin-bottom:0;
	}
	#taikendan {
		width:100%!important;
	}
	#taikendan #tab {
		height:auto!important;
	}
	#taikendan #tab img {
		width:45%!important;
		max-width:260px!important;
	}
	#taikendan .comment_u {
		padding:5px 0;
		width:100%!important;
		border:1px solid #999!important;
		border-radius:5px;
		background-color:#ffffcc!important;
		background-image:none!important;
	}
	#taikendan .comment_i {
		margin-bottom:30px!important;
		width:100%!important;
		background-image:none!important;
	}
	#taikendan .comment_i_box {
		padding:5px 0;
		width:100%!important;
		border:1px solid #999!important;
		border-radius:5px;
		background-color:#fafafa!important;
		background-image:none!important;
	}
	#wide #souba h2 {
		font-size:16px!important;
	}
	#wide #souba #ranking5 {
		margin-top:10px;
		font-size:15px;
	}
	#wide #souba .price {
		width:auto;
	}
	#wide #souba .average th {
		margin-right:10px;
		font-size:14px!important;
	}
	#ranking .user-comment{
		max-width:100%;
	}
	#dourohyoushiki #frame-body {
		padding:0px 10px!important;
		max-width:100%;
		background-image:none!important;
	}
	#dourohyoushiki #frame-body .section1 {
		margin:10px 0!important;
		text-align:left;
	}
	#dourohyoushiki #frame-body .topBtn {
		width:100%!important;
		max-width:660px!important;
	}
	#dourohyoushiki #frame-body .topBtn td {
		padding:0 5px;
	}
	#dourohyoushiki #frame-body .topBtn img {
		width:100%!important;
		max-width:170px!important;
	}
	#dourohyoushiki #frame-body .q_maru {
		margin-top:40px;
		position:relative!important;
		left:0px!important;
		top:0px!important;
		float:left;
	}
	#dourohyoushiki #frame-body .q_batsu {
		margin-top:40px;
		position:relative!important;
		left:0px!important;
		top:0px!important;
		float:right;
	}
	#dourohyoushiki #frame_main {
		max-width:100%;
	}
	#adv_m a.contact {
		max-width:80%;
	}
	.tree table.tbllist {
		max-width:100%;
	}
	.jiko-ranking h4 {
		text-align:left;
	}
	.jiko-ranking .title_year {
		text-align:left;
	}
	.jiko-ranking .f_left,
	.jiko-ranking .f_right {
		float:none;
	}
	.jiko-ranking table.color1,
	.jiko-ranking table.color2 {
		margin-bottom:10px;
	}
	#btnbottom {
		max-width:700px;
	}
	#mankinavi {
		padding:18px 0 10px 10px!important;
		background-position:center!important;
		background-size:100% 50px!important;
		max-width:70%;
		line-height:150%!important;
	}
	#btnmanki img {
		margin:0 5px;
		padding:0;
		max-width:46%!important;
		height:auto;
	}
	#sidebar {
		width:100%;
		float:none;
	}
	#navi, #service {
		width:100%!important;
		border-top:1px solid #999;
		border-right:1px solid #999;
		border-left:1px solid #999;
	}
	#navi li, #service li {
		text-align:left;
	}
	#navi li a, #service li a{
		padding:10px 0 10px 40px!important;
		color:#000;
		text-decoration:none;
		display:block;
		border-bottom:1px solid #999!important;
		background:url(/spn/auto/img/icon_next.gif) no-repeat right 20px center!important;
	}
	#navi li a:hover, #service li a:hover {
		color:#F00;
		background-color:#FFC;
		text-decoration:none;
	}
	#banner {
		margin-top:15px;
		text-align:center;
	}
	#font-size {
		display:none;
	}
	#otherlink {
		line-height:200%!important;
	}
	#otherlink ul {
		border-top:1px solid #999;
		border-left:1px solid #999;
	}
	#otherlink li {
		width:373px;
		float:left;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
	}
	#otherlink li a {
		padding:30px 0!important;
		display:block;
		text-decoration:none;
	}
	#otherlink li:first-child {
		border-left:0;
	}
	#otherlink li a:hover {
		text-decoration:none;
	}
	#footer img {
		max-width:100%;
		height:auto;
	}
	.res_none {
		display:none!important;
	}
	.res_url {
		word-break:break-all;
	}
	.res_scroll {
		width:100%;
		overflow-x:auto;
	}
	.res_clear_970 {
		float:none!important;
	}
}