@charset "UTF-8";
main { margin: 80px auto; padding: 0 15px;}

#buy { max-width: 900px; margin: 0 auto;}
#buy img { height: auto; max-width: 100%; max-height: 100%;}

#buy h2 { margin: 0 0 20px;}
#buy h3 { 
    margin: 0 0 30px; padding: 0 0 5px; 
    border-bottom: solid 1px #000; 
    font-size: 20px; line-height: 1.0em;}
    
#buy > p { margin: 0 0 30px; font-size: 16px;}

@media screen and (max-width:699px){
    main { margin: 50px auto;}
    #buy h2 { font-size: 25px;}
    #buy > p { margin: 0 0 30px; font-size: 14px;}
}
/**============================================================================================**/

#scroll-link { margin: 0 0 100px; text-align: center;}
#scroll-link a {
    display: inline-block; position: relative;
    box-sizing: border-box; width: 220px; height: 60px; margin: 30px 20px 0; padding: 21px 20px 0 0;
    border: solid 1px #567a6d; border-radius: 30px;
    color: #567a6d; line-height: 1.0em;}

#scroll-link a::after {
    content: '';
    position: absolute; top: 23px; right: 12px;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #567a6d;
}

/**========================================**/
/* オンラインで購入する */
#online { margin: 0 0 50px}
#online a { text-decoration: underline;}
#online img { 
    display: block; 
    margin: 0 auto;
    border: solid 1px #231815;}


#online video { width: 100%; height: auto; max-height: 506px;}

@media screen and (max-width:999px){
    #online .dis-tbl,
    #online .dis-tbl > * { display: block;}
    
    #online .dis-tbl div:nth-of-type(1),
    #online .dis-tbl div:nth-of-type(2){ margin: 0 0 40px; padding: 0;}
}

#online h4 { 
    position: relative;
    margin: 0 0 15px;  padding: 0 0 0 18px;
    font-size: 16px; font-weight: lighter; line-height: 1.0em;}
    

#online h4::before {
    content: '';
    position: absolute; top: 4px; left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 9px 6px 0px 6px;
    border-color: #000 transparent transparent transparent;
}    
    
/**========================================**/
/* 店舗で購入する */
#shop ul { margin: 40px 0 40px;}
#shop li { margin: 30px 0 0; font-size: 13px;}

#shop a { 
    display: inline-block;
    margin: 0 30px 0 0; padding: 0 0 0 10px;
    border-left: solid 3px #567a6d;
    font-size: 17px; font-weight: bold; text-decoration: underline;}

#shop span { display: inline-block; color: #567a6d; font-weight: 600; font-size: 15px;}


#shop .posi-rlt { 
    box-sizing: border-box; width: 20px; height: 20px; margin: 0 6px; padding: 2px 0 0;
    border: solid 2px #547d73; border-radius: 50%;
    color: #547d73; font-weight: 600; line-height: 1.0em; text-align: center; vertical-align: top;
    cursor: pointer;}
    
#shop .posi-abs { 
    display: none; bottom: 25px; left: 10px; z-index: 2;
    width: 205px; padding: 8px;
    border-radius: 5px;
    background: rgba(0,0,0,0.85);
    color: #fff; font-size: 12px; font-weight: 400; line-height: 1.8em; text-align: left;}

#shop .posi-abs strong { display: block; margin: 0 0 4px;}

#shop .posi-rlt:hover .posi-abs { display: inline-block;}

#shop .asterisk {position: relative; z-index: 1; padding: 0 0 0 18px;}
#shop .asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}
    

@media screen and (max-width:699px){
    #shop a + span { display: block; margin: 8px 0 0;}

#shop .posi-abs { left: -140px;}


}

/* LastUp2026.08.21_kimata */