@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://picture.xsrv.jp/fonts/fonts.css);

body{
margin:0;
padding:0;
background:#F7F7F7;
text-align:center;
color:#555;
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo,
sans-serif;
opacity:0;
}
body.fix-header{
padding-top:54px;
}
body.sp-mode{
-webkit-text-size-adjust:100%;
width:640px;
overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,h7,p,dl,dt,dd,ul,ol,li,form{
margin:0;
padding:0;
line-height:1;
}
ul{
list-style-type:none;
}
img{
vertical-align:bottom;
border:0;
}
.append{
display:none;
}

.clearfix:before,
.clearfix:after{
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix{
zoom:1;
}

.red-text{
color:#CB1300 !important;
}
.grey-text{
color:#999999 !important;
}
.small-text{
font-size:11px !important;
line-height:1.5 !important;
}
.bold-text{
font-weight:bold;
}
.kome-caption{
text-indent:-1em;
margin-left:1em;
}

a {
outline : 0 ;
}
a:link, a:visited, a:active{
text-decoration:underline;
color:#660000;
}
a:hover{
text-decoration:none;
color:#ff3300;
}
a.bg-btn{
text-indent:-9999px;
display:block;
background-repeat:none;
}

#header .inner,
#main .inner,
#footer .inner{
width:960px;
margin:auto;
text-align:left;
}
.sp-mode #header .inner,
.sp-mode #main .inner,
.sp-mode #footer .inner{
width:100%;
}

#header{
position:relative;
/z-index:1;
background:#F7F7F7 url(https://yukieglass.com/shop/img/_header_bg2.png)
repeat-x top center;
height:100px;
width:100%;
}
.fix-header #header{
position:fixed !important;
z-index:1002;
left:50%;
margin:-108px 0 0 -50%;
box-shadow: 0px 0px 10px #999;
-moz-box-shadow: 0px 0px 10px #999;
-webkit-box-shadow: 0px 0px 10px #999;
}
#header .inner{
position:relative;
}
#header h1{
position:absolute;
top:0;
left:408px;
z-index:1001;
}
#header h1 a{
width:144px;
height:100px;
background-image:url(https://yukieglass.com/shop/img/_header_logo2.png);
}
.fix-header #header h1 a{
background-position:0 -100px !important;
}
#header #global-nav{
position:absolute;
top:10px;
left:5px;
}
#header #global-nav li{
float:left;
}
#header #global-nav li a{
height:35px;
margin-left:5px;
}
#header #global-nav li a.brand{
width:130px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_brand2.png);
}
#header #global-nav li a.gallery{
width:145px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_gallery2.png);
}
#header #global-nav li a.shopping{
width:125px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_shopping2.png);
margin-left:355px;
}
#header #global-nav li a.login{
width:100px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_login2.png);
}
#header #global-nav li a.cart{
width:70px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_cart2.png);
}
#header #global-nav li a:hover,
.free10-page #header #global-nav li a.brand,
.free11-page #header #global-nav li a.gallery,
.free12-page #header #global-nav li a.shopping{
background-position:0 -35px;
}
#header #product-nav{
position:absolute;
top:54px;
left:0px;
}
#header #product-nav li{
float:left;
margin:-1px;
}
#header #product-nav li a{
position:relative;
z-index:1000;
height:46px;
border:solid transparent;
border-width:1px 1px 0px 1px;
}
#header #product-nav li a.accessory{
width:170px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_accessory2.png);
}
#header #product-nav li a.glassware{
width:190px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_glassware2.png);
}
#header #product-nav li a.newitem{
width:100px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_newitem2.png);
margin-left:240px;
}
#header #product-nav li a.photo{
width:130px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_photo2.png);
}
#header #product-nav li a.ordermade{
width:130px;
background-image:url(https://yukieglass.com/shop/img/_header_btn_ordermade2.png);
}
#header #product-nav li a:hover,
.free3-page #header #product-nav li a.glassware,
.free4-page #header #product-nav li a.accessory,
.free8-page #header #product-nav li a.photo,
.free9-page #header #product-nav li a.ordermade,
.newitem-page #header #product-nav li a.newitem{
background-position:0 -46px;
}
#header #product-nav li a.sub-nav-btn:hover{
background-position:0 0;
}
#header #product-nav li.active a.sub-nav-btn{
background-position:0 -46px;
background-color:#FFF;
border-color:#CCC;
}
#header #product-nav .sub-nav-container{
display:none;
position:absolute;
top:45px;
left:-1px;
width:960px;
background:#FFF;
border:1px solid #CCC;
padding-bottom:20px;
z-index:999;
}
#header #product-nav li.active .sub-nav-container{
display:block;
}
#header #product-nav .sub-nav-container a.index-link{
width:140px;
margin:18px 0px;
padding-left:20px;
font-size:16px;
line-height:1.5;
color:#777;
display:block;
float:left;
text-decoration:none;
}
#header #product-nav .sub-nav-container a.index-link:hover{
color:#444;
}
#header #product-nav .sub-nav-container a.close{
width:32px;
height:32px;
background:url(https://yukieglass.com/shop/img/_header_btn_close.png)
no-repeat;
position:absolute;
left:15px;
bottom:15px;
}
#header #product-nav .sub-nav-container .sub-nav-column{
width:240px;
margin-left:20px;
float:left;
}
#header #product-nav .sub-nav-container .sub-nav-column dl{
margin-top:20px;
}
#header #product-nav .sub-nav-container .sub-nav-column dt{
color:#CB1300;
font-size:12px;
border-bottom:1px solid #CCC;
line-height:1.5;
padding-bottom:2px;
margin-bottom:8px;
}
#header #product-nav .sub-nav-container .sub-nav-column dd{
color:#777;
font-size:14px;
margin-top:4px;
line-height:1.5;
}
#header #product-nav .sub-nav-container .sub-nav-column dd a{
color:#777;
text-decoration:none;
}
#header #product-nav .sub-nav-container .sub-nav-column dd a:hover{
color:#444;
}
@media only screen and (-webkit-min-device-pixel-ratio:
1.5),(min-resolution: 1.5dppx) {
#header a.bg-btn{
background-size:cover;
}
#header h1 a{
background-image:url(https://yukieglass.com/shop/img/_header_logo2@2x.png);
}
#header #global-nav li a.brand{
background-image:url(https://yukieglass.com/shop/img/_header_btn_brand2@2x.png);
}
#header #global-nav li a.gallery{
background-image:url(https://yukieglass.com/shop/img/_header_btn_gallery2@2x.png);
}
#header #global-nav li a.shopping{
background-image:url(https://yukieglass.com/shop/img/_header_btn_shopping2@2x.png);
}
#header #global-nav li a.login{
background-image:url(https://yukieglass.com/shop/img/_header_btn_login2@2x.png);
}
#header #global-nav li a.cart{
background-image:url(https://yukieglass.com/shop/img/_header_btn_cart2@2x.png);
}
#header #product-nav li a.accessory{
background-image:url(https://yukieglass.com/shop/img/_header_btn_accessory2@2x.png);
}
#header #product-nav li a.glassware{
background-image:url(https://yukieglass.com/shop/img/_header_btn_glassware2@2x.png);
}
#header #product-nav li a.newitem{
background-image:url(https://yukieglass.com/shop/img/_header_btn_newitem2@2x.png);
}
#header #product-nav li a.photo{
background-image:url(https://yukieglass.com/shop/img/_header_btn_photo2@2x.png);
}
#header #product-nav li a.ordermade{
background-image:url(https://yukieglass.com/shop/img/_header_btn_ordermade2@2x.png);
}
#header #product-nav .sub-nav-container a.close{
background-image:url(https://yukieglass.com/shop/img/_header_btn_close@2x.png);
background-size:cover;
}
}
#header #sp-header-nav{
display:none;
}

