@charset "euc-jp";
/*--------- CSS MENU ---------*/
/*------------------------------
/*  01.  guide
--------------------------------
------------------------------*/

/*  01.  guide
--------------------------------*/
/*  pc  */
@media screen and (min-width: 980px){
/*  guide  */
#page_guide .content {width: 900px;}
#guide {float: left; width: 100%; height: auto; padding: 40px; box-sizing: border-box;}

/*  guide  *//*  user  */
#guide_user {float: left; width: 100%; height: auto; padding: 40px 40px 20px 40px; margin-bottom: 40px; background-color: #EEEEEE; border: 1px solid #DDD; border-radius: 20px; box-sizing: border-box; }
#guide_user h2 {line-height: 30px; font-size: 14px; font-weight: bold; color: #121A27;}
#guide_user h2 span {margin-right: 10px; font-size: 30px; color: #121A27;}
#guide_user p {line-height: 20px; font-size: 14px; font-weight: bold; color: #121A27;}

#guide_user-body {float: left; width: 100%; height: auto; margin-top: 20px;}
#guide_user-body dl {width: 100%; height: auto; padding: 20px 0px 20px 0px; border-top: 1px solid #DDD; box-sizing: border-box;}
#guide_user-body dl dt {line-height: 30px; margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #333;}
#guide_user-body dl dt span {margin-right: 20px; font-size: 24px; font-weight: normal; color: #333;}
#guide_user-body dl dd {line-height: 30px; font-size: 14px; font-weight: normal; color: #333;}

/*  guide  *//*  legal  */
#legal,
#return,
#contact,
#delivery,
#payment {float: left; width: 100%; height: auto; margin-top: 40px;}
#legal h2,
#return h2,
#contact h2,
#delivery h2,
#payment h2 {line-height: 30px; font-size: 14px; font-weight: bold; color: #121A27;}
#legal h2 span,
#return h2 span,
#contact h2 span,
#delivery h2 span,
#payment h2 span {margin-right: 20px; font-size: 30px;}
#legal p,
#return p,
#contact p,
#delivery p,
#payment p {line-height: 20px; font-size: 14px; font-weight: bold; color: #121A27;}

#guide_legal-body,
#guide_return-body,
#guide_contact-body,
#guide_delivery-body,
#guide_payment-body {float: left; width: 100%; height: auto; margin-top: 20px; border-top: 1px solid #EEE;}
#guide_legal-body dl,
#guide_return-body dl,
#guide_contact-body dl,
#guide_delivery-body dl,
#guide_payment-body dl {display: flex; flex-wrap: nowrap; float: left; width: 100%; height: auto; padding: 20px 0px 20px 0px; box-sizing: border-box; border-bottom: 1px solid #EEE;}
#guide_legal-body dl dt,
#guide_return-body dl dt,
#guide_contact-body dl dt,
#guide_delivery-body dl dt,
#guide_payment-body dl dt {width: 320px; height: auto; line-height: 20px; font-size: 12px; font-weight: normal; color: #333;}
#guide_legal-body dl dd,
#guide_return-body dl dd,
#guide_contact-body dl dd,
#guide_delivery-body dl dd,
#guide_payment-body dl dd {width: calc(100% - 340px); height: auto; line-height: 20px; margin-right: 20px; font-size: 12px; font-weight: normal; color: #333;}

#guide_payment-body dl dt,
#guide_payment-body dl dd {margin-bottom: 20px;}
#guide_payment-body dl dl dd p {line-height: 20px; font-size: 12px; font-weight: normal;}
#guide_payment-body dl dd img {max-width: 100%; height: auto; margin-right: 10px; margin-bottom: 10px;  vertical-align: top;}
}

/*  sp  */
@media screen and (max-width: 979px){
/*  guide  */
#guide {float: left; width: 100%; height: auto; padding: 20px; box-sizing: border-box;}

/*  guide  *//*  user  */
#guide_user {float: left; width: 100%; height: auto; padding: 20px 20px 10px 20px; box-sizing: border-box; background-color: #EEE;}
#guide_user h2 {line-height: 20px; font-size: 12px; font-weight: bold; color: #121A27;}
#guide_user h2 span {margin-right: 10px; font-size: 20px;}
#guide_user p {line-height: 20px; font-size: 12px; font-weight: normal; color: #121A27;}

#guide_user-body {float: left; width: 100%; height: auto; margin-top: 10px;}
#guide_user-body dl {width: 100%; height: auto; padding: 10px 0px 10px 0px; border-top: 1px solid #DDD; box-sizing: border-box;}
#guide_user-body dl dt {line-height: 20px; margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #121A27;}
#guide_user-body dl dt span {margin-right: 5px; font-size: 20px; font-weight: normal;}
#guide_user-body dl dd {line-height: 20px; font-size: 12px; font-weight: normal; color: #121A27;}

/*  guide  *//*  legal  */
#legal,
#return,
#contact,
#delivery,
#payment {float: left; width: 100%; height: auto; margin-top: 20px;}
#legal h2,
#return h2,
#contact h2,
#delivery h2,
#payment h2 {line-height: 20px; font-size: 12px; font-weight: bold; color: #121A27;}
#legal h2 span,
#return h2 span,
#contact h2 span,
#delivery h2 span,
#payment h2 span {margin-right: 10px; font-size: 20px;}
#legal p,
#return p,
#contact p,
#delivery p,
#payment p {line-height: 20px; font-size: 12px; font-weight: normal; color: #121A27;}

#guide_legal-body,
#guide_return-body,
#guide_contact-body,
#guide_delivery-body,
#guide_payment-body {float: left; width: 100%; height: auto; margin-top: 10px; border-top: 1px solid #EEE;}
#guide_legal-body dl,
#guide_return-body dl,
#guide_contact-body dl,
#guide_delivery-body dl,
#guide_payment-body dl {float: left; width: 100%; height: auto; border-bottom: 1px solid #EEE;}
#guide_legal-body dl dt,
#guide_return-body dl dt,
#guide_contact-body dl dt,
#guide_delivery-body dl dt,
#guide_payment-body dl dt {float: left; width: 100%; height: auto; line-height: 20px; padding: 5px; font-size: 12px; font-weight: bold; background-color: #EEE; box-sizing: border-box;}
#guide_legal-body dl dd,
#guide_return-body dl dd,
#guide_contact-body dl dd,
#guide_delivery-body dl dd,
#guide_payment-body dl dd {float: right; width: 100%; height: auto; line-height: 20px; padding: 10px 5px 10px 5px; font-size: 12px; font-weight: normal; box-sizing: border-box;}

#guide_payment-body dl dd img {max-width: 100%; height: auto; margin-right: 5px; margin-bottom: 5px; vertical-align: top;}
}