@charset "utf-8";


/* replace.html css */
.table_sapo{background-color: #09F;text-align: left;padding: 8px;color: #FFF;font-size: 1.2em;padding-left: 20px;margin-bottom: 20px;font-weight: bold;}
p.green{border-collapse: collapse;background-color: #CFF1AA;text-align: left;width: 98%;margin-bottom: 1em;margin-top: 5px;font-weight: bold;font-size: 14px;padding-left: 1em;}
p.pink{border-collapse: collapse;background-color: #F8D2F4;text-align: left;padding-left: 1em;width: 98%;margin-bottom: 12px;margin-top: 5px;font-weight: bold;font-size: 14px;}
span.emerald{border-collapse: collapse;background-color: #BBECEA;text-align: left;padding-left: 1em;line-height: 2em;width: 98%;margin-bottom: 12px;margin-top: 5px;display: block;font-weight: bold;font-size: 14px;}
p.gray{border-collapse: collapse;background-color: #ccc;text-align: left;width: 98%;font-size: 14px;margin-bottom: 12px;margin-top: 5px;font-weight: bold;padding-left: 1em;}
ul.replace {padding-left: 1em;}
ul.replace li{width:100%;}
ul.replace li:nth-child(1):before{content:"1."; margin-right:.5em; margin-left:-1em;}
ul.replace li:nth-child(2):before{content:"2."; margin-right:.5em; margin-left:-1em}
ul.replace li:nth-child(3):before{content:"3."; margin-right:.5em; margin-left:-1em}
.work{width: 100%;font-size: 14px;color: #FFF;text-align: center;line-height: 30px;margin: 5px;background-color: #F78686;}
.work_in{width: 95%;text-align: right;margin: 0 auto;}
.work_move{width: 100%;text-align: center;line-height: 28px;border: 4px solid;border-color: #FA8888;color: #F00;padding: 10px 0px;margin: 0 auto;border-radius: 15px;}
.work_move a{position: relative;display: inline-block;}
.work_move a:after{content:"\f061";margin-left:0.5em;font-family:fontawesome;position: absolute;}
.work_move a:hover:after{right:-2em;}

section.pvVerup{display:flex;display: -webkit-flex;}
section.pvVerup article{display: block;padding: 1em;background: #f8fafb; border:1px solid #eee;}
section.pvVerup article:nth-of-type(1){width:60%;margin-right: 2em;}
section.pvVerup article:nth-of-type(2){width:40%; border:1px solid #eee;}
section.pvVerup p{line-height: 2em;}
h5.price{font-size:14px;font-weight:bold;line-height: inherit;margin-bottom: 10px;box-shadow: none;background: none;text-align: right;padding: 0;}

ul.number li{line-height: 1.5em;display: inline-flex;}
.number li:nth-child(1):before{content:"1";margin-right: .5em;margin-left: -.5em;}
.number li:nth-child(2):before{content:"2";margin-right: .5em;margin-left: -.5em;}

ul.list li{line-height: 1.5em;display: inline-flex;}
.list li:before{content:"※";margin-right: .5em;margin-left: -.5em;}

ul.txt{margin-top:1em;}
ul.txt li{line-height: 1.5em;padding-left: 1em;display: inline-flex;}
.txt li:nth-child(1):before{content:"※1";}
.txt li:nth-child(2):before{content:"※2";}
.txt li:nth-child(3):before{content:"※3";}
.txt li:nth-child(4):before{content:"※4";}
.txt li:nth-child(1):before,.txt li:nth-child(2):before,.txt li:nth-child(3):before,.txt li:nth-child(4):before
{margin-right:1em; margin-left:-1em;}


@media (min-width: 320px) and (max-width: 728px) {
section.pvVerup{-webkit-flex-direction: column;flex-direction: column;width: 97%;}
section.pvVerup article:nth-of-type(1){width: 96%;margin-right: 0em;border-bottom:none;}
ul.replace li{width:100%;line-height: 2em;}
section.pvVerup article:nth-of-type(2){width: 96%;border-top:none;}
.work{width: 97%;}
p.gray,span.emerald{width: 96%;}
p.pink{width: 96%;}
p.green{width: 96%;}
}