@charset "utf-8";
/* CSS Document */

.pc-show {
display: inline-block;
}
.pc-show-block {
display: block;
}
.pc-hide {
display: none;
}

@media screen and (max-width:414px) and (orientation:portrait) {
.sp-show {
display: inline-block;
}
.sp-show-block {
display: block;
}
.sp-hide {
display: none !important;
}
}
body {
background-color: #0c0802;
width: 100%;
font-size: 1em;
color: #2a0000;
}
.container {
background-color: #fff4da;
}
/*** 追随するメニュー ***/
.fix-menu {
display: block;
z-index: 500;
width: 100%;
position: fixed;
left: 0;
top: 0;
padding: 0px;
background-color: rgba(255,211,32,1);
}
.fix-menu .fix-menu-contents {
width: 100%;
max-width: 1300px;
height: 100%;
margin: 0 auto;
padding: 4px;
position: relative;
box-sizing: border-box;
pointer-events: auto;
}
.fix-menu .logo {
width: 12.92%;
float: left;
text-align: left;
pointer-events: auto;
cursor: pointer;
}
.fix-menu .logo img {
margin-left: 0 !important;
}
.fix-menu .mokuji {
width: 7.15%;
float: right;
text-align: right;
pointer-events: auto;
cursor: pointer;
}
.fix-menu .menu {
width: 4.38%;
float: right;
text-align: right;
pointer-events: auto;
cursor: pointer;
}
.fix-menu .menu img {
margin-right: 0 !important;
}
.fix-menu .title {
float: left;
width: 74.55%;
}

@media screen and (max-width:414px) and (orientation:portrait) {
body {
}
.container {
}
.fix-menu {
width: 100%;
min-width: auto;
height: auto;
text-align: center;
padding: 2% 2% 1%;
box-sizing: border-box;
vertical-align: middle;
}
.fix-menu .fix-menu-contents {
width: 100%;
height: auto;
position: relative;
padding: 0 !important;
}
.fix-menu .logo {
width: 36.4%;
;
}
.fix-menu .mokuji {
width: 19.06%;
}
.fix-menu .menu {
width: 11.86%;
}
.fix-menu .title {
float: none;
width: 100%;
padding: 1% 0 0;
line-height: 0;
}
}
/*** コンテンツ ***/
.contents_wrap {
width: 100%;
margin: 0 auto !important;
padding: 0;
}
.contents_wrap .contents {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
position: relative;
font-family: "minamoto-r";
}
/*** けんせつきかいだいずかん トップ ***/
.pb_top_wrap {
line-height: 0;
}
.pb_top {
position: relative;
margin-bottom: 20px !important;
}
.pb_top .bt_push_kenki {
position: absolute;
width: 10.15%;
top: 28.9%;
left: 24.8%;
}
.pb_top .bt_push {
position: absolute;
width: 21.61%;
top: 2.9%;
left: 7.2%;
}
.pb_top .bt_dig_kenki {
position: absolute;
width: 10.15%;
top: 28.2%;
left: 56.7%;
}
.pb_top .bt_dig {
position: absolute;
width: 22.00%;
top: 3.4%;
left: 38.6%;
}
.pb_top .bt_load_kenki {
position: absolute;
width: 8.92%;
top: 45.2%;
left: 80.8%;
}
.pb_top .bt_load {
position: absolute;
width: 23.92%;
top: 3.7%;
left: 67.6%;
}
.pb_top .bt_carry_kenki {
position: absolute;
width: 8.69%;
top: 53.2%;
left: 58.6%;
}
.pb_top .bt_carry {
position: absolute;
width: 27.92%;
top: 52.8%;
left: 62.1%;
}
.pb_top .bt_cut_kenki {
position: absolute;
width: 7.23%;
top: 53.7%;
left: 31.0%;
}
.pb_top .bt_cut {
position: absolute;
width: 24.92%;
top: 50.8%;
left: 10.3%;
}
.pb_top .bt_kurabe {
position: absolute;
width: 16.84%;
top: 52.5%;
left: 40.5%;
max-width: 219px;
}
.pb_top_bt_youtube {
width: 100%;
margin: 0;
padding: 10px 0;
text-align: center;
background-color: #5b2f07;
}
.pb_top_bt_youtube img {
max-width: 309px !important;
}

