@charset "utf-8";
/*ポイントカード詳細ページ*/
.detail_pointbooktype_box{max-width:980px; width:100%; margin:60px auto 0;}
.detail_pointbooktype_list figure figcaption { margin-top:8px; margin-bottom:8px;line-height:140%; font-size:7pt; letter-spacing:1px;}
.detail_pointbooktype_list figure img{-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);}
.detail_pointbooktype_a img{width:90%; max-width:420px; height:auto;}
.detail_pointbooktype_b { border-top:0px red solid; width:50%; float:left; }
.detail_pointbooktype_b img{width:68%; max-width:420px; height:auto;}
.detail_pointbooktype_c { border-top:0px blue solid;  width:50%; float:left;}
.detail_pointbooktype_c img{width:68%; max-width:420px; height:auto;}
.detail_pointbooktype_number{clear:both; line-height:140%; font-size:10pt; letter-spacing:1px; border-bottom:1px #696969 dotted; margin-bottom: 40px; padding:10px 0 30px; font-weight:bold; }
.detail_pointbooktype_number p{margin-top:10px; font-size:7pt; line-height:160%; color:#696969;}
.detail_pointbooktype_leftbox{width:50%; float:left; max-width: 490px;}
.detail_pointbooktype_rightbox{width:50%; float:right;max-width: 490px; }
.detail_pointbooktype_uralist img{-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);width:85%; max-width:420px; height:auto;}
.detail_pointbooktype_uralist figure{border-bottom:1px #696969 dotted; margin-bottom:20px; }
.detail_pointbooktype_uralist figure figcaption {line-height:140%; font-size:10pt; letter-spacing:1px; padding:20px 0 30px; font-weight:bold;}
.detail_pointbooktype_uraleft{width:49%; float:left;}
.detail_pointbooktype_uraright{width:49%; float:right;}

.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 {
  /* display: inline-block; を削除 */
  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; }}