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

body{background-image:  url(img22/bg_red.jpg); background-repeat:repeat;
/*background-position:center 32px, center;
background-repeat: repeat-x, repeat;
background-size:auto, 150px;*/
}
.t-hsj{ font-family:'Poppins', sans-serif; font-weight:400; font-size:16px;}
.cx_smartphoneview .t-hsj{ font-size:24px !important;}

.red{ color:#E40003;}
/*
黄　#f5ca18　R245 G202 B24 
*/

.table-top{ text-align:center;}
.table-top img {pointer-events: auto;}
.table-top img{ width:300px; margin:20px 0 0;}

#table1 h1,
#table2 h1{ background-color:#fff;padding:12px 0 8px; font-size:28px; font-weight:700;
 margin:0 0 15px; text-align:center;line-height:130%;border-radius:10px; 
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);  
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
 
#table1 h1{ color:#ff7394;border:3px solid #ff7394; border-left:30px solid #ff7394;}
#table2 h1{ color:#73caff;border:3px solid #73caff;border-left:30px solid #73caff;}

#table1 h1 span:nth-of-type(1){ font-size:43px;}
#table1 h1 span:nth-of-type(2){ font-weight:700;font-family: 'Noto Sans', sans-serif; margin:0 10px; font-size:45px; color:#ff5c9a;}

#table2 h1 span:nth-of-type(1){ font-size:43px;}
#table2 h1 span:nth-of-type(2){ font-weight:700;font-family: 'Noto Sans', sans-serif; margin:2px 10px 0 10px; font-size:45px; color:#2eb0ff;}


.table-top p{ color:#fff;}

.cx_smartphoneview .table-top h1{ font-size:30px; font-weight:600;}

#table1 ul, ol {  padding: 0;}
#table2 ul, ol {  padding: 0;}

#table1 ul li,
#table2 ul li{
  position: relative;
  list-style-type: none!important;
  padding: 0.5em 0.5em 0.5em 2.5em;
  margin-bottom: 5px;
  line-height: 1.5;
  background: #fff;
  vertical-align: middle;
  color: #505050; font-weight:400;
  border-radius: 15px 0px 0px 15px; background-position:15px 12px;
  background-repeat:no-repeat; background-size:1em;
}

#table1 ul li span,
#table2 ul li span{ font-size:13px;}

#table1 ul li{background-image:url(img22/pink_mark.png);}
#table2 ul li{background-image:url(img22/mizu_mark.png);}

.cx_smartphoneview #table1 ul li ,
.cx_smartphoneview #table2 ul li { width:89%; background-size:1.5em;padding: 0.7em 0.5em 0.7em 2.5em;margin:10px;background-position:5px 15px;}

.cx_smartphoneview #table1 ul li span{ }
.cx_smartphoneview #table2 ul li span{ font-size:20px;}


#table1 ul li:first-child,
#table2 ul li:first-child
{ list-style:none; font-weight:bold; font-size:20px; line-height:100%; color:#fff; border:3px solid #fff; background-image:none;padding-left:20px;}


#table1 ul li:last-child,
#table2 ul li:last-child
{list-style:none ; text-align:right; font-size:12px; background:none ; font-weight:bold; color:#fff;}

#table1 ul li:first-child{background-color:#ff7394;}
#table2 ul li:first-child{background-color:#0c8de1;}

.cx_smartphoneview #table1 ul li:first-child,
.cx_smartphoneview #table2 ul li:first-child{font-size:30px;width:89%; padding: 0.5em 0.5em 0.5em 1em;}
 
 #table2 ul li.nobg{background-image:none; padding: 0.5em 0.3em 0.5em 0.5em;
 background-color:/*rgba(245,240,202,1.00)*/ #F2EBFF;}
.cx_smartphoneview #table2 ul li.nobg{width:95%;}

#table2 ul li ol li,
#table2 ul li ol li:last-child{position: relative; border-bottom:2px dotted #888ee2;
background-color: #F2EBFF; text-align:left; font-weight:normal; font-size:16px;
  list-style-type: none !important;
  padding:0 0.5em 0 1.5em;
  margin-bottom: 0px; margin-top:2px;
  line-height: 1.8;
  vertical-align: middle;
  color: #505050; border-radius:0 0 0 0 !important;
  background-position:5px 6px;
  background-image:url(img21/blue_circle.png); background-repeat:no-repeat; background-size:1em;}
  
 #table2 ul li ol li:first-child{ background-color: #888ee2 ; color:#fff; border:2px #fff dotted; background-image:none; text-align:left; 
 border-radius:10px;padding: 0.5em 0.3em 0.5em 0.5em; margin-bottom:5px;}
 #table2 ul li ol li:last-child{ border-bottom:none;}

  .cx_smartphoneview #table2 ul li ol li{ font-size:24px; line-height:1.4;background-position:0px 6px;background-size:20px; width:auto;
 padding:0 0.5em 10px 1em;}
 .cx_smartphoneview #table2 ul li ol li:last-child{ /*padding-bottom:0;*/}