/*** けんせつきかいだいずかん 大きさくらべ ***/
.size_wrap {
line-height: 0;
}
.size_wrap h2{
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	padding: 6px 0;
}
.size_wrap h2 p{
	width: 21.23%;
	margin: 0 auto;
	max-width:276px !important;
}
.size_wrap .bt_youtube {
width: 100%;
margin: 0;
padding: 15px 0;
text-align: center;
background-color: #714d10;
}
.size_wrap .bt_youtube img {
max-width: 435px !important;
}
.size {
position: relative;
margin-bottom:0px !important;
overflow: hidden;
}
.size .contents_hr{
	width: 100%;
	height: 100%;
	position: absolute;	
	left: 0;
	top:0;
	pointer-events: none;
}
.size .caption{
	position: absolute;
	width: 24.76%;
	left: 4.3%;
	top: 4.57%;
}
.size .illust-dragline{
	position: absolute;
	width: 62.38%;
	left: 28.46%;
	bottom: 0;	
}
.size .text-dragline{
	position: absolute;
	width: 13.46%;
	left: 68.30%;
	bottom: 31.18%;	
	pointer-events:auto;
}
.size .illust-pc8000{
	position: absolute;
	width: 16.61%;
	left: 39.38%;
	bottom: 0;	
}
.size .text-pc8000{
	position: absolute;
	width: 11.30%;
	left: 32.46%;
	bottom: 14.55%;	
	pointer-events:auto;
}
.size .illust-ropeshovel{
	position: absolute;
	width: 17.53%;
	left: 48.61%;
	bottom: 0;	
}
.size .text-ropeshovel{
	position: absolute;
	width: 10.38%;
	left: 55.92%;
	bottom: 18.71%;	
	pointer-events:auto;
}
.size .illust-pc200{
	position: absolute;
	width: 4.46%;
	left: 20%;
	bottom: 0;	
}
.size .text-pc200{
	position: absolute;
	width: 10.53%;
	left: 17.07%;
	bottom: 4.98%;	
	pointer-events:auto;
}
.size .illust-shearer{
	position: absolute;
	width: 12.15%;
	left: 25.07%;
	bottom: 0;	
}
.size .text-shearer{
	position: absolute;
	width: 11.38%;
	left: 25.53%;
	bottom: 4.98%;	
	pointer-events:auto;
}
.size .illust-human{
	position: absolute;
	width: 0.46%;
	left: 14.23%;
	bottom: 0;	
}
.size .text-human{
	position: absolute;
	width: 3.61%;
	left: 10.76%;
	bottom: 2.49%;	
}
.size .illust-car{
	position: absolute;
	width: 2.69%;
	left: 15.76%;
	bottom: 0;	
}
.size .text-car{
	position: absolute;
	width: 5.92%;
	left: 14%;
	bottom: 2.07%;	
}


