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

html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{
    margin: 0 auto;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	text-decoration: none;
    color: #072a60;
}

a.under-line:hover{
    text-decoration: underline;
}

a.link_yellow{
    color: #ffef64;
}

a.link_white{
    color: #fff;
}

/*ここまでリセットCSS*/

/*マージン均等*/
.m0{
	margin: 0;
}

.m0a{
	margin: 0 auto;
}

.m5{
	margin: 5px;
}

.m10{
	margin: 10px;
}

.m20{
	margin: 20px;
}

.m30{
	margin: 30px;
}

/*マージントップ*/
.mt5{
	margin-top: 5px;
}

.mt10{
	margin-top: 10px;
}

.mt20{
	margin-top: 20px;
}

.mt30{
	margin-top: 30px;
}

.mt40{
	margin-top: 40px;
}

/*マージンボトム*/
.mb5{
	margin-bottom: 5px;
}

.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}

.mb30{
	margin-bottom: 30px;
}

.mb40{
	margin-bottom: 40px;
}


/*マージンレフト*/
.ml5{
	margin-left: 5px;
}

.ml10{
	margin-left: 10px;
}

.ml20{
	margin-left: 20px;
}

.ml30{
	margin-left: 30px;
}

/*マージンライト*/
.mr5{
	margin-right: 5px;
}

.mr10{
	margin-right: 10px;
}

.mr20{
	margin-right: 20px;
}

.mr30{
	margin-right: 30px;
}

/*パディング均等*/
.p5{
	padding: 5px;
}

.p10{
	padding: 10px;
}

.p20{
	padding: 20px;
}

.p30{
	padding: 30px;
}

/*パディングトップ*/
.pt5{
	padding-top: 5px;
}

.pt10{
	padding-top: 10px;
}

.pt20{
	padding-top: 20px;
}

.pt30{
	padding-top: 30px;
}
/*パディングボトム*/
.pb5{
	padding-bottom: 5px;
}

.pb10{
	padding-bottom: 10px;
}

.pb20{
	padding-bottom: 20px;
}

.pb30{
	padding-bottom: 30px;
}

/*パディングレフト*/
.pl5{
	padding-left: 5px;
}

.pl10{
	padding-left: 10px;
}

.pl20{
	padding-left: 20px;
}

.pl30{
	padding-left: 30px;
}

/*パディングライト*/
.pr5{
	padding-right: 5px;
}

.pr10{
	padding-right: 10px;
}

.pr20{
	padding-right: 20px;
}

.pr30{
	padding-right: 30px;
}

/*パディング左右*/
.prl5{
    padding: 0 5px;
}

.prl10{
    padding: 0 10px;
}

.prl20{
    padding: 0 20px;
}


/*フロート関連*/
.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

/* clearfix */
.clearfix{zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

.over-h{
	overflow: hidden;
}

.flex_sb{
    display: flex;
    justify-content: space-between;
}

.flex_sa{
    display: flex;
    justify-content: space-around;
}

/* 角丸 */
.radius5 {  
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

/* 区切り線 */
hr.style1{
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: #ccc;
}

hr.style2{    
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: #ff8926;
}

/* 色 */
.my-gray{
    color: #4b4b4b;
}

.my-red{
    color: #cf3d47;
}

.my-mid-gray{
    color: #495058;
}

.my-green{
    color: #01c034;
}

.my-orange{
    color:#fc5022;
}

/* ふわっと色が変わる */
.hover-change:hover{
    opacity: 0.7;		/*不透明度の値　0=透明 0.5=半透明　1=不透明*/
    filter: alpha(opacity=70);	/*不透明度の値*/
    -moz-opacity: 0.7;	/*不透明度の値　0=透明 50=半透明　100=不透明*/
    -webkit-transition: 0.3s ease-in-out;		/*変化にかかる時間 Google Chrome、Safariブラウザ向け*/
    -moz-transition: 0.3s ease-in-out;	/*変化にかかる時間 Firefox向け*/
    -o-transition: 0.3s ease-in-out;	/*変化にかかる時間 Opera向け*/
    transition: 0.3s ease-in-out;		/*変化にかかる時間 ベンダープレフィックス無し*/
}

/* 注意書き */
.note{
    font-size: 12px;
}

.va_super{
    vertical-align: super;
    font-size: 14px;
}

/* あんまり(a)改行(k)したくない(s) */    
span.aks{
    display: inline-block;
}

/* テキスト中央揃え */
.txt_center{
	text-align: center;
}

/* テキスト左揃え */
.txt_left{
	text-align: left;
}


/* 強調 */
.txt_bold{
    font-weight: bold;
}

/* フォントサイズ */
.txt_large200{
    font-size: 200%;
}

.txt_large150{
    font-size: 150%;
}

/* PCだけ表示 */
.pc_disp{
    display: block;
}

.sp_disp{
    display: none;
}

/* 全体の幅 */
#all_wrap{
    max-width: 1080px;
    margin: 0 auto;
	font-feature-settings : "palt";
	font-family: YuGothic,'Yu Gothic','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	color: #252525;
	font-size: 16px;
	font-weight: 500;	
    box-sizing: border-box;
    overflow: hidden;    
} 

/* メインビジュアル */
.ttl362{
    width: 100%;

    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 27.77%;

    background: url(https://gigaplus.makeshop.jp/HPohwA1HP//images/dokuji/feature/page362/page362_1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    
}

/* 見出し関連 */
.top_head{
    background: #fcf3cc;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    z-index: 2;
}

.pan{
    font-size: 12px;
    margin-bottom: 5px;
}

.page_title{
    background: #e5e5e5;
    text-align: center;
    font-size: 32px;
}

#all_wrap h3{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

#all_wrap h4 {  
    font-size: 24px;
    font-weight: bold;
}

.sub_ttl {
    font-weight: bold;
    display: block;
    text-align: center;
}

/* 導入文 */
.intro_txt{
    text-align: center;
    margin-bottom: 30px;
}


/* 共通タイトル */
article .category_ttl01 {max-width:1080px; margin:15px auto 0 auto; padding:15px 30px; background:#fcf3cc; border-bottom:5px solid #ffd053; box-sizing:border-box; font-weight:700; line-height:1.4;}
article .category_ttl02 {position:relative; max-width:1080px; margin:40px auto 0 auto; padding:4px 0; background:url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/na_bg.png); border-right:1px solid #ffd053; box-sizing:border-box; font-size:26px; font-weight:700; text-align:center;}
article .category_ttl02::after {content:""; display:block; position:absolute; bottom:-5px; width:100%; height:7px; background:url(https://gigaplus.makeshop.jp/HPohwA1HP/images/category/ttl02_line.png); border-right:1px solid #ffd053;}
article .category_ttl03 {margin:25px 0 0 0; border-bottom:3px solid #ffd053; color:#832005; font-size:24px; font-weight:700; text-align:center;}
article .category_ttl03 span {display:inline-block; padding:2px 0 2px 40px;}
article .category_ttl04 {margin:40px 0 30px 0; padding:4px 0; background:url(https://gigaplus.makeshop.jp/HPohwA1HP/images/category/ttl04_line.png) center bottom no-repeat; color:#923b23; font-size:24px; font-weight:700; text-align:center;}

.intitle03 { display: block; padding: 15px 0; text-align: center; font-size: 24px; line-height: 1.2; font-weight: 700; background: #fdf8e0; }
    
/* 人気ランキング */
section.category_ranking {}
section.category_ranking ul {max-width:1080px; margin:30px auto 0; display: flex; justify-content: space-between;}
section.category_ranking ul li {width:32%; text-align:center; border: 1px solid #aaa; border-radius: 6px; box-sizing: border-box;}
section.category_ranking ul li:nth-child(3n) {margin-right:0;}
section.category_ranking ul li .title { padding: 15px; background: #fcf3cc; border-radius: 6px 6px 0 0; line-height: 1px; font-size: 36px; }
section.category_ranking ul li .title img { vertical-align:  bottom; margin: 0 10px 0 0; }
section.category_ranking ul li .title .rank1txt { color: #cfa40d; font-weight: 700; }
section.category_ranking ul li .title .rank2txt { color: #aec0c6; font-weight: 700; }
section.category_ranking ul li .title .rank3txt { color: #a38673; font-weight: 700; }
section.category_ranking ul li .inner {padding: 10px 10px 20px 10px; }
section.category_ranking ul li .name {margin:28px 0 0 0; font-size:20px; font-weight:700; line-height:1.3; color: #072a60; }
section.category_ranking ul li .img {max-width:324px; height:324px; object-fit:cover;/*不要？*/ overflow:hidden;}
section.category_ranking ul li .price {margin:12px 0 0 0; font-size:16px; line-height:1;}

/*slick用*/
.slick-box01 .cntbox33per { float: left; position: relative; width: auto; padding: 3vw; margin: 4vw 0 0 0; border: 1px solid #aaa; border-radius: 6px; box-sizing: border-box; }
.slick-box01 .cntbox33per + .cntbox33per { margin: 4vw 0 0 3vw; }
.slick-box01 .cntbox33per + .cntbox33per2 { margin: 4vw 0 0 3vw; }
.slick-box01 .cntbox33per + .imgbox33per { margin: 4vw 0 0 3vw; }
.slick-box01 .cntbox33per2 { float: left; position: relative; width: auto; padding: 3vw; margin: 4vw 0 0 0; border: 1px solid #aaa; border-radius: 6px; box-sizing: border-box; }
.slick-box01 .cntbox33per2 + .cntbox33per { margin: 4vw 0 0 3vw; }
.slick-box01 .cntbox33per2 + .cntbox33per2 { margin: 4vw 0 0 3vw; }
.slick-box01 .cntbox33per2 + .imgbox33per { margin: 4vw 0 0 3vw; }

section.category_about_box ul {max-width:1080px; margin:0 auto; display: flex; justify-content: space-between;}
section.category_about_box ul li {width:32%; padding: 10px; background:rgba(255,255,255,0.65); border:1px solid #c1bbb7; border-radius:6px; box-sizing:border-box;}
section.category_about_box ul li:nth-child(3n) {margin-right:0;}
section.category_about_box ul li {text-align: center;}
section.category_about_box ul li dl dt {padding:0 0 2px 0; border-bottom:1px dashed #ff8926; font-size:22px; font-weight:700; text-align:center;}
section.category_about_box ul li dl dt span {display:inline-block; padding:0.4em 0 0.4em 38px; /*letter-spacing:-0.04em;*/}
section.category_about_box ul li dl dd {padding:2em 0.5em 0; font-size:17px; line-height:1.6; font-weight:500; text-align: left;}

.cntbox100per2 { position: relative; width: 100%; padding: 0; margin: 40px 0 0 0; border: 1px solid #aaa; border-radius: 6px; box-sizing: border-box; overflow: hidden; background: #fff; }

.child_boxlist01 { padding: 0 20px 20px 20px; }
.child_boxlist01 ul { position: relative; }
.child_boxlist01 ul li a { padding: 0 20px; }
.child_boxlist01 ul.list_num3 { display: flex; justify-content: space-between; flex-wrap: wrap;}
.child_boxlist01 ul.list_num3 li { max-width: 286px; margin: 20px 2% 0 0; box-sizing: border-box; }
.child_boxlist01 ul li:nth-child(3n) { margin: 20px 0 0 0; }
.child_boxlist01 ul li a { display: flex; justify-content: center;  padding: 20px 0;  text-align: left; font-weight: 700; }
.child_boxlist01 ul li a:hover { background:#ffb00d; color:#fff; }

.trim img{
    width: 100%;/* トリミングしたい枠の幅 */
    height: 324px;/* トリミングしたい枠の高さ */
    object-fit: cover;
    object-position: 0 0;     
}

/* IE用 */
.object-fit-img {
    object-fit: cover;
    object-position: 0 0; 
    font-family: 'object-fit: cover;';
}



/* ボタン1 */
.btn {margin:25px 0 0 0; font-weight:700;}
.btn a {display:block; width:218px; margin:0 auto; background:#fff url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/icn_arw01.png) 95% center no-repeat; background-size:8px auto; border:1px solid #aaa; border-radius:19px; box-sizing:border-box; line-height:38px;}
.btn a:hover {background:#ffb00d url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/icn_arw02.png) 95% center no-repeat; background-size:8px auto; border:1px solid #ffb00d; color:#fff;}

/* ボタン2 */
.linkBtn {margin: 20px 0 0 0; font-weight: 700; }
.linkBtn a {display:block; width:100%; margin:0 auto; background:#fff url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/icn_arw01.png) 94% center no-repeat; border:1px solid #aaa; border-radius:25px; box-sizing:border-box; line-height:50px; text-align: center;}
.linkBtn a:hover {background:#ffb00d url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/icn_arw02.png) 94% center no-repeat; border:1px solid #ffb00d; color:#fff;}

/* コンテンツ幅 */
.w-50{
    width: 46.3%;
}

.w-50txt{
    width: 46.3%;
}

/* 箱 */  
.imgbox100per { position: relative; width: 100%; margin: 40px 0 0 0; box-sizing: border-box; background: #fff; }

.cntbox50per2 { float: left; position: relative; width: 48%; padding: 0; margin: 20px 0 0 0; border: 1px solid #aaa; border-radius: 6px; box-sizing: border-box; overflow: hidden; background: #fff; }
.cntbox50per2 + .cntbox50per2 { margin: 20px 0 0 4%; }

.imgbox33per { float: left; position: relative; width: 32%; margin: 20px 0 0 0; box-sizing: border-box; background: #fff; }
.imgbox33per + .imgbox33per { margin: 20px 0 0 2%; }

.child50per { float: left; width: 50%; margin: 20px 0 0 0; box-sizing: border-box;}

.child66per { float: left; width: 66.6%; margin: 20px 0 0 0; box-sizing: border-box;}

/*フッター*/
footer{
    margin-top:40px;
    font-size: 10px;
    padding: 10px 5px;
    text-align: center;
    color:#252525;
    line-height: 1.5;
    background: #fcf3cc;
}

/* トップへ戻るボタン */
#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 5px;
    bottom: 10px;
    background: #cf3d47;
    filter: alpha(opacity=70);	/*不透明度の値　IE向け*/
    -moz-opacity: 0.7;	/*不透明度の値　0=透明 50=半透明　100=不透明　Firefox向け*/
    opacity: 0.7;		/*不透明度の値　0=透明 0.5=半透明　1=不透明　Safari向け*/    
    border-radius: 50%;
    filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.5));       
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;  
}
#page_top a::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f102";
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -5px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}


/*問い合わせボタン*/
.form_btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    background-color: #ef7b00;
    border-bottom: solid 4px #b63c00;

}

.form_btn a{
    display: block;
    font-size: 20px;
    padding: 10px 0;    
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-decoration: none;    
}

.contact_box{
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    border: 3px solid #ffd7ac;
    text-align: center;
    padding: 10px 5px;
    margin-right: 5px;
}

.contact_box p{
    font-weight: bold;
    margin: 5px;
    font-size: 20px;
}

a.tel{
    text-decoration: none;
    color: #072a60;
    font-weight: bold;
}

/*768px以上の画面ではクリックできない*/
@media screen and (min-width: 768px) {
	.tel{pointer-events: none;
        text-decoration: none;
	}
}

/*--------- タブレットcss -----------*/
@media screen and (max-width: 768px) {
/*全体の幅*/    
#all_wrap{
    width:100%;
    height: auto;
}
    
/* タブレット・SPだけ表示 */    
.pc_disp{
    display: none !important;
}

.sp_disp{
    display: block;
}   
    
/*注意書き*/
.note{
    font-size: 0.8em;
}       
   
/*見出し関連*/    
.page_title{
    font-size: 1.08em;
    padding: 0.3em 0;
}    
    
.top_head{
    font-size: 0.7em
}    
  
.pan{
    font-size: 0.8em;
}      
    
#all_wrap h3{
    font-size: 1.25em;
}      
    
#all_wrap h4{    
    font-size: 1.1em;
}
    
/* 人気ランキング */
section.category_ranking {}
section.category_ranking ul {width:100vw; margin:0 auto; padding:0 10px; box-sizing: border-box;}
section.category_ranking ul li {/*float:left; width:346px; */margin: 0 3vw 0 0; text-align:center; border: 1px solid #aaa; border-radius: 6px; box-sizing: border-box;}
section.category_ranking ul li:nth-child(3n) {/*margin-right:0;*/}
section.category_ranking ul li .title { padding: 2.5vw 0; background: #fcf3cc; border-radius: 6px 6px 0 0; line-height: 1px; font-size: 5vw;  }
section.category_ranking ul li .title em { font-size: 60%;  }
section.category_ranking ul li .title img { display: inline-block; width: auto; vertical-align:  bottom; margin: 0 auto 5vw auto; background: none }
section.category_ranking ul li .title .rank1txt { color: #cfa40d; font-weight: 700; }
section.category_ranking ul li .title .rank2txt { color: #aec0c6; font-weight: 700; }
section.category_ranking ul li .title .rank3txt { color: #a38673; font-weight: 700; }
section.category_ranking ul li .inner {padding: 1.5vw 1.5vw 3vw 1.5vw; }
section.category_ranking ul li .name {margin: 4.5vw 0 0 0; font-size:3.5vw; font-weight:700; line-height:1.3; color: #072a60; }
section.category_ranking ul li .price {margin:2vw 0 0 0; font-size:3.2vw; line-height:1;}

section.category_about_box ul {width:100%; margin:0 auto; display: block; padding:0 10px; box-sizing: border-box;}
section.category_about_box ul li {width:100%; margin: 6vw 0 0; padding:20px; background:rgba(255,255,255,0.65); border:1px solid #c1bbb7; border-radius:6px; box-sizing:border-box;}
section.category_about_box ul li:nth-child(3n) {margin-right:0;}
section.category_about_box ul li {text-align: center;}
section.category_about_box ul li dl dt {padding:0 0 2px 0; border-bottom:1px dashed #ff8926; font-size:22px; font-weight:700; text-align:center;}
section.category_about_box ul li dl dd {padding:2em 0 0 0; font-size:17px; line-height:1.6; font-weight:500;}
   
/* ボタン1 */    
.btn {margin:4vw 0 0 0; font-weight:700;}
.btn a {display:block; width:100%; margin:0 auto; background:#fff url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/icn_arw01.png) 95% center no-repeat; background-size:8px auto; border:1px solid #aaa; border-radius:19px; box-sizing:border-box; line-height:7vw;}
.btn a:hover {background:#ffb00d url(https://gigaplus.makeshop.jp/HPohwA1HP/images/top/icn_arw02.png) 95% center no-repeat; background-size:8px auto; border:1px solid #ffb00d; color:#fff;}  
    
/* 箱 */    
.imgbox100per { position: relative; width: 100%; margin: 20px 0 0 0; box-sizing: border-box; background: #fff; padding: 0 10px;}
    
.imgbox33per { float: none; position: relative; width: 100%; margin: 20px 0 0 0; box-sizing: border-box; background: #fff; padding: 0 10px;}
.imgbox33per + .imgbox33per { margin: 20px 0 0 0; }    
    
.child50per { float: none; width: 100%; padding: 0 10px;} 
    
.cntbox50per2 { float: none; position: relative; width: 100%; padding: 0; margin: 20px 0 0 0; border: 1px solid #aaa; border-radius: 6px; background: #fff; }    
.cntbox50per2 + .cntbox50per2 { margin: 20px 0 0 0; }    
    
.child66per { float: none; width: 100%; padding: 0 10px;}    

.child_boxlist01 ul.list_num3 { display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; flex-wrap: nowrap;}
.child_boxlist01 ul.list_num3 li { min-width: 230px; margin: 20px 20px 0 0; box-sizing: border-box; display: inline-block;}
.child_boxlist01 ul li:nth-child(3n) { margin: 20px 20px 0 0; }     
    
/* 画像関連 */    
.trim img{
    width: 100%;/* トリミングしたい枠の幅 */
    height: 150px;/* トリミングしたい枠の高さ */
    object-fit: cover;
    object-position: 0 0;     
}


    
.w-50txt{
    width: 100%;
    margin-bottom: 20px;
}     
    
/*フロート関連*/
.left{
	float: none;
}

.right{
	float: none;
}
    
.form_btn a{
    display: block;
    font-size: 1em;
    padding: 10px 0;    
    width: 100%;
    text-align: center;
    font-weight: bold;
}   
     
a.tel{
    text-decoration: underline;
    color: #072a60;
    font-weight: bold;
}     
     
.contact_box p{
    font-weight: bold;
    margin: 5px;
    font-size: 1.05em;     
     
}    
}


/*スマホcss*/
@media screen and (max-width: 480px) {   

.btn a {background-image: none; font-size: 14px;}
.btn a:hover {background-image: none; font-size: 14px;}     
 
   
    
.trim img{
    width: 100%;/* トリミングしたい枠の幅 */
    height: 100px;/* トリミングしたい枠の高さ */
    object-fit: cover;
    object-position: 0 0;     
}   
}


/* ↓202411シュレッダー比較ページ */


.midashi01{
    width: 790px;
    height: 40px;
    margin-top: 60px;
    line-height: 40px;
    font-weight: bold;
    color: #fefefe;
    font-size: 20px;
    padding-left: 20px;
    background: url(../images/dokuji/shredder_labo/page392/img_page392_01.jpg);
}


#page392 table.tb{
	border-collapse: collapse;
}

#page392 table.tb th{
    border: 1px solid #a4b0be;
}

#page392 table.tb01{
    margin: 40px auto;
}

#page392 table.tb01 th{
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-weight: bold;
    width: 180px;
    background: #d1d8e0;
    border: 1px solid #a4b0be;
	border-collapse: collapse;
}

#page392 table.tb01 th.noneLine{
    background-color: transparent;
    border-top: none;
    border-left: none;
}

#page392 table.tb01 td.cellO{
    background-color: #fe9900;
    color: #fefefe;
    font-weight: bold;
}

#page392 table.tb01 td{
    text-align: center;
    vertical-align: middle;
	padding: 10px;
	width: 250px;
	height: 30px;
    border: 1px solid #a4b0be;
	border-collapse: collapse;
}

.productName{
    background: #d1d8e0;
    line-height: 20px;
}

.productName a{
    color: #574b90;
    font-weight: bold;
}

.productPic{
    max-width: 100%; /* 画像がセルの幅を超えないように調整 */
  height: auto; /* 画像のアスペクト比を維持 */
}

.productPicCell{
    text-align: center; /* 横方向の中央揃え */
  vertical-align: middle; /* 縦方向の中央揃え */
  height: 150px; /* テーブルセルの高さを指定 */
}

#page392 table.tb02{
    width: 700px;
    margin: 20px auto;
    border: 1px solid #a4b0be;
}

#page392 table.tb02 th{
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-weight: bold;
    color: #fefefe;
    width: 350px;
    background: #fe9900;
	border-collapse: collapse;
}

#page392 table.tb02 td{
    vertical-align: middle;
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    padding: 10px;
}

.shredderScraps{
    max-width: 100%; /* 画像がセルの幅を超えないように調整 */
  height: auto; /* 画像のアスペクト比を維持 */
}

.shredderScrapsCell{
    text-align: center; /* 横方向の中央揃え */
  vertical-align: middle; /* 縦方向の中央揃え */
  height: 250px; /* テーブルセルの高さを指定 */
}

.midashi02{
    display: flex;
    border-bottom: 4px solid #008bd0;
    width: 790px;
    margin: 60px auto 0;
}

.midashi02 .shopPic{
    width: 45px;
    margin: 0 0 0 10px;
    padding: 0;
}

.midashi02 .shopText{
    color: #008bd0;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 0;
    line-height: 35px;
}


.cutTypeAll{
    display: flex;
    justify-content: center;
    margin:20px 0 0 0;
}

.cutTypeWrap{
    width: 350px;
}

.cutTypeWrap:first-child{
    margin-right: 20px;
}

.cutType{
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    background: #d1d8e0;
    width: 100%;
}

.cutTypeName{
    display: flex;
    padding: 10px 0;
    justify-content: center;
}

.cutType p{
    font-weight: bold;
    line-height: 50px;
    margin-left: 10px;
}

.similarProducts{
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    width: 100%;
}

.similarProducts td{
    vertical-align: middle;
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    padding-left: 10px;
}

.similarProductsName{
    text-align: center;
}

.similarProductsName a{
    color: #574b90;
    font-weight: bold;
}

.productPrice{
    color: #ee3a57;
    font-weight: bold;
    text-align: center;
}

.similarProducts td.similarProductsPicCell{
 text-align: center;
 vertical-align: middle;
 padding: 0;
 height: 250px;
}

#page392 table.tb03{
    width: 780px;
    margin: 20px auto;
    border: 1px solid #a4b0be;
}

#page392 table.tb03 th{
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-weight: bold;
    color: #fefefe;
    width: 260px;
    background: #fe9900;
	border-collapse: collapse;
}

#page392 table.tb03 td{
    vertical-align: middle;
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    padding: 10px;
    width: 260px;
    line-height: 20px;
}

.productName p{
    font-size: 14px;
    margin-top: 10px;
}

.mv_area{
    text-align: center;
    margin: 20px 0;
}

.cutSpeed{
    width: 250px;
    margin-left: 10px;
}

.cutSpeed:first-child{
    margin-left: 0;
}

.cutSpeed .similarProducts td.similarProductsPicCell{
    height: 150px;
}

.cutSpeed .similarProducts td{
    padding: 10px;
}

.cutSpeedAll{
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
}

.noiseLevel{
    background: #fff7d2;
}

.noiseLevel div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.noiseLevel div p:first-child{
    margin-right: 10px;
}

.noiseLevel div p{
    text-align: center;
}

.marker{
    background: linear-gradient(transparent 40%,#FCF596 40%);
}


.for-pc { display:block; }
.for-sp { display:none; }


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

	/*　画面サイズが480px以下の場合ここの記述が適用される　*/
.for-pc { display:none; }
.for-sp { display:block; }


#page392 div.image01{
    text-align: center;
}

.midashi01{
    width: 98%;
    height: 40px;
    margin: 60px auto 0;
    line-height: 40px;
    font-weight: bold;
    color: #fefefe;
    font-size: 20px;
    padding-left: 10px;
    background-image: url(../images/dokuji/shredder_labo/page392/img_page392_01_sp.jpg);
    background-size: 370px 40px;
}

table.tb{
    width: 90%;
    border-collapse: collapse;
    margin: 20px auto;
    font-size: 14px;
}

table.tb th{
    width: 50%;
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    background: #fe9901;
    color: #fefefe;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

table.tb td{
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    padding: 10px;
}

.tb02sp{
    border-collapse: collapse;
}

.tb02sp th{
    border-collapse: collapse;
}

.tb02sp td{
    width: 175px;
    border-collapse: collapse;
}

.shredderScrapsCell{
    height: 140px;
}

.midashi02{
    border-bottom: 2px solid #008bd0;
}

.for-sp .shopText{
    font-size: 14px;
}

.scroll_table {
    max-width: 800px;
    overflow-x: auto;
}

.table_wrap{
    display: flex;
    margin: 20px 0;
}

.scroll_table table.cutType_space_sp {
    white-space: nowrap;
    margin: 0 10px;
    width: 350px !important;
}

.cutType_space_sp{
    border-collapse: collapse;
}

.cutType_space_sp th,.cutType_space_sp td{
    border: 1px solid #9fb0c4;
    border-collapse: collapse;
}

.cutType_space_sp th{
    background: #c9d6e6;
}

.cutType_space_sp td{
    padding: 10px;
}

.cutTypeName_sp{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.cutTypeName_sp p:first-child{
    margin-right: 10px;
}

.productPicCell_sp{
    text-align: center;
    vertical-align: middle;
}

.productPicCell_sp img{
    width: 100px;
    height: 100px;
}

.scroll_table::-webkit-scrollbar {
    height: 10px; /* スクロールバーの高さ */
}

.scroll_table::-webkit-scrollbar-thumb {
    background: #aaa; /* ツマミの色 */
}

.scroll_table::-webkit-scrollbar-track {
    background: #ddd; /* トラックの色 */
}

.similarProductsPicCell_sp{
    text-align: center;
    vertical-align: middle;
}

.similarProductsPicCell_sp img{
    width: 70px;
    height:70px;
}

.scroll_table02{
    max-width: 1250px;
    overflow-x: auto;
}


.scroll_table02 table.tb03sp{
    width: 600px !important;
    border-collapse: collapse;
    margin: 20px 10px;
    font-size: 14px;
}

table.tb03sp{
    border-collapse: collapse;
}

table.tb03sp th{
    width: 200px;
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    background: #fe9901;
    color: #fefefe;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

table.tb03sp td{
    width: 200px;
    border: 1px solid #a4b0be;
    border-collapse: collapse;
    padding: 10px;
}


.mv_area_sp{
    text-align: center;
    margin: 20px 0;
}

.mv_area_sp p:first-child{
    color: #6c6c6c;
    font-weight: bold;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
    margin: 10px 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tb04sp{
    width: 95%;
    margin: 30px auto;
}

.tb04sp,.tb04sp th,.tb04sp td{
    border-collapse: collapse;
    border: 1px solid #9fb0c4;
}

.tb04sp td{
    width: 50%;
}

.cutSpeed_space_sp{
    white-space: nowrap;
    margin: 0 5px;
    width: 175px;
}

.cutSpeed_space_sp,.cutSpeed_space_sp th,.cutSpeed_space_sp td{
    border-collapse: collapse;
    border: 1px solid #9fb0c4;
}

.cutSpeed_space_sp td{
    padding: 10px;
}

.noiseLevel_sp{
    text-align: center;
    background: #fff7d2;
}

.noiseLevel_sp p img{
    width: 80px;
    height: 80px;
}

p.Btn_sp{
    font-size: 14px;
}

#page392 p.Btn_sp a{
    font-size: 14px;
}

.midashi02{
    width: 100%;
}

.midashi02 p.shopPic img{
    width: 40px;
    height: auto;
}

.midashi02 .shopText{
    margin: 0 0 0 5px;
}

}
/* ↑202411シュレッダー比較ページ */