@charset "Shift_JIS";

/*-----------------------------------共通--------------------------------------------*/

@media screen and (max-width:480px){
    body{
	width:100%;
	min-width:350px;
	font-size:0.55em;
	margin:0px;
    }

/*横幅を100%にする*/
    #header{
	width:100%;
	margin:0px;
    }
    #content,#content-1clm{
	width:100%;
    }
    #main,#main1{
	width:99%;
	margin:0px;
    }
    p.a1{
	width:100%;
    }
    p.breadcrumbs{
	width:100%;
    }
    .d50-1,.d51-1{
	width:100%;
    }
    p.c3,p.c3-1clm{
	width:100%;
    }

/*スマホでの画像サイズの調節*/
    img.mob01{
	width:85%;
	height:auto;
    }
    img.mob03{
	width:55%;
	height:auto;
    }
    img.mob13{
	width:35%;
	height:auto;
    }
    img.mob15{
	width:99%;
	height:auto;
    }
    img.tel5{
	width:85%;
	height:auto;
	padding:3px 0px 3px 0px;
    }
    img.email5{
	width:92%;
	height:auto;
    }

/*サイト左右余白*/
    #header,#content,#content-1clm,p.breadcrumbs{
	width:97%;
	margin:0 auto;
    }

/*ヘッダーレイアウト調整*/
    p.a1{
	width:65%;
	margin-right:0;
	font-size:1.15rem;
	letter-spacing:0px;
    }
    .logo{
	margin-top:-63px;
	margin-bottom:29px;
    }
    h1{
	margin-top:15px;
	margin-bottom:0px;
	padding:18px 0px 18px 15px;
	font-size:2.15rem;
    }

/*パンくずリスト調整*/
    p.breadcrumbs{
	padding:0px;
	margin-bottom:15px;
    }

/*ナビをレスポンシブ表示 レイアウト微調整*/
    #gnavi ul.nav01{
	display:flex;
	width:100%;
	flex-wrap:nowrap;
	margin-top:0;
	margin-bottom:10px;
    }
    #gnavi ul li{
	width:calc(100%/5);
    }
    #gnavi ul.nav01 li.nav05 a{
	width:auto;	
	padding:5px;
	font-size:1.5rem;
    }
    #gnavi ul.nav01 li.nav08 a{
	width:auto;	
	padding:5px;
	font-size:1.5rem;
    }
    #gnavi ul li.nav08:last-child a{
	border-right:none;
    }
    
/*ナビのホーム*/
    #gnavi ul.nav01{
	justify-content:space-evenly;
    }

/*コンテンツの並び順を変える＆縦並び*/
    #content{
	display:flex;
	flex-flow:column;
    }
    #menu{
	float:none;
	order:2;
    }
    #menu2{
	float:none;
	order:3;
    }
    #menu2 ul.b{
	margin:0px 5px 0px 5px;
    }
    #main{
	float:none;
	order:1;
	font-size:1.5rem;
    }
    table.images03t-1 tr,table.images03t-3 tr,td.images03-1l,td.images03-1r {
	width:97%;
	display:block;
    }
    td.images03-1l {
	display:none;
    }
    td.images03-1r {
	text-align:center;
    }
    table.pros3 tr,td.bunrui05 {
	width:97%;
	display:block;
    }
    #inquirysp{
	order:3;
    }

/*コンテンツ背景(products)非表示&間隔微調整*/
    #content{
	background:none;
	padding:0;
    }

/*h2など微調整
    h2{
	padding:10px;
    }*/
    p.b9{
	font-size:1.5rem;
    }
    h3.b1,h3.b3{
	margin:35px 0px 10px 0px;
    }
    .print01{
	margin-bottom:1px;
    }
    .cmenu10{
	margin:-25px 0px 35px 0px;
    }
    td.dh37-1{
	font-size:1.5rem;
    }
    p.b8,p.b6{
	font-size:1.15rem;
    }
    p.b10{
	font-size:1.15rem;
	margin:0;
    }
    p.b11{
	margin:0;
	font-size:1.3rem;
    }
    p.b11-2{
	margin:8px 0px 8px 0px;
	padding:5px;
	font-size:1.3rem;
    }

/*menuレイアウト変更*/
    #menu,#menu2{
	width:100%;
    }
    /*ul.bk{
	margin:0;
	padding:0;
	border:none;
	border-top:1px solid #CCC;
    }*/
    li.ba a,li.ba2 a,li.bb a,li.bb1 a,li.bc21 a,li.bt a,li.bt2 a,li.bbt a,li.bbt1 a,li.bbt3 a{
	margin:0;
	padding:8 5px;
	border:0px solid #888;
	line-height:2.1;
	width:auto;
    }
    #menu ul.b {
	border:3px solid #ccc;
    }