/*** けんせつきかいだいずかん もくじ ***/
.mokuji_wrap {
padding: 2em !important;
line-height: 1.428em;
}
.mokuji_wrap dl {
width: 20%;
padding-right: 1em;
box-sizing: border-box;
float: left;
}
.mokuji_wrap dl.push {
width: 21%;
}
.mokuji_wrap dl.dig {
width: 22%;
}
.mokuji_wrap dl.load {
width: 21%;
}
.mokuji_wrap dl.carry {
width: 22%;
}
.mokuji_wrap dl.cut {
width: 14%;
}
.mokuji_wrap dt.kurabe {
	margin-top: 1em;
}
.mokuji_wrap dl a {
color: #2a0000;
}
.mokuji_wrap dl dt {
font-size: 1.125em;
padding-bottom: 0.2em;
border-bottom: solid 4px #ffd320;
}
.mokuji_wrap dl dd {
font-size: 0.875em;
border-bottom: solid 2px #dddddd;
}
/*** パンくずとカテゴリー ***/
.pankuzu_cat {
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.pankuzu_cat .pankuzu {
float: left;
font-size: 1em;
}
.pankuzu_cat .pankuzu img {
vertical-align: middle;
line-height: 0;
}
.pankuzu_cat .pankuzu span {
padding-left: 0.5em;
}
.pankuzu_cat .cat {
float: right;
}
.pankuzu_cat .cat p {
float: left;
margin-left: 5px;
font-size: 1em;
}
.pankuzu_cat .cat p img {
vertical-align: middle;
line-height: 0;
}

/*** サブタイトル ***/
.subtit_cat {
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.subtit_cat .subtit {
    float: left;
    font-size: 1.5em;
    color: #009BFF;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.subtit_cat .subtit img {
vertical-align: middle;
line-height: 0;
}
.subtit_cat .subtit span {
padding-left: 0.5em;
}
.subtit_cat .cat {
float: right;
}
.subtit_cat .cat p {
float: left;
margin-left: 5px;
font-size: 1em;
}
.subtit_cat .cat p img {
vertical-align: middle;
line-height: 0;
}

/*** 注意書き ***/
.note_cat {
margin-top: 0px;
margin-bottom: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.note_cat .note {
    float: left;
    font-size: 0.6em;
    color: #6A542B;
    line-height: 1.5em;
}
.note_cat .note img {
vertical-align: middle;
line-height: 0;
}
.note_cat .note span {
padding-left: 0.5em;
}
.note_cat .cat {
float: right;
}
.note_cat .cat p {
float: left;
margin-left: 5px;
font-size: 1em;
}
.note_cat .cat p img {
vertical-align: middle;
line-height: 0;
}

/*** けんせつきかいだいずかん カテゴリトップ ***/
.button_wrap_wrap {
width: 100%;
margin-bottom: 15px;
background-color: #FFFFFF;
text-align: center;
max-height: 64px;
overflow: hidden;
position: relative;
}
.button_wrap_wrap .contents {
margin: 0 auto !important;
}
.button_wrap {
width: 100%;
max-width: 1300px;
margin: 0 auto !important;
line-height: 0;
}
.button_wrap .icon {
position: absolute;
width: 7.84%;
left: 15px;
top: 0;
pointer-events: none;
z-index: 50;
}
.button_wrap .icon-load {
	width: 8.69%;
}
.button_wrap .icon-carry {
	width: 9.92%;
}
.button_wrap .icon-cut {
	width: 8.61%;
}
.button_wrap .toggle_button {
cursor: pointer;
}
.button_wrap_wrap .active {
background-color: #000000;
opacity: 0.4;
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0;
pointer-events: none;
}
.zukan_bg {
background-color: #FFFFFF;
cursor: pointer;
}
#zukan_wrap {
padding-top: 15px;
display: none;
background-color: #FFFFFF;
line-height: 1.8em;
}
#zukan_wrap.show {
display: block;
}
#zukan {
width: 100%;
max-width: 1238px;
height: 100%;
max-height: 720px;
margin: 0 auto;
position: relative;
}
#zukan h2 {
font-family: 'minamoto-h';
color: #2a0000;
font-size: 1.875em;
position: absolute;
font-weight: 600;
left: 1.8%;
top: 1.4%;
line-height: 1.5em;
}
#zukan h3 {
font-family: "minamoto-r";
color: #2a0000;
font-size: 2.0em;
font-weight: 600;
display: inline-block;
width: auto;
padding-right: 0.625em;
}
#zukan p {
font-family: "minamoto-r";
color: #2a0000;
font-size: 1.2em;
line-height: 1.4em;
font-weight: 600;
}
#zukan_wrap .kaisetsu {
width: 100%;
max-width: 1238px;
margin: 0 auto;
padding: 0;
background-color: #2c6477;
position: relative;
}
#zukan_wrap .kaisetsu_cut{
	padding-top: 1em;
} 
#zukan_wrap .kaisetsu .illust {
width: 12%;
position: absolute;
left: 3%;
bottom: 0;
line-height: 2.1em;
}
#zukan_wrap .kaisetsu .text {
float: right;
text-align: left;
font-family: "bokutachi";
font-size: 1.4em;
color: #FFFFFF;
line-height: 2.0em;
width: 78%;
padding: 1em 0;
margin-right: 5%;
}
.icon_list {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 10px 0.5% 2%;
box-sizing: border-box;
}
.icon_list li {
float: left;
width: 10.5%;
padding: 1% 1%;
text-align: center;
}

.icon_list2 {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 10px 0.5% 2%;
box-sizing: border-box;
}
.icon_list2 li {
float: left;
width: 14.6%;
padding: 1% 1%;
text-align: center;
}

.bt_zukan_youtube {
width: 100%;
max-width: 453px;
margin-bottom: 30px;
text-align: left;
box-sizing: border-box;
padding-left: 2%;
}
.bt_zukan_youtube img {
margin-left: 0 !important;
}
/*** ずかんトップ用調整 ***/
.img-zukan-bulldozer-pic1 {
position: absolute;
width: 50.24%;
left: 1.8%;
top: 8.4%;
}
.img-zukan-bulldozer-pic2 {
position: absolute;
width: 57.18%;
left: 42.4%;
top: 23.8%;
}
.text-zukan-bulldozer-1 {
position: absolute;
left: 4.87%;
top: 59.1%;
}
.line-zukan-bulldozer-1 {
position: absolute;
width: 42.40%;
left: 2.85%;
top: 53.55%;
}
.text-zukan-bulldozer-2 {
position: absolute;
left: 66.3%;
top: 8.00%;
}
.line-zukan-bulldozer-2 {
position: absolute;
width: 13.81%;
left: 64.05%;
top: 8.5%;
}
.text-zukan-bulldozer-3 {
position: absolute;
left: 25.4%;
top: 85.7%;
}
.line-zukan-bulldozer-3 {
position: absolute;
width: 33.68%;
left: 23.05%;
top: 80.20%;
}
.text-zukan-bulldozer-4 {
position: absolute;
left: 76.9%;
top: 83.2%;
}
.line-zukan-bulldozer-4 {
position: absolute;
width: 22.21%;
left: 74.65%;
top: 72.70%;
}

.img-zukan-excavator-pic1 {
position: absolute;
width: 50.4%;
left: 18.5%;
top: 9.4%;
}
.img-zukan-excavator-pic2 {
position: absolute;
width: 25.92%;
left: 69.2%;
top: 10.4%;
}
.text-zukan-excavator-1 {
position: absolute;
left: 5.1%;
top: 16.0%;
}
.line-zukan-excavator-1 {
position: absolute;
width: 23.90%;
left: 2.55%;
top: 16.8%;
}
.text-zukan-excavator-2 {
position: absolute;
left: 45.8%;
top: 11.6%;
}
.line-zukan-excavator-2 {
position: absolute;
width: 10.1%;
left: 35.2%;
top: 12.5%;
}
.text-zukan-excavator-3 {
position: absolute;
left: 71.8%;
top: 50.0%;
}
.line-zukan-excavator-3 {
position: absolute;
width: 13.81%;
left: 57.8%;
top: 50.2%;
}
.text-zukan-excavator-4 {
position: absolute;
left: 5.0%;
top: 71.8%;
}
.line-zukan-excavator-4 {
position: absolute;
width: 18.98%;
left: 2.8%;
top: 71.0%;
}
.text-zukan-excavator-5 {
position: absolute;
left: 36.1%;
top: 84.6%;
}
.line-zukan-excavator-5 {
position: absolute;
width: 22.45%;
left: 33.9%;
top: 75.7%;
}
.text-zukan-excavator-6 {
position: absolute;
left: 72.2%;
top: 65.6%;
}
.line-zukan-excavator-6 {
position: absolute;
width: 5.73%;
left: 65.9%;
top: 64.1%;
}

.img-zukan-wheelloader-pic1 {
position: absolute;
width: 60.74%;
left: 8.4%;
top: 29.0%;
}
.img-zukan-wheelloader-pic2 {
position: absolute;
width: 21.34%;
left: 72.65%;
top: 28.9%;
}
.text-zukan-wheelloader-1 {
position: absolute;
left: 7.7%;
top: 11.4%;
}
.line-zukan-wheelloader-1 {
position: absolute;
width: 9.53%;
left: 5.1%;
top: 12.15%;
}
.text-zukan-wheelloader-2 {
position: absolute;
left: 72.41%;
top: 10.55%;
}
.line-zukan-wheelloader-2 {
position: absolute;
width: 24.55%;
left: 47.9%;
top: 11.24%;
}
.text-zukan-wheelloader-3 {
position: absolute;
left: 53.2%;
top: 84.2%;
}
.line-zukan-wheelloader-3 {
position: absolute;
width: 10.25%;
left: 42.7%;
top: 75.2%;
}

.img-zukan-dumptruck-pic1 {
position: absolute;
width: 50.88%;
left: 6.8%;
top: 21.8%;
}
.img-zukan-dumptruck-pic2 {
position: absolute;
width: 25.92%;
left: 66.5%;
top: 36.4%;
}
.img-zukan-dumptruck-pic3 {
position: absolute;
width: 14.53%;
left: 60.9%;
top: 10.8%;
}
.text-zukan-dumptruck-1 {
position: absolute;
left: 5.4%;
top: 11.3%;
}
.line-zukan-dumptruck-1 {
position: absolute;
width: 13.73%;
left: 2.9%;
top: 11.5%;
}
.text-zukan-dumptruck-2 {
position: absolute;
left: 65.9%;
top: 68.2%;
}
.line-zukan-dumptruck-2 {
position: absolute;
width: 27.46%;
left: 38.5%;
top: 44.2%;
}
.text-zukan-dumptruck-3 {
position: absolute;
left: 11.1%;
top: 84.8%;
}
.line-zukan-dumptruck-3 {
position: absolute;
width: 31.17%;
left: 8.7%;
top: 79.3%;
}

.img-zukan-harvester-pic1 {
position: absolute;
width: 63.57%;
left: 16.8%;
top: 11.8%;
}
.text-zukan-harvester-1 {
position: absolute;
left: 5.2%;
top: 16.3%;
}
.line-zukan-harvester-1 {
position: absolute;
width: 16.72%;
left: 2.4%;
top: 17.2%;
}
.text-zukan-harvester-2 {
position: absolute;
left: 72.4%;
top: 16.7%;
}
.line-zukan-harvester-2 {
position: absolute;
width: 16.31%;
left: 55.55%;
top: 16.9%;
}
.text-zukan-harvester-3 {
position: absolute;
left: 79.5%;
top: 48.8%;
}
.line-zukan-harvester-3 {
position: absolute;
width: 5.57%;
left: 73.6%;
top: 49.4%;
}


