@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {font-family: 'Noto Sans JP', sans-serif;}

body {line-height: 1.7;}

ol,ul,li {list-style:none;list-style-type:none;padding:0;}
a, a img {transition: all ease 0.3s;}
#header {background: #000;color: #fff;}
#footer {background: #000;color: #fff;}
#footer .copy {font-size: 0.8em;}

a {text-decoration: none;}
/*a:hover {background-color: rgba(50,50,50,0.1);}*/

#hero {background-image: url(./img/hero01.jpg);background-position: center top;background-repeat: no-repeat; background-size: cover;}
.itemselect a {background-color: #f90; color: #fff;border-radius: 0.25em;}

#es3 {background-color: #fa0;}
#es60 {background-color: #fffcf0;}
#es100 {background-color: #222;color: #fff;}
span.additional {font-size: 0.85em;display: block;}
span.price {color: #c00;font-weight: 800;font-size: 1.5em;display: block;}
span.price::after {content: "（税込）";font-size: 0.75em;}
span.price::before {content: "販売価格 ";color: #111;font-size: 0.75em;font-weight: 500;}
#es100 span.price::before {color: #fff;}
a.shopbutton {background-color: #096;color: #fff;border-radius: 3px;font-weight: 600;cursor: pointer;}
a.shopbutton:hover {background-color: #f00;}

#shoplist {background-color: #ddd;}
#shoplist a {display: block;color: #111;}
#shoplist a:hover {color: #f90;text-decoration: underline;}
#shoplist h5 {border-bottom: 1px dotted #aaa ;padding-bottom: 0.3em;margin-bottom: 0.3em;}

#scrollTop { position: fixed; right: 10px; bottom: 10px; opacity: 0; transition: opacity 350ms ease; }
#scrollTop svg {fill: #f90;}
#scrollTop:hover { cursor: pointer;}