/*会社案内・ショールームなど*/
    #menu ul.bk8 {
	border:0px solid #aaa;
	margin:0;
	padding:0 1px;
    }
    li.bd{
	margin:0;
	padding:5px 1px 5px 1px;
	border:0px solid #888;
    }
/*会社案内・ショールームなど*/
    li.bd8{
	margin:0;
	padding:5px 0px 0px 0px;
	border:0px solid #888;
    }
    li.bc21,li.bc2,li.bbt3,li.bb,li.bb1,li.bt,li.bbt,li.bbt1,li.bc,li.bc1{
	border-bottom:1px solid #CCC;
    }
    li.ba,li.bbt3,li.bb,li.bb1,li.bc,li.bc1,li.bbt,li.bbt1,li.bc2,li.bc21{
	border-left:0px solid #CCC;
	border-right:0px solid #CCC;
    }
/*menu2レイアウト変更*/
    li.ca{
	margin:35px 0 0 0;
	padding-left:0px;
	padding-right:0px;
    }
    li.cb a,li.cb1 a{
	border-right:0px solid #ccc;
	margin:0;
	padding:8px 0px 7px 0px;
    }
    .d5 img{
	vertical-align:bottom;
    }
/*h2の下の選択肢*/
    .select02{
	padding:11px 77px 11px 10px;
    }

/* 知らせたい注釈で使用。巻き取りや測長器。 */
    .com11 {
	font-size:1.35rem;
	padding:8px 8px 7px 8px;
	margin:15px 25px 0px 25px;
    }

/*main YOUTUBE*/
    iframe{
	width:100%;
	height:auto;
	min-height:200px;
    }

/*main 改行*/
    .br-mob{display:none;}

/*main お問合せPC用　見えなくする*/
    #inquirypc{
	display:none;
    }

/*main　お問合せPC用　レイアウト変更*/
    p.c7{
	font-size:75%;
    }
    p.c7 span.s3 a{
	text-decoration:underline;
	color:#0033CC;
    }
    p.c8{
	margin:20px 0px 39px 0px;
    }
    .s3{
	font-size:1.38rem;
    }

/*main お問合せスマホ用　レイアウト
    #inquirysp{
    	margin-top:-20px;
    }
    #inquirysp p.c6{
    	font-size:130%;
    }
    #inquirysp p.c7{
    	font-size:90%;
    }
    #inquirysp .s3{
    	font-size:155%;
    }*/

/*フッター(会社概要など)*/
    p.c1{
	font-size:1.15rem;
    }
    p.c5{
	padding:8px 15px 8px 15px;
	line-height:1.8;
    }
    p.c5 a{
	display:inline-block;
    }

/*----------------------------------製品詳細ページ----------------------------------*/

