/*  01.  guide
--------------------------------*/
/*  pc  */
@media screen and (min-width: 980px){
/*  guide  */
#guide_wrap {float: left; width: 100%; height: auto;}
#guide {float: left; width: 90%; height: auto; margin-left: 5%; margin-right: 5%; margin-top: 50px; margin-bottom: 50px;}
#guide img {width: 100%; height: auto;}

/*  guide  *//*  user  */
#guide_user {float: left; width: 100%; height: auto;}
#guide_user h2 {line-height: 30px; margin-bottom: 20px; font-size: 12px; font-weight: normal;}
#guide_user h2 span {margin-right: 10px; font-size: 30px; font-family: 'Oswald', sans-serif;}
#guide_user p {line-height: 20px; margin-bottom: 20px; font-size: 14px; font-weight: normal;}
#guide_user dl {float: left; width: 90%; height: auto; padding-left: 5%; padding-right: 5%; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #333333;}
#guide_user dl:last-child {border-bottom: 1px solid #333333;}
#guide_user dl dt {line-height: 30px; margin-bottom: 10px; font-size: 12px; font-weight: normal;}
#guide_user dl dt span {margin-right: 10px; font-size: 20px; font-family: 'Oswald', sans-serif;}
#guide_user dl dd {line-height: 30px; font-size: 14px; font-weight: normal;}

/*  guide  *//*  legal  */
#legal,
#return,
#contact,
#delivery,
#payment {float: left; width: 100%; height: auto; margin-top: 100px;}
#legal h2,
#return h2,
#contact h2,
#delivery h2,
#payment h2 {line-height: 30px; margin-bottom: 20px; font-size: 12px; font-weight: normal;}
#legal h2 span,
#return h2 span,
#contact h2 span,
#delivery h2 span,
#payment h2 span {margin-right: 10px; font-size: 30px; font-family: 'Oswald', sans-serif;}
#legal p,
#return p,
#contact p,
#delivery p,
#payment p {line-height: 20px; margin-bottom: 50px; font-size: 14px; font-weight: normal;}
#legal dl,
#return dl,
#contact dl,
#delivery dl,
#payment dl {float: left; width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #EEEEEE;}
#legal dl dt,
#return dl dt,
#contact dl dt,
#delivery dl dt,
#payment dl dt {float: left; width: 30%; height: auto; line-height: 30px; padding-left: 5%; font-size: 14px; font-weight: bold;}
#legal dl dd,
#return dl dd,
#contact dl dd,
#delivery dl dd,
#payment dl dd {float: left; width: 55%; height: auto; line-height: 30px; padding-left: 5%; padding-right: 5%; font-size: 14px; font-weight: normal;}
#payment dl dt,
#payment dl dd {margin-bottom: 20px;}
#payment dl dd p {line-height: 20px; font-size: 12px; font-weight: normal; margin-bottom: 0px;}
#payment dl dd img {float: left; width: 30px; height: auto; margin-left: 10px; margin-right: 10px;}
}

/*  sp  */
@media screen and (max-width: 979px){
/*  guide  */
#guide_wrap {float: left; width: 100%; height: auto;}
#guide {float: left; width: 90%; height: auto; margin-left: 5%; margin-right: 5%; margin-top: 50px; margin-bottom: 50px;}
#guide img {width: 100%; height: auto;}

/*  guide  *//*  user  */
#guide_user {float: left; width: 100%; height: auto;}
#guide_user h2 {line-height: 20px; margin-bottom: 20px; font-size: 12px; font-weight: normal; color: #000000;}
#guide_user h2 span {margin-right: 10px; font-size: 20px; font-family: 'Oswald', sans-serif;}
#guide_user p {line-height: 20px; margin-bottom: 20px; font-size: 14px; font-weight: normal; color: #000000;}
#guide_user dl {float: left; width: 90%; height: auto; padding-left: 5%; padding-right: 5%; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #333333;}
#guide_user dl:last-child {border-bottom: 1px solid #333333;}
#guide_user dl dt {line-height: 30px; margin-bottom: 10px; font-size: 12px; font-weight: normal;}
#guide_user dl dt span {margin-right: 10px; font-size: 20px; font-family: 'Oswald', sans-serif;}
#guide_user dl dd {line-height: 30px; font-size: 14px; font-weight: normal;}

/*  guide  *//*  legal  */
#legal,
#return,
#contact,
#delivery,
#payment {float: left; width: 100%; height: auto; margin-top: 100px;}
#legal h2,
#return h2,
#contact h2,
#delivery h2,
#payment h2 {line-height: 20px; margin-bottom: 20px; font-size: 12px; font-weight: normal;}
#legal h2 span,
#return h2 span,
#contact h2 span,
#delivery h2 span,
#payment h2 span {margin-right: 10px; font-size: 20px; font-family: 'Oswald', sans-serif;}
#legal p,
#return p,
#contact p,
#delivery p,
#payment p {line-height: 20px; margin-bottom: 10px; font-size: 14px; font-weight: normal;}
#legal dl,
#return dl,
#contact dl,
#delivery dl,
#payment dl {float: left; width: 90%; height: auto; padding-top: 20px; padding-bottom: 20px; padding-left: 5%; padding-right: 5%; border-top: 1px solid #EEEEEE;}
#guide_legal dl:last-child,
#guide_return dl:last-child,
#guide_contact dl:last-child,
#guide_delivery dl:last-child,
#guide_payment dl:last-child {border-bottom: 1px solid #EEEEEE;}
#legal dl dt,
#return dl dt,
#contact dl dt,
#delivery dl dt,
#payment dl dt {float: left; width: 100%; height: auto; line-height: 30px; margin-bottom: 5px; font-size: 14px; font-weight: bold;}
#legal dl dd,
#return dl dd,
#contact dl dd,
#delivery dl dd,
#payment dl dd {float: left; width: 100%; height: auto; line-height: 30px; font-size: 14px; font-weight: normal;}
#payment dl dd {margin-bottom: 20px;}
#payment dl dd p {line-height: 20px; font-size: 12px; font-weight: normal; margin-bottom: 0px;}
#payment dl dd img {float: left; width: 30px; height: auto; margin-left: 10px; margin-right: 10px;}
}