@charset "utf-8";

/* CSS Document */

.design01 {
 width: 100%;
 table-layout: fixed;
 text-align: center;
 border-collapse:separate; /* 罫線 */
 border-spacing: 0;
 line-height: 1.5;
}

.design01 tr {
 padding: 10px;
 background: #FFFFFF;
 border: solid 1px #E0E0E0;
}

/* 行の色を交互に変える */
.design01 tr:nth-child(even) td {
	background: #ffffff;
}
.design01 tr:nth-child(odd) td {
	background: #F7F7F7;
}
/*　行の色を交互に変えるここまで　*/

.design01 th {
 padding: 10px;
 background: #F0F8FF;
 border: solid 1px #E0E0E0;  /* 淡いグレー */
}

/*列固定*/
.fixed01{
  position: sticky;
  left: 0;
  color: #000;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}

/*　列固定ここまで　*/

.design01 th.th_col_bl_s {
 padding: 10px;
 background: #F0F8FF;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}


.design01 th.th_col_pur {
 padding: 10px;
 background: #E6E6FA; /* lavender 淡い紫 */
 border: solid 1px #E0E0E0;
}

.design01 th.th_col_gr_s {
 padding: 10px;
 background: #F0FFF0;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design01 th.th_col_gl {
 padding: 10px;
 background: #E3E3E3;
 border: solid 1px #E0E0E0;
}

.design01 th.th_col_gl_s {
 padding: 10px;
 background: #E3E3E3;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design01 th.th_col_pu {
 padding: 10px;
 background: #F8F8FF;
 border: solid 1px #E0E0E0;
}

.design01 th.th_col_pu_s {
 padding: 10px;
 background: #F8F8FF;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design01 th.th_col_gl_s_w {
 padding: 10px;
 background: #323232;
 border: solid 1px #E0E0E0;
 color:#ffffff; 
font-size: 0.8rem;
}

.design01 th.th_lef {
 text-align: left;
 padding: 10px;
 background: #ffffff;
 border: solid 1px #FCFCFC;
}


/*　濃いブルー　*/

.design01 th.th_col_blue {
 padding: 10px;
 background: #4169E1; /*　濃いブルー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}


/*　濃いグリーン　追加　*/
.design01 th.th_col_green {
 padding: 10px;
 background: #339966; /*　濃いグリーン　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}


/*　濃いグレー　*/
.design01 th.th_col_gray {
 padding: 10px;
 background: #333333; /*　濃いグレー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}


/*　淡いグレー　*/
.design01 th.th_col_lt_gray {
 padding: 10px;
 background: #ececec; /*　淡いグレー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}


.design01 td {
 padding: 10px;
 border: solid 1px #E0E0E0;
}


.design01 td.td_cen {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FDFDFD;
}

.design01 td.td_lef {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FDFDFD;
}

.design01 td.td_ri {
 text-align: right;
 padding: 10px;
 border: solid 1px #E0E0E0;
}


/*　背景淡いピンク　主に価格表示に利用　*/

.design01 td.td_bkred_ri {
 text-align: right;
 background: #ffeaff;
 padding: 10px;
 border: solid 1px #E0E0E0;
}


/* 箇条書き追加
・付き */

.design01 td ul.ul_bullet {
    list-style-type: disc !important;
    padding-left: 20px;
    margin: 0;
}

.design01 td li.li_bullet {
    list-style-type: disc !important;
    display: list-item !important;
    margin: 2px 0;
}


/* 箇条書き追加
※付き */

.design01 td ul.ul_note {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.design01 td li.li_note {
    padding-left: 1em;
    text-indent: -1em;
    margin: 2px 0;
}

.design01 td li.li_note::before {
    content: "※";
}


/* design01　ここまで */


/* design02　テキストサイズ小さめ */

.design02 {
 width: 100%;
 table-layout: fixed;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 line-height: 1.5;
 font-size: 0.8rem;
}

.design02 th {
 padding: 10px;
 background: #f0f8ff;
 border: solid 1px #E0E0E0;
}

.design02 th.th_col_gr {
 padding: 10px;
 background: #F0FFF0;
 border: solid 1px #E0E0E0;
}

.design02 th.th_col_gl {
 padding: 10px;
 background: #F3F3F3;
 border: solid 1px #E0E0E0;
}

.design02 th.th_lef {
 text-align: left;
 padding: 10px;
 background: #fafafa;
 border: solid 1px #FCFCFC;
}

.design02 td {
 padding: 10px;
 border: solid 1px #E0E0E0;
}

.design02 td.td_lef {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FDFDFD;
}

.design02 td.td_cen {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #F6F6F6;
}

.design02 td.td_ri {
 text-align: right;
 padding: 10px;
 border: solid 1px #E0E0E0;
}

/* design02　ここまで */


/* design03　行の交互色分けなし */

.design03 {
 width: 100%;
 table-layout: fixed;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 line-height: 1.5;
}

.design03 th {
 padding: 10px;
 background: #F8F8F8; /*　淡いグレー　*/
 border: solid 1px #E0E0E0;
}

.design03 th.th_col_bl {
 padding: 10px;
 background: #000000; /*　ブラック　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}

.design03 th.th_col_blue {
 padding: 10px;
 background: #4169E1; /*　濃いブルー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}

.design03 th.th_col_dk_blue {
 padding: 10px;
 background: #003366; /*　もっと濃いブルー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}

.design03 th.th_col_b {
 padding: 10px;
 background: #F0F8FF; /*　淡いブルー　*/
 border: solid 1px #E0E0E0;
}


/*　淡いグリーン　*/
.design03 th.th_col_lt_green {
 padding: 10px;
 background: #e5fff2; /*　淡いグリーン　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}

/*　淡いグレー　*/
.design03 th.th_col_lt_gray {
 padding: 10px;
 background: #ececec; /*　淡いグレー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}


/* th 濃いグレー */

.design03 th.th_col_gray {
 padding: 10px;
 background: #555555; /*　濃いグレー　*/
 border: solid 1px #E0E0E0;
 color: #ffffff;
}
/* th 濃いグレーここまで */


.design03 th.th_col_red {
 padding: 10px;
 background: #FFF0F5;
 border: solid 1px #E0E0E0;
}

.design03 th.th_col_bl_s {
 padding: 10px;
 background: #F0F8FF;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design03 th.th_col_gr {
 padding: 10px;
 background: #F0FFF0;
 border: solid 1px #E0E0E0;
}

.design03 th.th_col_gr_s {
 padding: 10px;
 background: #F0FFF0;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design03 th.th_col_gl {
 padding: 10px;
 background: #F3F3F3;
 border: solid 1px #E0E0E0;
}

.design03 th.th_col_gl_s {
 padding: 10px;
 background: #E3E3E3;
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design03 th.th_col_pur {
 padding: 10px;
 background: #E6E6FA;/* lavender 淡い紫 */
 border: solid 1px #E0E0E0;
}

.design03 th.th_col_pur_s {
 padding: 10px;
 background: #E6E6FA;/* lavender 淡い紫 */
 border: solid 1px #E0E0E0;
 font-size: 0.8rem;
}

.design03 th.th_col_gl_s_w {
 padding: 10px;
 background: #323232;
 border: solid 1px #E0E0E0;
 color:#ffffff; 
font-size: 0.8rem;
}

.design03 th.th_lef {
 text-align: left;
 padding: 10px;
 background: #ffffff;
 border: solid 1px #FCFCFC;
}

.design03 td {
 padding: 10px;
 border: solid 1px #E0E0E0;
}

.design03 td.td_cen {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #F8F8F8;
}

.design03 td.td_cen_b {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #F0F8FF;　/*　淡いブルー　*/
}


.design03 td.td_cen_r {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FFF0F5;　/*　淡いレッド　*/
}

.design03 td.td_cen03 {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FFF0F5;
}

.design03 td.td_lef_b {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #F0F8FF;　/*　淡いブルー　*/
}


/* td 淡いグレー */

.design03 td.td_cen_l_gray {
 text-align: center;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #ececec;
}
/* td 淡いグレーここまで */


/*左詰め背景グレー*/

.design03 td.td_lef {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #F6F6F6;
}

.design03 td.td_lef02 {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FFFFFF;
}

.design03 td.td_lef03 {
 text-align: left;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FFF0F5;
}


.design03 td.td_ri {
 text-align: right;
 padding: 10px;
 border: solid 1px #E0E0E0;
}

.design03 td.td_ri_r {
 text-align: right;
 padding: 10px;
 border: solid 1px #E0E0E0;
 background: #FFF0F5;　/*　淡いレッド　*/


/*　箇条書き追加
・付き　*/

.design03 td ul.ul_bullet03 {
    list-style-type: disc !important;
    padding-left: 20px;
    margin: 0;
}

.design03 td li.li_bullet03 {
    list-style-type: disc !important;
    display: list-item !important;
    margin: 2px 0;
}


/* 箇条書き追加
※付き */

.design03 td ul.ul_note03 {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.design03 td li.li_note03 {
    padding-left: 1em;
    text-indent: -1em;
    margin: 2px 0;
}

.design03 td li.li_note03::before {
    content: "※";
}


/* design03　ここまで */


.come1 {
color: #303030;
font-size: 9px;
}

p.red {
color: red; font-size: 100%;
}

p.come_s {
font-size: 0.85rem;
display: inline-block;
word-break:keep-all;
text-align: left;
}

p.come_ss {
font-size: 0.7rem;
display: inline-block;
word-break:keep-all;
text-align: left;
}

p.come_ss_c {
font-size: 0.7rem;
word-break:keep-all;
text-align:center;
}

p.come_sss {
font-size: 0.6rem;
display: inline-block;
word-break:keep-all;
text-align: left;
}

span.bk_s {
color: black; font-size: 80%;
font-weight:normal;
}

span.red {
color: red; font-size: 100%;
font-weight:bold;
}

a.dis:link {
 color: #0066FF; 
 font-weight: bold;
}
a.dis:visited { color: #336699; }
a.dis:hover { color: #6699FF; }
a.dis:active { color: #666699; }

p.p_cont01 {
 background-color: #ffffff;
 margin: 5px 20px;
 word-break: normal;
}

p.p_text150 {
 line-height: 150% ;
 word-break: normal;
}

p.p_text160 {
 line-height: 160% ;
 word-break: normal;
}

p.p_text160_b {
 line-height: 160% ;
 font-weight: bold ;
 word-break: normal;
}

p.p_text160_bc {
 line-height: 160% ;
 font-weight: bold ;
 text-align: center ;
 word-break: normal;
}

p.p_text160_m {
 line-height: 160% ;
 font-size: 90%;
 word-break: normal;
}

p.p_text160_s {
 line-height: 160% ;
 font-size: 80%;
 word-break: normal;
}

p.p_text_b {
 line-height: 1.5 ;
 font-weight: bold ;
 word-break: normal;
}

p.p_text180 {
 line-height: 180% ;
 word-break: normal;
}

p.p_text210 {
 line-height: 210% ;
 word-break: normal;
}

.mycontent:before{
content:"\02713";
color: #33CC99; font-size: 120%;
font-weight:bold;
text-align: center;
}

.mycontent02:before{
content:"\02715";
color: #FF0000; font-size: 120%;
font-weight:bold;
text-align: center;
}

.mycontent03:before{
content:"\025cb";
color: #000000; font-size: 120%;
font-weight:bold;
text-align: center;
}

hr.hr_01 {
	border-top: 1px solid #8c8b8b;
}
hr.hr_02 {
	border-top: 3px double #8c8b8b;
}
hr.hr_03 {
	border-top: 1px dashed #8c8b8b;
}
hr.hr_04 {
	border-top: 1px dotted #8c8b8b;
}
hr.hr_05 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}
hr.hr_06 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}


li.li_jo {
margin-left: 10px;
list-style-type: circle;
}


.box01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box01 p {
    margin: 0; 
    padding: 0;
}



.box-text02 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box-text02 p {
    margin: 0; 
    padding: 0;
}


/* 青　*/

.box01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #3399ff;/*文字色*/
    background: #FFF;
    border: solid 3px #3399ff;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box01 p {
    margin: 0; 
    padding: 0;
}


/* 緑　*/

.box02 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #009966;/*文字色*/
    background: #FFF;
    border: solid 3px #009966;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box02 p {
    margin: 0; 
    padding: 0;
}