.user-body{background:rgba(204,153,0,0.1)}.member-body{background:rgba(51,153,153,0.1)}#mypage{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:30px}@media only screen and (max-width: 767px){#mypage{padding:0 15px 30px}}#mypage .page-title{width:100%}#mypage main{width:765px}#mypage main.wide{width:100%}#mypage main section{margin-top:15px;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:30px 45px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}#mypage main section.center{text-align:center}#mypage main section.no-padding{padding:0}@media only screen and (max-width: 767px){#mypage main section{padding:24px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}}#mypage aside{width:300px}#mypage aside section{margin-top:15px;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:30px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}@media only screen and (max-width: 767px){#mypage aside{width:100%;max-width:300px;margin:0 auto}}.strong{font-weight:700;font-size:2.1rem;color:orange}.mypage-title{margin-top:15px;position:relative;width:100%;text-align:center;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:15px 45px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.mypage-title .title{font-size:2.1rem;line-height:1.5;letter-spacing:.05em}.mypage-title .title:before{font-family:'Font Awesome 5 Free';font-weight:400;margin-right:.25em}.mypage-title .title.company:before{color:#399;content:'\f1ad'}.mypage-title .sub{position:absolute;right:0;top:.5em;font-size:1.5rem;font-weight:400;vertical-align:middle}.mypage-title .sub a{margin-left:.5em}@media only screen and (max-width: 767px){.mypage-title{padding:12px}.mypage-title .title{font-size:1.6rem}.mypage-title .sub{font-size:1.2rem}}.input-box{margin-top:15px;border:3px solid #399;padding:15px;background:#fff}.td-title{color:#399}#mypage-nav{width:100%;margin-top:1em;font-size:1.6rem;letter-spacing:.05em;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}@media only screen and (max-width: 767px){#mypage-nav{font-size:1.3rem}}#mypage-nav ul{display:flex;padding:12px 15px}@media only screen and (max-width: 767px){#mypage-nav ul{flex-wrap:wrap;padding:9px}}#mypage-nav ul li{width:25%;border-left:1px solid #fff}@media only screen and (max-width: 767px){#mypage-nav ul li{width:50%;border-left:none}}#mypage-nav ul li:first-of-type{border-left:none}@media only screen and (max-width: 767px){#mypage-nav ul li:first-of-type{width:100%;border-bottom:1px solid #fff}}@media only screen and (max-width: 767px){#mypage-nav ul li:nth-of-type(2),#mypage-nav ul li:nth-of-type(3){padding-top:9px}}#mypage-nav ul li:before{content:'';width:1px;height:100%;background:#fff}#mypage-nav ul li a{display:block;color:#fff;text-align:center;font-weight:700;line-height:30px}#mypage-nav ul li a:hover{opacity:.5}#mypage-nav ul li a:before{font-family:'Font Awesome 5 Free';font-weight:900;margin-right:.25em}#mypage-nav ul li a.message:before{content:'\f0e0'}#mypage-nav ul li a.company:before{content:'\f1ad'}#mypage-nav ul li a.recruit:before{content:'\f500'}#mypage-nav ul li a.ad:before{content:'\f03e'}#mypage-nav ul li a.user:before{content:'\f007'}#mypage-nav ul li a.profile:before{content:'\f2bb'}#mypage-nav ul li a.favorite:before{content:'\f005'}#mypage-nav.member{background:#399}#mypage-nav.user{background:#c90}.mypage-toc{display:flex;justify-content:flex-start;flex-wrap:wrap}.mypage-toc li{width:23.5%;margin-left:2%;margin-top:15px}.mypage-toc li:nth-child(4n+1){margin-left:0}.mypage-toc li:nth-child(1),.mypage-toc li:nth-child(2),.mypage-toc li:nth-child(3),.mypage-toc li:nth-child(4){margin-top:0}@media only screen and (max-width: 767px){.mypage-toc li{width:48%;justify-content:space-between;margin:6px 0 0 4%}.mypage-toc li:nth-child(3),.mypage-toc li:nth-child(4){margin-top:12px}.mypage-toc li:nth-child(2n+1){margin-left:0}}.mypage-toc li a{position:relative;display:block;padding:15px;text-align:center;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.mypage-toc li a h3{font-size:1.4rem}.mypage-toc li a:before{display:block;font-family:'Font Awesome 5 Free';font-weight:900;font-size:60px;height:60px;margin:0 0 15px;color:#c90}@media only screen and (max-width: 767px){.mypage-toc li a{padding:9px}.mypage-toc li a:before{font-size:30px;height:30px;margin:0 0 12px}.mypage-toc li a h3{font-size:1.2rem}}.mypage-toc li a.message:before{content:'\f0e0'}.mypage-toc li a.profile:before{content:'\f2bd'}.mypage-toc li a.favorite:before{content:'\f005'}.mypage-toc li a.withdrawal:before{content:'\f2f5'}.mypage-toc li a.recruit:before{content:'\f500'}.mypage-toc li a.advertisement:before{content:'\f03e'}.mypage-toc li a.article:before{content:'\f15c'}.mypage-toc li a:hover{opacity:.5}.mypage-toc li a .count{position:absolute;right:-9px;top:-9px;color:#fff;font-size:1.8rem;font-weight:700;min-width:30px;height:30px;line-height:30px;background:#c00;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}.mypage-toc li a .count.member{background:#399}.mypage-toc.user li a{border:1px solid #c90}.mypage-toc.user li a h3{color:#c90}.mypage-toc.user li a:before{color:#c90}.mypage-toc.member li a{border:1px solid #399}.mypage-toc.member li a h3{color:#399}.mypage-toc.member li a:before{color:#399}.profile-img{text-align:center}.profile-img img{width:200px;height:200px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.profile-upload{text-align:center}.profile-preview{position:relative;text-align:center}.profile-preview.has-image span{width:200px;height:200px;background-position:center;background-size:cover;background-position:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.has-image+.profile-upload{margin-top:24px}.job-history-list li{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;border-top:1px solid #ddd;padding:9px 15px;line-height:1.5}.job-history-list li time{width:40%}.job-history-list li h4{width:40%}.job-history-list li .role{width:20%}.job-history-list li:first-child{border-top:none}.job-history-list li.has-delete time{width:40%}.job-history-list li.has-delete h4{width:25%}.job-history-list li.has-delete .role{width:27.5%}.job-history-list li.has-delete .delete-btn{width:7.5%;text-align:right}.pr-text{font-size:1.4rem;line-height:1.75}.favorite-list li{margin-top:12px;border:1px solid #399;background:#fff;padding:15px 30px;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.favorite-list li .meta{position:relative;line-height:1.25;font-size:1.2rem}.favorite-list li .meta span,.favorite-list li .meta a{padding:3px 6px;color:#333;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #333;margin:3px 3px 0 0}.favorite-list li .meta span.e-status,.favorite-list li .meta a.e-status{color:#399;border:1px solid #399}.favorite-list li .meta span.grower,.favorite-list li .meta a.grower{color:green;border:1px solid green}.favorite-list li .meta span.brewery,.favorite-list li .meta a.brewery{color:darkturquoise;border:1px solid darkturquoise}.favorite-list li .meta span.beerpub,.favorite-list li .meta a.beerpub{color:darkorange;border:1px solid darkorange}.favorite-list li .meta span.importer,.favorite-list li .meta a.importer{color:purple;border:1px solid purple}.favorite-list li .meta span.volunteer,.favorite-list li .meta a.volunteer{color:hotpink;border:1px solid hotpink}.favorite-list li .meta time{position:absolute;right:0;bottom:0}.favorite-list li h3{margin-top:9px;color:#399;font-size:1.6rem;line-height:1.5;border-bottom:1px solid #399}.favorite-list li h4{margin-top:9px;font-size:1.4rem;font-weight:400}#message-list{margin-top:9px}#message-list li.header{display:flex;justify-content:space-between;align-items:center;padding:9px 30px;font-size:1.4rem;line-height:1.5;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border:1px solid #fff}#message-list li.header .sender{width:25%}#message-list li.header .title{width:55%}#message-list li.header time{width:20%}#message-list li.header .delete-area{width:10%;text-align:right}#message-list li a{margin-top:6px;display:flex;justify-content:space-between;align-items:center;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);padding:9px 30px;font-size:1.4rem;line-height:1.5;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border:1px solid #fff;color:#333;font-size:15px}#message-list li a .sender{width:25%}#message-list li a .title{width:55%}#message-list li a time{width:20%}#message-list li a .delete-area{width:10%;text-align:right}#message-list li a .unread-note{color:#fff;font-size:1.2rem;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-right:.05em;padding:3px;font-weight:700}#message-list li.unread a{font-weight:700}#message-list.user li.header{background:rgba(204,153,0,0.1)}#message-list.user li a .unread-note{background:#c90}#message-list.user li a:hover{border:1px solid #c90}#message-list.user li.unread{background:rgba(204,153,0,0.05)}#message-list.member li.header{background:rgba(51,153,153,0.1)}#message-list.member li a .unread-note{background:#399}#message-list.member li a:hover{border:1px solid #399}#message-list.member li a.unread{background:rgba(51,153,153,0.05)}.message-single{margin-top:15px;background:#fff}.message-single.myself{margin-right:90px}.message-single.sender{margin-left:90px}.message-single.user{border:2px solid #c90}.message-single.user #message-header h2{color:#c90}.message-single.member{border:2px solid #399}.message-single.member #message-header h2{color:#399}.message-single #message-header{padding-bottom:1em;border-bottom:2px solid #ccc}.message-single #message-header h2{font-size:21px;line-height:1.5}.message-single #message-header h3 .sender{font-weight:400;margin-right:1em}.message-single #message-header .meta{margin-top:.5em;display:flex;align-items:center;color:#666;font-size:1.3rem;letter-spacing:.05em}.message-single #message-header .meta img{width:30px;height:30px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin-right:12px}.message-single #message-header .meta .name{margin-right:12px}.message-single #message-header .meta .company{margin-right:12px}.message-single #message-header .meta time{font-size:1.2rem;font-weight:300}.message-single #message-text{padding:15px 0 0;font-size:14px;line-height:1.75}.send-to{margin-top:15px;background:rgba(51,153,153,0.1);padding:15px 30px;line-height:1.5}.send-to h2 .staff{font-weight:400;font-size:1.4rem;margin-left:1em}.send-to h3{font-size:1.5rem;color:#399}.send-from{margin-top:15px;padding:15px 0;line-height:1.5;display:flex;flex-wrap:wrap;justify-content:space-between}.send-from figure{width:30%}.send-from .profile-info{width:65%}.send-from .more-profile{width:100%}.send-from table h2{font-size:1.6rem}.send-from table h2 .kana{font-size:1.2rem;font-weight:normal}.sum{border-top:3px solid #399;text-align:center;padding:15px 0;color:#399;font-size:1.8rem;font-weight:700}.sum .discount.show{margin-top:6px;color:#c00}.sum #sum-price{color:#399;border:none;background:transparent;font-size:3rem;font-weight:700;padding:0;margin:0 .25em}