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;}
a { margin:0;padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul li {  list-style:none;}

body {
  font-size: 0.75em;
  line-height: 1.9;
  font-family: "Arial", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background:#F2F2F3;
  color: #595757;
  letter-spacing:0.05em;
  }

#gmo_CMSPbar {display:none;}

p { margin-top: 0; }
.en {font-family: 'Droid Sans', sans-serif; letter-spacing:0.15em;}
.script {font-family:'EdwardEdwin-Regular'; font-size:1.8em;color:#000846; font-weight:normal;}
.clear {clear:both;}
.pagetitle {margin:45px 0 15px 0; font-size:2.2em; text-align:center;}


@media (max-width: 750px) { 
img {width:100%; height:auto;}
.visible_phone {display:block;}
.visible_desktop {display:none!important;}
.contents {padding:0 25px;}
.pagetitle {padding-top: 20px;}
.visible_phone i  {margin-right:10px;}
}
@media (min-width: 750px) { 
.visible_phone {display:none!important;}
.visible_desktop {display:block;}
}


/* Links */
a {color: #3E3A39; text-decoration:none; }
a:hover {color: #EC6D81;  text-decoration:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}


/* Header */
#header_wrap { width:100%; height:50px; background:#fff;   margin-bottom: 150px;}
.fixed {position: fixed; top: 0px; z-index: 10000; }

.header {width:100%; background:#fff; text-align:center; margin:0 0 30px 0; position:relative;}

.header h1 a {    
	width: 243px;
    height: 107px;
	background:url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/img/logo_online.jpg) bottom center no-repeat;
	background-size:243px auto;
	text-indent:-9999px;
    display:block; 
    overflow:hidden;
	margin:0 auto 20px auto;
	padding-top:10px;
}
.header h1 a:hover {opacity:0.5;text-decoration:none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.fixed .header {box-shadow: 0 9px 12px -9px #efefef;
-webkit-box-shadow:0 9px 12px -9px #efefef;
-moz-box-shadow:0 9px 12px -9px #efefef;}
.fixed .header h1 a {width:177px; height:25px;
background-position:top center;
background-size:177px auto; margin:20px auto 12px auto;}

@media (max-width: 750px) { 
.header {margin:-45px 0 0 0;}
#header_wrap {display:none;}
.header h1 {display:none;}
body {margin-top:0!important;}
.mean-container .mean-bar { background: #fff url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/img/logo_online.jpg) center 20px no-repeat!important;
  background-size: 150px 41px!important;}
}


/* Menu */
#menu {
	width:auto;
	margin:0 auto;
	font-size:0.9em;
	}
#menu li { display: inline-block; position: relative;}

@media (min-width: 750px) { 
#menu {max-width:80%; border-top:1px solid #f2f2f3; padding-top:12px;}
#menu li { padding:0 20px 20px 12px;
	background:url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/img/dot.png) top right no-repeat;
	line-height:0.2;}
#menu li.last {background:none; padding-right:0;}	
#menu li a {color:#000846;}
#menu li a:hover {color:#EC6D81;}
#menu li:hover > ul, #menu li:hover > ul {display: block;}
.sub-menu {background:#FFF; display: none; position: absolute; z-index: 99999; left: -5px; top: 10px; 
padding:15px 0; width:300%;  text-align:left;}
#menu li ul li { background:none;  line-height:0.5; width:100%; padding:0 0 0 5px; }
.brand {width:400%; font-size:90%;}
}

.badge {position:absolute; top:20px; right:25%; width:120px; font-size:80%; font-weight:bold; text-align:left;}
.badge a {color:#EC6D81;}
.fixed .badge { right:27%; font-size:70%;}

  
.sns {width:auto; position:absolute; top:19px; right:10%;}
.sns li {width:auto; display:inline-block; margin-left:15px;}
.sns a { color:#dcdddd; font-size:1.7em;}
.sns a:hover {color:#EC6D81;}

.search {width:auto; position:absolute; top:19px; left:10%;}
.search input, .search_SP input {
max-width:85px; letter-spacing:0.15em; height:15px; border-radius: 3px; color:#000846;
border:none; background-color: #F7F8F8; padding: 6px 10px; float:left;}
.search input.s_submit, .search_SP input.s_submit
 {width:25px; height:25px; background:url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/img/search.png) bottom right no-repeat; border:none; float:left; cursor:pointer; background-size:18px 19px;}
.search_SP input {width:100%; }
.search_SP input.s_submit {width:25px; height:25px; background:url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/img/search_SP.png) bottom right no-repeat; background-size:18px 19px;}

@media (max-width: 750px) { 
#menu {margin:0 auto;}
#menu li.visible_phone a {color:#000846; font-size:1.2em;}
}


/* Category, Archives */
.pagetitle h3 {font-size:0.7em; font-weight:normal;}


/* Footer ---------------------------------*/  
.footer {width:100%; background:#e6e6e6; padding:40px 0 20px 0; margin-top:100px;}
.footer div {margin-bottom:20px; font-size:95%; }
.footer h3 {margin-bottom:5px;}
.footer ul li {margin-bottom:7px;}
.footer ul li a:hover {color:#EC6D81;}

@media (max-width: 750px) { 
.footer {padding:40px 25px; }
.footer h3 {  margin-bottom: 15px; font-size: 2.2em;}
.footer ul {margin-bottom:60px;}
.footer ul li {font-size:1.5em; border-top:1px dotted #bbb; padding:15px; }
.footer ul li a {display:block; width:100%; height:100%;}
}

.screen-reader-response {display:none;}

address {font-size:0.7em; text-align:center; font-style:normal;}

#back-top { position: fixed; bottom: 3em; right:3em; z-index:9999;}
#back-top a {opacity:0.6; width: 29px;height:29px; display: block; text-indent:-9999px; overflow:hidden;
background:url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/img/totop.png) bottom center no-repeat;background-size:29px 29px; }
#back-top a:hover {opacity:1; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
@media (max-width: 750px) { 
#back-top {bottom: 2em; right:2em;}
}