.sp-mode #header{
background:#CB1300;
height:88px;
}
.sp-mode #header #global-nav,
.sp-mode #product-nav{
display:none;
}
.sp-mode #header h1{
top:0;
left:0;
}
.sp-mode #header h1 a{
width:430px;
height:88px;
background-image:url(https://yukieglass.com/shop/img/_header_logo_sp.png);
}
.sp-mode #header #sp-header-nav{
display:block;
float:right;
}
#sp-header-nav>li{
float:left;
}
#sp-header-nav>li>a{
width:88px;
height:88px;
}
#sp-header-nav>li>a.active{
background:#B00000;
}
#sp-header-nav>li>a.cart{
background-image:url(https://yukieglass.com/shop/img/_header_btn_cart_sp.png);
}
#sp-header-nav>li>a.menu{
background-image:url(https://yukieglass.com/shop/img/_header_btn_menu_sp.png);
}
#sp-header-menu{
position:absolute;
background:#B00000;
z-index:100;
top:88px;
left:0;
padding:8px 0px 12px 2px;
display:none;
}
#sp-header-menu li{
float:left;
width:311px;
margin:4px 0px 0px 4px;
font-size:24px;
}
#sp-header-menu li a{
color:#666;
text-decoration:none;
display:block;
padding:22px 12px;
background:#FFF url(https://yukieglass.com/shop/img/_icon_farrow_r.png)
no-repeat 100% -40px;
}
#sp-header-menu li a.info{
background-color:#EEEAE5;
}
#sp-header-menu li.close{
float:none;
clear:both;
width:auto;
position:absolute;
bottom:-55px;
right:6px;
background:#B00000;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
#sp-header-menu li.close a{
text-align:center;
background:none;
color:#FFF;
text-align:center;
padding:20px;
}

#footer{
padding-bottom:55px;
}
#footer-nav{
background:url(https://yukieglass.com/shop/img/_footer_logo2.png)
no-repeat 98% 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio:
1.5),(min-resolution: 1.5dppx) {
#footer-nav{
background-image:url(https://yukieglass.com/shop/img/_footer_logo2@2x.png);
background-size:152px 99px;
}
}
#footer-nav dl{
width:235px;
margin:0px 10px 0px 10px;
float:left;
}
#footer-nav dt{
color:#999;
font-weight:bold;
font-size:11px;
border-bottom:1px solid #CCC;
line-height:1.5;
padding-bottom:4px;
margin-bottom:8px;
}
#footer-nav dd{
color:#999;
font-size:12px;
margin-top:4px;
line-height:1.5;
}
#footer-nav dd a{
color:#999;
text-decoration:none;
}
#footer-nav dd a:hover{
color:#555;
}
#footer .copyright{
font-size:11px;
line-height:1.7;
text-align:center;
color:#AAA;
clear:both;
margin-top:30px;
}
#footer .copyright span{
font-family:Helvetica, sans-serif;
}
#footer #sp-footer-nav{
display:none;
}
.sp-mode #footer{
border:none;
background:none;
padding:0px;
}
.sp-mode #footer-nav{
display:none;
}
.sp-mode #footer .copyright{
font-size:18px;
margin:15px;
color:#666;
}
.sp-mode #footer #sp-footer-nav{
display:block;
}
.sp-mode #footer #sp-footer-nav a{
display:block;
color:#666;
text-decoration:none;
text-align:center;
padding:22px 12px;
font-size:24px;
background:#FFF
url(https://yukieglass.com/shop/img/_icon_arrow_sp_right.png) no-repeat
3% 50%;
margin:0px 15px 4px 15px;
}
.sp-mode #footer #sp-footer-nav a.top{
background-image:url(https://yukieglass.com/shop/img/_icon_arrow_sp_top.png);
}
.sp-mode #footer #sp-footer-nav a.back{
background-image:url(https://yukieglass.com/shop/img/_icon_arrow_sp_left.png);
}

#main{
background:#F7F7F7;
}
#main .inner{
padding:0px 0px 25px 0px;
}
#main .pagetop-btn{
text-align:center;
margin:25px;
}
#main .pagetop-btn a{
text-indent:-9999px;
display:block;
width:86px;
height:50px;
background:url(https://yukieglass.com/shop/img/_icon_pagetop.png)
no-repeat 0 0;
margin:auto;
}
@media only screen and (-webkit-min-device-pixel-ratio:
1.5),(min-resolution: 1.5dppx) {
#main .pagetop-btn a{
background-image:url(https://yukieglass.com/shop/img/_icon_pagetop@2x.png);
background-size:cover;
}
}
#main .pagetop-btn a:hover{
background-position:0px -50px;
}
.product_list-page #main .pagetop-btn,
.product-page #main .pagetop-btn{
margin:25px 0px 10px 0px;
}
.bottom-banner-container .gift{
background:#CA1345
url(https://yukieglass.com/shop/img/_s_banner_gift2.png) no-repeat 50%
50%;
height:300px;
text-indent:-9999px;
}
@media only screen and (-webkit-min-device-pixel-ratio:
1.5),(min-resolution: 1.5dppx) {
.bottom-banner-container .gift{
background-image:url(https://yukieglass.com/shop/img/_s_banner_gift2@2x.jpg);
background-size:contain;
}
}

.sp-mode #main .pagetop-btn{
display:none;
}
.sp-mode .bottom-banner-container .gift{
background-image:url(https://yukieglass.com/shop/img/_s_banner_gift_sp.jpg);
width:640px;
height:460px;
}

#main .bread-crumbs{
padding:15px 25px;
background:#FFF;
}
#main .bread-crumbs ul{
float:right;
}
#main .bread-crumbs li{
float:left;
font-size:10px;
color:#999;
padding-left:20px;
background:url(https://yukieglass.com/shop/img/_icon_arrow_r_gr.gif)
no-repeat 10px 1px;
}
#main .bread-crumbs li:first-child{
padding-left:0;
background:none;
}
#main .bread-crumbs li a{
color:#999;
text-decoration:none;
}

.sp-mode #main .bread-crumbs{
margin:0px;
background:#EDEDED;
padding:0 0 10px 0;
border-bottom:2px solid #CCC;
}
.sp-mode #main .bread-crumbs ul{
float:none;
}
.sp-mode #main .bread-crumbs li{
font-size:22px;
padding:16px 5px 6px 30px;
background:url(https://yukieglass.com/shop/img/_icon_farrow_r.png)
no-repeat 0 2px;
}
.sp-mode #main .bread-crumbs li:first-child,
.sp-mode #main .bread-crumbs li:last-child{
display:none;
}
.sp-mode #main .bread-crumbs li a{
text-decoration:none;
}

.other-lineup-section{
background:#F2F2F2;
padding:20px 0px;
text-align:center;
}
.other-lineup-section h3{
font-weight:normal;
font-family:'Reimin Y10 Medium';
font-size:20px;
line-height:1.5;
color:#555;
}
.other-lineup-section p{
font-weight:normal;
font-size:11px;
line-height:1.6;
padding:8px 0px 5px 0px;
color:#777;
}
.other-lineup-section ul{
margin:15px 20px 0 20px;
text-align:center;
font-size:0;
}
.other-lineup-section ul.drop-thumb-list li{
display:inline-block;
*display:inline;
*zoom:1;
margin:1px;
}
.other-lineup-section ul.drop-thumb-list li img{
height:116px;
}

.sp-mode .other-lineup-section h3{
font-size:26px;
margin:5px 0 10px 0;
padding:0 20px;
background:#F2F2F2;
}
.sp-mode .other-lineup-section p{
font-size:16px;
padding:0 20px;
background:#F2F2F2;
}
.sp-mode .other-lineup-section ul{
margin-top:20px;
width:auto;
}

#freepage-capnav{
margin:20px 0px;
}
#freepage-capnav li{
float:left;
margin-left:25px;
}
#freepage-capnav li a{
display:block;
color:#666;
font-size:12px;
line-height:1.1;
padding-left:20px;
background:url(https://yukieglass.com/shop/img/_icon_arrow_pagenav.png)
no-repeat left;
text-decoration:none;
}
#freepage-capnav li a:hover{
color:#CB1300;
}
.sp-mode #freepage-capnav{
margin:20px 20px 5px 0px;
}
.sp-mode #freepage-capnav li{
margin-bottom:15px;
}
.sp-mode #freepage-capnav li a{
font-size:18px;
}
.sp-mode #freepage-capnav li a:hover{
color:#666;
}