/*** けんせつきかいだいずかん 詳細ページ用 ***/
#detail #slideshow {
width: 100%;
}
#detail #slideshow .slider {
width: 100%;
overflow: hidden;
position: relative;
text-align: center;
}
#detail #slideshow .slider_photo {
margin: 0 auto;
background-color: #0c0802;
background-image: url(../images/bg_detail_photo.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: auto 100%;
margin-bottom: 3px;
cursor: pointer;
}
#detail #slideshow .slide {
width: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
#detail #slideshow .slide .detail_name {
width: 100%;
background-color: #291306;
color: #fffefe;
text-align: center;
padding: 0.3em 0 0.6em;
line-height: 1em;
display: block;
font-family: "bokutachi";
}
#detail #slideshow .slide .photo {
width: 59.07%;
max-width: 768px;
height: auto;
margin: 0 auto;
overflow: visible;
}
#detail #slideshow .slide .photo img{
	height: auto;
}
#detail #slideshow .slider_thumb {
width: 59.07%;
max-width: 768px;
margin: 0 auto;
line-height: 0;
position: relative;
overflow: visible;
text-align: left;
}
#detail #slideshow .slider_thumb ul{
width: 84.12%;
}
#detail #slideshow .slider_thumb ul li{
}
#detail #slideshow ul {
width: 100%;
display: inline-block;
overflow: hidden;
}
#detail #slideshow ul li {
width: 10%;
max-width: 65px;
float: left;
display: inline;
margin-right: 4px;
margin-bottom: 4px;
}
#detail #slideshow .active {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
#detail #slideshow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
#detail #slideshow .slider_thumb .bt_kaisetsu {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 500;
width: 15.88%;
clear: both;
}
#detail #slideshow .slider_thumb .bt_kaisetsu .active {
background-color: rgba(0,0,0,0.40);
opacity: 0.4;
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0;
pointer-events: none;
}
#detail .kaisetsu {
display: none;
width: 59.07%;
max-width: 768px;
margin: 0 auto;
padding: 0;
background-color: #2c6477;
position: relative;
border: 3px solid #e2dac7;
line-height: 0;
box-sizing: border-box;
cursor: pointer;
}
#detail .kaisetsu .illust {
width: 15.5%;
position: absolute;
left: 0.5%;
bottom: 0;
}
#detail .kaisetsu .text {
float: right;
text-align: left;
font-family: "bokutachi";
font-size: 1.5em;
color: #FFFFFF;
line-height: 1.8em;
width: 79%;
padding: 1em 0 2em;
margin-right: 2%;
}
#detail .bt_movie_wrap {
width: 59.07%;
max-width: 768px;
margin: 10px auto;
}
#detail .bt_movie_wrap .text {
font-family: "minamoto-h";
font-size: 1.25em;
font-weight: bold;
line-height: 1.5em;
padding-left: 1%;
}
#detail .bt_movie_wrap li {
float: left;
margin-right: 10px;
max-width: 67px;
}
#detail .spec {
width: 59.07%;
max-width: 768px;
margin: 0 auto;
padding: 0;
border: 3px solid #e2dac7;
box-sizing: border-box;
line-height: 0;
}
#detail .spec img {
line-height: 0;
}
#detail .prev_next {
width: 59.07%;
max-width: 768px;
margin: 10px auto;
padding: 5px 0;
border-bottom: 3px solid #e2dac7;
}
#detail .prev_next .prev {
width: 25%;
max-width: 100px;
float: left;
text-align: left;
}
#detail .prev_next .prev img {
margin-left: 0 !important;
}
#detail .prev_next .next {
width: 25%;
max-width: 100px;
float: right;
text-align: right;
}
#detail .prev_next .next img {
margin-right: 0 !important;
}
#detail .youtube_mania {
width: 59.07%;
max-width: 768px;
margin: 10px auto;
padding: 5px 0;
}
#detail .youtube_mania .youtube {
width: 48.8%;
max-width: 360px;
float: left;
text-align: left;
}
#detail .youtube_mania .youtube img {
margin-left: 0 !important;
}
#detail .youtube_mania .mania {
width: 48.8%;
max-width: 360px;
float: right;
text-align: right;
}
#detail .youtube_mania .mania img {
margin-right: 0 !important;
}

/*** 第二階層用2 ***/
div.footer_container {
margin: 0;
padding: 1em 0;
font-size: 0.8em;
line-height: 1.5em;
}

/*** もどるボタン ***/
.bt-back {
text-align: center;
margin-bottom: 1em;
}

