@charset "utf-8";

/*
	Theme Name: EditLife JP
	Theme URI: http://editlife.jp/
	Version: 1.3
*/


/****************************************

          GENERAL SETTING

*****************************************/

html,
body { margin: 0; padding: 0; }

/* --- CLEARFIX --- */
.cf:after,
#wrap:after,
#main:after{ display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; }
.cf,
#wrap,
#main{ display: inline-block; }
.cf,
#wrap,
#main{ display: block; }


/* --- LAYOUT --- */
span.space{ padding: 0 8px; }

#wrap{ width: 1085px; margin: 0 auto; height: 100%; min-height: 100%; background: url(img/bg.png) top center repeat-y;  }
#main{ width: 800px; height: 100%; float: right; position: relative; }
.home #main:before{ content:""; width: 22px; height: 120px; display: block; background: url(img/title.png) -778px 0 no-repeat; background-size: 800px 800px; position: absolute; top: 82px; left: -30px; }
.svg-defs{ display: none; }

/* --- TYPOGRAPHY --- */
body { color: #000; font-size: 13px; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; line-height: 1.9; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
a{ color: #444; }
::selection { background: rgba(68,192,127,0.8); color: #FFF; text-shadow: none; }
.spr{ white-space: nowrap; overflow: hidden;  text-indent: 100%; }

span.border-y{ background: url(img/border-y.png) left 85% repeat-x; }
span.border-y70{ background: url(img/border-y70.png) left 85% repeat-x; }
span.border-g{ background: url(img/border-g.png) left 85% repeat-x; }
span.border-b{ background: url(img/border-b.png) left 85% repeat-x; }

.entry blockquote hr{ clear: both; width: 100%; height: 1px; background: #ddd; border: none; border-bottom: 1px solid #FFF; outline: none; padding: 0; margin: 0; }

a.fade{ opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
a.fade img{ vertical-align: top; }
a.fade:hover{ opacity: 0.2; }



#fade {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 1000;
}
#loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  text-align: center;
  color: #fff;
  z-index: 1001;
}
#loading img{
  width: 32px;
  height: 32px;
}


/****************************************

          HEADER

*****************************************/

#header{ width: 230px; height: 100%; min-height: 100%; float: left; position: relative; }
#header .inner{ padding: 25px 15px 25px; }
#header:after{ content: ""; width: 14px; height: 190px; background: url(img/parts.png) -786px -150px no-repeat; background-size: 800px 800px; display: block; position: absolute; left: -22px; top: 30px; }

#logo{ width: 160px; height: 160px; margin: 0 auto 15px; border-radius: 100px; position: relative; overflow: hidden; }
#logo a{ width: 160px; height: 160px; display: block; background: url(img/logo.png) center center no-repeat; background-size: 160px 160px; position: relative; z-index: 5; }
#logo a:hover { opacity: 0.4; }
#logo span:before{ content: ""; display: block; width: 160px; height: 160px; position: absolute; top: 0; left: 0; z-index: 1; background: url(img/bg-trans-black.png) 0 0 repeat; }
#logo span{ width: 160px; height: 160px; background: url(img/bg-logo.jpg) 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }

/* --- LOCATION INFO --- */
.h-info{ color: #999; font-size: 11px; text-align: center; letter-spacing: -.40em; margin: 0 0 10px; }
.h-info p{ letter-spacing: 1px; }
.h-info div { background: url(img/parts.png) 0 0 no-repeat; background-size: 800px 800px; display: inline-block; margin: 0 2px 5px; letter-spacing: normal; }
.h-info div a { background: url(img/parts.png) 0 0 no-repeat; background-size: 800px 800px; display: block; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.h-info div a:hover{ opacity: 0; }
.h-info div.btn-access{ width: 96px; height: 24px; background-position: 0 -24px; }
.h-info div.btn-access a{ width: 96px; height: 24px; background-position: 0 0; }
.h-info div.ico-f { width: 24px; height: 24px; background-position: -96px -24px; }
.h-info div.ico-f a{ width: 24px; height: 24px; background-position: -96px 0; }
.h-info div.ico-t { width: 24px; height: 24px; background-position: -120px -24px; }
.h-info div.ico-t a{ width: 24px; height: 24px; background-position: -120px 0; }
.h-info div.ico-i { width: 24px; height: 24px; background-position: -144px -24px; }
.h-info div.ico-i a{ width: 24px; height: 24px; background-position: -144px 0; }

/* --- STORE NAV --- */
.store-nav{ font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; padding: 0 0 20px; border-bottom: 1px solid #DDD; }
.ban-store{ width: 200px; height: 166px; margin: 0 0 10px; background: url(img/btn-readmore3.png) center center no-repeat #ffd800; background-size: 113px 72px; border-radius: 5px; }
.ban-store a{ width: 200px; height: 166px; display: block; background: url(img/ban-store.png) 0 0 no-repeat; background-size: 200px 166px; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.ban-store a:hover{ opacity: 0.1; }
.s-cat{ padding: 5px 15px 0; margin: 0 0 10px; border-radius: 5px; border: 1px solid #ddd; background-color: #FFF; font-size: 12px; font-weight: bold; }
.s-cat li{ color: #444; height: 39px; vertical-align: top; border-bottom: 1px dashed #DDD; }
.s-cat li.s-cat-10{ border: none; }
.s-cat li a{ color: #444; display: block; height: 39px; background-color: #FFF; vertical-align: top; -webkit-transition: color .4s ease, background-color .4s ease; -moz-transition: color .4s ease, background-color .4s ease; -ms-transition: color .4s ease, background-color .4s ease; transition: color .4s ease, background-color .4s ease; }
.s-cat li a:hover{ color: #3fa8e0; background-color: #e6faff; }
.s-cat .sub{ height: 39px; line-height: 39px; display: inline-block; vertical-align: top; }
.s-cat-ico{ width: 30px; height: 30px; display: inline-block; background: url(img/parts.png) 0 0 no-repeat; background-size: 800px 800px; margin:4px 8px 0 -2px; }
.s-cat-1 .s-cat-ico{ background-position: -168px 0; }
.s-cat-2 .s-cat-ico{ background-position: -198px 0; }
.s-cat-3 .s-cat-ico{ background-position: -228px 0; }
.s-cat-4 .s-cat-ico{ background-position: -258px 0; }
.s-cat-5 .s-cat-ico{ background-position: -288px 0; }
.s-cat-6 .s-cat-ico{ background-position: -318px 0; }
.s-cat-7 .s-cat-ico{ background-position: -348px 0; }
.s-cat-8 .s-cat-ico{ background-position: -378px 0; }
.s-cat-9 .s-cat-ico{ background-position: -408px 0; }
.s-cat-10 .s-cat-ico{ background-position: -438px 0; }

.search-box{ color: #444; height: 39px; vertical-align: top; line-height: 39px; border-radius: 5px; padding: 0 15px; border: 1px solid #ddd; background-color: #FFF; font-size: 12px; font-weight: bold; margin: 0 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.search-box:hover{ background-color: #e6faff; border: 1px solid #3fa8e0;  }
.search-box form{ background: url(img/arrow-down.png) 142px 5px no-repeat; background-size: 27px 27px; }
.search-box select{ font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-weight: bold; }

.search-form { position: relative; margin: 0 0 16px; }
.search-form input[type="text"]{ color: #444; width: 170px; height: 39px; vertical-align: top; line-height: 39px; border-radius: 5px; padding: 0 15px; border: 1px solid #ddd; background-color: #FFF; font-size: 12px; outline: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.search-form input[type="text"]:focus{ color: #444; background-color: #e6faff; border: 1px solid #3fa8e0; }
.search-form ::selection { color: #444; }
.search-form input[type="image"]{ width: 30px; height: 30px; position: absolute; top: 5px; right: 5px; opacity: 0.7; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.search-form input[type="image"]:hover{ opacity: 1; }

.store-menu{ color: #444; font-size: 12px; font-weight: bold; padding-left: 5px; }
.store-menu li{ margin: 4px 0 0; }
.store-menu li a:before{ content:""; width: 22px; height: 22px; display: inline-block; background: url(img/parts.png) 0 0 no-repeat; background-size: 800px 800px; position: relative; top: 4px; margin: 0 5px 0 0; }
.store-menu li.store-guide a:before{ background-position: -468px 0; }
.store-menu li.store-login a:before{ background-position: -490px 0; }
.store-menu li.store-payment a:before{ background-position: -512px 0; }
.store-menu li.store-postage a:before{ background-position: -534px 0; }


/* --- MAIN NAV --- */
#m-nav{ width: 100%; height: 80px; }
#m-nav ul{ padding-top: 30px; position: relative; }
#m-nav li{ height: 23px; float: left; margin-right: 17px; background: url(img/nav-space.png) top right no-repeat; background-size: 4px 23px; position: relative; }
#m-nav li:after{ height: 5px; content: ""; display: block; background-color: #ffe000; position: absolute; top: 13px; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#m-nav li:hover:after,
#m-nav li.cu:after{ opacity: 1; }
#m-nav li a{ height: 23px; display: block; background: url(img/parts.png) 0 0 no-repeat; background-size: 800px 800px; white-space: nowrap; overflow: hidden;  text-indent: 100%; position: relative; z-index: 10; }
#m-nav li#nav-home{ width: 73px; }
#m-nav li#nav-home a{ width: 51px; background-position: -200px -64px; }
#m-nav li#nav-home:after{ width: 51px; }
#m-nav li#nav-about{ width: 80px; }
#m-nav li#nav-about a{ width: 59px; background-position: -250px -64px; }
#m-nav li#nav-about:after{ width: 59px; }
#m-nav li#nav-event{ width: 85px; }
#m-nav li#nav-event a{ width: 64px; background-position: -309px -64px; }
#m-nav li#nav-event:after{ width: 64px; }
#m-nav li#nav-blog{ width: 67px; }
#m-nav li#nav-blog a{ width: 46px; background-position: -373px -64px; }
#m-nav li#nav-blog:after{ width: 46px; }
#m-nav li#nav-magazine{ width: 108px; }
#m-nav li#nav-magazine a{ width: 87px; background-position: -419px -64px; }
#m-nav li#nav-magazine:after{ width: 87px; }
#m-nav li#nav-people{ width: 87px; }
#m-nav li#nav-people a{ width: 66px; background-position: -506px -64px; }
#m-nav li#nav-people:after{ width: 66px; }
#m-nav li#nav-store{ width: 148px; background: none; }
#m-nav li#nav-store a{ width: 127px; background-position: -572px -64px; }
#m-nav li#nav-store:after{ width: 127px; }
#m-nav li#nav-contact{ width: 35px; height: 35px; background: none; position: absolute; top: 24px; right: 0; float: none; padding: 0; margin: 0; background: url(img/parts.png) -235px -87px no-repeat; background-size: 800px 800px; }
#m-nav li#nav-contact a{ width: 35px; height: 35px; background-position: -200px -87px; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#m-nav li#nav-contact.cu a,
#m-nav li#nav-contact a:hover{ opacity: 0; }

/* --- MY CART --- */
.my-cart{ width: 44px; height: 150px; position: fixed; top: 80px;  right: 0; z-index: 100; }
.my-cart a{ width: 44px; height: 150px; display: block; background: url(img/parts.png) -756px 0 no-repeat; background-size: 800px 800px; position: relative; z-index: 10; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.my-cart a:hover{ opacity: 0; }
.my-cart:after{ content:""; width: 44px; height: 150px; background: url(img/parts.png) -712px 0 no-repeat; background-size: 800px 800px; position: absolute; top: 0; right: 0; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.my-cart:hover:after{ opacity: 1; }

/* --- SHARE COUNTS --- */
.share-counts{ margin: 0 0 0; position: absolute; top: 0; right: 50px; }
.share-counts a{ vertical-align: top; display: block; }
.counts-box{ display: inline-block; }
.counts{ color: #FFF; font-size: 12px; letter-spacing: 0.03em; border-radius: 15px; display: block; padding: 0 14px 0 10px; line-height: 24px; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
.counts span.ico{ width: 14px; height: 12px; display: inline-block; margin: 6px 5px 0 0; }
.fb .counts{	background-color: #3b5b9a; }
.tw .counts{ background-color: #68aadd; }
.fb:hover .counts,
.tw:hover .counts{ background-color: #999; }
.fb .counts span.ico{ background: url(img/ico-c-fb.png) 0 0 no-repeat; }
.tw .counts span.ico{ background: url(img/ico-c-tw.png) 0 0 no-repeat; }


/****************************************

          SIDEBAR

*****************************************/

.side-title{ margin: 0 0 12px; text-align: center; }
.side-title p{ color: #666; font-size: 10px; letter-spacing: 0.05em; }
.side-boxies{ width: 200px; }
.side-boxies li{ margin: 0 0 22px; position: relative; }
.side-box-txt{ padding: 0 3px; }
.side-boxies h4{ font-size: 11px; line-height: 1.5; }
.side-boxies .box-thumb{ margin: 0 0 5px; border: 3px solid #FFF;border-radius: 3px; position: relative; background-color: #ffd800; }
.side-boxies .box-thumb img{ width: 100%; height: auto; border-radius: 3px; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease;  }
.side-box-txt .cartjs_product_table td,
.side-box-txt .cartjs_dtl_tbl td{ font-size: 11px !important; line-height: 1.5; }

.side-boxies .box-thumb:after{ content: ""; width: 52px; height: 52px; background: url(img/btn-readmore.png) 0 0 no-repeat; background-size: 52px 52px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.side-boxies .box-thumb:hover:after{ opacity: 1; }
.side-boxies .box-thumb:hover img{ opacity: 0.05; }


/* --- RANKING --- */
.ranking{ padding: 20px 0 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; }
.ranking h3{ width: 200px; height: 30px; margin: 0 0 0 -2px; background: url(img/parts.png) 0 -60px no-repeat; background-size: 800px 800px; }
.side-boxies li:before{ content: ""; display: block; width: 34px; height: 34px; background: url(img/parts.png) 0 0 no-repeat; background-size: 800px 800px; position: absolute; top: -7px; left: -7px; z-index: 100; }
.side-boxies li.rank-1:before{ background-position: -200px -30px; }
.side-boxies li.rank-2:before{ background-position: -234px -30px; }
.side-boxies li.rank-3:before{ background-position: -268px -30px; }
.side-boxies li.rank-4:before{ background-position: -302px -30px; }
.side-boxies li.rank-5:before{ background-position: -336px -30px; }
.side-boxies li.rank-4,
.side-boxies li.rank-5{ display: none; }

/* --- POPULAR POSTS --- */
.popular-posts { padding: 20px 0 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #DDD; }
.popular-posts h3{ width: 200px; height: 30px; margin: 0 0 0 -2px; background: url(img/parts.png) 0 -90px no-repeat; background-size: 800px 800px; }
.side-boxies .type{ font-size: 10px; line-height: 1.4; }
.side-boxies .info .type{ color: #acc216; }
.side-boxies .event .type{ color: #44c07f; }
.side-boxies .people .type{ color: #d080ad; }
.side-boxies .magazine .type{ color: #ed6c69; }
.side-boxies .store-info .type{ color: #3fa8e0; }
.side-boxies .store .type{ color: #3fa8e0; }
.side-boxies .harumicolumn .type{ color: #e96090; }

/* --- TODAY'S PHOTO --- */
.inst-photo{ position: relative; text-align: center; padding: 20px 0 10px; border-top: 1px solid #FFF; }
.inst-photo h3{ width: 200px; height: 30px; margin: 0 0 12px -2px; background: url(img/parts.png) 0 -150px no-repeat; background-size: 800px 800px; }
.inst-photo a img{ width: 180px; height: auto; border: 5px #FFF solid; border-radius: 3px !important; margin: 0 auto 10px !important; box-shadow: 0 1px 1px #CCC; -webkit-transition: all .4s ease;
-moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.inst-photo a:hover img{ opacity: 0.7; }
.AlpinePhotoTiles-link{ text-align: center !important; }
.AlpinePhotoTiles-link:after { color: #999; font-size: 11px; text-shadow: 0 1px 1px #FFF; text-align: left; letter-spacing: 0; display: block; content: attr(title); outline: none; padding: 10px 12px; background-color: #FFF; border-radius: 5px; }
.AlpinePhotoTiles-link:after:hover{ color: #999; }
.AlpinePhotoTiles-link:before{ content: ""; display: block; width: 190px; height: 190px; background: url(img/btn-zoom.png) center center no-repeat #ffd800; background-size: 52px 52px; position: absolute; top: 0; left: 5px; border-radius: 3px; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; z-index: 10; }
.AlpinePhotoTiles-link:hover:before{ opacity: 0.9; }

/****************************************

          COMMON

*****************************************/

h3.c-tit{ color: #666; font-size: 12px; height: 44px; letter-spacing: 1px; vertical-align: top; margin: 0 0 12px -8px; }
h3.c-tit span{ vertical-align: top; }
h3.c-tit span.spr{ width: 104px; height: 44px; display: inline-block; margin: 0 20px 0 0; background: url(img/title.png) 0 0 no-repeat; background-size: 800px 800px; }
h3.c-tit span.sub{ display: inline-block; line-height: 44px; }
h3.c-tit em{ display: inline; line-height: 10px; font-style: normal; }

.btn a{ color: #38a7e2; display: inline-block; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-size: 11px; font-weight: bold; padding: 0 10px; line-height: 22px; background-color: #FFF; border: 1px solid #38a7e2; border-radius: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.btn a:hover{ color: #FFF; background-color: #38a7e2; }

/* --- MAIL MAGAZINE --- */
#mail-magazine{ clear: both; padding: 23px; margin: 35px 0; background: url(img/bg-gray.png) 0 0 repeat; background-size: 10px 10px; border-radius: 5px; position: relative; }
#mail-magazine .description{ width: 375px; height: 112px; float: left; border-right: 1px solid #DDD; }
#mail-magazine .form{ width: 377px; height: 112px; float: right; border-left: 1px solid #FFF; }
#mail-magazine h5{ width: 218px; height: 40px; background: url(img/title.png) 0 0 no-repeat; background-position: 0 -572px; background-size: 800px 800px; margin: 0 0 5px; }
#mail-magazine p{ color: #666; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-size: 12px; padding: 0 0 0 5px; }
#mail-magazine p.sample{ position: absolute; top: 30px; left: 250px; }
#mail-magazine .inner{ margin-left: 30px; }
#mail-magazine .inner p{ font-size: 11px; }
#mail-magazine .inner input[type="text"]{ margin: 0 0 5px; }
#mail-magazine .inner input[type="text"],
#mail-magazine .inner input[type="email"]{ color: #444; width: 210px; height: 30px; vertical-align: top; line-height: 30px; border-radius: 5px; padding: 0 10px; border: 1px solid #ddd; background-color: #FFF; font-size: 12px; outline: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
#mail-magazine .inner input[type="text"]:focus,
#mail-magazine .inner input[type="email"]:focus{ color: #444; background-color: #e6faff; border: 1px solid #3fa8e0; }
#mail-magazine .inner ::selection { color: #444; }
#btn-send-m { width: 88px; height: 88px; position: absolute; top: 37px; right: 25px; background: url(img/bg-send-m.png) 0 0 no-repeat; background-size: 88px 88px; }
#btn-send-m input{ width: 88px; height: 88px; opacity: 1; text-indent: -9999px; background: url(img/btn-send-m.png) 0 0 no-repeat; background-size: 88px 88px; border: 0; outline: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#btn-send-m input:hover{ opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }


/****************************************

          TOP PAGE

*****************************************/

/* --- COVER --- */
#cover .slides > li,
#store-cover .slides > li{ position: relative; display: none; -webkit-backface-visibility: hidden; }
#cover .slides{ border-radius: 5px; overflow: hidden; }
#cover .slides img,
#store-cover .slides img{ width: 100%; display: block; border-radius: 5px; overflow: hidden; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: ".";  display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
#cover,
#store-cover{ margin: 0; position: relative; zoom: 1; } 
.flex-viewport { max-height: 2000px; -webkit-transition: width 1s eas, height 1s ease; -moz-transition: width 1s eas, height 1s ease; transition: width 1s eas, height 1s ease; }
#store-cover .flex-viewport{ width: 82%; }
.loading .flex-viewport { max-height: 300px; }
#cover .slides,
#store-cover .slides{ zoom: 1; overflow: hidden; }
.carousel li { margin-right: 5px; }
#cover{ width: 100%; height: 420px; z-index: 0; margin: 0 0 30px; }

/* --- COVER Direction Nav --- */
.flex-direction-nav {  }
.flex-direction-nav li{ white-space: nowrap; overflow: hidden; text-indent: 100%; }
.flex-direction-nav a{ text-decoration:none; display: block; width: 28px; height: 58px; margin: -29px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: opacity .6s ease, left .6s ease, right .6s ease; -moz-transition: opacity .6s ease, left .6s ease, right .6s ease; transition: opacity .6s ease, left .6s ease, right .6s ease; }
.flex-direction-nav .flex-prev { left: -28px; background: url(img/parts.png) -200px -122px no-repeat; background-size: 800px 800px; }
.flex-direction-nav .flex-next { right: -28px; text-align: right; background: url(img/parts.png) -230px -122px no-repeat; background-size: 800px 800px; }
#cover:hover .flex-prev,
#store-cover:hover .flex-prev,
section:hover .flex-prev,
#t-banner:hover .flex-prev,
.list_carousel:hover .flex-prev,
.s-slide:hover .flex-prev { opacity:1; left: 0; }
#cover:hover .flex-next,
#store-cover:hover .flex-next,
section:hover .flex-next,
#t-banner:hover .flex-next,
.list_carousel:hover .flex-next,
.s-slide:hover .flex-next { opacity: 1; right: 0; }
#cover:hover .flex-next:hover,
#cover:hover .flex-prev:hover,
#store-cover:hover .flex-next:hover,
#store-cover:hover .flex-prev:hover,
section:hover .flex-next:hover,
section:hover .flex-prev:hover,
.s-slide .flex-next:hover,
.s-slide .flex-prev:hover,
#t-banner:hover .flex-next:hover,
#t-banner:hover .flex-prev:hover,
.list_carousel:hover .flex-next,
.list_carousel:hover .flex-prev { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

/* --- COVER : FLEX CONTROL NAV --- */
.flex-control-nav { width: 10px; height: 200px; position: absolute; left: -28px; top: 0; text-align: center; z-index: 100; }
.home .flex-control-nav{ top: 150px; }
.flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { width: 9px; height: 9px; display: block; background: #cdcdcd; cursor: pointer; text-indent: -9999px; border-radius: 10px; }
.flex-control-paging li a:hover { background: #ffd800; }
.flex-control-paging li a.flex-active { background: #ffd800; cursor: default; }

/* --- COVER TXT --- */
.cover-txt{ width: 780px; margin: 0 10px; padding: 6px 0 3px; background: rgba(255,255,255,0.9); border-radius: 5px; position: absolute; bottom: 10px; left: 0; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#cover .slides > li:hover .cover-txt{ opacity: 1;  }
.cover-txt h3{ color: #FFF; font-size: 13px; font-weight: bold; margin: 0 10px 5px; letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; }
.cover-txt h3 span.type{ font-size: 10px; font-weight: normal; letter-spacing: 0; padding: 0 6px; display: inline-block; background-color: #3fa8e0; margin-right: 10px; position: relative; top: -1px; -webkit-font-smoothing: subpixel-antialiased; border-radius: 3px; }
.cover-txt h3 span.type{ background-color: #3fa8e0; text-shadow: none; }
.cover-txt h3 span.type.info{ background-color: #acc216; }
.cover-txt h3 span.type.event{ background-color: #44c07f; }
.cover-txt h3 span.type.store{ background-color: #3fa8e0; }
.cover-txt h3 span.type.harumicolumn{ background-color: #e96090; }
.cover-txt h3 span.type.magazine{ background-color: #ed6c69; }
.cover-txt h3 span.type.people{ background-color: #d080ad; }
.cover-txt h3 span.type.page{ background-color: #ef9b42; }
.cover-txt p{ color: #666; font-size: 13px; margin: 0 15px 5px; }
.cover-txt h3 a{ color: #333; }

/* --- TOPICS --- */
.topics-list{ padding: 20px 0 10px; border-top: 4px solid #f3f3f3; border-bottom: 4px solid #f3f3f3; }
h3.c-tit#tit-topics span{ background-position: 0 0; }

/* --- TOP CONTENTS --- */
#top-contents{ margin: 42px 0 0; background: url(img/bg-top-contents.png) 0 0 repeat-y; }
.events_magazine-list,
.reco_items-list,
.store_blog-list{ width: 244px; margin: 0 34px 0 0; float: left; }
.store_blog-list{ margin: 0; }
#top-contents h3.c-tit{ width: 244px; height: 54px; margin: 0 auto 20px; }
#top-contents h3.c-tit span{  width: 244px; height: 54px; margin: 0; }
h3.c-tit#tit-events_magazine span{ background-position: -380px 0; }
h3.c-tit#tit-reco_items span{ background-position: -380px -54px; }
h3.c-tit#tit-store_blog span{ background-position: -380px -108px; }
#top-contents .events_magazine-list .box.col3.last,
#top-contents .reco_items-list .box.col3.last,
#top-contents .store_blog-list .box.col3.last{ margin: 0; height: auto; min-height: auto; }

/* --- ABOUT --- */
#t-about{ position: relative; padding: 20px 0 10px; border-top: 4px solid #f3f3f3;  }
h3.c-tit#tit-t-about span.spr{ width: 98px; background-position: 0 -44px; }
.more-about{ position: absolute; top: 28px; left: 248px; }
#t-about .box h3{ font-weight: normal; font-size: 15px; letter-spacing: 1px; }
#t-about .box-thumb{ margin: 0 0 15px; position: relative; background-color: #ffd800; }
#t-about .box-thumb a{ background-color: #ffd800; }
#t-about .box-thumb:after{ content: ""; width: 85px; height: 72px; background: url(img/btn-readmore2.png) 0 0 no-repeat; background-size: 85px 72px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -42px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#t-about .box-thumb:hover:after{ opacity: 1; }
#t-about .box-thumb:hover img{ opacity: 0.05; }
#t-about .no_1:after{ content: ""; width: 19px; height: 106px; display: block; background: url(img/t-about-tokyo.png) 0 0 no-repeat; position: absolute; top: 140px; right: 20px; }
#t-about .no_2:after{ content: ""; width: 19px; height: 178px; display: block; background: url(img/t-about-sg.png) 0 0 no-repeat; position: absolute; top: 90px; right: 20px; }
#t-about .box-txt{ position: relative; }
#t-about .box .btn-t-about.btn a{ color: #38a7e2; display: inline-block; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-size: 11px; font-weight: bold; padding: 0 10px; line-height: 22px; background-color: #FFF; border: 1px solid #38a7e2; border-radius: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; position: relative; top: -2px; }
#t-about .box .btn-t-about.btn a:hover{ color: #FFF; background-color: #38a7e2; }

/* --- PEOPLE --- */
#t-people{ position: relative; padding: 20px 0 0; margin: 0 0 70px; border-top: 4px solid #f3f3f3;  }
h3.c-tit#tit-t-people span.spr{ width: 112px; background-position: 0 -88px; }
.more-people{ position: absolute; top: 28px; left: 495px; }
#people-slides{ padding: 10px 0; background-color: #FFF; border-radius: 5px; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
#people-slides:hover{ background-color: #f3f3f3; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
#people-slides li{ width: 124px; text-align: center; }
#people-slides li h3{ font-size: 12px; font-weight: bold; letter-spacing: 0.05em; -webkit-font-smoothing: antialiased; }
.p-pic-box{ width: 105px; height: 105px; border-radius: 60px; border: 4px solid #FFF; overflow: hidden; margin: 0 auto 8px; background-color: #ffd800; }
.p-pic-box img{ width: 100%; height: auto; border-radius: 60px; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#people-slides li a{ display: block; }
#people-slides li a:hover .p-pic-box img{ opacity: 0.4; }

/* --- COVER : FLEX CONTROL NAV --- */
#t-people .flex-control-nav { width: 200px; height: 10px; position: absolute; left: 600px; top: 35px; text-align: left; }
#people-slides .flex-control-nav li { width: 9px; height: 9px; margin: 0 10px 0 0; }
#people-slides .flex-direction-nav a{ margin-top: 7px; }


/****************************************

          ONLINE STORE

*****************************************/

/* ---  STORE TOP --- */
#store-info-t-list{ padding: 0 0 25px; border-bottom: 2px solid #EEE; margin: 0 0 30px; }
.store-info-t-box{ display: inline-block; line-height: 1.5; padding: 10px 12px; background-color: #F4F4F4; border: 1px solid #EEE; border-radius: 5px; margin: 0 0 10px; }
.store-info-t-box .n-date{ color: #3fa8e0; }
.store-info-t-box a{ color: #000; font-size: 13px; font-weight: bold; }
#store-info-t-list h3.c-tit,
#brand-t-list h3.c-tit,
#feature-t-list h3.c-tit,
#main .wide-area h3.c-tit{ display: inline-block; position: relative; padding-left: 33px; }
#store-info-t-list h3.c-tit:before,
#brand-t-list h3.c-tit:before,
#feature-t-list h3.c-tit:before,
#main .wide-area h3.c-tit:before{ content: ""; width: 27px; height: 27px; position: absolute; top: 50%; left: 0; background: url(img/parts2x.png) -264px -571px no-repeat; background-size: 800px 800px;  margin: -15px 0 0; }
#store-info-t-list h3.c-tit:before{ background-position: -183px -571px; }
.s-slide-inner{ position: relative; padding: 40px 0; background-color: #FFF; padding: 0 0 25px; margin: 0 0 25px; border-bottom: 2px solid #EEE; }
.s-slide{ width: 100%; overflow: hidden; }
.s-slide-inner p.btn-view-all{ top: -5px; right: 50px; }
.slide-box-thumb:after{ content: ""; width: 85px; height: 72px; background: url(img/btn-readmore2.png) 0 0 no-repeat; background-size: 85px 72px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -42px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.slide-box-thumb:hover:after{ opacity: 1; }


.slide-box-txt{ color: #555; font-size: 12px; padding: 0 15px; line-height: 1.6; border-right: 1px solid #EEE; }
.slide-box-txt h4{ font-size: 13px; font-weight: bold; line-height: 1.6; margin: 0 0 5px; }
.slide-box-txt h4 a{ color: #333; }

#store-top #special-event{ padding: 0 0 35px; margin: 0 0 30px; border-bottom: 2px solid #EEE; }


/****************************************

          COMMON ( ARCHIVES & SINGLE )

*****************************************/

/* ------ ARCHIVES ( BOX ) ------ */
.item-status{ width: 40px; height: 40px; display: block; position: absolute; top: -7px; left:-7px; z-index: 10; }
.ico-new{ width: 40px; height: 40px; background: url(img/parts.png) -310px -87px no-repeat; background-size: 800px 800px; position: absolute; top: -7px; left: -7px; z-index: 10; }

.box{ float: left; position: relative; }
.box.col1.line1{ width: 100%; margin: 0 0 30px; position: relative; float: none; }
.box.col2{ width: 382px; margin: 0 36px 30px 0; position: relative; }
.box.col2.no_0, .box.col2.no_2, .box.col2.no_4, .box.col2.no_6, .box.col2.no_8, .box.col2.no_10, .box.col2.no_12, .box.col2.no_14, .box.col2.no_16, .box.col2.no_18, .box.col2.no_20{ margin: 0 0 25px; }
.box.col2.no_1, .box.col2.no_3, .box.col2.no_5, .box.col2.no_7, .box.col2.no_9, .box.col2.no_11, .box.col2.no_13, .box.col2.no_15, .box.col2.no_17, .box.col2.no_19{ clear: both; }
.box.col3{ width: 244px; height: auto; margin: 0 34px 25px 0; }
.box.col3.no_3, .box.col3.no_6, .box.col3.no_9, .box.col3.no_12, .box.col3.no_15, .box.col3.no_18, .box.col3.no_21, .box.col3.no_24, .box.col3.no_27, .box.col3.no_30, .box.col3.no_33, .box.col3.no_36, .box.col3.no_39, .box.col3.no_42, .box.col3.no_45, .box.col3.no_48, .box.col3.no_51, .box.col3.no_54, .box.col3.no_57, .box.col3.no_60{ margin: 0 0 25px; }
.box.col3.no_1, .box.col3.no_4, .box.col3.no_7, .box.col3.no_10, .box.col3.no_13, .box.col3.no_16, .box.col3.no_19, .box.col3.no_22, .box.col3.no_25, .box.col3.no_28,.box.col3.no_31, .box.col3.no_34, .box.col3.no_37, .box.col3.no_40, .box.col3.no_43, .box.col3.no_46, .box.col3.no_49, .box.col3.no_51, .box.col3.no_55, .box.col3.no_58{ clear: both; }
#top-contents .box.col3{ width: 244px; height: 240px; margin: 0; }

.box a{ display: block; cursor: pointer; border-radius: 5px; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
.col1.line1.box a{ background-color: #f5f5f5; padding: 10px; }
.box a:hover{ background-color: #f3f3f3; }
.col1.line1.box a:hover{ background-color: #EEE; }
.box-txt p.date{ color: #999; font-size: 11px; font-style: italic; letter-spacing: 0.03em; }
.box-txt p.date .between:after{ content: " - "; display: inline-block; padding: 0 5px; }
.box-txt p.date .comma:after{ content: " , "; display: inline-block; padding: 0 5px 0 0; }
.box span.type{ color: #FFF; font-size: 10px; display: inline-block; background-color: #3fa8e0; border-radius: 3px; font-style: normal; padding: 0 3px; line-height: 15px; letter-spacing: 0.04em; }
.box.info span.type{ background-color: #acc216; }
.box.event span.type{ background-color: #44c07f; }
.box.store span.type,
.box.store-info span.type{ background-color: #3fa8e0; }
.box.harumicolumn span.type{ background-color: #e96090; }
.box.magazine span.type{ background-color: #ed6c69; }
.box.people span.type{ background-color: #d080ad; }
.box-thumb{ margin: 0 0 5px; background-color: #ffd800; border-radius: 5px; overflow: hidden; position: relative; }
.box-thumb:after{ content: ""; width: 85px; height: 72px; background: url(img/btn-readmore2.png) 0 0 no-repeat; background-size: 85px 72px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -42px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.box a:hover .box-thumb:after{ opacity: 1; }
.box.col1.line1 .box-thumb{ width: 244px; float: left; margin: 0; }
.box-thumb img{ width: 100%; height: auto; margin: 0; vertical-align: top; border-radius: 5px; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.box a:hover .box-thumb img{ opacity: 0.07; }
.box-txt{ text-align: left; }
.box.col1.line1 .box-txt{ width: 515px; float: right; padding: 5px 0 0; }
.box-txt h3{ font-size: 13px; font-weight: bold; line-height: 1.5; -webkit-font-smoothing: antialiased; padding: 0 0 5px; }
.col1.line1 .box-txt h3{ padding: 0 0 8px; }
.col3 .box-txt h3{ font-size: 12px; }
.col4 .box-txt h3{ font-size: 11px; }
.box-txt h3 a{ color: #444; }
.box-txt p{ color: #666; font-size: 12px; line-height: 1.7; padding: 0 0 5px; }
.box-txt p.soldout,
.box-txt p.soldout_re{ color: #e4435e; font-weight: bold; }
p.post-type{ font-size: 10px !important; -webkit-font-smoothing: antialiased; text-shadow: none; margin-left: -1px; }
p.post-type.store-original{ margin: 0; padding: 0; }
.slide-box-txt p.post-type{ margin: 0 0 2px; line-height: 1.7; }
.box-txt p.readmore{ font-size: 12px; letter-spacing: 0.05em; text-align: center; margin: 10px 0 0; }
.box-txt p.readmore a{ color: #FFF; background-color: #44c07f; border-radius: 5px; padding: 3px 13px; display: block; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
.box-txt p.readmore a:hover{ background-color: #999; }


/* --- BLOG --- */
.blog-links{ width: 350px; height: 30px; position: absolute; top: 8px; left: 248px; }
.blog-links li{ display: inline-block; font-size: 12px; margin: 0 4px 0 0; }
.blog-links a{ color: #FFF; letter-spacing: 0.04em; display: inline-block; line-height: 24px; padding: 0 10px; background-color: #3fa8e0; border-radius: 5px; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
.blog-links .harumicolumn a{ background-color: #e96090; }
.blog-links a:hover,
.blog-links .harumicolumn a:hover{ background-color: #999; }

/* --- PEOPLE --- */
.post-type-archive-people .box-area{ margin: 0 0 20px; }
.box.people-list{ width: 140px; height: 175px; margin: 0 25px 10px 0; text-align: center; }
.box.people-list.no_5, .box.people-list.no_10, .box.people-list.no_15, .box.people-list.no_20, .box.people-list.no_25{ margin: 0 0 10px; }
.box.people-list .box-thumb{ width: 120px; height: 120px; border-radius: 70px; border: 4px solid #EEE; overflow: hidden; margin: 0 auto 8px; background-color: #ffd800; }
.box.people-list .box-thumb img{ width: 100%; height: auto; border-radius: 60px; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.box.people-list .box-txt{ text-align: center; }
.box.people-list .box-txt h3{ color: #444; font-size: 12px; letter-spacing: 0.05em; }
.box.people-list .box-thumb:after{ content: ""; width: 52px; height: 52px; background: url(img/btn-readmore.png) 0 0 no-repeat; background-size: 52px 52px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.box.people-list .box-thumb:hover:after{ opacity: 1; }
.box.people-list .box-thumb:hover img{ opacity: 0.05; }


.end-event .box-thumb{ margin: 0 0 15px; }
.end_flag { width: 100%; height: 20px; text-align: center; position: absolute; top: 112px; left: 0; }
.end_flag p{ font-size: 11px; color: #e96090; background-color: #FFF; padding: 0 10px; border: 1px solid #e96090; border-radius: 20px; margin: 0 0 3px; display: inline-block; }
.box-txt blockquote{ margin: 7px 0 10px; padding: 12px 15px 10px; background: url(img/bg-gray.png) 0 0 repeat; border-radius: 4px; }
.box-txt blockquote h3,
.box-txt blockquote h4{ color: #555; font-size: 12px; font-weight: bold; }
.box-txt blockquote p{ font-size: 11px; }
.related-main-event .box-txt{ text-align: center; }
.related-main-event .box-txt .date,
.related-main-event .box-txt h3,
.related-main-event .box-txt p,
.related-main-event .box-txt blockquote{ text-align: left; }
.related-main-event .btn.r-more{ color: #38a7e2; display: inline-block; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-size: 11px; font-weight: bold; padding: 0 10px; line-height: 22px; background-color: #FFF; border: 1px solid #38a7e2; border-radius: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; margin: 10px auto; text-align: center; }
.related-main-event .box:hover .btn.r-more{ color: #FFF; background-color: #38a7e2; }


/* --- CART IN BOX --- */
.box-txt > div,
.side-box-txt > div,
.slide-box-txt > div,
.embed_box_txt > div,
.cartjs_product_table table,
.box-txt .cartjs_dtl_tbl,
.side-box-txt .cartjs_dtl_tbl,
.slide-box-txt .cartjs_dtl_tbl,
.embed_box_txt .cartjs_dtl_tbl{ width: 100% !important; margin: 0 0 5px !important; }
.box-txt .cartjs_box,
.side-box-txt .cartjs_box,
.slide-box-txt .cartjs_box,
.embed_box_txt .cartjs_box{ border: none !important; }
.box-txt .cartjs_product_table td,
.box-txt .cartjs_dtl_tbl td,
.side-box-txt .cartjs_product_table td,
.side-box-txt .cartjs_dtl_tbl td,
.slide-box-txt .cartjs_product_table td,
.slide-box-txt .cartjs_dtl_tbl td,
.embed_box_txt .cartjs_product_table td,
.embed_box_txt .cartjs_dtl_tbl td{ padding: 0 !important; font-size: 12px; line-height: 1.4; }
.box-txt th,
.box-txt input,
.box-txt .cartjs_cart_in,
.box-txt .cartjs_buy,
.side-box-txt th,
.side-box-txt input,
.side-box-txt .cartjs_cart_in,
.side-box-txt .cartjs_buy,
.slide-box-txt th,
.slide-box-txt input,
.slide-box-txt .cartjs_cart_in,
.slide-box-txt .cartjs_buy,
.embed_box_txt th,
.embed_box_txt input,
.embed_box_txt .cartjs_cart_in,
.embed_box_txt .cartjs_buy{ display: none; }

p.not-listed{ color: #e4435e; font-weight: bold; padding: 6px 10px; border: #e4435e solid 2px; margin: 0 0 50px; }

#tit-cover{ margin: 0 0 32px; }
.tit-box{ position: relative; }
h3.c-tit#tit-article span.spr{ width: 124px; background-position: 0 -132px; }



/* --- TOPIC PATH --- */
#tp{ width: 50%; height: 25px; text-align: right; position: absolute; top: -3px; right: 0; font-size: 10px; letter-spacing: 1px; }
#tp li{ display: inline-block; margin: 0 0 0 8px; position: relative; }
#tp li:after{ content: ""; display: block; width: 6px; height: 12px; position: absolute; background: url(img/arrow-tp.png) 0 0 no-repeat; background-size: 6px 12px; top: 4px; right: -5px; z-index: 10; }
#tp li.cu:after{ display: none; }
#tp li a{ color: #999; display: inline-block; line-height: 20px; padding: 0 7px; background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; -webkit-transition: background-color .4s ease, color .4s ease; -moz-transition: background-color .4s ease, color .4s ease; -ms-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; }
#tp li.cu a{ color: #3fa8e0; border: 1px solid #3fa8e0; }
#tp li a:hover,
#tp li.cu a:hover{ color: #3fa8e0; }

/* --- COVER & POST META --- */
.single-cover img{ width: 100%; height: auto; vertical-align: top; border-radius: 5px; }
.post-meta{ margin: 38px 0 35px; position: relative; }
#store-tax .post-meta{ padding: 35px 0 20px; border: none; }
.single-store .post-meta{ border: none; }
.page-template-page-access .post-meta{ padding: 35px 0 0; border-bottom: none;}
h3.c-tit.store-tax{ font-size: 16px; padding: 0; margin: 0 20px 12px 0; letter-spacing: 1px; }
.entry-title{ color: #000; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif;  font-size: 18px; font-weight: bold; letter-spacing: 0.05em; line-height: 1.7; -webkit-font-smoothing: antialiased; clear: both; margin: 0 0 12px; }
#store-tax .entry-title,
.single-store .entry-title{ font-size: 18px; letter-spacing: 0.05em; }
.entry-title a{ color: #000; }
.post-meta .share-counts{ margin: 0; position: absolute; top: 35px; right: 0; }
.post-date{ color: #666; font-size: 12px; letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; margin: 0 20px 0 0; }
.post-date a{ color: #666; }

.post-date .between:after{ content: " - "; display: inline-block; padding: 0 5px; }
.post-date .comma:after{ content: " , "; display: inline-block; padding: 0 5px 0 0; }
h1.c-s-tit{ color: #666; font-size: 12px; letter-spacing: 0.05em; line-height: 1; }
h1.c-s-tit span.spr{ width: 282px; height: 18px; background: url(img/title.png) 0 0 no-repeat; background-size: 800px 800px; margin: 0 0 15px -2px; }
h3.c-s-tit{ width: 282px; height: 18px; background: url(img/title.png) 0 0 no-repeat; background-size: 800px 800px; float: left; margin: 0 20px 27px 0; }

.single-event h3.c-s-tit{ width: 104px; background-position: -240px -494px; }
.single-store-info h3.c-s-tit{ width: 158px; background-position: -240px -512px; }
.single-harumicolumn h3.c-s-tit{ width: 244px; background-position: -240px -620px; }
.single-magazine h3.c-s-tit{ width: 140px; background-position: -240px -584px; }
.single-store h3.c-s-tit,
.page-template-page-store h3.c-s-tit{ width: 204px; background-position: -240px -602px; }
.page-template-page-about h1.c-s-tit span.spr{ width: 232px; display: block; background-position: -240px -440px; }
.page-template-page-tokyo h1.c-s-tit span.spr{ width: 218px; display: block; background-position: -240px -458px; }
.page-template-page-singapore h1.c-s-tit span.spr{ width: 284px; display: block; background-position: -240px -476px; }

/* --- CATEGORY TAG --- */
.cat-tag{ color: #FFF; font-size: 10px; letter-spacing: 1px; display: inline-block; margin: 0 3px 6px; position: relative; top: -5px; }
.cat-tag a{ color: #FFF; padding: 0 12px; background-color: #44C07F; line-height: 24px; border-radius: 20px; display: inline-block; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
.info-cat .cat-tag a{ background-color: #acc216; }
.event-cat .cat-tag a{ background-color: #44c07f; }
.magazine-cat .cat-tag a{ background-color: #ed6c69; }
.people-cat .cat-tag a{ background-color: #d080ad; }
.store-cat .cat-tag a{ background-color: #3fa8e0; }
.store-info-cat .cat-tag a{ background-color: #3fa8e0; }
.harumicolumn-cat .cat-tag a{ background-color: #e96090; }
.cat-tag a:hover{ background-color: #b1b1b1; }

/* ------ ENTRY ------ */
.post,
.list{ border-bottom: 4px solid #f3f3f3; }
.entry{ color: #555; width: 540px; padding: 35px 0 20px; float: left; border-top: 4px solid #f3f3f3; }
.page .entry{ padding: 35px 0 20px; }
.entry.all,
.page .entry.all{ width: 100%; float: none; }
.entry.no-border{ padding: 0 0 20px; border: none; }

.entry h2{ color: #333; font-size: 19px; font-weight: bold; margin: 0 0 30px; line-height: 1.5; }
.entry h3{ color: #333; font-size: 17px; font-weight: bold; margin: 0 0 30px; line-height: 1.5; }
.entry h4{ color: #333; font-size: 15px; font-weight: bold; margin: 0 0 30px; line-height: 1.5; }
.entry p{ font-size: 14px; line-height: 2.1; padding: 0 0 25px; }
.wp-caption{ margin: 0 0 10px; }
.entry p.wp-caption-text{ color: #666; font-size: 11px; text-align: center; padding: 0 0 10px; line-height: 1.5;  }
.entry p strong{ color: #444; font-size: 14px; }
.entry p a,
.col-txt a{ color: #3fa8e0; }
.entry p small{ font-size: 11px; display: block; line-height: 1.6; }
.entry img{ max-width: 540px; height: auto; border-radius: 5px; }
.entry.term-description img{ max-width: 760px; height: auto; border-radius: 5px; }
.entry p a:hover,
.col-txt a:hover{ color: #999; }
.entry .attention{ color: #3fa8e0; display: inline-block; font-size: 12px; font-weight: bold; padding:  8px 10px; border: 2px solid #3fa8e0; border-radius: 4px; line-height: 1.7; }
.entry .attention.red{ color: #ff0000; border: 2px solid #ff0000; }
.entry a.ban-md{ opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.entry a.ban-md:hover{ opacity: 0.5; }
hr.border,
.entry hr,
.entry hr.border{ clear: both; width: 100%; height: 4px; background-color: #f3f3f3; border: none; outline: none; padding: 0; margin: 40px 0 35px; }
p + hr.border,
.entry p + hr.border,
.entry p + hr{ margin: 10px 0 35px; }

/* --- ENTRY ( INTERVIEW ) --- */
.single-interview .entry h3{ color: #333; font-size: 15px; font-weight: bold; margin: 0 0 25px; }
.single-interview .entry h4{ color: #333; font-size: 14px; font-weight: bold; margin: 0 0 10px; }
.single-interview .entry blockquote p{ font-size: 13px; padding: 0 0 20px; }
.single-interview .entry p strong,
.single-event .entry p strong.int{ color: #3b5b9a; font-size: 14px; font-weight: normal; }
.single-interview .gallery{ margin: 20px 0; }

/* --- ENTRY ( EVENTS ) --- */
.related-main-event { padding: 35px 0 0; border-bottom: 4px solid #f3f3f3; }
.related-main-event h2{ color: #000; font-size: 18px; font-weight: bold; letter-spacing: 0.07em; line-height: 1.7; margin: 0 0 20px; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 1px #FFF; }
.related-main-event p.description{ color: #555; font-size: 13px; padding: 0 0 20px; }

/* --- ENTRY ( PEOPLE ) --- */
h3.c-tit#tit-profile{ height: 18px; margin: 0 0 12px; }
h3.c-tit#tit-profile span.spr{ width: 110px; height: 18px; display: inline-block; background: url(img/title.png) -240px -530px no-repeat; }
h3.c-tit#tit-works span.spr{ width: 100px; height: 44px; background-position: 0 -220px;}
.portrait{ width: 150px; height: 150px; float: left; border-radius: 80px; border: 3px solid #EEE; overflow: hidden; margin: 0 auto 8px; margin: 0 0 25px; }
.portrait img{ width: 100%; height: auto; border-radius: 80px; }

.single-people .post-meta{ margin: 0 0 25px; padding: 38px 0 0; border-top: 4px solid #f3f3f3; }
.single-people .post-meta #tp{ top: 35px; }
.profile{ padding: 0 0 10px; border-bottom: 4px solid #f3f3f3; }
.profile .entry{ width: 610px; float: right; padding: 10px 0 0; border: none; }
.profile .entry-title{ font-size: 15px; float: left; margin: 0 20px 14px 0; }
.people-cat{ position: relative; top: 3px; }
.profile .entry p{ font-size: 13px; clear: both; }
#portfolio{ padding: 20px 0 10px; border-bottom: 4px solid #f3f3f3; }
#portfolio .box-thumb:before{ content: ""; display: block; width: 52px; height: 52px; background: url(img/btn-zoom.png) center center no-repeat; background-size: 52px 52px; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; z-index: 10; }
#portfolio .box-thumb:hover:before{ opacity: 0.9; }
#portfolio .box-thumb:after{ display: none; }


/* --- ENTRY ( STORE ) --- */
.comment-area{ color: #555; font-size: 13px; clear: both; margin: 5px 0 35px; padding: 20px 22px; border-radius: 5px; border: 1px solid #DDD; background-color: #fbfbfb; position: relative; }
.comment-area.selector{ padding: 20px 135px 20px 22px; }
.comment-area:after{ content: ""; width: 10px; height: 10px; display: block; background-color: #fbfbfb; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);  position: absolute; bottom: 50%; right: -5px; margin: 0 0 -5px; box-shadow: 1px 1px 0px 0px #CCC; z-index: 100; }
.comment-area strong{ color: #3fa8e0 !important; font-size: 13px; font-weight: bold !important; padding: 0 0 6px; display: inline-block; }
.comment-area h3,
.comment-area h4{ margin: 0 0 10px; }
.comment-area p{ font-size: 13px; padding: 0; }


/* --- CART EMBED --- */
.cart-embed{ padding: 20px 15px; background: url(img/bg-gray.png) 0 0 repeat; border-radius: 5px; margin: 25px 0; }
.cart-embed-box > div { width: 100% !important; }
.cart-embed-box > div.postage-attention{ width: 100% !important; clear: both; margin: 10px 0 0; }
.cart-embed-box > div.postage-attention p{ color: #888; font-size: 11px; padding: 5px 12px; border: 1px solid #AAA; }
.cart-embed-box > div.postage-attention p a { color: #3fa8e0; font-weight: bold; }
.cart-embed-box{ }
.cart-embed-box p.soldout,
.cart-embed-box p.soldout_re{ color: #666; font-size: 11px; }
.cart-embed-box p.soldout a,
.cart-embed-box p.soldout_re a{ color: #3fa8e0; font-weight: bold; }
.cart-embed-box p.soldout strong,
.cart-embed-box p.soldout_re strong{ color: #e4435e; font-size: 12px; display: block; border: 2px solid #e4435e; border-radius: 5px; padding: 10px; margin: 0 0 10px; }
.cartjs_box{ border: none !important; }
.cart-embed-box .cartjs_product_table{ vertical-align: middle; }
.cart-embed-box .cartjs_product_table table{ width: 100% !important; margin: 0 auto !important; }
.cartjs_product_table table,
.cartjs_product_table tr,
.cartjs_product_table th,
.cartjs_product_table td,
.cartjs_dtl_tbl tr,
.cartjs_dtl_tbl th,
.cartjs_dtl_tbl td{ color: #444; border: none !important; background: none !important; text-align: left; }
.cartjs_product_table th,
.cartjs_product_table td,
.cartjs_dtl_tbl th,
.cartjs_dtl_tbl td{ padding: 5px 0; }
.cartjs_product_table th,
.cartjs_dtl_tbl th{ font-size: 11px; text-align: right; }
.cartjs_product_table td,
.cartjs_dtl_tbl td{ color: #3fa8e0 !important; font-size: 14px; }
.cartjs_product_price{ color: #3fa8e0 !important; }
.cart-embed-box .cartjs_cart_in{ width: 172px; height: 45px; background: url(img/bg-cart.png) 0 0 no-repeat; background-size: 172px 45px; margin: 20px auto !important; }
.cartjs_block{ padding: 0 !important; }
.cartjs_product_table input[type="text"]{ color: #777 !important; font-size: 13px !important; margin: 3px !important; padding: 5px 10px !important; max-width: 100% !important; outline: none !important; border: none !important; border: #DDD solid 1px !important; border-radius: 4px; background: #FFF !important; vertical-align: middle; }
.cartjs_quantity input[type="number"]{ color: #777 !important; font-size: 13px !important; margin: 3px !important; outline: none !important; border: none !important; border: #DDD solid 1px !important; border-radius: 4px; background: #FFF !important; vertical-align: middle; }
.cartjs_product_table input[type="text"]:hover,
.cartjs_product_table input[type="text"]:focus{ border: #DDD solid 1px; }
.cartjs_cart_in input[type="submit"],
.cartjs_buy input[type="submit"]{ width: 172px !important; height: 45px !important; background: url(img/btn-cart.png) 0 0 no-repeat !important; background-size: 172px 45px !important; text-indent: 100%; white-space: nowrap; overflow: hidden; border:none !important; text-decoration:underline !important; cursor:pointer !important; padding:0 !important; margin: 0 auto !important; box-shadow: none !important; -webkit-appearance: button !important; *overflow: visible; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.cartjs_cart_in input[type="submit"]:hover,
.cartjs_buy input[type="submit"]:hover{ opacity: 0; }
.cartjs_cart_in input[type="submit"]:active,
.cartjs_buy input[type="submit"]:active{ border: none; outline: none; cursor: pointer;  }
div.store-attention{ border-top: 1px solid #DDD; padding: 20px 0 0; }
div.store-attention p{ color: #444; font-size: 12px; font-weight: bold; }
div.store-attention p a{ color: #3fa8e0; font-size: 11px; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; transition: color .4s ease; }
div.store-attention p a:hover{ color: #999; }

.postage-attention { border: 1px solid #CCC; padding: 12px; border-radius: 5px; margin: 0 0 30px; }
.postage-attention p{ color: 888; font-size: 11px; }
.postage-attention p a{ color: #3fa8e0; }
.postage-attention p a:hover{ color: #999; }

.txt-l{ width: 47%; display: inline-block; margin: 0 2% 30px 0; }
.txt-r{ width: 47%; display: inline-block; margin: 0 0 30px 2%; }

/* --- ENTRY ( a.btn )  --- */
.entry p a.btn{ color: #FFF; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; text-shadow: none; -webkit-font-smoothing: antialiased; display: inline-block; padding: 3px 12px 1px; background-color: #3fa8e0; border-bottom: 2px solid #317fb7; border-radius: 20px; -webkit-transition: background-color .4s ease, border-bottom .4s ease; -moz-transition: background-color .4s ease, border-bottom .4s ease;; -ms-transition: background-color .4s ease, border-bottom .4s ease;; transition: background-color .4s ease, border-bottom .4s ease;; }
.entry p a.btn:hover{ background-color: #60a9de; border-bottom: 2px solid #3fa8e0; }

/* --- BLOCKQUOTE --- */
.entry blockquote,
.item-info,
.description-area blockquote{ clear: both; margin: 30px 0; padding: 25px 25px 2px; background: url(img/bg-gray.png) 0 0 repeat; border-radius: 5px; }
.entry.term-description blockquote{ border-bottom: 3px #EEE solid; background-color: #FFF; }
.entry blockquote h3,
.entry blockquote h4,
.description-area blockquote h3{ font-size: 14px; margin: 0 0 6px; line-height: 1.5; }
.entry blockquote  h3,
.entry blockquote  h4{ font-weight: bold; }
.entry blockquote  h3 a,
.description-area blockquote h3 a{ color: #000; }
.entry blockquote p{ font-size: 12px; padding: 0 0 15px; }
.item-info{ font-size: 12px; padding: 25px 25px 20px; }
.item-info p{ font-size: 12px; }
.entry blockquote p strong{ font-size: 14px; margin: 0 0 6px; line-height: 1.5; }
.item-info strong{ font-size: 13px; display: inline-block; margin: 0 0 6px; line-height: 1.5; }
.description-area blockquote{ padding: 25px 25px 18px; }


/* --- COLUMN --- */
#right-area{ color: #888; width: 220px; float: right; text-shadow: 0 1px 1px #FFF; margin: -25px 0 0; }
.col,
.single-store .col.first{ margin: 0 0 18px; padding: 15px 0 0; border-top: 2px solid #f3f3f3; text-align: center; }
.col.first{ border: none; padding: 0; }
.col-popup-box + .col.first,
.col + .col.first{ padding: 15px 0 0; border-top: 2px solid #f3f3f3;}
.col-pic{ width: 124px; height: 124px; margin: 0 auto 12px; border-radius: 100px; border: 3px solid #EEE; overflow: hidden; }
.col-pic img{ width: 124px; height: auto; border-radius: 100px; }
.feature .col-pic{ width: 200px; height: auto; margin: 0 auto 12px; border: none; border-radius: 5px; }
.feature .col-pic img{ width: 200px; height: auto; border-radius: 5px; }
.col-pic a img{ opacity: 1; }
.col-txt{ color: #888; font-size: 11px; text-align: left; padding: 0 10px; }
.col-txt p{ font-size: 11px; text-align: left; }
.col-txt h3,
.col-txt h4,
.col-txt strong{ color: #333; font-size: 12px; font-weight: bold; line-height: 1.5; display: block; margin: 0 0 5px; text-align: center; }
.col-txt strong + br{ display: none; }
.col a{ display: block; background-color: #FFF; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; border-radius: 5px; padding: 15px 0; }
.col a:hover{ background-color: #f3f3f3; }
.col .btn{ color: #38a7e2; display: inline-block; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-size: 11px; font-weight: bold; padding: 0 10px; line-height: 22px; background-color: #FFF; border: 1px solid #38a7e2; border-radius: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; margin: 10px 0 0; text-shadow: none; }
.col a:hover .btn{ color: #FFF; background-color: #38a7e2; }
.col-popup-box{ width: 750px; display: inline-block; }
.col-popup-box:after{ display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; }
.col-popup-box{ display: block; }
.col-popup-box{ display: none; }
.col-popup-box.no-pic{ width: 570px; }
.col-popup-pic{ width: 150px; height: 150px; margin: 20px; border-radius: 100px; border: 3px solid #EEE; overflow: hidden; float: left; }
.col-popup-pic img{ width: 150px; height: 150px; border-radius: 100px; }
.col-popup-txt{ width: 520px; float: right; margin: 20px 20px 20px 0;  }
.col-popup-txt p{ color: #666; font-size: 13px; }
.col-popup-txt h3,
.col-popup-txt h4,
.col-popup-txt strong{ color: #333; font-size: 15px; font-weight: bold; display: block; margin: 0 0 5px; }
.col-popup-txt strong + br{ display: none; }
.col-popup-txt a{ color: #3fa8e0; }

/* --- EMBED BOX --- */
.embed_box{ width: 260px; margin: 0 20px 30px 0; display: inline-block;  vertical-align: top; background: url(img/bg-gray.png) 0 0 repeat; border-radius: 5px; }
.embed_box .box.col3{ margin: 8px; }
.entry .embed_box .box-txt h3{ font-size: 13px; font-weight: bold; line-height: 1.5; -webkit-font-smoothing: antialiased; padding: 0 0 5px; margin: 0; }
.entry .embed_box .box-txt p{ color: #666; font-size: 12px; line-height: 1.7; padding: 0 0 5px; }
.embed_box + .embed_box{ margin: 0 0 30px; }

/* --- EMBED LIST --- */
.embed_list{ width: 100%; clear: both; margin: 0 0 30px; vertical-align: top; background: url(img/bg-gray.png) 0 0 repeat; border-radius: 5px; }
.embed_list:after{ display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; }
.embed_list{ display: inline-block; }
.embed_list{ display: block; }
.embed_list .box{ padding: 15px; float: none; }
.embed_list .box-thumb { width: 40%; float: left; margin: 0; }
.entry .embed_list .box-txt { width: 56%; float: right; margin: 0; }
.entry .embed_list .box-txt h3{ font-size: 13px; font-weight: bold; line-height: 1.5; -webkit-font-smoothing: antialiased; padding: 0 0 5px; margin: 0; }
.entry .embed_list .box-txt p{ color: #666; font-size: 12px; line-height: 1.7; padding: 0; }
.entry .embed_list p.post-type{ line-height:1.7; }


/* --- EMBED ITEM COMMENT --- */
.embed_item_comment{ color: #555; font-size: 13px; clear: both; margin: 5px 0 35px; padding: 20px 20px 17px; border-radius: 5px; border: 1px solid #DDD; background-color: #fbfbfb; position: relative; }
.embed_item_comment:after{ content: ""; width: 10px; height: 10px; display: block; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);  position: absolute; bottom: 50%; right: -5px; margin: 0 0 -5px; box-shadow: 1px 1px 0px 0px #CCC; z-index: 100; }
.entry .embed_item_comment strong,
.single-interview .entry  .embed_item_comment strong{ color: #3fa8e0; font-size: 14px; font-weight: bold; padding: 0 0 6px; display: inline-block; }
.embed_item_info{ margin: 0 0 20px; }
.entry .i_comment{ clear: both; font-size: 13px; padding: 20px 0 0; border-top: 1px solid #FFF; }
.entry .i_comment br{ display: none; }
.entry .i_comment h3,
.entry .i_comment h4{ margin: 0 0 10px; }
.entry .embed_item_comment_txt p{ line-height: 1.7; padding: 0 0 5px; }
.embed_item_comment .i_thumb{ margin: 0 0 8px; }
.embed_item_comment img{ width: 100%; border-radius: 5px; vertical-align: top; }
.embed_item_comment .box-txt div{ width: 100% !important; }
.embed_item_comment .cartjs_box{ border: none !important; }
.embed_item_comment th,
.embed_item_comment input,
.embed_item_comment .cartjs_cart_in,
.embed_item_comment .cartjs_buy{ display: none; }
.embed_item_comment .cartjs_product_table td,
.embed_item_comment .cartjs_dtl_tbl td{ padding: 0 !important; font-size: 13px; line-height: 1.4; }
.entry .embed_item_comment .box{ padding: 0 0 20px; margin: 0; border-bottom: 1px solid #DDD; }
.entry .embed_item_comment .box-txt{ width: 50%; float: right; }
.entry .embed_item_comment .box-txt h3{ font-size: 13px; font-weight: bold; line-height: 1.5; -webkit-font-smoothing: antialiased; padding: 0 0 5px; margin: 0; }
.entry .embed_item_comment .box-txt p{ padding: 0 0 5px; margin: 0; }
.embed_item_comment p.soldout,
.embed_item_comment p.soldout_re{ color: #e4435e; font-size: 12px; font-weight: bold; font-family: 'Montserrat', "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; padding: 0;  }
.embed_item_comment .box-thumb{ width: 46%; float: left; }
.embed_item_comment .cartjs_dtl_tbl{ margin: 0 !important; }
.entry .i_comment p{ font-size: 13px; padding: 0; }


/* ---  TAGS --- */
#tag-result-list{ border-top: 4px solid #f3f3f3; padding-top: 35px; }
.com-tag{ padding: 20px 0; font-size: 11px; }
.com-tag span{ color: #999; display: inline-block; padding: 0px 10px 0 0; } 
.com-tag a{ color: #999; padding: 4px 6px; border: 1px solid #EEE; display: inline-block; margin-right: 8px; margin-bottom: 8px; line-height: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.com-tag a:hover{ border: 1px solid #3fa8e0; color: #3fa8e0; }

/* --- SHARE AREA --- */
.share-area { width:100%; padding: 10px 0 7px; margin: 0 auto 40px; border-radius: 4px; background: #EEE; text-align: center; vertical-align: middle; }
.share-area p{ color: #777; font-size: 12px; padding: 0 10px; text-shadow: 0 1px 1px #FFF; display: inline-block; line-height: 22px; position: relative; top: -3px; }
.share-area p:before{ content: ""; display: inline-block; width: 30px; height: 22px; background: url(img/ico-share.gif) 0 0 no-repeat; background-size: 30px 22px; position: relative; top: 5px; margin: 0 7px 0 0; }
.counts-box{ display: inline-block; font-size: 15px; line-height: 20px; height: 20px; padding: 4px; margin: 0 0 0 5px; vertical-align: top; background-color: #FFF; border-radius: 4px; }
.counts-box .fb-like{ display: block; }
.counts-box .mon{ -webkit-font-smoothing: subpixel-antialiased; }


/* --- YOUTUBE EMBED --- */
.YoutubeWrapper{ position: relative ; margin-top: 1.2em; margin-bottom: 1.2em; padding-top: 69px; padding-bottom: 50%; overflow: hidden; }
.YoutubeWrapper iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 540px; }

/* --- GALLERY --- */
.gallery{ clear: both; margin: 20px 0 10px; }
.gallery-item{ float: left; }
.entry .gallery-icon{ margin: 0; padding: 0; vertical-align: top; text-align: center; }
.gallery-icon a{ display: inline-block; border-radius: 5px; overflow: hidden; background: url(img/btn-zoom.png) center center no-repeat #ffd800; background-size: 52px 52px; }
.gallery-icon a img{ width: auto; height: auto; max-width: 540px; max-height: 540px; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease;  -ms-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 1; border-radius: 5px; vertical-align: top; }
.gallery-icon a:hover img{ opacity: 0.1; }
.entry p.gallery-caption{ color: #666 !important; font-size: 11px !important; padding: 8px 0 10px !important; line-height: 1.5 !important; }
.entry .recipe p.gallery-caption{ color: #444 !important; font-size: 13px !important; text-align: left; }
.gallery-columns-1 .gallery-item{ width: 100%; margin: 0 auto 20px 0; }
.gallery-columns-2 .gallery-item{ width: 47.4%; margin: 0 5.2% 20px 0; }
.gallery-columns-2 .gallery-item.no_1,
.gallery-columns-2 .gallery-item.no_3,
.gallery-columns-2 .gallery-item.no_5,
.gallery-columns-2 .gallery-item.no_7{ margin: 0 0 20px; }
.gallery-columns-3 .gallery-item{ width: 30%; margin: 0 5% 20px 0; }
.gallery-columns-3 .gallery-item.no_2,
.gallery-columns-3 .gallery-item.no_5,
.gallery-columns-3 .gallery-item.no_8,
.gallery-columns-3 .gallery-item.no_11{ margin: 0 0 20px; }
.gallery-columns-4 .gallery-item{ width: 22%; max-width: 230px; margin: 0 1.5% 20px 1.5%; }
.gallery-columns-2 .gallery-icon a img,
.gallery-columns-3 .gallery-icon a img,
.gallery-columns-4 .gallery-icon a img{ width: 100%; height: auto; }


/* --- PAGE NAVIGATION --- */
.navigation { clear: both; padding: 35px 0; border-bottom: 4px solid #f3f3f3; }
.alignleft { width: 49%; float: left; margin: 0; }
.alignright { width: 49%; float: right; margin: 0; text-align: right; }
.alignleft a,
.alignright a { color: #444; width: 100%; height: 100px; position: relative; left: 0; display: inline-block; -webkit-transition: left .4s ease, opacity .4s ease; -moz-transition: left .4s ease, opacity .4s ease; transition: left .4s ease, opacity .4s ease; }
.alignleft a:hover { left: -10px; opacity: 0.7; }
.alignright a:hover { left: 10px; opacity: 0.7; }
.next-post { height: 100px; float: right; }
.prev-post { height: 100px; float: left; }
.next-post:before{ content: ""; display: block; width: 150px; height: 100px; background: url(img/thumb-next.png) 0 0 no-repeat; background-size: 150px 100px; position: absolute; top: 0; right: 0; z-index: 10; }
.prev-post:before{ content: ""; display: block; width: 150px; height: 100px; background: url(img/thumb-prev.png) 0 0 no-repeat; background-size: 150px 100px; position: absolute; top: 0; left: 0; z-index: 10; }

.navigation img { width: 150px; height: 100px; }
.navigation p { color: #333; font-size: 12px; line-height: 1.5; letter-spacing: 0.03em; padding: 0; vertical-align: middle; margin: 0; }
.navigation .alignleft p { margin: 0 0 0 160px; padding: 6px 6px 6px 0; }
.navigation .alignright p { margin: 0 170px 0 0;padding: 6px 0 6px 6px; text-align: right; }
.navigation p span{ color: #999; font-size: 10px; display: block; padding: 0 0 5px; }


/* --- WP PAGENAVI --- */
.wp-pagenavi{ font-family: 'Montserrat', "Arial", sans-serif; font-size: 12px; text-align: center; margin: 0 auto; padding: 15px 0 40px; }
.wp-pagenavi span,
.wp-pagenavi a{ color: #FFF; line-height: 26px; padding: 0 10px; margin: 5px 4px; position: relative; display: inline-block; background-color: #999; border-radius: 40px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; }
.wp-pagenavi a:hover,
.wp-pagenavi span.current{ background-color: #3fa8e0; }
.post-type-archive-info .wp-pagenavi a:hover,
.post-type-archive-info .wp-pagenavi span.current{ background-color: #acc216; }
.post-type-archive-event .wp-pagenavi a:hover,
.post-type-archive-event .wp-pagenavi span.current{ background-color: #44c07f; }
.post-type-archive-store .wp-pagenavi a:hover,
.post-type-archive-store .wp-pagenavi span.current{ background-color: #3fa8e0; }
.post-type-archive-interview .wp-pagenavi a:hover,
.post-type-archive-interview .wp-pagenavi span.current{ background-color: #ed6c69; }
.post-type-archive-people .wp-pagenavi a:hover,
.post-type-archive-people .wp-pagenavi span.current{ background-color: #d080ad; }
.post-type-archive-harumicolumn .wp-pagenavi a:hover,
.post-type-archive-harumicolumn .wp-pagenavi span.current{ background-color: #e96090; }
.wp-pagenavi span.pages{ background-color: #DDD; }


/****************************************

          SIDEBAR

*****************************************/

#related-articles,
#related-tems{ position: relative; padding: 20px 0 10px; border-bottom: 4px solid #f3f3f3; }

h3.c-tit#tit-related span.spr{ width: 180px; background-position: 0 -528px; }
#related-articles.r_slides .flex-viewport{ border-radius: 5px; background-color: #FFF; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
#related-articles.r_slides .flex-viewport:hover { background-color: #f3f3f3; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
h3.c-tit#tit-recommended span{ width: 184px; background-position: 0 -176px; }
#related-articles.r_slides .box.col3{ margin: 0; }
#related-articles.r_slides .box.col3 a{ width: 244px; }
#related-articles .box.col3.box-3{ margin: 0 0 25px; }
#related-articles .flex-control-nav { width: 200px; height: 10px; position: absolute; left: 360px; top: 35px; text-align: left; }
#related-articles .flex-control-nav li { width: 9px; height: 9px; margin: 0 10px 0 0; }
#related-articles .flex-direction-nav a{ margin-top: -7px; }

#archives-list,
#tag-list{ position: relative; padding: 20px 0 10px; border-bottom: 4px solid #f3f3f3; }
h3.c-tit#tit-archives-list span.spr{ width: 126px; background-position: -380px -220px; }
h3.c-tit#tit-tag-list span.spr{ width: 78px; background-position: -380px -176px; }
.tags-box{ padding: 5px 0 20px 5px; }
.tags-box .com-tag{ padding: 0; }
.tags-box .com-tag a{ margin-right: 6px; margin-bottom: 8px; }
.tags-box li{ display: inline-block; }
.archive-tag li{ font-size: 11px; }
.archive-tag a{ color: #FFF; padding: 4px 7px; border-radius: 30px; background-color: #44c07f; display: inline-block; margin-right: 3px; margin-bottom: 5px; line-height: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.archive-tag.store-info a{ background-color: #3fa8e0;  }
.archive-tag.harumicolumn a{ background-color: #e96090;  }
.archive-tag.magazine a{ background-color: #ed6c69;  }
.archive-tag a:hover{ background-color: #999; }




/****************************************

          ABOUT US

*****************************************/

h1#about-cover{ color: #FFF; font-size: 28px; font-family: 'Montserrat', sans-serif; letter-spacing: 4px; -webkit-font-smoothing: subpixel-antialiased; position: absolute; top: 45%; left: 100px; z-index: 190; }
h1#about-cover span{ padding-bottom: 4px; border-bottom: 4px solid #FFF; }

.entry #t-about { padding: 50px 0 10px; margin-top: 10px; }
#t-about .no_1:after,
#t-about .no_2:after { display: none; }
.entry #t-about .box{ margin: 0 0 50px; padding: 0 0 50px; float: none; border-bottom: 4px solid #f3f3f3; }
.entry #t-about .box.no_2{ border: none; padding: 0; }
.entry #t-about .box h3{ font-weight: normal; font-size: 15px; letter-spacing: 1px; margin: 0 0 10px; }
.entry #t-about .box-thumb{ margin: 0 0 25px; position: relative; background-color: #ffd800; }
.entry #t-about .box-thumb a{ background-color: #ffd800; }
.entry #t-about .box-thumb:after{ content: ""; width: 85px; height: 72px; background: url(img/btn-readmore2.png) 0 0 no-repeat; background-size: 85px 72px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -34px 0 0 -42px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.entry #t-about .box-thumb:hover:after{ opacity: 1; }
.entry #t-about .box-thumb:hover img{ opacity: 0.05; }
.entry #t-about .box-txt{ position: relative; }
.entry .btn-t-about.btn a,
.entry #t-about .box .btn-t-about.btn a { color: #38a7e2; display: inline-block; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: bold; padding: 0 10px; margin: 0 8px 0 0; line-height: 22px; background-color: #FFF; border: 1px solid #38a7e2; border-radius: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; -webkit-font-smoothing: antialiased; }
.entry .btn-t-about.btn a:hover,
.entry #t-about .box .btn-t-about.btn a:hover{ color: #FFF; background-color: #38a7e2; }
.entry #t-about .box-txt p{ color: #666; font-size: 12px; line-height: 1.7; padding: 0 0 5px; }


.map-wrap{ margin: 20px 0 0; border: 4px solid #EEE; border-radius: 5px; overflow: hidden; }
.page-template-page-tokyo .map-wrap,
.page-template-page-singapore .map-wrap{ margin: 0 0 20px; }
#map_canvas,
#map_canvas_tokyo,
#map_canvas_singapore{ width: 100%; height: 283px; }
.entry p strong.rh{ color: #e86a8d; }
.rental-fee{ margin: 0 0 35px 0; width: 100%; line-height: 1; } 
.rental-fee th,.rental-fee td{ padding: 10px; border: 1px #eee solid; } 
.rental-fee th.location{ color: #333; font-size: 14px; font-weight: normal; letter-spacing: 0.04em; line-height: 1.6; text-align: left; } 
.rental-fee th.location span{ color: #777; font-size: 10px; }
.rental-fee td{ width: 25%; text-align: right; } 
.entry p.note{ font-size: 12px; line-height: 1.6; }
.null { background: #f8f8f8; } 

p.address a{ color: #FFF; font-size: 13px; font-family: 'Montserrat', sans-serif; letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; text-shadow: none; background-color: #46c180; border-radius: 20px; box-shadow: 0 3px 0 #38a96d; margin: 10px 0; padding: 4px 15px; display: inline-block; position: relative; outline: none; transition:.1s ease; -webkit-transition:.1s ease; -moz-transition:.1s ease; }
p.address a:hover{ color: #FFF; background-color: #5bc98f; }
p.address a:active{ background-color: #5bc98f; box-shadow: 0 1px 0 #38a96d; top: 2px; }

.cards { }
.tokushohou dd .cards { padding: 5px 0 0; }
.cards li img,
.tokushohou dd .cards li img{ width: 40px; height: auto; }
.cards li { display: inline-block; margin: 0 10px 0 0; }
#cal-venue{ padding: 10px 0; }

#page-about h1.page-title{ font-size: 18px; font-family: 'Montserrat', sans-serif; letter-spacing: 2px; text-shadow: 0 1px 1px #FFF; margin: 0 0 25px; }
.page-template-page-store-php #page-about h1.page-title{ font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; font-weight: bold; }
.page p.lead,
.page .section p{ font-size: 13px; }
.page .section{ color: #333; margin: 20px 0; padding: 25px 25px 15px; border-bottom: 3px #EEE solid; background-color: #f7f7f7; }
.page .section h2{ font-size: 14px; font-weight: bold; margin: 0 0 10px; line-height: 1.5; }

.ban-el{ position: relative; border-radius: 5px; overflow: hidden; margin: 40px 0 0; background: url(img/btn-readmore.png) center center no-repeat #ffd800; background-size: 52px 52px; }
.ban-el a{ display: block; }
.ban-el img{ vertical-align: top; opacity: 1; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.ban-el:hover img{ opacity: 0.1;  }



/****************************************

          STORE

*****************************************/

/* -- PICK UP -- */
.pickup-list{ border-bottom: 4px solid #f3f3f3; }
h3.c-tit#tit-pickup span.spr{ width: 110px; background-position: 0 -264px; }
.col3_left{ width: 556px; float: left; clear: both; }
.col3_left .box.col3{ clear: none;   margin: 0 34px 15px 0; min-height: 244px; }
.col3_left .box.col3.no_1,
.col3_left .box.col3.no_3,
.col3_left .box.col3.no_5,
.col3_left .box.col3.no_7,
.col3_left .box.col3.no_9,
.col3_left .box.col3.no_11,
.col3_left .box.col3.no_13,
.col3_left .box.col3.no_15,
.col3_left .box.col3.no_17,
.col3_left .box.col3.no_19{ clear: both; }
.col3_right{ width: 244px; float: right; }
.col3_right .box.col3{  clear: none; float: none; margin: 0 0 15px; min-height: 244px; }

/* -- STORE BLOG -- */
.store_blog-box{ padding: 20px 0 10px; border-bottom: 4px solid #f3f3f3; position: relative; }
.more-blog{ position: absolute; top: 28px; left: 248px; }
h3.c-tit#tit-s-store_blog span.spr { width: 84px; background-position: 0 -307px; }
.box.col2.sep .box-thumb{ width: 45%; float: left; }
.box.col2.sep .box-txt{ width: 50%; float: right; padding: 5px 1% 0 0; }
.box.col2.sep .box-txt h3{ font-size: 12px; }
.box.col2.sep .box-thumb:after{ content: ""; width: 52px; height: 52px; background: url(img/btn-readmore.png) 0 0 no-repeat; background-size: 52px 52px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
.box.col2.sep:hover .box-thumb:after{ opacity: 1; }
.box.col2.sep:hover .box-thumb img{ opacity: 0.05; }
.store_blog-box .box.col2.no_5,
.store_blog-box .box.col2.no_6,
.store_blog-box .box.col2.no_7,
.store_blog-box .box.col2.no_8{ display: none; }

/* -- STORE CATEGORY -- */
h3#tit-store-cat_01 span.spr{ width: 130px; background-position: -240px 0; }
h3#tit-store-cat_02 span.spr{ width: 130px; background-position: -240px -44px; }
h3#tit-store-cat_03 span.spr{ width: 130px; background-position: -240px -88px; }
h3#tit-store-cat_04 span.spr{ width: 130px; background-position: -240px -132px; }
h3#tit-store-cat_05 span.spr{ width: 130px; background-position: -240px -176px; }
h3#tit-store-cat_06 span.spr{ width: 130px; background-position: -240px -220px; }
h3#tit-store-cat_07 span.spr{ width: 130px; background-position: -240px -264px; }
h3#tit-store-cat_08 span.spr{ width: 130px; background-position: -240px -308px; }
h3#tit-store-cat_09 span.spr{ width: 130px; background-position: -240px -352px; }
h3#tit-store-cat_10 span.spr{ width: 130px; background-position: -240px -396px; }
h3.c-tit strong{ color: #3fa8e0; }

/* -- SEARCH RESULT -- */
#search-result{ margin: 0; }
h3.c-tit#tit-result span.spr{ width: 194px; background-position: 0 -484px;}
.result-info{ margin: 20px 0 35px; }
.result-info.tax{ text-align: right; margin: 0; position: absolute; top: 0; right: 0; }
.result-info ul{ width: 100%; height: auto; font-size: 11px; letter-spacing: 0.03em; margin: 12px 0 0; }
.result-info.tax ul{ margin: 5px 0 0; }
.result-info li{ display: inline-block; margin: 0 10px 8px 0; position: relative; }
.result-info.tax li{ margin: 0 0 0 10px; }
.result-info li.cu{ color: #FFF; display: inline-block; line-height: 22px; padding: 0 7px; background-color: #AAA; border: 1px solid #AAA; border-radius: 5px; }
.result-info li.result strong{ color: #3fa8e0; font-size: 12px; }
.result-info li.cu:after{ content: ""; display: block; width: 6px; height: 12px; position: absolute; background: url(img/arrow-tp-gray.png) 0 0 no-repeat; background-size: 6px 12px; top: 5px; right: -6px; z-index: 10; }
.result-info li.result{ color: #999; display: inline-block; line-height: 22px; padding: 0 7px; background-color: #FFF; border: 1px solid #999; border-radius: 5px; }
.result-info li a{ color: #3fa8e0; display: inline-block; line-height: 22px; padding: 0 7px; background-color: #FFF; border: 1px solid #3fa8e0; border-radius: 5px; -webkit-transition: background-color .4s ease, color .4s ease; -moz-transition: background-color .4s ease, color .4s ease; -ms-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; }
.result-info li a:hover{ color: #FFF; background-color: #3fa8e0; }

/* --- BRAND INFO --- */
#brand-info{ padding: 40px 0 0; border-top: 4px solid #f3f3f3; }
.brand-info-box{ margin: 0 0 30px; }
#tit-brand span.spr{ width: 166px; height: 18px; background-position: -240px -548px; }
#tit-brand span.sub{ height: 18px; line-height: 18px; }
h3.c-tit#tit-brand{ line-height: 18px; margin: 0 0 12px -2px; }
h3.c-tit#tit-itemlist span.spr{ width: 130px; background-position: 0 -396px; }
.brand-info-box .pic-left{ width: 382px; height: auto; float: left; }
.brand-info-box .pic-left img{ width: 100%; height: auto; border-radius: 5px; margin: 0 0 20px; }
.brand-info-box .txt-right{ width: 388px; float: right; }
.brand-info-box .txt-right.no-pic{ width: 100%; float: none; }
.brand-info-box .txt-right h1{ font-size: 16px; }
.brand-info-box .txt-right p{ color: #666; font-size: 12px; margin: 0 0 12px; }
.brand-info-box .txt-right .comment-area{ font-size: 12px; padding: 17px 14px 3px; margin: 20px 0; }
.brand-info-box .txt-right .comment-area strong{ font-size: 13px; }
.entry.term-description{ }
.archive .share-area{ margin: 0 auto; }

/* -- BRANDS -- */
h3.c-tit#tit-brands span.spr { width: 112px; background-position: 0 -352px; }
.tax-item-list { clear: both; padding: 0 0 10px; border-bottom: 4px solid #f3f3f3; position: relative; }

/* -- FEATURE -- */
.feature-info-box{ margin: 0 0 20px; }
.tax-feature h3.c-s-tit,
.tax-series h3.c-s-tit { width: 140px; background-position: -240px -566px; }

#store-cover{ width: 800px; height: 413px; }
#store-cover .flex-control-nav{ width: 15%; position: absolute; top: 0; right: 0; left: auto; display: block; z-index: 50; }
#store-cover .flex-control-nav li{ width: 100%; margin: 0 0 20px; cursor: pointer; position: relative; background: url(img/bg-store-thumb.png) center center no-repeat; background-size: 42px 42px; }
#store-cover .flex-control-nav li:hover{ cursor: pointer; }
#store-cover .flex-control-nav li img{ width: 100%; height: auto; border-radius: 5px; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 1; vertical-align: top; }
#store-cover .flex-control-nav li img.flex-active{ opacity: 0.2; }
#store-cover .flex-control-nav li:hover img{ opacity: 0.6; }
#store-cover .slides,
#store-cover .flex-direction-nav{ width: 82%; height: 100%; position: absolute; top: 0; left: 0; }
#store-cover .flex-direction-nav .flex-next{}

#thumbnails{ width: 120px; }
#thumbnails li{ float: none !important; }
#thumbnails li img{ width: 100%; }

#brands-list{ clear: both; position: relative; padding: 20px 0 10px; border-bottom: 4px solid #f3f3f3; }
h3.c-tit#tit-brands-list span{ width: 112px; background-position: 0 -352px; margin: 0 20px 6px 0; }
#slides4col{ padding: 10px 0 0; background-color: #FFF; border-radius: 5px; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
#slides4col:hover{ background-color: #f3f3f3; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
#brands-list .box.col4{ width: 206px; }
#brands-list .box.col4 a{ width: 183px; }
#brands-list .box.col4 .box-thumb:after{ content: ""; width: 52px; height: 52px; background: url(img/btn-readmore.png) 0 0 no-repeat; background-size: 52px 52px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -26px 0 0 -26px; z-index: 10; opacity: 0; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#brands-list .box.col4 a:hover .box-thumb:after{ opacity: 1; }
#brands-list .flex-control-nav { width: 200px; height: 10px; position: absolute; left: 350px; top: 35px; text-align: left; }
#brands-list .flex-control-nav li { width: 9px; height: 9px; margin: 0 10px 0 0; }
#brands-list .flex-direction-nav a{ margin-top: -7px; }
.more-brands{ position: absolute; top: 28px; left: 237px; }


/****************************************

          特定商取引法に基づく表記

*****************************************/

.tokushohou dt{ width: 25%; float: left; clear: both; margin: 0 0 20px; font-weight: bold; font-size: 13px; }
.tokushohou dt small{ color: #777; font-weight: normal; display: inline-block; line-height: 1.6; padding-top: 5px; }
.tokushohou dd{ width: 72%; float: right; margin: 0 0 20px; color: #555; font-size: 13px; }
.tokushohou dd strong{ color: #333; }
.tokushohou dd img{ width: 100%; height: auto; }
.furikomisaki{ font-size: 12px; display: block; background-color: #F1F1F1; border-radius: 5px; margin: 5px 0 10px; padding: 8px 10px 6px; }

.g-box{ padding: 30px 0 0; margin: 15px 0 0; border-top: 1px dashed #DDD; position: relative; }
.entry h4.g-tit{ font-size: 16px; display: inline-block; }
.entry h4.g-tit:before{ width: 28px; height: 28px; content: ""; position: relative; top: 8px; display: inline-block; margin: 0 8px 0 0; }
.entry #about-cart h4.g-tit:before{ background: url(img/ico-about-cart.png) 0 0 no-repeat; background-size: 28px 28px; }
.entry #mail-trouble h4.g-tit:before{ background: url(img/ico-mail-trouble.png) 0 0 no-repeat; background-size: 28px 28px; }
.entry #about-log-in h4.g-tit:before{ background: url(img/ico-about-log-in.png) 0 0 no-repeat; background-size: 28px 28px; }
.entry #payment-method h4.g-tit:before{ background: url(img/ico-payment-method.png) 0 0 no-repeat; background-size: 28px 28px; }
.entry #about-postage h4.g-tit:before{ background: url(img/ico-about-postage.png) 0 0 no-repeat; background-size: 28px 28px; }
.entry p.more-postage1{ position: absolute; top: 36px; left: 228px; }
.entry p.more-postage2{ position: absolute; top: 36px; left: 457px; }
.entry p.more-postage1 a:hover,
.entry p.more-postage2 a:hover{ color: #FFF; }
.entry #about-postage h5#postage1,
.entry #about-postage h5#postage2{ color: #333; font-size: 15px; font-weight:bold; margin: 0 0 20px; }
.entry #about-postage h5#postage2{ border-top: 1px dashed #DDD; padding: 40px 0 0; }

.g-box ol{ margin-left: 20px; }
.g-box ol li{ list-style-type: decimal; font-size: 14px; padding: 0 0 10px; }
.page-template-page-store .entry span.attention{ color: #3fa8e0; font-size: 12px; display: inline-block; line-height: 1.5; border: none; padding-left: 0; padding-right: 0; }



/****************************************

          CONTACT

*****************************************/

.page-template-page-contact .post-meta{ margin: 38px 0 15px; }
.page-template-page-contact h3.c-s-tit { width: 128px; background-position: -240px -638px; }
p.attention{ color: #4391c8; font-size: 11px; letter-spacing: 0.03em; }
p.notice{ color: #444; font-size: 13px; letter-spacing: 0.03em; margin: 0 0 40px; }

#contact .wpcf7{ margin: 0 0 60px; }
#contact.entry .wpcf7 p{ padding: 0; margin: 0 0 20px; letter-spacing: 0.03em; }
#contact .wpcf7 p span.wpcf7-not-valid-tip{ color: #ff5d15; font-size: 11px; display: block; letter-spacing: 0.03em; }
.screen-reader-response{ display: none; }
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng,
div.wpcf7-mail-sent-ok{ color: #ff5d15; font-size: 12px; font-weight: bold; line-height: 1.3; letter-spacing: 0.03em; border: 2px solid #ff5d15; margin: 10px 0; padding: 8px 11px; display: inline-block; position: relative; z-index: 100; }
div.wpcf7-mail-sent-ok{ color: #23b3d7; border: 2px solid #23b3d7; }

.entry .required{ color: #3fa8e0; font-size: 11px; font-weight: bold; }

#contact select{ font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; width: 100%; background: url(img/arrow-down.png) 153px -3px no-repeat; background-size: 27px 27px; }
#contact input[type="text"],
#contact input[type="email"],
#contact textarea{ color: #444; width: 300px; height: 39px; vertical-align: top; line-height: 39px; border-radius: 5px; padding: 0 15px; border: 1px solid #ddd; background-color: #FFF; font-size: 12px; outline: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
#contact textarea{ width: 600px; height: 400px; max-width: 768px; line-height: 1.8; padding: 12px 15px; }
#contact input[type="text"]:focus,
#contact input[type="email"]:focus,
#contact textarea:focus{ color: #444; background-color: #e6faff; border: 1px solid #3fa8e0; }
#contact form span ::selection { color: #444; }
#contact input[type="image"]{ width: 30px; height: 30px; position: absolute; top: 5px; right: 5px; opacity: 0.7; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; transition: opacity .4s ease; }
#contact input[type="image"]:hover{ opacity: 1; }

.your-recipient{ color: #444; width: 180px; height: 39px; display: block; vertical-align: top; line-height: 39px; border-radius: 5px; padding: 0 15px; border: 1px solid #ddd; background-color: #FFF; font-size: 12px; font-weight: bold; margin: 0 0 8px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.your-recipient:hover{ background-color: #e6faff; border: 1px solid #3fa8e0;  }

select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; outline: none; }

select::-ms-expand { display: none; } 

#formBtn{ padding-top: 15px; }
#submit input { color: #FFF; font-family: 'Montserrat', "Arial"; font-size: 14px; font-weight: bold; letter-spacing: 1px; line-height: 40px; padding: 0 20px; background-color: #3fa8e0; border: 0; outline: 0; border-radius: 30px; -webkit-font-smoothing: antialiased; cursor: pointer; -webkit-transition: background-color .4s ease; -moz-transition: background-color .4s ease; -ms-transition: background-color .4s ease; transition: background-color .4s ease; }
#submit input:hover{ background-color: #999; }

.harumaki-form{ color: #4d3b2d; background-color: #fffdf7; border: 1px solid #fff5e4; padding: 35px 35px 15px; border-radius: 5px; margin: 40px 0 0; }
.entry .harumaki-form h4{ width: 262px; height: 51px; background: url(img/tit-harumaki-form.png) 0 0 no-repeat; background-size: 262px 51px; margin: 0 0 20px; }
.h-notice{ padding: 20px; background-color: #FFF; border: 1px solid #ffda8e; margin: 0 0 25px; border-radius: 5px; }
.harumaki-form dl{ padding: 20px 0 10px; margin: 0 0 30px; border-top: 1px dashed #ffda8e; border-bottom: 1px dashed #ffda8e; }
.harumaki-form dt{ font-size: 14px; font-weight: bold; margin: 0 0 5px; }
.harumaki-form dd{ margin: 0 0 12px; }
.harumaki-form dd.harumaki-list{ margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #ffda8e; }
.harumaki-form span.harumaki-tit{ display: inline-block; width: 300px; margin: 0 0 5px 0; font-size: 13px; font-weight: bold; }
.harumaki-form dt.harumaki-list{ margin: 20px 0 15px; border-top: 1px dashed #ffda8e; padding-top: 25px; }
span.h-num{ display: inline-block; width: 30px; height: 30px; text-shadow: none; margin: 0 15px 0 0; line-height: 30px; text-align: center; border-radius: 40px; color: #FFF; background: url(img/bg-harumaki.gif) 0 0 no-repeat; }
dd.harumaki-tit{ color: #cb6d0c; }
.harumaki-form input[type="text"],
.harumaki-form input[type="email"]{ color: #000; border: 1px solid #ffda8e; border-radius: 5px; }
.harumaki-form input[type="text"]:hover,
.harumaki-form input[type="email"]:hover,
.harumaki-form input[type="text"]:focus,
.harumaki-form input[type="email"]:focus{ background-color: #ffda8e; }
.harumaki-form select.wpcf7-select{ font-size: 15px; color: #cb6d0c; width: 80px; line-height: 30px; height: 32px; margin: 0 0 5px; border: 1px solid #ffda8e; border-radius: 5px; box-shadow: none; background: url(img/arrow_bottom_o2x.png) top right #FFF no-repeat; background-size: 27px 27px; }
.harumaki-form .reserve-time select.wpcf7-select{ width: 150px; }
.harumaki-form .btn-submit input { width: 201px; height: 45px; text-indent: -9999px; background: url(img/btn-h-submit.png) 0 0 no-repeat; background-size: 201px 45px; border: 0; outline: 0; border-radius: 0;  -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; }
.harumaki-form .btn-submit input:hover{ opacity: 0.7; }
.harumaki-form span.wpcf7-list-item{ margin: 0 10px 0 0; font-weight: bold; }
.notice-submit{ color: #cb6d0c; }



/****************************************

          404 ERROR

*****************************************/

#container404{ width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0px; left: 0px; z-index: 200; zoom: 1; }
.box-404{ width: 80%; height: 300px; position: absolute; top: 50%; left: 50%; margin-top: -160px; margin-left: -40%; text-align: center; letter-spacing: 0.03em; zoom: 1; }
.box-404 img{ width: 91px; height: 113px; }
.box-404 h3{ font-size: 24px; margin: 0 0 10px; }
.box-404 p{ font-size: 14px; margin: 0 0 5px; }
.box-404 p a{ color: #36bb75; transition: .6s ease; -webkit-transition: .6s ease; -moz-transition: .6s ease; }
.box-404 p a:hover{ color: #999; }


/****************************************

          FOOTER

*****************************************/

#page-top{ width: 878px; height: 50px; font-size: 12px; line-height: 30px; letter-spacing: 0.03em; text-align: center; background-color: #EEE; text-shadow: none; }
#page-top a{ color: #999; display: inline-block; background-color: #FFF; border-radius: 20px; padding: 0 20px; margin: 11px auto; -webkit-transition: color .4s ease, background-color .4s ease; -moz-transition: color .4s ease, background-color .4s ease; -ms-transition: color .4s ease, background-color .4s ease; transition: color .4s ease, background-color .4s ease; }
#page-top a:hover{ color: #FFF; background-color: #3fa8e0; }


#store-footer{ font-family: "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; margin: 25px 0 40px; padding-top: 35px; border-top: 4px solid #f3f3f3; text-shadow: 0 1px 1px #FFF; }
#store-footer .inner{ background-color: #f0f0f0; border-radius: 5px; padding: 30px 30px 25px; }
.store-col{ width: 350px; margin: 0; float: left; line-height: 1.6; }
.store-col.end{ float: right; }
.store-col h4{ color: #555; font-size: 12px; font-weight: bold; -webkit-font-smoothing: antialiased; margin: 0 0 14px; padding: 5px 10px; background-color: #FFF; border-radius: 5px; display: inline-block; position: relative; }
.store-col h4:after{ content: ""; width: 8px; height: 8px; display: block; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: -4px; left: 50%; margin-left: -4px; z-index: 100; }
.store-col h5{ color: #666; font-size: 12px; font-weight: bold; margin: 0 0 4px; padding-left: 3px; }
.store-col p{ color: #777; font-size: 11px; margin: 0 0 12px; padding-left: 3px; }
.store-col a{ color: #666; display: inline-block; padding: 2px 10px; margin: 8px 0 0; background-color: #FFF; border-radius: 20px; border: 1px solid #DDD; text-shadow: none; -webkit-transition: background-color .4s ease, color .4s ease; -moz-transition: background-color .4s ease, color .4s ease; -ms-transition: background-color .4s ease, color .4s ease; transition: background-color .4s ease, color .4s ease; }
.store-col a:hover{ color: #FFF; background-color: #3fa8e0; }

#footer{ max-width: 1134px; height: auto; color: #777; font-size: 11px; letter-spacing: 0.03em; margin: 0 0 0 180px; clear: both; position: relative; z-index: 1; background-color: #EEE; text-shadow: 0 0 1px #FFF; }
#footer .inner{ padding: 30px 50px; position: relative; z-index: 0; }
#footer a{ color: #777; }


#sitemap{ width: 46%; padding: 0 0 0 3%; margin: 0 0 30px; float: left; border-left: 1px solid #ddd; }
#sitemap ul{ clear: both; }
#sitemap li{ font-family: 'Montserrat', "Arial", "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", sans-serif; display: inline-block; line-height: 28px; -webkit-font-smoothing: antialiased; margin: 0 15px 0 0; text-shadow: 0 1px 1px #FFF; }
#sitemap li a{ vertical-align: top; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
#sitemap li a:hover{ opacity: 0.6; }
#sitemap span.ico{ width: 18px; height: 21px; display: inline-block; margin: 0 5px 0 0; background: url(img/parts.png) -72px -139px no-repeat; }
#sitemap li.store span.ico{ background-position: -36px -139px; }
#sitemap li.contact span.ico{ background-position: -54px -139px; }
#sitemap p.f-address{ padding: 20px 0 0; text-shadow: 0 1px 1px #FFF; }
#sitemap p.f-address.last{ padding: 15px 0 0; }
#footer #sitemap p.f-address a{ color: #3fa8e0; }
#footer #sitemap p.f-address a:hover{ color: #999; }

#pavlov{ width: 25px; height: 25px; margin: 0 auto 10px; clear: both; }
#pavlov a{ width: 25px; height: 25px; display: block; background: url(img/parts.png) 0 -264px no-repeat; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
#pavlov a:hover{ opacity: 0.6; }

p.copyright{ text-align: center; text-shadow: 0 1px 1px #FFF; }


/* --- FANCYBOX --- */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap iframe{ z-index: 9999; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #FFF; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 9999; }
.fancybox-opened .fancybox-skin { border-radius: 5px; -webkit-box-shadow: 0 1px 2px #DDD; -moz-box-shadow: 0 1px 2px #DDD; box-shadow: 0 1px 2px #DDD; }
.fancybox-outer,
.fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span { background-image: url('img/fancybox_sprite.png'); background-size: 44px 132px; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('img/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -22px; right: -22px; width: 44px; height: 44px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('img/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -18px; cursor: pointer; z-index: 8040; opacity: 0.5; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.fancybox-prev span { left: -50px; background-position: 0 -88px; }
.fancybox-next span { right: -50px; background-position: 0 -44px; }
.fancybox-nav:hover span { opacity: 1; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(255,255,255,0.85); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; z-index: 8000 -webkit-transform: translate3d(0,0,0); }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font-size: 12px; position: relative; text-shadow: none; z-index: 9999; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { width: 100%; display: inline-block; margin-right: -100%; background: transparent; color: #000; line-height: 24px; letter-spacing: 0.03em; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #444; text-shadow: 0 1px 1px #FFF; }
.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }