/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #linkPopup   { width             : calc(4em + 3px); height               : 4em;                position            : fixed;            top                 : 160px;            right               : 15px; 
                  z-index           : 50;               font-size           : 17px;             background          : #e5e5e5;        border              : 3px solid #e5e5e4;
                  border-radius     : 50%;             overflow            : hidden;            transition          :  width .3s, border-radius .6s, opacity .2s;
                  opacity           : .7;}
   #linkPopup.en 
                { top               : 240px;}
   #linkPopupBack 
                { width             : 100vw;            height              : 100vh;            position            : fixed;            top                 : 0;
                  left              : 0;                z-index             : 49;               pointer-events      : none;             display             : none;}
   #linkPopup .imgWrap
                { width             : 4em;            height              : 100%;             display             : flex;             align-items         : center;
                  justify-content   : center;           background          : #e5e5e4;        border-top-right-radius       : 50%;    border-bottom-right-radius       : 50%;
                  z-index           : 2;                position            : relative;}
   #linkPopup .imgWrap img
                { width             : 55%;}               
   #linkPopup .linkWrap
                { width             : 14.5em;           height              : 100%; position            : absolute;         left                : 0;  
                  background        : #fff;           padding-left        : 4.7em;            display             : flex;             align-items         : center;
                  justify-content   : flex-start;       z-index             : 1;                line-height         : 1.3em;            top                  : 0;
                  left              : 0;}
   #linkPopup .linkWrap a
                { font-weight       : 500;              color               : #333;             transition          : .2s;}              
   #linkPopup .linkWrap a:hover
                { color             : #0080ff;        transition          : .2s;}  
   #linkPopup.en .linkWrap a
                { font-size         : max(10px,0.8em);  word-break          : keep-all;         line-height         : 1.2em;}
@media(max-width :1024px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #linkPopup   { font-size         : min(2vw,15px);  right               : 8px;                top               : 110px;}
   #linkPopup.en 
                { top               : 110px;} 
}
@media(max-width :640px){
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #linkPopup   { font-size         : 12px;             top                 : unset;            bottom              : 60px;             right               : 8px;}
   #linkPopup.en 
                { top                 : unset;            bottom              : 60px;           }  
}
@media (hover: hover) and (pointer: fine) {
    #linkPopup:hover
                { width             : 14.5em;         border-radius     : 37px;   transition          : width .3s, opacity .2s;
                  opacity            : 1;}
}  
@media (hover: none) and (pointer: coarse) {
    #linkPopup.on 
                { width             : 14.5em;         border-radius     : 37px;   transition          : width .3s, opacity .2s;  opacity            : 1;}
   #linkPopupBack.on
                { pointer-events    : auto;         display             : block;}             
}   

@media (any-hover: hover) and (any-pointer: coarse) {
    #linkPopup:hover
                { width             : 14.5em;         border-radius     : 37px;   transition          : width .3s, opacity .2s; opacity            : 1;}
}