/*横スクロール*/
    .scroll_table11{
	max-width:100%;
	overflow-x:auto;}
    table.scroll01 {
	white-space:nowrap;
	margin:11px 0;}
    table.scroll03 {
	width:720px;
	table-layout:fixed;
	margin:11px 0;}
    .scroll_table11::-webkit-scrollbar{
	height:11px;}
    .scroll_table11::-webkit-scrollbar-thumb{
	background:#a8a8a8;}
    .scroll_table11::-webkit-scrollbar-track{
	background:#f1f1f1;
    }
/* モデル部分 */
    .model50,.model51{
	width:99%;
	margin:5px auto;
	font-size:1.44rem;
    }
    .model52{
	font-size:1.44rem;
    }
/* 関連製品 */
    .compare1::after{
	display:block;
	content:"";
	width:48%;}
    .compare03 {
	width:48%;
	margin:5px auto;
	font-size:1.35rem;
    }
    .compare05{
	font-size:1.3rem;
    }
/* DRオプション使用 */
    p.com02{
	font-size:1.3rem;
    }
/* 文字サイズ等レイアウト */
    .discon01{
	font-size:2.2rem;
    }
    .successor01{
	font-size:1.6rem;
    }

/*-----------------------------------製品一覧(2列)-----------------------------------*/

    .pros50,.pros51{
	background-repeat:no-repeat;
	width:100%;
	border-top:3px solid #585858;
	border-radius:0.5em 0.5em 0 0;
	-webkit-border-radius:0.5em 0.5em 0 0;
	-moz-border-radius:0.5em 0.5em 0 0;
	font-size:1.44rem;
    }
    .pros52{
	padding-left:0;
	padding-right:0;
	font-size:1.44rem;
    }
    .pros53-1,.pros53-2{
	margin-left:5px;
	margin-right:5px;
	font-size:1.44rem;
    }
    .pros53-2{
	line-height:1.55;
	font-size:1.38rem;
    }

/*-----------------------------------製品一覧(3列)-----------------------------------*/

    .d81{
	width:99%;
	margin:5px auto;
	font-size:1.5rem;
	border-top:3px solid #585858;
	border-radius:0.5em 0.5em 0 0;
	-webkit-border-radius:0.5em 0.5em 0 0;
	-moz-border-radius:0.5em 0.5em 0 0;
    }
    .d8-1::after{
	display:block;
	content:"";
	width:48%;}
    .d83 {
	width:48%;
	margin:5px auto;
	font-size:1.5rem;
    }
    .d82{
	font-size:1.44rem;
    }
    .discontinued31{
	width:49%;
	margin:5px auto;
	font-size:1.5rem;
    }
    .discontinued3::after{
	display:block;
	content:"";
	width:49%;}
    .discontinued32{
	font-size:1.44rem;
    }
    td.c,td.d{
	display:block;
	width:100%;
	padding:0;
	text-align:center;
    }
    td.form1,td.form2{
	display:block;
	width:100%;
	padding:8px 5px 11px 5px;
    }
    td.c{
	padding:0 0 15px 0;
    }
    .d03{
	padding:0;
    }

/*----------------------------------製品一覧(詳細付)---------------------------------*/

/*背景キーワード微調整*/
    td.a{
	line-height:105%;
    }
/*文字サイズ等レイアウト*/
    td{
	font-size:1.3rem;
    }
    ul.toku,ol.process{
	font-size:1.5rem;
	line-height:1.58;
	margin-top:3px;
    }
    ul.toku01{
	font-size:1.35rem;
	line-height:1.8;
	margin-top:3px;
    }
    td.a .d2{
	font-size:1.38rem;
    }
    td.a ul.toku{
	font-size:1.35rem;
    }
/*外観*/
    .d50,.d51{
	background-repeat:no-repeat;
	width:100%;
	font-size:1.44rem;
    }
    .d52{
	padding-left:0;
	padding-right:0;
	font-size:1.44rem;
    }
/*下部グレー*/
    .cmenu50 ul.cmenu51{
	margin:0;
    }
    .cmenu50 li.cmenu52 a{
	/*width:auto;*/
    }
/*茶色の部分*/
    .s20{
	display:inline-block;
	font-size:1.2rem;
	margin-bottom:3px;
	padding:6px 6px 6px 6px;
    }
    .d20{
	margin-bottom:5px;
    }
/*会社ロゴ*/
    .logo01{
	margin:0;
	padding:0px 0px 5px 0px;
    }

/*---------------------------------------index--------------------------------------*/

    table.h01 {
	width:95%;
    }
    td.p-d,td.p-i,td.p-c{
	display:block;
	width:100%;
	padding:8px 0px 15px 0px;
	margin:0px;
	text-align:center;
    }
    .product01,.product02,.product03 {
	padding:11px 38px 28px 0px;
	background-position:center;
    }
    .productl,.productc,.productr {
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:0px solid #999999;
	border-right:0px solid #cccccc;
	line-height:1.8em;
	font-size:98%;
    }
    td.pickup1{
	display:block;
	width:88%;
	padding:5px 0px 3px 0px;;
	margin:0px auto;
	text-align:center;
    }
    .news21{
	margin:0px 0px 29px 0px;
    }

/*-----------------------------会社案内やショールーム等------------------------------*/

    .koeisr{
	width:100%;
    }
    .koeisr img{
	width:90%;
	height:auto;
    }
    p.a2{
	width:100%;
    }
    li.bc a,li.bc1 a{
	width:auto;
	border:none;
    }
    p.b3-sr,p.b3,ul.sr03{
	font-size:1.5rem;
	line-height:1.58;
	margin-top:11px;
    }
    p.b7-company{
	font-size:1.5rem;
	margin:11px auto 35px auto;
	width:55%;
    }
    .photocomment{
	font-size:1.35rem;
	width:55%;
	padding:8px 0px 8px 0px;
	margin:10px auto 0px auto;
    }
    table.sitemap {margin:0px 3px 0px 3px;
	width:100%;}
    td.g2{
	font-size:1.15rem;
	padding:8px 5px 8px 5px;
    }
    p.b6-address{
	font-size:1.5rem;
    }
    p.b3-pri{
	font-size:1.3rem;
	line-height:1.58;
	margin:15px 5px 8px 8px;
    }
    p.b7-yoyaku{
	width:85%;
    }
    p.b7-access{
	width:50%;
	margin:11px auto;
    }
    .search404-1{
	width:80%;
    }
}