#special-category #article{
background:#FFF;
}
#special-category h2{
font-family: 'EB Garamond', serif;
color:#CB1300;
font-size:25px;
font-weight:normal;
line-height:1.7;
margin:15px 20px;
}
#special-category h2 span{
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo,
sans-serif;
color:#666;
font-size:13px;
}
.sp-mode #special-category h2{
font-size:40px;
background:#FFF !important;
}
.sp-mode #special-category h2 span{
font-size:18px;
}
#special-category .feature-section{
background:#EEE;
width:920px;
display:table;
margin-bottom:5px;
padding:20px;
}
#special-category .feature-section .photo{
width:505px;
display:table-cell;
/float:left;
}
#special-category .feature-section .photo p{
float:left;
margin-left:5px;
}
#special-category .feature-section .photo p:first-child{
margin-left:0px;
}
#special-category .feature-section .text{
display:table-cell;
vertical-align:middle;
/float:left;
/width:330px;
}
#special-category .feature-section .left-text{
padding:0 55px 0 30px;
}
#special-category .feature-section .right-text{
padding:0 30px 0 55px;
}
#special-category .feature-section .text h3{
font-size:28px;
font-weight:normal;
color:#999;
line-height:1.5;
}
#special-category .feature-section .text p{
margin-top:15px;
font-size:13px;
color:#999;
line-height:2;
}
.sp-mode #special-category .feature-section{
width:600px;
display:block;
}
.sp-mode #special-category .feature-section .photo{
width:auto;
}
.sp-mode #special-category .feature-section .photo p{
float:none;
margin:5px 0 0 0;
}
.sp-mode #special-category .feature-section .photo p img{
width:220px;
}
.sp-mode #special-category .feature-section .photo p:first-child{
margin:0;
}
.sp-mode #special-category .feature-section .left-text{
padding:0 20px 0 0;
}
.sp-mode #special-category .feature-section .right-text{
padding:0 0 0 20px;
}
.sp-mode #special-category .feature-section .text h3{
font-size:32px;
background:#EEE;
}
.sp-mode #special-category .feature-section .text p{
margin-top:20px;
font-size:20px;
line-height:1.8;
background:#EEE;
}
#special-category .lineup-back-btn{
margin:40px;
text-align:center;
}
#special-category .lineup-back-btn a{
width:480px;
margin:0 auto;
display:block;
background:#EEEAE5;
padding:15px;
text-decoration:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:16px;
line-height:1.4;
}

#special-category .lineup-container{
background:#EEEAE5;
margin:0px 20px 20px 20px;
}
#special-category .lineup-container .banner-item{
background:#FFF;
float:left;
}
#special-category .lineup-container .ro-item{
background:#FFF;
position:relative;
float:left;
}
#special-category .lineup-container .ro-item a.photo{
position:absolute;
top:0;
left:0;
display:block;
}
#special-category .lineup-container .ro-item dl{
position:absolute;
background:#FFF;
border:1px solid #CCC;
display:none;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}
#special-category .lineup-container .ro-item dl dt{
font-size:13px;
color:#CB1300;
margin-bottom:3px;
line-height:1.5;
}
#special-category .lineup-container .ro-item dl dd{
font-size:11px;
color:#666;
line-height:1.5;
}
#special-category .lineup-container .ro-item dl dd a.link-btn{
float:left;
display:block;
margin-top:10px;
font-size:13px;
line-height:1;
text-decoration:none;
padding:8px 15px;
color:#666;
background:#EEEAE5;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#special-category .lineup-container .ro-item dl dd a.link-btn:hover{
color:#CB1300;
}
#special-category .lineup-container .ro-item dl dd a.close-btn{
float:right;
display:block;
margin-top:10px;
font-size:13px;
line-height:1;
text-decoration:none;
padding:8px;
color:#999;
background:#EEE;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.sp-mode #special-category .lineup-container .ro-item dl dt{
font-size:22px;
}
.sp-mode #special-category .lineup-container .ro-item dl dd{
font-size:20px;
}
.sp-mode #special-category .lineup-container .ro-item dl dd a.link-btn{
font-size:22px;
padding:12px 15px;
}
.sp-mode #special-category .lineup-container .ro-item dl dd a.close-btn{
font-size:22px;
padding:12px 15px;
}
#special-category .lineup-container .active{
/z-index:1;
}
#special-category .lineup-container .active a.photo{
z-index:200;
}
#special-category .lineup-container .active dl{
z-index:100;
}

#carousel-container{
width:960px;
position:relative;
}
.sp-mode #carousel-container{
width:640px;
}
#carousel-container ul{
height:500px;
overflow:hidden;
}
.sp-mode #carousel-container ul{
height:380px;
}
#carousel-container ul li{
float:left;
}
#carousel-container ul li img{
height:500px;
border:0;
}
.sp-mode #carousel-container ul li img{
width:auto;
height:380px;
}
a.carousel-arrow{
color:#FFF;
font-size:55px;
display:block;
position:absolute;
top:50%;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
opacity:0.8;
text-decoration:none;
margin-top:-23px;
}
a.carousel-arrow:hover{
opacity:1;
}
a.carousel-arrow-prev{
left:0px;
}
a.carousel-arrow-next{
right:0px;
}
.pagination{
position:absolute;
bottom:20px;
left:50%;
float:left;
}
.pagination a{
display:block;
float:left;
cursor:pointer;
position:relative;
left:-50%;
padding:5px;
}
.pagination a span{
text-indent:-9999px;
background:#CCC;
display:block;
width:10px;
height:10px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
}
.pagination a.selected span{
background:#CB1300;
}

.free2-page #special-category .lineup-container{
padding:4px 0px 1px 4px;
/padding-bottom:4px;
}
.free2-page #special-category .lineup-container .ro-item{
width:180px;
height:180px;
margin:0px 3px 3px 0px;
}
.sp-mode .free2-page #special-category .lineup-container .ro-item{
width:294px;
height:294px;
margin:0px 4px 4px 0px;
}
.sp-mode .free2-page #special-category .lineup-container .ro-item img{
width:294px;
height:294px;
}
.sp-mode .free2-page #special-category #cap-slide,
.sp-mode .free2-page #special-category #cap-slide ul,
.sp-mode .free2-page #special-category #cap-slide img{
width:640px !important;
height:266px !important;
}

.free3-page #special-category .lineup-container{
padding:4px 0px 0px 4px;
/padding-bottom:4px;
}
.free3-page #special-category .lineup-container .ro-item{
width:225px;
height:180px;
margin:0px 4px 4px 0px;
}
.sp-mode .free3-page #special-category .lineup-container .ro-item{
width:294px;
height:234px;
}
.sp-mode .free3-page #special-category .lineup-container .ro-item img{
width:294px;
height:234px;
}
.sp-mode .free3-page #special-category .lineup-container .banner-item{
margin:0px 4px 4px 0px;
}
.sp-mode .free3-page #special-category .lineup-container .banner-item
img{
width:592px;
height:234px;
}
.sp-mode .free3-page #special-category #cap-slide,
.sp-mode .free3-page #special-category #cap-slide ul,
.sp-mode .free3-page #special-category #cap-slide img{
width:640px !important;
height:266px !important;
}

