#fixedbox { position: fixed; bottom: .5rem; left: .5rem; display: none; width: 82%; max-width: 330px; }
#fixedbox.show { display: block; }
#fixedbox.hidden { display: none; }
#fixedbox .wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
#fixedbox .wrap img { display: block; width: 100%; height: auto; }
#fixedbox .wrap .linebox { width: 64%; }
#fixedbox .wrap .telbox, #fixedbox .wrap .mailbox { width: 18%; }
#fixedbox .wrap a { display: block; padding-right: .25rem; }

#popupbox { position: fixed; bottom: 1rem; left: 1rem; display: none; width: 70%; max-width: 330px; background: white; }
#popupbox.show { display: block; }
#popupbox.hidden { display: none; }
#popupbox .wrap { position: relative; border: .5rem solid white; box-shadow: 0 0 5px #888; }
#popupbox .wrap img { max-width: 100%; height: auto; }
#popupbox .wrap #popup_close { position: absolute; top: -1.5rem; right: -1.5rem; width: 2rem; height: 2rem; cursor: pointer; }
#popupbox .wrap #popup_close img { display: block; width: 100%; height: auto; }
#popupbox .wrap .bbox { width: 100%; padding: .5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #161616 100%); background: -webkit-linear-gradient(top, #333333 0%, #161616 100%); background: linear-gradient(to bottom, #333333 0%, #161616 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#161616',GradientType=0 ); }
#popupbox .wrap .bbox .lbox a, #popupbox .wrap .bbox .rbox a { display: block; color: white; }
#popupbox .wrap .bbox .lbox a dl, #popupbox .wrap .bbox .rbox a dl { width: 100%; margin: 0; }
#popupbox .wrap .bbox .lbox a dl dt, #popupbox .wrap .bbox .rbox a dl dt { margin: 0 .5rem 0 0; }
#popupbox .wrap .bbox .lbox a dl dt img, #popupbox .wrap .bbox .rbox a dl dt img { display: block; width: 1rem; height: auto; }
#popupbox .wrap .bbox .lbox a dl dd, #popupbox .wrap .bbox .rbox a dl dd { margin: 0; }
#popupbox .wrap .bbox .lbox a dl dd span, #popupbox .wrap .bbox .rbox a dl dd span { display: block; width: 100%; }
#popupbox .wrap .bbox .lbox { width: 65%; }
#popupbox .wrap .bbox .lbox a { display: block; padding-left: .25rem; }
#popupbox .wrap .bbox .lbox a dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#popupbox .wrap .bbox .lbox a dl dt { display: inline-block; }
#popupbox .wrap .bbox .lbox a dl dd { display: inline-block; }
#popupbox .wrap .bbox .lbox a dl dd span { line-height: 120%; color: white; }
#popupbox .wrap .bbox .lbox a dl dd span:nth-child(1) { font-size: .625rem; }
#popupbox .wrap .bbox .lbox a dl dd span:nth-child(2) { font-size: 1rem; letter-spacing: 2px; }
#popupbox .wrap .bbox .rbox { width: 35%; }
#popupbox .wrap .bbox .rbox a { padding: .25rem; background: #005281; border-radius: 5px; }
#popupbox .wrap .bbox .rbox a dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
#popupbox .wrap .bbox .rbox a dl dd span { line-height: 120%; font-size: .625rem; color: white; }