@charset "utf-8";
.detal_base {text-align: center; max-width: 1600px; margin: 30px auto 0;display: flex; flex-wrap: wrap; justify-content: center;}
@media screen and (max-width:767px) {.detal_base {width:94%; }}
.detal_base li { letter-spacing: normal; vertical-align: top; padding-bottom: 30px; margin: 0px 0px 30px 0px; border-bottom: 1px #dcdcdc dotted; list-style-type:none; }
/*画像に影をつけたり 品番までの距離指定*//* 品番までの距離一旦無しmargin:0 0 30px 0;*/
.detal_base li img{width:90%; -moz-box-shadow:  1px 1px 8px -3px rgba(0, 0, 0, 0.8); -webkit-box-shadow:  1px 1px 8px -3px rgba(0, 0, 0, 0.8); box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.8);}
/*横幅に応じてカラム変更*/
@media screen and (max-width:767px) {.detal_base li{width:100%; }}
@media screen and (min-width:768px) and ( max-width:1050px) {.detal_base li{width:50%;}}
@media screen and (min-width:1051px) and ( max-width:1500px) {.detal_base li {width:33.33%;}}
@media screen and (min-width:1501px) {.detal_base li { width:33.33%;}}
/*画像の横幅指定 IMGタグに直接書く*/
.size_pc {max-width:262px; width:30%; height:auto;}
/*展開表紙裏表紙の文字*/
.detal_base li figure figcaption{font-size:7pt;}
/*▼▼▼ここから拡張か▼▼▼*/
/*PCBの横型 3枚画像レイアウト 展開イメージ 表紙 裏表紙*/
.detail_pcbw{width:90%; border:0px red solid; margin:auto; }
.detal_base li .detail_pcbw_a img{max-width:420px; height:auto;  }
.detal_base li .detail_pcbw_b { border-top:0px red solid; width:50%; float:left; margin-top:16px; }
.detal_base li .detail_pcbw_b img{width:80%; max-width:420px; height:auto; }
.detal_base li .detail_pcbw_c { border-top:0px red solid; width:50%; float:left; margin-top:16px; }
.detal_base li .detail_pcbw_c img{width:80%; max-width:420px; height:auto; }
/*PCBの横型 2枚画像レイアウト 表紙 裏表紙*/
.detal_base li .detail_pcbt_a {border-top:0px red solid; width:50%; float:left; text-align:right;}
.detal_base li .detail_pcbt_a img{width:90%; max-width:262px; height:auto; -moz-box-shadow:  0 1px 4px 0 rgba(0, 0, 0, 0.5); /*横方向　下方向　ぼかし　広がり　色 */-webkit-box-shadow:  0 1px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);}
.detal_base li .detail_pcbt_b { border-top:0px red solid; width:50%; float:left; text-align:left; }
.detal_base li .detail_pcbt_b img{width:90%; max-width:262px; height:auto; -moz-box-shadow:  2px 1px 4px 0 rgba(0, 0, 0, 0.5); /*横方向　下方向　ぼかし　広がり　色 */-webkit-box-shadow:  2px 1px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.5);}
/*▲▲▲ここから拡張か▲▲▲*/
/*表紙イメージ表紙裏表紙　pcbw　pcbt　共通*/
.detal_base figcaption{text-align:center; margin-top:14px;}
/*.detal_base li .detail_pcbw figure figcaption{text-align:center; margin-top:14px;}*/
/*品番と補足テキスト*/
.detail_ninban{clear:both; line-height:100%; font-size:12pt; margin:0; padding:24px 0 0 0; letter-spacing:1px; font-weight:normal;}
.detail_ninban p{line-height:160%; color:#696969; margin:0; padding:0;  font-weight:normal;}
@media screen and (max-width:767px) {.detail_ninban p{margin-top:10px; font-size:7pt; }}
@media screen and (min-width:768px) {.detail_ninban p{margin-top:16px; font-size:8pt; }}

.fig_base{padding-top:30px;}
.fig_base{text-align: center; max-width:1600px; margin:auto;}
/*全体の横幅を94%に*/
@media screen and (max-width:767px) {.fig_base {width:94%; }}
/*figure インラインボックスに*/
.fig_base figure {display: inline-block; letter-spacing:normal; vertical-align: top; padding-bottom:30px; margin:0px 0px 30px 0px; border-bottom:1px #dcdcdc dotted;} 
/*画像に影をつけたり 品番までの距離指定 ボックス内の画像の大きさ*/
.fig_base figure img{margin:0; -moz-box-shadow:  1px 1px 8px -3px rgba(0, 0, 0, 0.8); -webkit-box-shadow:  1px 1px 8px -3px rgba(0, 0, 0, 0.8); box-shadow: 1px 1px 8px -3px rgba(0, 0, 0, 0.8);}
/*横幅に応じてカラム変更*/
/*SP100%PAD50%PC33-50%*/
@media screen and (max-width:767px) {.fig_base25_33_50_100 figure{width:100%; }}
@media screen and (min-width:768px) and ( max-width:1050px) {.fig_base25_33_50_100 figure{width:50%;}}
@media screen and (min-width:1051px) and ( max-width:1500px) {.fig_base25_33_50_100 figure{width:33.33%;}}
@media screen and (min-width:1501px) {.fig_base25_33_50_100 figure{ width:25%;}}
/*SP50%PAD50%PC33-50%*/
@media screen and (max-width:767px) {.fig_base25_33_50_50 figure{width:50%; }}
@media screen and (min-width:768px) and ( max-width:1050px) {.fig_base25_33_50_50 figure{width:50%;}}
@media screen and (min-width:1051px) and ( max-width:1500px) {.fig_base25_33_50_50 figure{width:33.33%;}}
@media screen and (min-width:1501px) {.fig_base25_33_50_50 figure{ width:25%;}}
.fig_base figcaption{font-size:12pt; margin-top:24px; letter-spacing:1px; }/*品番*/
.fig_base figure figcaption p{line-height:160%; color:#878787; width:94%; }/*補足テキスト*/
@media screen and (min-width:768px) {.fig_base figure figcaption p{font-size:9pt; margin:16px auto 0; }}
@media screen and (max-width:767px) {.fig_base figure figcaption p{font-size:7pt; margin:10px auto 0; }}
/*画像の横幅指定*/
.figsize_w figure img{max-width:420px; height:auto; width:94%; }
.figsize_pcs figure img{max-width:262px; height:auto; width:64%; }