.free4-page #special-category #article{
background:none;
}
.free4-page #special-category #article .accessory-section{
position:relative;
margin-bottom:4px;
}
.free4-page #special-category #article .accessory-section a{
color:#CB1300;
text-decoration:none;
}
.free4-page #special-category #article .accessory-section a:hover{
color:#FF8000;
}
.free4-page #special-category #article .accessory-section a span{
font-size:120%;
vertical-align:-15%;
}
.free4-page #special-category #article .accessory-section h3{
font-family:'Cinzel', selif;
font-size:32px;
margin-bottom:25px;
color:#333;
font-weight:normal;
}
.free4-page #special-category #article .accessory-section p{
font-size:14px;
line-height:2;
margin-bottom:20px;
color:#666;
}
.free4-page #special-category #article .accessory-section ul li{
font-size:16px;
line-height:1.6;
margin-bottom:10px;
}
.free4-page #special-category #drop{
height:700px;
background:url(https://yukieglass.com/shop/img/ac_drop_bg_pc.jpg)
no-repeat;
}
.free4-page #special-category #motif{
height:650px;
background:url(https://yukieglass.com/shop/img/ac_motif_bg_pc.jpg)
no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio:
1.5),(min-resolution: 1.5dppx) {
.free4-page #special-category #drop{
background-image:url(https://yukieglass.com/shop/img/ac_drop_bg_pc@3x.jpg);
background-size:contain;
}
.free4-page #special-category #motif{
background-image:url(https://yukieglass.com/shop/img/ac_motif_bg_pc@3x.jpg);
background-size:contain;
}
}
.free4-page #special-category #drop .inner{
width:350px;
position:absolute;
top:335px;
left:580px;
text-align:center;
}
.free4-page #special-category #heart-motif{
width:280px;
position:absolute;
top:145px;
left:30px;
text-align:center;
}
.free4-page #special-category #obidome{
width:280px;
position:absolute;
top:410px;
left:30px;
text-align:center;
}
.free4-page #special-category #koi{
width:250px;
position:absolute;
top:255px;
right:30px;
text-align:center;
}
.sp-mode .free4-page #special-category #article .accessory-section{
margin-bottom:0;
}
.sp-mode .free4-page #special-category #article .accessory-section h3{
font-size:36px;
margin-bottom:15px;
}
.sp-mode .free4-page #special-category #article .accessory-section p{
font-size:16px;
margin-bottom:15px;
}
.sp-mode .free4-page #special-category #article .accessory-section ul
li{
font-size:22px;
margin-bottom:10px;
}
.sp-mode .free4-page #special-category #drop{
height:990px;
background:#EEE url(https://yukieglass.com/shop/img/ac_drop_bg_sp1.jpg)
no-repeat !important;
}
.sp-mode .free4-page #special-category #drop .inner{
width:640px;
position:absolute;
top:640px;
left:0px;
}
.sp-mode .free4-page #special-category #drop .inner h3{
font-size:40px;
margin-bottom:20px;
}
.sp-mode .free4-page #special-category #drop .inner p.lead{
font-size:18px;
}
.sp-mode .free4-page #special-category #motif{
height:920px;
background:url(https://yukieglass.com/shop/img/ac_motif_bg_sp1.jpg)
no-repeat !important;
}
.sp-mode .free4-page #special-category #heart-motif{
width:320px;
top:370px;
left:15px;
}
.sp-mode .free4-page #special-category #obidome{
width:320px;
position:absolute;
top:675px;
left:305px;
}
.sp-mode .free4-page #special-category #koi{
width:320px;
top:500px;
right:15px;
}

#special-page #article{
background-color:#FFF;
}
#special-page #article .section p{
font-size:13px;
line-height:1.8;
margin-bottom:15px;
color:#555;
}
.sp-mode #special-page #article .section p{
font-size:20px;
background:#FFF;
}
#special-page #article .section a.button{
font-size:13px;
width:240px;
background:#EEEAE5;
line-height:1;
padding:15px;
text-align:center;
text-decoration:none;
display:block;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.sp-mode #special-page #article .section a.button{
font-size:20px;
width:auto;
}
#special-page #article .section h3{
width:640px;
margin:0 auto 30px auto;
padding-top:40px;
border-top:1px solid #CCC;
font-size:24px;
font-weight:normal;
line-height:1.5;
color:#555;
text-align:center;
}
.sp-mode #special-page #article .section h3{
width:auto;
font-size:28px;
border-top:2px solid #CCC;
}
#special-page #article .section h4{
font-size:16px;
line-height:1.6;
margin-bottom:15px;
font-weight:normal;
color:#660000;
background:#FFF;
}
.sp-mode #special-page #article .section h4{
font-size:22px;
}
#special-page #article .section h5{
font-size:13px;
line-height:1.8;
margin-bottom:5px;
color:#555;
}
.sp-mode #special-page #article .section h5{
font-size:20px;
}
#special-page #article .left-column{
width:430px;
float:left;
}
#special-page #article .right-column{
width:430px;
float:right;
}
.sp-mode #special-page #article .left-column,
.sp-mode #special-page #article .right-column{
float:none;
width:auto;
}
#special-page #article table{
margin-bottom:20px;
border:0;
border-top:1px solid #CCC;
width:100%;
border-collapse:collapse;
}
#special-page #article table th,
#special-page #article table td{
font-size:13px;
line-height:1.5;
color:#777;
border-bottom:1px solid #CCC;
padding:7px 10px;
background:#FBFAF8;
text-align:left;
vertical-align:middle;
}
#special-page #article table th{
white-space:nowrap;
background:#F6F4F2;
}
.sp-mode #special-page #article table th,
.sp-mode #special-page #article table td{
font-size:20px;
}

.free8-page #article .cap{
margin:15px 25px 25px 25px;
}
.free8-page #article .cap h2{
float:left;
font-family: 'EB Garamond', serif;
font-size:30px;
font-weight:normal;
color:#999;
margin-top:20px;
line-height:1.5;
}
.free8-page #article .cap .postcard{
float:right;
}
.free8-page #photo-gallery{
margin:20px 0px 20px 25px;
}
.free8-page #photo-gallery.loading{
background:#FFF url(https://yukieglass.com/shop/img/loading.gif)
no-repeat 50% 50%;
height:100px;
}
.free8-page #photo-gallery li{
margin:0 10px 10px 0px;
float:left;
}
.free8-page #photo-gallery li a{
border:0;
width:174px;
height:174px;
background:no-repeat 50% 50%;
background-size:cover;
display:block;
}
.photo-gallery-popup .mfp-img{
cursor:default;
position:relative;
}
.photo-gallery-popup a.pin-button{
position:absolute;
top:50px;
left:10px;
}
.photo-gallery-popup a.link-button{
font-size:12px;
line-height:1.4;
display:block;
position:absolute;
color:#FFF;
text-decoration:none;
margin-bottom:15px;
bottom:35px;
right:8px;
padding:2px 7px 2px 5px;
background:rgba(0,0,0,0.4);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.photo-gallery-popup a.link-button span{
vertical-align:-1px;
}
.photo-gallery-popup .mfp-title{
position:relative;
font-size:12px;
padding-right:50px;
}
.sp-mode .free8-page #photo-gallery li a{
width:140px;
height:140px;
}
.sp-mode .photo-gallery-popup .mfp-title{
font-size:18px;
}
.sp-mode .photo-gallery-popup a.pin-button img{
width:80px;
}
.sp-mode .photo-gallery-popup a.link-button{
font-size:18px;
padding:4px 10px 4px 7px;
}

