@charset "shift_jis";
/*--------------------------------------------------------------------------------OP*/
.TBTQ_OP {flex-direction: row-reverse;display: flex;flex-wrap: wrap;border: 1px solid #ccc;border-top: 2px solid #8bc34a;margin-top: 25px;position: relative;width: 1000px;margin: 0 auto;}
.TBTQ_OP .icon {font-size: 14px;margin-bottom: 10px;padding: 2px 4px;font-weight: bold;color: #8bc34a;position: absolute;background-color: #fff;top: -12px;right: 12px;}
.TBTQ_OP .photo img { width:100%; height:auto; }
.TBTQ_OP .caption { padding-top: 4px; font-size: 10px; text-align: right; }
.TBTQ_OP .Entry {display: flex;flex-wrap: wrap;width:100%;padding: 15px;box-sizing: border-box;}
.TBTQ_OP .Entry + .Entry {margin-top: 15px;padding-top: 15px;border-top: 1px solid #ccc;}
.TBTQ_OP .Entry h3{width:100%;font-size: 16px;padding-bottom: 7px;font-weight: bold;}
.TBTQ_OP .Entry h3 strong{color: #8bc34a;}
.TBTQ_OP .Entry .photo {width: 180px;margin-right: 15px;padding-top: 3px;}
.TBTQ_OP .Entry .photo ul{}
.TBTQ_OP .Entry .photo li + li{ margin-top:10px}
.TBTQ_OP .Entry .main {
    width: 1%;
    flex-grow: 1;
}
.TBTQ_OP .Entry .main .mainTxt {font-size: 12px;padding-bottom: 10px;line-height: 1.6;}
.TBTQ_OP .Entry .main .price {width: 100%;border: 1px solid #8bc34a;border-radius: 3px;margin-bottom: 10px;}
.TBTQ_OP .Entry .main .price dl {margin: 0;}
.TBTQ_OP .Entry .main .price dt {background-color: #8bc34a;color: #fff;font-size: 14px;display: flex;align-items: center;padding: 0 8px;white-space: nowrap;}
.TBTQ_OP .Entry .main .price dd {font-size: 12px;display: flex;padding: 9px;flex-wrap: wrap;width: 100%;box-sizing: border-box;align-items: center;}
.TBTQ_OP .Entry .main .price dd + dd{ border-top: 1px dotted #8bc34a;}
.TBTQ_OP .Entry .main .price dd strong {color: #8bc34a;font-size: 20px;line-height: 1;}
.TBTQ_OP .Entry .main .price dd span {font-size: 10px;}
.TBTQ_OP .Entry .main ul {margin-bottom: 5px;}
.TBTQ_OP .Entry .main li { display: flex; align-items: end; }
.TBTQ_OP .Entry .main li + li { margin-top: 4px; }
.TBTQ_OP .Entry .main li strong { display: inline-block; font-weight: bold; }
.TBTQ_OP .Entry .main li:before {content:"\f14a";font-family:FontAwesome;padding-right: 3px;margin-top: 3px;color: #8bc34a;}

.TBTQ_OP .atteAll { margin-top:5px; background-color: #f5f5f5; width: 100%; padding: 10px; padding-bottom: 5px; }
.TBTQ_OP .atteAllttl { font-weight: bold; padding-bottom: 5px; }
.TBTQ_OP .atteAll ul { margin-bottom: 5px; }
.TBTQ_OP .atteAll li { display: flex; align-items: end; }
.TBTQ_OP .atteAll li + li { margin-top: 4px; }
.TBTQ_OP .atteAll li strong { display: inline-block; font-weight: bold; }
.TBTQ_OP .atteAll li:before { content:"\f14a"; font-family:FontAwesome; padding-right: 3px; margin-top: 3px; color: #8bc34a; }

/*--------------------------------------------------------------------------------qualita*/
.TBTQ_OP.qualita{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.TBTQ_OP.qualita h3{
    font-size: 18px;
}
.TBTQ_OP.qualita .icon{
    font-size: 18px;
    top: -16px;
}
.TBTQ_OP.qualita .Entry .photo{width: 260px;}
.TBTQ_OP.qualita .Entry .photo .img{ line-height:0}
.TBTQ_OP.qualita .Entry .main li + li{
    margin-top: 1px;
}

/*--------------------------------------------------------------------------------SMP*/
.TBTQ_OP.SMP { width: 92.5%; margin: 0 auto; margin-top: 25px; line-height: 1.4; }
.TBTQ_OP.SMP .icon { }
.TBTQ_OP.SMP .photo img { }
.TBTQ_OP.SMP .caption { }
.TBTQ_OP.SMP .Entry { padding: 12px; padding-top: 15px; }
.TBTQ_OP.SMP .Entry + .Entry { }
.TBTQ_OP.SMP .Entry h3 { font-size: 14px; }
.TBTQ_OP.SMP .Entry h3 strong { }
.TBTQ_OP.SMP .Entry .photo {/* display: none; */width: 120px;}
.TBTQ_OP.SMP .Entry .photo ul { }
.TBTQ_OP.SMP .Entry .photo li { }
.TBTQ_OP.SMP .Entry .photo li + li { }
.TBTQ_OP.SMP .Entry .photo p.img { padding-bottom: 0; line-height: 0; }
.TBTQ_OP.SMP .Entry .photo img { line-height: 0; }
.TBTQ_OP.SMP .Entry .main { }
.TBTQ_OP.SMP .Entry .main .mainTxt { }
.TBTQ_OP.SMP .Entry .main .price { }
.TBTQ_OP.SMP .Entry .main .price dl { }
.TBTQ_OP.SMP .Entry .main .price dt { }
.TBTQ_OP.SMP .Entry .main .price dd { line-height: 1.4; padding: 5px 10px; }
.TBTQ_OP.SMP .Entry .main .price dd + dd { }
.TBTQ_OP.SMP .Entry .main .price dd strong { font-size: 16px; }
.TBTQ_OP.SMP .Entry .main .price dd span { }
.TBTQ_OP.SMP .Entry .main ul { }
.TBTQ_OP.SMP .Entry .main li { font-size: 12px; }
.TBTQ_OP.SMP .Entry .main li + li { }
.TBTQ_OP.SMP .Entry .main li strong { }
.TBTQ_OP.SMP .Entry .main li:before { margin-top: 0; }
.TBTQ_OP.SMP .atteAll { }
.TBTQ_OP.SMP .atteAllttl { }
.TBTQ_OP.SMP .atteAll ul { }
.TBTQ_OP.SMP .atteAll li { }
.TBTQ_OP.SMP .atteAll li + li { }
.TBTQ_OP.SMP .atteAll li strong { }
.TBTQ_OP.SMP .atteAll li:before { }


