@charset "UTF-8";
h2.title{background:url("../img/common/title-icon/i014.png") left center no-repeat; background-size:contain;}


#herbal_medicine{margin-top:20px;}
#herbal_medicine .pink{border-bottom: 1px dotted #FF4F82; color: #FF4F82;}

#herbal_medicine { margin-bottom: 40px; }
#herbal_medicine p { margin-bottom: 20px; }

#herbal_medicine .incnt { padding-bottom: 30px; }
#herbal_medicine h3{margin:15px 0; padding:5px 10px; background:#95C655; color:#fff; font-size:20px; font-size:2rem; font-weight:100;}
#herbal_medicine h4.child { display: block; margin: 0 auto 20px; background: #FFEED4; box-shadow: 0px 0px 0px 5px #FFEED4; border: dashed 2px #fff; padding: .5em; font-size: 1.2em; letter-spacing: .3em; text-align: center; color: #FFAD33; font-weight: bold; }
#herbal_medicine h4.mom { display: block; margin: 0 auto 20px; background: #FFD4E4; box-shadow: 0px 0px 0px 5px #FFD4E4; border: dashed 2px #fff; padding: .5em; font-size: 1.2em; letter-spacing: .3em; text-align: center; color: #FF4D8E; font-weight: bold; }
#herbal_medicine p.line:before,
#herbal_medicine p.line:after { content: "―"; padding: 15px; color: #4bbf00; font-weight: bold; }
#herbal_medicine ul { list-style-type: none; }
#herbal_medicine ul:after { content: ""; clear: both; display: block; }
#herbal_medicine ul li { display: block; box-sizing: border-box; font-size: 1.15em; padding: 10px; }
#herbal_medicine ul.ul_1 { margin-bottom: 20px; }
#herbal_medicine ul.ul_1 li { height: 250px; border: solid 1px #eee; border-radius: 10px; margin-bottom: 12px; }
#herbal_medicine ul.child li:before { content: "●"; color: #FFAD33; padding-right: 1px; }
#herbal_medicine ul.mom li:before { content: "●"; color: #FF4D8E; padding-right: 1px; }
#herbal_medicine ul.child2 li:before { content: "●"; color: #FFAD33; padding-right: 1px; }
#herbal_medicine ul.mom2 li:before { content: "●"; color: #FF4D8E; padding-right: 1px; }
#herbal_medicine ul.mom li { border: solid 1px #FFD4E4; }
#herbal_medicine ul.child li { border: solid 1px #FFEED4 ; }

#herbal_medicine ul.child li:nth-of-type(1) { background: url(../img/herbal_medicine/ul_2_c01.png) 20px 10px / 250px no-repeat; }
#herbal_medicine ul.child li:nth-of-type(2) { background: url(../img/herbal_medicine/ul_2_c02.png) 14px 10px / 250px no-repeat; }
#herbal_medicine ul.child li:nth-of-type(3) { background: url(../img/herbal_medicine/ul_2_c03.png) 28px 20px / 220px no-repeat; }
#herbal_medicine ul.child li:nth-of-type(4) { background: url(../img/herbal_medicine/ul_2_c04.png) 30px 36px / 210px no-repeat }
#herbal_medicine ul.child li:nth-of-type(5) { background: url(../img/herbal_medicine/ul_2_c05.png) 30px 24px / 230px no-repeat; }
#herbal_medicine ul.child li:nth-of-type(6) { background: url(../img/herbal_medicine/ul_2_c06.png) 18px 8px / 250px no-repeat; }

#herbal_medicine ul.mom li:nth-of-type(1) { background: url(../img/herbal_medicine/ul_2_m01.png) 20px 10px / 235px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(2) { background: url(../img/herbal_medicine/ul_2_m02.png) 30px 30px / 210px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(3) { background: url(../img/herbal_medicine/ul_2_m03.png) 25px 30px / 220px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(4) { background: url(../img/herbal_medicine/ul_2_m04.png) 40px 50px / 190px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(5) { background: url(../img/herbal_medicine/ul_2_m05.png) 35px 24px / 220px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(6) { background: url(../img/herbal_medicine/ul_2_m06.png) 25px 25px / 215px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(7) { background: url(../img/herbal_medicine/ul_2_m07.png) 25px 25px / 230px no-repeat; }
#herbal_medicine ul.mom li:nth-of-type(8) { background: url(../img/herbal_medicine/ul_2_m08.png) 25px 25px / 230px no-repeat; }


@media only screen and (min-width:360px) {
}

@media only screen and (min-width:640px) {
#herbal_medicine ul li { display: block; float: left; width: 49%; box-sizing: border-box; font-size: 1.15em; padding: 10px; }
#herbal_medicine ul.ul_1 li:nth-child(odd) { float: left; }
#herbal_medicine ul.ul_1 li:nth-child(even) { float: right; }
#herbal_medicine ul.ul_2 li:nth-child(odd) { padding-left: 120px; }
}