.free9-page #special-page #article .section{
margin:0px 25px 35px 25px;
}
.free9-page #special-page #article .sec-1{
background:url(https://yukieglass.com/shop/img/rn_oredr_cover_bg1.jpg)
no-repeat 0 0;
height:500px;
margin:0px;
}
.free9-page #special-page #article .sec-1 .text-container{
padding:35px 0 0 25px;
}
.free9-page #special-page #article .sec-1 h2{
font-size:24px;
font-weight:normal;
line-height:1.8;
color:#FFF;
margin-bottom:20px;
}
.free9-page #special-page #article .sec-1 p{
color:#FFF;
}
.sp-mode .free9-page #special-page #article .sec-1{
height:360px;
background-size:cover;
background-position:center center;
margin-bottom:25px;
}
.sp-mode .free9-page #special-page #article .sec-1 h2{
margin-top:180px;
font-size:36px;
margin-bottom:50px;
text-shadow:1px 1px 3px #000;
}
.sp-mode .free9-page #special-page #article .sec-1 p{
color:#333;
}
.free9-page #special-page #article .sec-2 h4{
color:#CB1300;
}
.free9-page #special-page #article .sec-2{
background:url(https://yukieglass.com/shop/img/gift_sec2_bg.jpg)
no-repeat bottom right;
}
.sp-mode .free9-page #special-page #article .sec-2{
padding-bottom:230px;
background-position:bottom center;
}
.free9-page #special-page #article .sec-2 .cap-caption{
margin:-20px 0px 30px 0px;
}
.free9-page #special-page #article .sec-2 dl{
margin-bottom:15px;
}
.free9-page #special-page #article .sec-2 dl dt,
.free9-page #special-page #article .sec-2 dl dd{
font-size:13px;
line-height:1.8;
color:#777;
background:#FFF;
}
.sp-mode .free9-page #special-page #article .sec-2 dl dt,
.sp-mode .free9-page #special-page #article .sec-2 dl dd{
font-size:20px;
}
.free9-page #special-page #article .sec-2 dl dt{
margin-bottom:5px;
font-weight:bold;
}
.free9-page #special-page #article .sec-2 dl dd{
margin-left:13px;
}
.sp-mode .free9-page #special-page #article .sec-2 dl dd{
margin-left:0px;
}
.free9-page #special-page #article .sec-2 .caption{
margin-top:30px;
}
.sp-mode .free9-page #special-page #article .sec-2 .caption{
margin-bottom:30px;
font-size:18px;
}
.free9-page #special-page #article .sec-3 .left-column{
width:455px;
}
.free9-page #special-page #article .sec-3 .right-column{
margin-top:8px;
}
.sp-mode .free9-page #special-page #article .sec-3 .left-column{
width:auto;
}
.sp-mode .free9-page #special-page #article .sec-3 .left-column p{
text-align:center;
}
.sp-mode .free9-page #special-page #article .sec-3 .right-column p br{
display:none;
}

.free10-page #special-page #article{
background:#FFF url(https://yukieglass.com/shop/img/brand_bg.jpg)
no-repeat top right;
padding:0px 25px;
}
.sp-mode .free10-page #special-page #article{
padding:0px 25px 25px 25px;
background-position:60% -45px;
}
.free10-page #special-page #article .left-column{
width:590px;
}
.sp-mode .free10-page #special-page #article .left-column{
width:auto;
}
.free10-page #special-page #article .left-column .section {
margin-bottom:60px;
}
.free10-page #special-page #article .left-column .section h2{
text-indent:-9999px;
background:no-repeat 0 0;
overflow:hidden;
}
.free10-page #special-page #article .left-column .section p{
line-height:2;
margin-top:25px;
}
.free10-page #special-page #article .left-column .sec-1 h2{
background-image:url(https://yukieglass.com/shop/img/brand_sec1_cap.png);
height:75px;
margin:110px 0px 85px 0px;
}
.sp-mode .free10-page #special-page #article .left-column .sec-1 h2{
margin:450px 0px 50px 0px;
}
.sp-mode .free10-page #special-page #article .left-column .sec-1 p br{
display:none;
}
.free10-page #special-page #article .left-column .sec-2 h2{
background-image:url(https://yukieglass.com/shop/img/brand_sec2_cap.png);
height:27px;
margin:0px 0px 50px 0px;
}
.free10-page #special-page #article .left-column .sec-2 .photo{
float:right;
margin-left:25px;
margin-top:5px;
}
.free10-page #special-page #article .left-column .sec-2 p.button{
margin-top:32px;
}
.free10-page #special-page #article .left-column .sec-3{
margin-bottom:0;
}
.free10-page #special-page #article .left-column .sec-3 h2{
background-image:url(https://yukieglass.com/shop/img/brand_sec3_cap.png);
height:27px;
margin:0px 0px 50px 0px;
}
.free10-page #special-page #article .left-column .sec-3 .photo{
margin-bottom:35px;
}
.free10-page #special-page #article .left-column .sec-3 p .name{
font-size:20px;
}
.free10-page #special-page #article .right-column{
width:270px;
}
.sp-mode .free10-page #special-page #article .right-column{
width:auto;
}
.free10-page #special-page #article .right-column .sec-4{
margin-top:570px;
}
.sp-mode .free10-page #special-page #article .right-column .sec-4{
margin-top:50px;
}
.free10-page #special-page #article .right-column .sec-4 h4{
color:#CB1300;
font-family:Times, selif;
font-weight:normal;
}
.free10-page #special-page #article .right-column .sec-4 p{
font-size:13px;
color:#666;
line-height:1.7;
font-family:Times, selif;
margin-top:25px;
}
.sp-mode .free10-page #special-page #article .right-column .sec-4 p{
font-size:20px;
}
.sp-mode .free10-page #special-page #article .right-column .sec-4
p.photo{
float:right;
margin-left:20px;
}

.free11-page #special-page #article{
background:#FFF;
}
.free11-page #carousel-container ul,
.free11-page #carousel-container ul li img{
height:400px;
}
.sp-mode .free11-page #carousel-container ul,
.sp-mode .free11-page #carousel-container ul li img{
height:267px;
}
.free11-page #special-page #article .section{
margin:0px 25px 35px 25px;
}
.free11-page #special-page #article .section p.caption{
font-size:11px;
line-height:1.7;
margin-bottom:10px;
color:#777;
}
.sp-mode .free11-page #special-page #article .section p.caption{
font-size:16px;
}
.free11-page #special-page #article .sec-1 h2{
height:27px;
margin:40px auto 35px auto;
text-indent:-9999px;
background:url(https://yukieglass.com/shop/img/gallery_sec1_cap.png)
no-repeat center;
}
.free11-page #special-page #article .sec-2 p.open-date{
font-size:16px;
text-align:center;
margin-bottom:10px;
}
.sp-mode .free11-page #special-page #article .sec-2 p.open-date{
font-size:22px;
}
.free11-page #special-page #article .sec-2 p.open-caption{
font-size:12px;
text-align:center;
margin-bottom:30px;
color:#999;
}
.sp-mode .free11-page #special-page #article .sec-2 p.open-caption{
font-size:16px;
}
.sp-mode .free11-page #special-page #article .sec-2 h4{
margin-top:30px;
}
.free11-page #special-page #article .sec-2 .button-list{
margin-bottom:15px;
}
.free11-page #special-page #article .sec-2 .button-list li{
float:left;
margin-right:10px;
}
.free11-page #special-page #article .sec-2 .button-list li a.button{
width:auto;
}
.free11-page #special-page #article .sec-3 .left-column{
width:615px;
margin-top:10px;
}
.free11-page #special-page #article .sec-3 .right-column{
width:270px;
margin-top:10px;
}
.sp-mode .free11-page #special-page #article .sec-3 .left-column,
.sp-mode .free11-page #special-page #article .sec-3 .right-column{
width:auto;
}
.free11-page #special-page #article .sec-3 .map{
margin:3px 0px 5px 0px;
}
.free11-page #special-page #article .sec-3 h4{
color:#CB1300;
}
.free11-page #special-page #article .sec-3 h5{
margin-top:30px;
}
.sp-mode .free11-page #special-page #article .sec-3 .map iframe{
width:590px !important;
}
.sp-mode .free11-page #special-page #cap-slide,
.sp-mode .free11-page #special-page #cap-slide ul,
.sp-mode .free11-page #special-page #cap-slide img{
width:640px !important;
height:266px !important;
}

