@charset"UTF-8";

#syousai h2{
    text-align: left;
    font-size: 2.2rem;
    font-weight: bold;
    border-bottom: 2px solid #ff7146;
    margin-bottom: 10px;
    margin-top:20px;
    display: flex;
    align-items: center;
}

#syousai h2.use::before{
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    margin-right:10px;
    margin-top:10px;
    vertical-align:middle;
    background:url(https://gigaplus.makeshop.jp/ksfood/images/icn_pot.svg) no-repeat;
    background-size:contain;
}

#syousai h2.item::before{
    content: "";
    display:inline-block;
    width:30px;
    height:30px;
    margin-right:10px;
    margin-top:12px;
    vertical-align:middle;
    background:url(https://gigaplus.makeshop.jp/ksfood/images/icn_book.svg) no-repeat;
    background-size:contain;
}

#syousai h3 {
    position: relative;
    font-size:17px;
    font-weight:bold;
    color: #000;
    margin-top:30px;
    margin-bottom:10px;
}

#syousai h3::before{
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:10px;
    vertical-align: middle;
    background:url(https://gigaplus.makeshop.jp/ksfood/images/icn_h3.svg) no-repeat;
    background-size:contain;
}

#syousai p{
    text-align:justify;
    font-size:16px;
}

#syousai p.bg{
    display:inline-block;
    background-color:#fff2e5;
    padding:20px;
    margin:20px 20px 0 20px;
    max-width:750px;
    outline:solid white 3px;
    outline-offset:-8px;
}

#syousai ul{
    list-style:none;
}

#syousai ul li{
    padding-left:20px;
    background:url(https://gigaplus.makeshop.jp/ksfood/images/icn_li.svg) left 0px top 4px no-repeat;
    background-size:17px auto;
    font-size:16px;
    margin-left:10px;
}

#syousai ol{
    margin:10px;
}

#syousai ol li{
    list-style-type:decimal;
    font-size:16px;
    margin-left:25px;
}

#use table, #use td{
    border-collapse:collapse;/*邱壹ｒ驥阪�縺ｦ陦ｨ遉ｺ*/
    border:1px solid #B2B2B2;
    /*background-color:#FFF8E5;*/
    height:50px;
    padding:10px;
    max-width:800px;
    vertical-align:middle;        
}

#use .cl{
    background-color:#fff2e5;
    width:90px;
    text-align:center;
}

#components table,#components td{
    border-collapse:collapse;/*邱壹ｒ驥阪�縺ｦ陦ｨ遉ｺ*/
    /*background-color:#FFF8E5;*/
    max-width:800px;
    height:15px;
    margin-bottom:10px;
    padding:5px 10px;
    vertical-align:middle;
}

#components td {
    border:1px solid #B2B2B2;
}

#components .cl{
    background-color:#fff2e5;
    width:90px;
    text-align:center;
}

#components .clval{
    width:70px;
    text-align:right;
}

#componentsSP table,#componentsSP td{
    border-collapse:collapse;/*邱壹ｒ驥阪�縺ｦ陦ｨ遉ｺ*/
    border:1px solid #B2B2B2;
    /*background-color:#FFF8E5;*/
    max-width:800px;
    height:15px;
    padding:5px 10px;
    margin-top:20px;
    margin-bottom:10px;
    vertical-align:middle;
}

#componentsSP .cl{
    background-color:#fff2e5;
    width:100px;
    text-align:center;
}

#componentsSP .clval{
    width:70px;
    text-align:right;
}

#syousai input[type=checkbox] + label::after {
  content: "+";
  font-size:30px;
}

#syousai input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}

#other table{
    max-width:800px;
    height:15px;
    text-align:left;
    border-collapse:collapse;
    font-size:16px;
}

#other th{
    max-width:200px;
    border:solid 1px #B2B2B2;
    background-color: #fff2e5;
    padding:0px 15px;
    font-weight:normal;
}

#other td{
    max-width:600px;
    border:solid 1px #B2B2B2;
    padding:5px 15px;
}

#other + p{
    text-align:end;
    font-size:16px;
    margin-top:30px;
}
#syosai .Re-components {
    display: flex;
    flex-wrap: wrap;
}
#syosai .Re-components table {
    display: inline-block;
    border-collapse: collapse;
    padding: 0 20px;
}
#syosai .Re-components th,.Re-components td {
    border-bottom: 1px solid gray;
    text-align: left;
    height: 35px;
    font-weight: 500;
    font-size: 16px;
}
#syosai .Re-components th {
    width: 140px;
}
#syosai .Re-components td {
    width: 70px;
}
#syosai .Re-components th.indent {
    padding-left: 20px;
    width: 120px;
}
#syosai .Re-components th.indent::before {
    content: "－";
    padding-right: 5px;
}
#syosai .Re-components small {
    width: 100%;
    margin-top: 10px;
    padding-left: 20px;
}