/* ============================== */
/* 1.サブスク情報設定（一覧）     */
/* ============================== */
div.divSubscList1 {position:relative; height:220px; z-index:20;}
p.pSubscList1-1 {top:80px;}
p.pSubscList1-2 {
  font-size:18px;
  line-height:150%;
}
div.divSubscLists {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width:735px;
}
div.divSubscList2 {
  flex: 1;
  border: 1px solid #CCCCCC;
  border-radius:6px;
  overflow:hidden;
}
div.divSubscList2-1 {
  font-size:13px;
  width:210px;
  padding:10px;
}
div.divSubscList2-1-2 {
  font-size:12px;
  width:210px;
  padding:10px;
}
div.divSubscList2-2 {
  border-bottom: 1px solid #CCCCCC;
  font-size:13px;
  width:210px;
  padding:10px;
}
div.divSubscList2-3 {
  border-bottom: 1px solid #CCCCCC;
  font-size:10px;
  line-height:180%;
  text-align:left;
  height:165px;
  width:210px;
  padding:10px;
}
div.divSubscList2-3-1 {height:180px;}
div.divSubscList2-3-2 {height:180px;}
div.divSubscList2-3-3 {height:180px;}
div.divSubscList2-3-4 {height: 55px;}
div.divSubscList2-4 {
  width:210px;
  padding:10px;
}
div.divSubscList2-4 a {
  display: block;
  color: #000000;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px;
}
table.tblSubscList td {
  font-size:12px;
  padding:10px 20px;
}
div.divSubscList3-1 {
  position:relative;
  height:1px;
  z-index:20;
}
div.divSubscList3-2 {
  font-size:12px;
  line-height:150%;
  text-align:left;
  width:500px;
}
div.divSubscColor-1 {background:#c2ecfa;}
div.divSubscColor-2 {background:#dcd2f3;}
div.divSubscColor-3 {background:#f9c0d6;}
div.divSubscColor-4 {background:#ffff00;}
a.aSubscColor-1 {background:#8dd7f3;}
a.aSubscColor-2 {background:#a995e8;}
a.aSubscColor-3 {background:#f28aa9;}
a.aSubscColor-4 {background:#ffd54f;}
div.divSubscList4 {
  width:400px;
  padding:10px;
}
div.divSubscList4 a {
  display: block;
  background:#0000FF;
  color: #FFFFFF;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px;
}

/* ============================== */
/* 2.サブスク情報設定（詳細）     */
/* ============================== */
div.divSubscDetail1 {position:relative; height:370px; z-index:20;}
div.divSubscDetails {
  white-space:nowrap;
  position:absolute;
  top:170px;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);

  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width:420px;
}
div.divSubscDetail2 {
  flex: 1;
  border: 1px solid #CCCCCC;
  border-radius:6px;
  overflow:hidden;
}
div.divSubscDetail2a-1 {
  flex: 1;
  border-top:   1px solid #CCCCCC;
  border-left:  1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top-left-radius: 6px;
  border-top-right-radius:6px;
  overflow:hidden;
}
div.divSubscDetails2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width:420px;
}
div.divSubscDetail2a-2 {
  flex: 1;
//  border-left:  1px solid #CCCCCC;
//  border-right: 1px solid #CCCCCC;
//  border-bottom:1px solid #CCCCCC;
  border: 1px solid #CCCCCC;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius:6px;
  overflow:hidden;
}
div.divSubscDetail2-1 {
  font-size:16px;
  width:400px;
  padding:10px;
}
div.divSubscDetail2-2 {
  border-bottom: 1px solid #CCCCCC;
  font-size:16px;
  width:400px;
  padding:10px;
}
div.divSubscDetail2-3 {
  border-bottom: 1px solid #CCCCCC;
  font-size:12px;
  line-height:180%;
  text-align:left;
  width:400px;
  padding:10px;
}
div.divSubscDetail2-3-1 {height:195px;}
div.divSubscDetail2-3-2 {height:195px;}
div.divSubscDetail2-3-3 {height:195px;}
div.divSubscDetail2-3-4 {height: 60px;}
div.divSubscDetail2-4 {
  border-bottom: 1px solid #CCCCCC;
  width:400px;
  padding:10px;
}
td.tdSubscDetail {
  border: 1px solid #CCCCCC;
  font-size:12px;
  text-align:center;
  width:185px;  
  padding:5px;
}
td.tdSubscDetail input {
  font-size:12px;
  text-align:center;
  width:30px;
}
td.tdSubscColor-1 {background:#c2ecfa;}
td.tdSubscColor-2 {background:#dcd2f3;}
td.tdSubscColor-3 {background:#f9c0d6;}
td.tdSubscColor-4 {background:#ffff00;}
div.divSubscDetail2-5 {
  border-bottom: 1px solid #CCCCCC;
  width:400px;
  padding:10px;
}
div.divSubscDetail2-5 a {
  display: block;
  color: #000000;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px;
}
div.divSubscDetail2-6 {
  width:400px;
  padding:10px;
}
div.divSubscDetail2-6 a {
  display: block;
  background:#0000FF;
  color: #FFFFFF;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px;
}

div.divSubscDetail3 {
  font-size:12px;
  line-height:150%;
  text-align:left;
  width:480px;
}
div.divSubscDetail4-1 {
  position:relative;
  height:20px;
  z-index:20;
}
div.divSubscDetail4-2 {
  position:relative;
  height:1px;
  z-index:20;
}
div.divSubscDetail4-3 {
  font-size:12px;
  line-height:150%;
  text-align:left;
  width:480px;
}
select.inpselect {
  border: 1px solid #000000;
  font-size:12px;
  line-height:150%;
  padding:5px;
}

/* ============================== */
/* 3.サブスク情報設定（カート）   */
/* ============================== */
div.divSubscCart1 {position:relative; height:120px; z-index:20;}
p.pSubscCart1 {top:30px;}
div.divSubscCart2-4 {
  border-bottom: 1px solid #CCCCCC;
  width:210px;
  padding:10px;
}
td.tdSubscCart2 {
  border: 1px solid #CCCCCC;
  font-size:12px;
  text-align:center;
  width:185px;  
  padding:5px;
}
div.divSubscCart2-6 {
  border-top: 1px solid #CCCCCC;
  width:210px;
  padding:10px;
}
div.divSubscCart2-6 a {
  display: block;
  background:#0000FF;
  color: #FFFFFF;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px;
}
div.divSubscCart3-1 {
  position:relative;
  height:1px;
  z-index:20;
}
div.divSubscCart3-2 {
  width:400px;
  padding:10px;
}
div.divSubscCart3-2 a {
  display: block;
  background:#0000FF;
  color: #FFFFFF;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px;
}
div.divSubscCart3-3 {
  width:600px;
  padding:10px;
}
div.divSubscCart3-3 a {
  display: inline-block;
  background:#0000FF;
  color: #FFFFFF;
  font-size:12px;
  border-radius:4px;
  text-decoration: none;
  text-align: center;
  padding:10px 47px;
}
td.tdSubscCart3-1 {
  border: 1px solid #CCCCCC;
  background:#0000FF;
  color: #FFFFFF;
  font-size:14px;
  text-align:center;
  width:200px;  
  padding:10px;
}
td.tdSubscCart3-2 {
  border: 1px solid #CCCCCC;
  font-size:14px;
  text-align:center;
  width:200px;  
  padding:10px;
}