.free12-page #special-page #article{
background:#FFF;
}
.free12-page #special-page #article .section{
margin:0px 25px 35px 25px;
}
.sp-mode .free12-page #special-page #article .section p{
text-align:left !important;
}
.free12-page #special-page #article .section p.large-text{
margin-top:30px;
font-size:16px;
}
.sp-mode .free12-page #special-page #article .section p.large-text{
font-size:22px;
text-align:left !important;
}
.free12-page #special-page #article #payment h4{
margin-top:30px;
}
.free12-page #special-page #article #payment table td{
width:100%;
}
.free12-page #special-page #article #postage table{
margin-top:25px;
}
.free12-page #special-page #article #postage table th{
width:33%;
text-align:center;
}
.free12-page #special-page #article #postage table td{
font-size:16px;
text-align:center;
}
.sp-mode .free12-page #special-page #article #postage table td{
font-size:22px;
}
.free12-page #special-page #article #return h3{
margin-top:0px;
}
.free12-page #special-page #article #return .button-list{
margin:20px auto;
width:580px;
}
.free12-page #special-page #article #return .button-list li{
float:left;
margin:0 10px;
}
.sp-mode .free12-page #special-page #article #return .button-list li{
float:none;
margin:10px 0px;
}
.free12-page #special-page #article #privacy .button{
margin:20px auto;
}

.shopkeeper-page #special-page #article,
.privacy-page #special-page #article{
padding:40px 25px 0px 25px;
}
.shopkeeper-page #special-page #article h2,
.privacy-page #special-page #article h2{
font-size:24px;
line-height:1.5;
margin-bottom:30px;
font-weight:normal;
color:#555;
}
.sp-mode .shopkeeper-page #special-page #article h2,
.sp-mode .privacy-page #special-page #article h2{
font-size:30px;
}
.sp-mode .shopkeeper-page #special-page #article table th,
.sp-mode .privacy-page #special-page #article table th{
width:30%;
white-space:normal;
}

.align-left{
text-align:left;
}
.align-center{
text-align:center;
}
.align-right{
text-align:right;
}
.float-left{
float:left !important;
}
.float-right{
float:right !important;
}
.clear-both {
clear:both !important;
}
.sp-only-br{
display:none;
}
.sp-mode .sp-only-br{
display:inline;
}

#footer .footer-info {
box-sizing: border-box;
width: 100%;
margin: 18px 0 0;
padding: 0 18px 18px;
color: #666;
text-align: center;
}
#footer .footer-info__description {
display: none;
max-width: 760px;
margin: 0 auto 20px;
font-size: 13px;
line-height: 1.9;
}
#footer .footer-info__links {
display: none;
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 760px;
margin: 0 auto 18px;
padding: 0;
list-style: none;
}
#footer .footer-info__links li {
display: block;
float: none;
width: auto;
margin: 0;
padding: 0;
}
#footer .footer-info__links li + li::before {
margin: 0 12px;
color: #bbb;
content: "|";
}
#footer .footer-info__links a:link,
#footer .footer-info__links a:visited,
#footer .footer-info__links a:active {
color: #666;
text-decoration: none;
}
#footer .footer-info__links a:hover {
color: #b00000;
text-decoration: underline;
}
#footer .footer-info__copyright {
margin: 0;
color: #777;
font-size: 12px;
line-height: 1.5;
}

.sp-mode #footer .footer-info {
box-sizing: border-box;
width: 100%;
margin-top: 26px;
padding: 24px 20px 30px;
}
.sp-mode #footer .footer-info__description {
display: block;
width: auto;
max-width: 590px;
margin: 0 auto 22px;
font-size: 20px;
line-height: 1.7;
}
.sp-mode #footer .footer-info__links {
display: grid;
grid-template-columns: 1fr 1fr;
box-sizing: border-box;
width: 100%;
max-width: 590px;
margin: 0 auto 22px;
padding: 0;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
}
.sp-mode #footer .footer-info__links li {
display: block;
float: none;
box-sizing: border-box;
width: auto;
margin: 0;
padding: 0;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}
.sp-mode #footer .footer-info__links li + li::before {
display: none;
content: none;
}
.sp-mode #footer .footer-info__links li:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.sp-mode #footer .footer-info__links a:link,
.sp-mode #footer .footer-info__links a:visited,
.sp-mode #footer .footer-info__links a:active {
display: block;
padding: 17px 6px;
color: #666;
font-size: 20px;
line-height: 1.4;
text-decoration: none;
}
.sp-mode #footer .footer-info__copyright {
margin: 0;
font-size: 18px;
line-height: 1.5;
}

.sp-mode #top-banner-carousel .carousel-arrow {
display: none !important;
}

.sp-mode #footer {
width: 100% !important;
overflow: hidden;
}
.sp-mode #footer .inner {
box-sizing: border-box !important;
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.sp-mode #footer .footer-info {
position: relative !important;
left: 0 !important;
box-sizing: border-box !important;
width: 100% !important;
margin: 26px 0 0 !important;
padding-right: 20px !important;
padding-left: 20px !important;
}
.sp-mode #footer .footer-info__description,
.sp-mode #footer .footer-info__links,
.sp-mode #footer .footer-info__copyright {
box-sizing: border-box !important;
margin-right: auto !important;
margin-left: auto !important;
}

.sp-mode #works-archive .archive-card:first-child .archive-photo img {
height: auto;
object-fit: contain;
object-position: center;
}

.sp-mode #works-archive .archive-card:nth-child(2) .archive-photo img {
height: 520px;
object-fit: cover;
object-position: center top;
}

#header {
    box-sizing: border-box;
    background: #fbf7f1 !important;
    border-bottom: 1px solid rgba(169, 34, 24, .34);
    box-shadow: none;
}

.fix-header #header {
    background: #fbf7f1 !important;
    box-shadow: 0 3px 14px rgba(70, 48, 42, .12);
    -moz-box-shadow: 0 3px 14px rgba(70, 48, 42, .12);
    -webkit-box-shadow: 0 3px 14px rgba(70, 48, 42, .12);
}

#header h1 a {
    filter: none;
}

#header #global-nav > li > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    color: #756d68;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .04em;
    text-align: center;
    text-decoration: none;
    text-indent: 0 !important;
    transition: color .2s;
}

#header #global-nav > li > a:hover,
.free10-page #header #global-nav li a.brand,
.free11-page #header #global-nav li a.gallery,
.free12-page #header #global-nav li a.shopping {
    background-position: 0 0;
    color: #D81F27;
}

#header #product-nav > li > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #625c58;
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: .03em;
    text-align: center;
    text-decoration: none;
    text-indent: 0 !important;
    transition: color .2s, border-color .2s;
}

#header #product-nav > li > a:hover,
#header #product-nav > li.active > a,
.free3-page #header #product-nav li a.glassware,
.free4-page #header #product-nav li a.accessory,
.free8-page #header #product-nav li a.photo,
.free9-page #header #product-nav li a.ordermade,
.newitem-page #header #product-nav li a.newitem {
    background: transparent !important;
    border-bottom-color: #D81F27;
    color: #D81F27;
}

#header #product-nav .sub-nav-container {
    background: #fffdf9;
    border-color: #d8cbc5;
    box-shadow: 0 8px 22px rgba(70, 48, 42, .09);
}

#header #product-nav .sub-nav-container .sub-nav-column dt {
    color: #D81F27;
    border-bottom-color: #ded3cd;
}

body:not(.sp-mode) #header {
    background: linear-gradient(to bottom, #fffdf9 0%, #fbf6ef 100%) !important;
    border-bottom-color: rgba(141, 51, 41, .38);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .72);
}

body:not(.sp-mode).fix-header #header {
    box-shadow: 0 4px 18px rgba(55, 39, 34, .13);
}

body:not(.sp-mode) #header h1 a {
    position: relative;
    box-shadow:
        0 0 0 1px rgba(121, 29, 24, .18),
        0 5px 17px rgba(80, 34, 29, .13);
}

body:not(.sp-mode) #header #global-nav > li > a {
    background-color: transparent;
    color: #5f554f;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .10em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .85);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    transition: color .22s ease, background-color .22s ease;
}

body:not(.sp-mode) #header #global-nav > li > a.gallery,
body:not(.sp-mode) #header #global-nav > li > a.login {
    border-left: 1px solid rgba(105, 85, 77, .13);
}

body:not(.sp-mode) #header #global-nav > li > a:hover,
body:not(.sp-mode) .free10-page #header #global-nav li a.brand,
body:not(.sp-mode) .free11-page #header #global-nav li a.gallery,
body:not(.sp-mode) .free12-page #header #global-nav li a.shopping {
    background-color: rgba(216, 31, 39, .025);
    color: #b71f24;
}