/*** スマートフォン用 ***/
@media screen and (max-width:414px) and (orientation:portrait) {
.contents_wrap {
width: 100%;
margin: 0 auto !important;
padding: 0 0;
box-sizing: border-box;
line-height: 0;
}
.contents_wrap .contents {
width: 100%;
max-width: none;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
position: relative;
font-family: "minamoto-r";
}
.pankuzu_cat {
margin-top: 0;
font-size: 4.8vw !important;
}	
.pankuzu_cat .pankuzu {
float: left;
font-size: 4vw;
display: block;
line-height: 1.5em;
}
	
.subtit_cat {
margin-top: 0;
font-size: 4.8vw !important;
}	
.subtit_cat .subtit {
float: left;
font-size: 4vw;
display: block;
line-height: 1.5em;
}
	
.note_cat {
margin-top: 0;
font-size: 4.8vw !important;
}	
.note_cat .note {
    float: left;
    font-size: 3vw;
    display: block;
    line-height: 1.2em;
	margin-bottom: 3px;
}

.pb_top_wrap {
width: 98%;
margin: 0 auto;
padding: 0 1%;
}
.pb_top {
	margin-bottom: 10px !important;
}
.pb_top .bt_push,
.pb_top .bt_dig,
.pb_top .bt_load,
.pb_top .bt_carry,
.pb_top .bt_cut,
.pb_top .bt_kurabe {
width: 46%;
padding: 2%;
float: left;
position: relative;
top: auto;
left: auto;
}
.pb_top_bt_youtube {
background: none;
}
.pb_top_bt_youtube img {
max-width: none;
}
/*** けんせつきかいだいずかん 大きさくらべ ***/
.size_wrap {
line-height: 0;
}
.size_wrap h2{
	margin-bottom: 2%;
}
.size_wrap h2 p{
	width: 59.73%;
	max-width:none !important;
}
.size_wrap .bt_youtube {
width: 100%;
margin: 0;
padding: 15px 5px;
box-sizing: border-box;
text-align: center;
background:none;
}
.size_wrap .bt_youtube img {
max-width: 435px !important;
}
.size {
position: relative;
margin-bottom:0px !important;
overflow: hidden;
}
.size .contents_hr{
	position: relative;
	border-bottom:solid 28px #714d10;
}
.size .caption{
	position: relative;
	width: 100%;
	left:auto;
	top:auto;
}
.size .illust-dragline{
	width: 97.33%;
	left: 1.0%;
	bottom: 0;	
}
.size .text-dragline{
	width: 42.46%;
	left: 2.30%;
	bottom: 51.8%;	
}
.size .illust-pc8000{
	width: 54.66%;
	left: 1.6%;
	bottom: 0;	
}
.size .text-pc8000{
	width: 37.06%;
	left: 2.0%;
	bottom: 20.6%;	
}
.size .illust-ropeshovel{
	width: 58.4%;
	left: 40.2%;
	bottom: 0;	
}
.size .text-ropeshovel{
	width: 33.6%;
	left: 61.86%;
	bottom: 30.0%;	
}
.size .illust-pc200{
	width: 15.2%;
	left: 13.6%;
	bottom: 0;	
}
.size .text-pc200{
	width: 33.73%;
	left: 4.93%;
	bottom: 7%;	
}
.size .illust-shearer{
	width: 40.4%;
	left: 55.0%;
	bottom: 0;	
}
.size .text-shearer{
	width: 38.0%;
	left: 56.8%;
	bottom: 16%;	
}
.size .illust-human{
	width: 1.33%;
	left: 18.4%;
	bottom: 0;	
}
.size .text-human{
	width: 9.6%;
	left: 13.8%;
	bottom: 10%;	
}
.size .illust-car{
	width: 8.93%;
	left: 73.6%;
	bottom: 0;	
}
.size .text-car{
	width: 19.46%;
	left: 66.93%;
	bottom: 10%;	
}
	
	
.mokuji_wrap {
padding-top: 0 !important;
padding-left:1em !important;
padding-right:1em !important;
font-size: 4.8vw !important;
}
.mokuji_wrap dl {
width: 100% !important;
float: none;
padding-right: 0;
margin-bottom: 1.5em;
}
.mokuji_wrap dt {
font-size: 4.8vw !important;
}
.mokuji_wrap dd {
font-size: 4.8vw !important;
}
/*** けんせつきかいだいずかん カテゴリトップ ***/
.button_wrap_wrap {
}
.button_wrap_wrap .contents {
margin: 0 auto !important;
}
.button_wrap {
width: 100%;
height: auto;
margin: 0 auto !important;
position: relative;
overflow: hidden;
max-height: none;
}
.button_wrap .icon {
position: absolute;
top: 2px;
width: 18%;
}
.button_wrap .icon-load {
width: 24.53%;
left: 0;
}
.button_wrap .icon-carry {
width: 28.0%;
left: 0;
}
.button_wrap .icon-cut {
width: 23.6%;
left: 0;
}
.button_wrap .toggle_button {
cursor: pointer;
}
.button_wrap .active {
background-color: #000000;
opacity: 0.4;
display: none;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0;
pointer-events: none;
}
.icon_list li {
float: left;
width: 30.33%;
padding: 10px 1.5%;
text-align: center;
}
	
.icon_list2 li {
float: left;
width: 46.5%;
padding: 10px 1.5%;
text-align: center;
}

.bt_zukan_youtube {
width: 100%;
max-width: none;
padding: 0 1%;
}
#zukan {
width: 100%;
max-width: none;
height: auto;
max-height: none;
margin: 0 auto;
padding: 0 1em;
position: relative;
box-sizing: border-box;
}
#zukan h2 {
font-size: 5vw;
padding: 0.3em 0;
position: relative;
left: auto;
top: auto;
text-align: center;
}
#zukan h2.cut {
font-size: 4.8vw;
}
#zukan h3 {
width: 100%;
font-size: 5vw;
}
#zukan p {
font-size: 4.8vw;
line-height: 1.2em;
}
#zukan_wrap .kaisetsu {
padding: 1em 3em 0;
box-sizing: border-box;
}
#zukan_wrap .kaisetsu .text {
float: none;
width: 100%;
margin-right: 0%;
}
#zukan_wrap .kaisetsu .illust {
width: 29.86%;
position: relative;
left: auto;
bottom: auto;
}
.bottom_cat {
}
.bottom_cat li {
width: 48%;
margin: 1%;
float: left;
}
.mark-dia {
color: #0072ff;
}
/*** ブルドーザー ***/	
.img-zukan-bulldozer-pic1 {
width: 92.53%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
margin-top: 15%;
}
.img-zukan-bulldozer-pic2 {
width: 94.4%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
margin-top: 15%;
}
.line-zukan-bulldozer-1, .line-zukan-bulldozer-2, .line-zukan-bulldozer-3, .line-zukan-bulldozer-4 {
display: none;
}
.bulldozer-sp-1 {
width: 100%;
position: relative;
margin-bottom: 25%;
}
.line-zukan-bulldozer-sp-1-1 {
width: 76%;
position: absolute;
left: 7%;
top: 88%;
}
.text-zukan-bulldozer-sp-1-1 {
position: absolute;
left: 62%;
top: 118%;
}
.text-zukan-bulldozer-sp-2-3 {
position: absolute;
left: 5%;
top: 118%;
}
.bulldozer-sp-2 {
position: relative;
margin-bottom: 2em;
}
.line-zukan-bulldozer-sp-2-1 {
width: 61.33%;
position: absolute;
left: 8%;
top: -8%;
}
.text-zukan-bulldozer-sp-2-1 {
position: absolute;
left: 54.0%;
top: -17%;
}
.text-zukan-bulldozer-sp-2-2 {
position: absolute;
left: 5.8%;
right: auto;
top: 105%;
text-align: right;
}
.text-zukan-bulldozer-1, .text-zukan-bulldozer-2, .text-zukan-bulldozer-3, .text-zukan-bulldozer-4 {
width: 90%;
margin: 0 auto 1.8em;
position: relative;
left: auto;
top: auto;
}
/*** 油圧ショベル***/	
.img-zukan-excavator-pic1 {
width: 83.2%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
}
.img-zukan-excavator-pic2 {
width: 42.8%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
text-align: right;
margin-right: 0;
}
.excavator-sp-1 {
width: 100%;
position: relative;
padding-top: 8%;
margin-bottom: 15%;
}
.line-zukan-excavator-sp-1-1 {
width: 65.73%;
position: absolute;
left: 7.2%;
top: 3.3%;
}
.text-zukan-excavator-sp-1-1 {
position: absolute;
left: 27.5%;
top: 48%;
}
.text-zukan-excavator-sp-1-2 {
position: absolute;
right: 69%;
top: 0%;
text-align: right;
}
.text-zukan-excavator-sp-1-3 {
position: absolute;
left: 49%;
top: 3%;
}
.text-zukan-excavator-sp-1-4 {
position: absolute;
left: 5%;
top: 105%;
}
.text-zukan-excavator-sp-1-5 {
position: absolute;
left: 51.5%;
top: 105%;
}
.line-zukan-excavator-1, .line-zukan-excavator-2, .line-zukan-excavator-3, .line-zukan-excavator-4, .line-zukan-excavator-5, .line-zukan-excavator-6 {
display: none;
}
.text-zukan-excavator-1, .text-zukan-excavator-2, .text-zukan-excavator-3, .text-zukan-excavator-4, .text-zukan-excavator-5, .text-zukan-excavator-6 {
width: 90%;
margin: 0 auto 1.8em;
position: relative;
left: auto;
top: auto;
}
/*** ホイールローダー ***/		
.img-zukan-wheelloader-pic1, .img-zukan-wheelloader-pic2 {
position: relative;
left: auto;
top: auto;
}
.img-zukan-wheelloader-pic1 {
width: 95.46%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
margin-top: 10%;
}
.img-zukan-wheelloader-pic2 {
width: 72.93%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
}
.wheelloader-sp-1 {
width: 100%;
position: relative;
padding-top: 8%;
margin-bottom: 15%;
}
.wheelloader-sp-2 {
width: 100%;
position: relative;
margin-bottom: 1%;
}
.line-zukan-wheelloader-sp-1-1 {
width: 61.86%;
position: absolute;
left: 8.2%;
top: 8%;
}
.text-zukan-wheelloader-sp-1-1 {
position: absolute;
left: 5.8%;
top: 28%;
}
.text-zukan-wheelloader-sp-1-2 {
position: absolute;
left: 49%;
top: 0%;
}
.text-zukan-wheelloader-sp-1-3 {
position: absolute;
left: 70%;
top: 108%;
}	
.line-zukan-wheelloader-1, .line-zukan-wheelloader-2, .line-zukan-wheelloader-3 {
display: none;
}
.text-zukan-wheelloader-1, .text-zukan-wheelloader-2, .text-zukan-wheelloader-3 {
width: 90%;
margin: 0 auto 1.8em;
position: relative;
left: auto;
top: auto;
}
.img-zukan-dumptruck-pic1 {
width: 95.2%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
}
.img-zukan-dumptruck-pic2 {
width: 79.2%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
}
.img-zukan-dumptruck-pic3 {
display: none;
}
.line-zukan-dumptruck-1, .line-zukan-dumptruck-2, .line-zukan-dumptruck-3 {
display: none;
}
.dumptruck-sp-1 {
position: relative;
margin-bottom: 4em;
}
.dumptruck-sp-2 {
position: relative;
margin-bottom: 4em;
}
.line-zukan-dumptruck-sp-2-1 {
width: 72.53%;
position: absolute;
left: 11%;
top: 0%;
}
.text-zukan-dumptruck-sp-2-1 {
position: absolute;
left:8.8%;
top: -8%;
}
.text-zukan-dumptruck-sp-2-2 {
position: absolute;
left: 63.3%;
top: -8%;
}
.text-zukan-dumptruck-sp-2-3 {
position: absolute;
left: 70.2%;
top: 104.8%;
}
.text-zukan-dumptruck-1, .text-zukan-dumptruck-2, .text-zukan-dumptruck-3 {
width: 90%;
margin: 0 auto 1.8em;
position: relative;
left: auto;
top: auto;
}
.img-zukan-harvester-pic1 {
width: 99.2%;
margin: 0 auto;
position: relative;
left: auto;
top: auto;
}
.line-zukan-harvester-1, .line-zukan-harvester-2, .line-zukan-harvester-3 {
display: none;
}
.harvester-sp-1 {
position: relative;
margin-top: 2em;
margin-bottom: 10em;
}
.line-zukan-harvester-sp-1-1 {
width: 58.4%;
position: absolute;
left: 11%;
top: 11.5%;
}
.text-zukan-harvester-sp-1-1 {
position: absolute;
left:16.5%;
top: 125.4%;
}
.text-zukan-harvester-sp-1-2 {
position: absolute;
left: 60.1%;
top: 4.5%;
}
.text-zukan-harvester-sp-1-3 {
position: absolute;
left: 69.5%;
top: 109.8%;
}
.text-zukan-harvester-1, .text-zukan-harvester-2, .text-zukan-harvester-3 {
width: 90%;
margin: 0 auto 1.8em;
position: relative;
left: auto;
top: auto;
}
#detail #slideshow .slider_photo {
	background: none;
	padding: 10px 0;
}
#detail #slideshow .slider_thumb {
width: 100%;	
margin-bottom: 10px;
}
#detail #slideshow ul li {
width: 23%;
padding: 0 1%;
margin-right: 0;
box-sizing: border-box;
}
#detail #slideshow .slide .detail_name {
font-size: 5.6vw;
padding: 5px 0 8px;
}
#detail #slideshow .slide .photo {
width: 100%;
height: auto;
}
#detail .kaisetsu {
width: 100%;	
max-width: none;
border: none;
}
#detail .kaisetsu .illust {
width: 29.86%;
position: relative;
left: 0.5%;
bottom: 0;
}
#detail .kaisetsu .text {
float: none;
text-align: left;
font-size: 1.5em;
width: 100%;
padding: 1em;
box-sizing: border-box;
margin-right: 0;
}
#detail .bt_movie_wrap {
width: 100%;	
}
#detail .bt_movie_wrap .text {
font-size: 4.5vw;
}
#detail .bt_movie_wrap li {
width: 23%;
max-width: none;
padding: 0 1%;
margin-right: 0;
box-sizing: border-box;
}
#detail .spec {
width: 100%;
}
#detail .prev_next {
width: 98%;
padding-left: 1%;
padding-right: 1%;
}
#detail .prev_next .prev {
width: 25%;
max-width: none;
}
#detail .prev_next .next {
width: 25%;
max-width: none;
}
#detail .youtube_mania {
width: 98%;
padding: 0 1%;
}
#detail .youtube_mania .youtube {
width: 100%;
max-width: none;
margin: 10px 0;
float: none;
text-align: center;
}
#detail .youtube_mania .mania {
width: 100%;
max-width: none;
margin: 10px 0;
float: none;
text-align: center;
}
}