html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0; border:0;  outline:0; font-size:100%;vertical-align:baseline; background:transparent;}
ul li {list-style:none;}
h1, h2, h3, h4 {font-weight:normal}
table {border-collapse: collapse;}
* { -webkit-appearance: none; border-radius: 0; box-shadow:none;}

body {color: #000; font-size: 8.3pt; font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅"; line-height: 1.9em; background-color: #fff; text-align:center; letter-spacing:0.06em;}

a {color:#000; text-decoration:none;}
a:hover {color:#d7005b; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.en { font-family:'GillSansMTStd-Medium', sans-serif; letter-spacing:0.08em;}

@media (max-width: 768px) { 
img {width:100%; height:auto;}
.visible_phone {display:block;}
.visible_desktop {display:none!important;}
}
@media (min-width: 768px) { 
.visible_phone {display:none!important;}
.visible_desktop {display:block;}
}
@media only screen and (max-width: 480px) {
body {font-size:10pt;}
}

#main {margin:0 auto 0 auto; max-width:900px; padding:0 50px; position:relative;}
@media screen and (max-width: 768px) {
#main {padding:5px;}
}

.logo {width:107px; height:auto; position:fixed; top:80px; z-index:9999;}
.logo a {width:107px; height:24px; background:url(https://img07.shop-pro.jp/PA01260/546/etc/logo.png) top center no-repeat;
display:block; text-indent:-9999px; background-size:106px 24px;}
.logo a:hover {opacity:0.5; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
@media screen and (max-width: 768px) {
.logo {position:absolute; top:25px; left:35px; width:80px;}
.logo a {width:80px; height:auto; background-size:80px auto; }
}

/* MENU */
#menu {z-index:9999; padding-bottom:20px; border-bottom:2pt dotted #000;}
#menu li { display:block; position: relative; }

@media (min-width: 768px) { 
#menu {text-align:right; position:fixed; top:127px; right:9%; }
#menu i {font-size:120%; padding-bottom:3px;}
.main-menu {cursor:pointer;}
.sub-menu {background:#fff; padding:17px 0 17px 10px; }
.sub-menu li a {display:block;}
}
.slicknav_menu {display:none;}

@media screen and (max-width: 768px) {
#menu {display:none; z-index:0; }
.slicknav_menu {display:block; width: auto; margin: 5px 5px 0 5px; 
font-family:'GillSansMTStd-Medium', sans-serif; letter-spacing:0.08em; }
.slicknav_menutxt {position: absolute; top: 20px; right: 20px; z-index: 9999; padding:10px;}
.slicknav_nav { background-color: #efefef; padding-top:10px; display: block; height: auto;}
.slicknav_nav li {z-index:9998; text-align:left; padding:10px 30px; border-bottom:1px solid #666;  position: relative; }
.slicknav_nav li a {display:block;}
.slicknav_nav li li a {display:inline; padding-right:10px;}
.main-menu { float: left; padding-right: 20px;}
.slicknav_nav li i {padding-right:10px;}
.slicknav_nav li .sub-menu li {border-bottom:none; border-top:1px dotted #666; }
.slicknav_nav li .sub-menu li:first-child {border:none;} 
}

/* 商品右上の簡易説明 */
.kani {position: absolute; top: 1em; right: 1.5em;
font-size:70%; z-index:1000;}

/* Footer */
footer {width:100%;}
#footer { margin: 70px 5px 0 5px; border-top:1px solid #000; text-align: center;}
.footer-inner { max-width: 900px; margin: 70px auto 100px auto; text-align: left; }
footer ul:first-child {margin-left:50px;} 
footer ul {width:auto; float:left; margin-right:50px;}
footer ul.last {margin-right:0;} 
footer ul li {margin-bottom:5px;}


.search input {
max-width:100px; height:15px; color:#000!important;
border:1px solid #000; padding: 6px 10px; float:left;}
.search input.s_submit
 {width:52px; height:25px; background:url(https://img07.shop-pro.jp/PA01260/546/etc/search.png) bottom left no-repeat; border:none; float:left; cursor:pointer; background-size:15px 22px; padding:0; margin-left: 5px;}
.sns {padding-top:20px; font-size:170%; clear:both;}

@media screen and (max-width: 480px) {
footer {padding-bottom: 50px;}
#footer { margin:50px 5px 0 5px; }
.footer-inner {margin: 0 auto;}
footer ul {float:none; margin:0;}
footer ul:first-child {margin-left:0;} 
footer li {border-bottom:1px dotted #000; padding: 10px 20px;}
footer li.search, footer li.sns {border:none;} 
}

#back-top { position: fixed; bottom: 5px; right:10%; z-index:9999;}
#back-top a {width: 10px;height:40px; display: block; text-indent:-9999px; overflow:hidden;
background:url(https://img07.shop-pro.jp/PA01260/546/etc/totop.png) bottom center no-repeat;background-size:4px 37px; }
#back-top a:hover {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.page_line {position: fixed;  top: 0px;  right: 0px;  left: 0px;  bottom: 0px;
border: 3px solid #000;  pointer-events: none; }
.page_line2 {position: fixed;  top: 5px;  right: 5px;  left: 5px;  bottom: 5px;
border: 1px solid #000;  pointer-events: none; }


/* ABOUT */
#about {max-width:800px; text-align:left; margin:0 auto;}
.concept {padding:40px 0; border-bottom:1px solid #000; text-align:center;}
.stockists {padding:40px 10%;}
.stockists h2 {width:auto; float:left; padding-right:40px; font-size:170%;}
.stockists .shop {width:auto; float:left; font-size:110%;}
.stockists .shop a {border-bottom:1px dotted #3e3a39; padding-bottom:2px;}
.stockists .shop a:hover {border:none; color: #c9caca;}
.stockists p {font-size:80%; margin-top:10px;}

.abouttext {padding:50px 10%; border-top:1px dotted #000;}
.abouttext h3 {font-size:120%; font-weight:bold; margin-bottom:15px;}
.abouttext p {line-height:2.3em; font-size:110%;}

@media (max-width: 480px) { 
#about {max-width:100%;}
.stockists, .abouttext  {padding:40px 8%;}
.stockists h2, .stockists .shop {float:none;}
.stockists h2 {margin-bottom:15px;}
}


/* Exhibition */
.event {max-width:600px; padding:90px 0 10px 0; margin:0 auto;}
.event h2 {font-size:130%; padding-bottom:15px; border-bottom:2px solid #000; display:block;}
.placedate {text-align:right; margin-bottom:30px; font-size:110%;}
.placedate span {display: inline-block;padding: 7px 0 0 12px;border-left: 1px solid #000;margin: 3px 0 0 20px;}
.event img {width:100%;}
.eventtext {margin:20px 0; font-size:110%; line-height:2.3em; text-align:left;}
.eventtext a {border-bottom:1px dotted #3e3a39; padding-bottom:2px;}
.eventtext a:hover {border:none; color: #c9caca;}
@media (max-width: 480px) { 
.event {max-width:85%;}
}

/* Bijou */
#bijou {max-width:800px; text-align:left; margin:0 auto; position:relative;}
#bijou h2 {width:83px; height:32px; position:absolute; top:85px; left:90px; background:url(https://img07.shop-pro.jp/PA01260/546/etc/bijoutitle.png) top left no-repeat; text-indent:-9999px; background-size:83px 32px;}
#bijou img {width:100%;}
#bijou span {display:block; width:100%; border:2px solid #000; padding: 2px; background-color: #f7f8f8; margin-top: 20px;}
#bijou span a {display:block; border:1px solid #000; padding: 15px 0; font-size: 160%; font-weight: bold; text-align: center;}
#bijou span:hover {opacity:0.6;} #bijou span a:hover {color:#000;}
#bijou div {padding:50px 10%; }
#bijou h3 {font-size:120%; font-weight:bold; margin-bottom:15px;}
#bijou p {line-height:2.3em; font-size:110%;}
#bijou div.bijouother {border-top:1px dotted #000;}
#bijou div.bijouother img {margin-top:20px;}
@media (max-width: 480px) { 
#bijou {max-width:100%;}
#bijou h2 {display:none;}
#bijou span a {font-size:110%;}
}