body:not(.sp-mode) #header #product-nav {
    width: 960px;
    border-top: 1px solid rgba(111, 91, 82, .11);
}

body:not(.sp-mode) #header #product-nav > li > a {
    position: relative;
    overflow: hidden;
    border-bottom: 0;
    color: #403a36;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .085em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    transition: color .22s ease, background-color .22s ease;
}

body:not(.sp-mode) #header #product-nav > li > a::after {
    position: absolute;
    right: auto;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 2px;
    background: #D81F27;
    content: "";
    transform: translateX(-50%);
    transition: width .24s ease;
}

body:not(.sp-mode) #header #product-nav > li > a:hover,
body:not(.sp-mode) #header #product-nav > li.active > a,
body:not(.sp-mode) .free3-page #header #product-nav li a.glassware,
body:not(.sp-mode) .free4-page #header #product-nav li a.accessory,
body:not(.sp-mode) .free5-page #header #product-nav li a.photo,
body:not(.sp-mode) .free8-page #header #product-nav li a.photo,
body:not(.sp-mode) .free9-page #header #product-nav li a.ordermade,
body:not(.sp-mode) .newitem-page #header #product-nav li a.newitem {
    background: rgba(216, 31, 39, .022) !important;
    color: #b71f24;
}

body:not(.sp-mode) #header #product-nav > li > a:hover::after,
body:not(.sp-mode) #header #product-nav > li.active > a::after,
body:not(.sp-mode) .free3-page #header #product-nav li a.glassware::after,
body:not(.sp-mode) .free4-page #header #product-nav li a.accessory::after,
body:not(.sp-mode) .free5-page #header #product-nav li a.photo::after,
body:not(.sp-mode) .free8-page #header #product-nav li a.photo::after,
body:not(.sp-mode) .free9-page #header #product-nav li a.ordermade::after,
body:not(.sp-mode) .newitem-page #header #product-nav li a.newitem::after {
    width: 46%;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container {
    top: 46px;
    padding-top: 8px;
    background: linear-gradient(to bottom, #fffefa 0%, #fbf7f1 100%);
    border-color: #d7cbc4;
    border-top-color: rgba(216, 31, 39, .48);
    box-shadow: 0 12px 30px rgba(58, 39, 34, .12);
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.index-link {
    color: #4c4540;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    font-size: 15px;
    letter-spacing: .07em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dt {
    color: #b71f24;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    font-weight: normal;
    letter-spacing: .10em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dd a {
    color: #5e5752;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    letter-spacing: .035em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dd a:hover {
    color: #b71f24;
}

.sp-mode #header {
    box-sizing: border-box;
    height: 88px;
    background: #fbf7f1 !important;
    border-bottom: 1px solid #D81F27;
}

.sp-mode #header h1 {
    top: 0;
    left: 0;
}

.sp-mode #header h1 a {
    position: relative;
    box-sizing: border-box;
    width: 464px;
    height: 87px;
    overflow: hidden;
    background-color: transparent !important;
    background-image: none !important;
    filter: none !important;
}

.sp-mode.fix-header #header h1 a {
    background-color: transparent !important;
    background-image: none !important;
    background-position: 0 0 !important;
}

.sp-mode #header h1 a::before {
    position: absolute;
    top: 14px;
    left: 18px;
    display: block !important;
    width: 168px;
    height: 59px;
    background: url(https://img09.shop-pro.jp/PA01044/737/etc_base64/bG9nb195dWtpZV9qcA.png?cmsp_timestamp=20260719191518) no-repeat center center;
    background-size: contain;
    content: "" !important;
}

.sp-mode #header h1 a::after {
    position: absolute;
    top: 28px;
    left: 238px;
    display: block !important;
    width: 184px;
    height: 31px;
    background: url(https://img09.shop-pro.jp/PA01044/737/etc_base64/bG9nb195dWtpZV9lbg.png?cmsp_timestamp=20260719191518) no-repeat center center;
    background-size: contain;
    content: "" !important;
}

.sp-mode #header #sp-header-nav {
    display: block;
    float: right;
}

.sp-mode #sp-header-nav > li > a {
    position: relative;
    box-sizing: border-box;
    width: 88px;
    height: 87px;
    background: none !important;
    border-left: 1px solid rgba(169, 34, 24, .22);
}

.sp-mode #sp-header-nav > li > a.active {
    background: #f2e8e1 !important;
}

.sp-mode #sp-header-nav > li > a.menu::before {
    position: absolute;
    top: 31px;
    left: 50%;
    width: 34px;
    height: 2px;
    background: #D81F27;
    box-shadow: 0 11px 0 #D81F27, 0 22px 0 #D81F27;
    content: "";
    transform: translateX(-50%);
}

.sp-mode #sp-header-nav > li > a.cart::before {
    position: absolute;
    top: 33px;
    left: 50%;
    box-sizing: border-box;
    width: 32px;
    height: 31px;
    border: 2px solid #D81F27;
    content: "";
    transform: translateX(-50%);
}

.sp-mode #sp-header-nav > li > a.cart::after {
    position: absolute;
    top: 22px;
    left: 50%;
    box-sizing: border-box;
    width: 16px;
    height: 13px;
    border: 2px solid #D81F27;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    content: "";
    transform: translateX(-50%);
}

.sp-mode #sp-header-menu {
    top: 88px;
    background: #D81F27;
}

.sp-mode #sp-header-menu li a {
    color: #625d59;
}

.sp-mode #sp-header-menu li a.info {
    background-color: #f0ebe5;
}

.sp-mode #sp-header-menu li.close {
    background: #D81F27;
}

.sp-mode #sp-header-menu li.close a {
    color: #fff;
}

body:not(.sp-mode) #header #product-nav li.active .sub-nav-container {
    display: grid;
}

body:not(.sp-mode) #header #product-nav #accessory-nav,
body:not(.sp-mode) #header #product-nav #glassware-nav {
    box-sizing: border-box;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 34px;
    align-items: start;
    width: 960px;
    padding: 0 38px 34px;
    overflow: visible;
    border-color: rgba(151, 106, 94, .26);
    background: #fffdf9;
    box-shadow: 0 18px 40px rgba(50, 42, 37, .13);
    text-align: left;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.index-link {
    position: relative;
    box-sizing: border-box;
    display: flex;
    float: none;
    grid-column: 1 / -1;
    width: auto;
    min-height: 70px;
    margin: 0;
    padding: 22px 58px 18px 0;
    align-items: baseline;
    border-bottom: 1px solid #ddd5cd;
    color: #403a36;
    text-decoration: none;
}

body:not(.sp-mode) #header #product-nav .sub-nav-title {
    font-family: 'EB Garamond', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: .08em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-all {
    margin-left: 19px;
    color: #a72a2d;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .06em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column {
    box-sizing: border-box;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dl {
    margin: 24px 0 0;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dt {
    margin: 0 0 10px;
    padding: 0 0 9px;
    border-bottom: 1px solid #ddd6cf;
    color: #a72a2d;
    font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: .16em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-en {
    display: block;
    margin: 0 0 2px;
    color: #a69b93;
    font-family: Cinzel, 'Times New Roman', serif;
    font-size: 8px;
    line-height: 1.5;
    letter-spacing: .22em;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dd {
    margin: 0;
    color: #514b47;
    font-size: 13px;
    line-height: 1.65;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dd a {
    display: block;
    padding: 6px 3px;
    color: #514b47;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container .sub-nav-column dd a:hover {
    color: #b71f24;
    transform: translateX(3px);
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.close {
    position: absolute;
    top: 17px;
    right: 20px;
    bottom: auto;
    left: auto;
    box-sizing: border-box;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #d7cec7;
    border-radius: 50%;
    background: #fffdf9 !important;
    text-indent: -9999px;
    transition: border-color .2s ease, background-color .2s ease;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.close::before,
body:not(.sp-mode) #header #product-nav .sub-nav-container a.close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 1px;
    background: #81756f;
    content: "";
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.close:hover {
    border-color: rgba(183, 31, 36, .50);
    background-color: #fff7f3 !important;
}

#header #product-nav.yg-core-nav {
width: 960px;
}

#header #product-nav.yg-core-nav > li {
margin: 0;
}

body:not(.sp-mode) #header #product-nav .sub-nav-container a.sub-nav-branch-link {
position: relative;
box-sizing: border-box;
display: grid;
grid-column: 1 / -1;
grid-template-columns: 180px minmax(0, 1fr) auto;
height: auto !important;
min-height: 58px;
margin: 22px 0 0;
padding: 16px 38px 14px 0;
align-items: center;
gap: 18px;
border: 0 !important;
border-top: 1px solid #ddd5cd !important;
background: transparent !important;
color: #5b544f;
text-indent: 0 !important;
text-decoration: none;
}

body:not(.sp-mode) #header #product-nav a.sub-nav-branch-link small {
color: #aa8a80;
font-family: Cinzel, 'Times New Roman', serif;
font-size: 8px;
line-height: 1.5;
letter-spacing: .19em;
}

body:not(.sp-mode) #header #product-nav a.sub-nav-branch-link strong {
font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
font-size: 13px;
font-weight: normal;
line-height: 1.6;
letter-spacing: .05em;
}

body:not(.sp-mode) #header #product-nav a.sub-nav-branch-link span {
color: #a72a2d;
font-size: 10px;
line-height: 1.5;
letter-spacing: .03em;
}

body:not(.sp-mode) #header #product-nav a.sub-nav-branch-link:hover strong,
body:not(.sp-mode) #header #product-nav a.sub-nav-branch-link:hover span {
color: #b71f24;
}

.sp-mode #sp-header-menu.yg-sp-menu {
top: 88px;
left: 0;
z-index: 1100;
box-sizing: border-box;
width: 640px;
max-height: calc(100vh - 88px);
padding: 18px 18px 20px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: #f7f1ea;
border-top: 1px solid rgba(216, 31, 39, .22);
box-shadow: 0 12px 26px rgba(63, 43, 37, .14);
}

.sp-mode #sp-header-menu.yg-sp-menu > li {
float: none;
box-sizing: border-box;
width: 100%;
margin: 0;
font-size: 16px;
}

.sp-mode #sp-header-menu .yg-sp-menu__world {
position: relative;
overflow: hidden;
background: rgba(255, 255, 255, .74);
border: 1px solid rgba(144, 118, 107, .28);
}

.sp-mode #sp-header-menu .yg-sp-menu__world + .yg-sp-menu__world {
margin-top: 10px;
}

.sp-mode #sp-header-menu .yg-sp-menu__world--glass {
border-color: rgba(216, 31, 39, .30);
background: #fffdf9;
}

.sp-mode #sp-header-menu .yg-sp-menu__world--garden {
border-color: rgba(101, 112, 91, .32);
background: #f5f5ef;
}

.sp-mode #sp-header-menu a.yg-sp-menu__world-main {
position: relative;
display: block;
box-sizing: border-box;
min-height: 104px;
padding: 20px 70px 17px 22px;
background: transparent !important;
color: #504b47;
text-decoration: none;
}

.sp-mode #sp-header-menu .yg-sp-menu__world--glass a.yg-sp-menu__world-main {
min-height: 122px;
padding-top: 24px;
}

.sp-mode #sp-header-menu .yg-sp-menu__world--glass .yg-sp-menu__world-main strong {
font-size: 26px;
}

.sp-mode #sp-header-menu a.yg-sp-menu__world-main::after {
position: absolute;
top: 50%;
right: 24px;
margin-top: -13px;
color: #D81F27;
font-family: 'Times New Roman', serif;
font-size: 25px;
line-height: 1;
content: '\203A';
}

.sp-mode #sp-header-menu .yg-sp-menu__world-main small,
.sp-mode #sp-header-menu .yg-sp-menu__world-main strong,
.sp-mode #sp-header-menu .yg-sp-menu__world-main span {
display: block;
}

.sp-mode #sp-header-menu .yg-sp-menu__world-main small {
margin-bottom: 5px;
color: #ac7d72;
font-family: Cinzel, 'Times New Roman', serif;
font-size: 11px;
font-weight: normal;
line-height: 1.4;
letter-spacing: .22em;
}

.sp-mode #sp-header-menu .yg-sp-menu__world-main strong {
font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
font-size: 23px;
font-weight: normal;
line-height: 1.45;
letter-spacing: .04em;
}

.sp-mode #sp-header-menu .yg-sp-menu__world-main span {
margin-top: 3px;
color: #7c746e;
font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
font-size: 14px;
line-height: 1.6;
letter-spacing: .03em;
}

.sp-mode #sp-header-menu .yg-sp-menu__children {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid rgba(144, 118, 107, .20);
}

.sp-mode #sp-header-menu .yg-sp-menu__children a {
display: block;
box-sizing: border-box;
padding: 15px 12px;
background: rgba(248, 244, 239, .72) !important;
color: #655f5a;
font-size: 14px;
line-height: 1.5;
text-align: center;
text-decoration: none;
}

.sp-mode #sp-header-menu .yg-sp-menu__children a + a {
border-left: 1px solid rgba(144, 118, 107, .20);
}

.sp-mode #sp-header-menu.yg-sp-menu > li.yg-sp-menu__minor {
float: none;
width: 100%;
margin: 10px 0 0;
background: #f1ece6;
border: 1px solid rgba(144, 118, 107, .22);
}

.sp-mode #sp-header-menu .yg-sp-menu__minor a {
position: relative;
display: grid;
box-sizing: border-box;
grid-template-columns: 180px minmax(0, 1fr);
min-height: 78px;
padding: 15px 56px 14px 19px;
align-items: center;
background: transparent !important;
color: #5e5752;
text-align: left;
text-decoration: none;
}

.sp-mode #sp-header-menu .yg-sp-menu__minor a::after {
position: absolute;
top: 50%;
right: 22px;
margin-top: -12px;
color: #a72a2d;
font-family: 'Times New Roman', serif;
font-size: 22px;
line-height: 1;
content: '\203A';
}

.sp-mode #sp-header-menu .yg-sp-menu__minor small {
grid-row: 1 / 3;
color: #a88a81;
font-family: Cinzel, 'Times New Roman', serif;
font-size: 10px;
line-height: 1.55;
letter-spacing: .14em;
}

.sp-mode #sp-header-menu .yg-sp-menu__minor strong {
font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif;
font-size: 18px;
font-weight: normal;
line-height: 1.5;
letter-spacing: .04em;
}

.sp-mode #sp-header-menu .yg-sp-menu__minor span {
color: #817870;
font-size: 13px;
line-height: 1.5;
}

.sp-mode #sp-header-menu .yg-sp-menu__secondary {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
margin-top: 16px;
background: rgba(144, 118, 107, .22);
border: 1px solid rgba(144, 118, 107, .22);
}

.sp-mode #sp-header-menu .yg-sp-menu__secondary a {
display: block;
box-sizing: border-box;
min-height: 62px;
padding: 19px 34px 17px 17px;
background: #fffdf9 !important;
color: #655f5a;
font-size: 16px;
line-height: 1.55;
text-align: left;
text-decoration: none;
}

.sp-mode #sp-header-menu.yg-sp-menu > li.close {
position: static;
float: none;
clear: both;
width: 100%;
margin: 12px 0 0;
background: #D81F27;
border: 0;
border-radius: 0;
}

.sp-mode #sp-header-menu.yg-sp-menu > li.close a {
display: block;
padding: 17px 20px;
background: transparent !important;
color: #fff;
font-size: 15px;
line-height: 1.5;
letter-spacing: .04em;
text-align: center;
text-decoration: none;
}

.sp-mode #sp-header-menu a:focus-visible {
outline: 2px solid #D81F27;
outline-offset: -3px;
}