@charset "shift_jis";

/* PC */
#slide {margin:0 0 26px;}
#slide ul {}
#slide ul > li {display:none;}
#slide ul > li:first-child {display:block;}
#slide ul > li > a {display:block; position:relative;}
#slide ul > li > a:after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:transparent;}
#slide ul > li .image {display:block;}
#slide ul > li .image > img {display:block;}
#slide ul > li .image > img.sp {display:none;}
#slide .fac-gallery {position:relative; overflow:hidden;}
#slide .fac-gallery > .fac-gallery-slider {}
#slide .fac-gallery > .fac-gallery-slider > ul {position:relative;}
#slide .fac-gallery > .fac-gallery-slider > ul:after {display:block; content:""; clear:both; height:0;}
#slide .fac-gallery > .fac-gallery-slider > ul > li {display:block; float:left; letter-spacing:normal; vertical-align:top;}
#slide .fac-gallery > .fac-gallery-slider > ul > li > a {}
#slide .fac-gallery > .fac-gallery-slider > ul > li img {}
#slide .fac-gallery > nav {}
#slide .fac-gallery > nav > a {display:block; width:80px; position:absolute; top:0; bottom:0; z-index:10; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden;}
#slide .fac-gallery > nav > a:after {
	display:block; width:32px; height:36px; position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px; border-radius:100%; 
	background:rgba(255,255,255,0.5); color:#585858; font:bold 20px/36px icons; text-align:center; text-indent:0; transition:background-color 0.3s ease-in-out 0s;}
#slide .fac-gallery > nav > a:hover:after {background-color:rgba(255,255,255,0.3);}
#slide .fac-gallery > nav > a.fac-gallery-previous {left:0;}
#slide .fac-gallery > nav > a.fac-gallery-next     {right:0;}
#slide .fac-gallery > nav > a.fac-gallery-previous:after {content:"\e903"; padding-right:4px;}
#slide .fac-gallery > nav > a.fac-gallery-next:after     {content:"\e901"; padding-left:4px;}
#slide .fac-gallery > nav > ol {display:none;}


#main_ a {text-decoration:none;}
#main_ a:hover {text-decoration:underline;}

#main_ > div {margin:35px 0 0;}
#main_ > div > h2 {padding:17px 0; border-bottom:1px solid #dcdcdc; font:normal 1.13em/1 'eb_garamond', serif; letter-spacing:0.1em; text-align:center;}
#main_ > div ul {}
#main_ > div ul > li {}
#main_ > div ul > li.pc {}
#main_ > div ul > li.sp {display:none !important;}
#main_ > div ul > li .image {display:block; position:relative;}
#main_ > div ul > li .image > img {display:block;}
#main_ > div ul > li .image > img.sp {display:none !important;}
#main_ > div ul > li > a > .image:after {
	display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0; transition:opacity 0.3s ease-in-out 0s;}
#main_ > div ul > li > a:hover > .image:after {opacity:0.5;}

#main_ > #featured {display:none;}

#main_ > #categories {display:none;}

#main_ > #banners {display:none;}

#main_ > #news {position:relative; margin:0; padding:20px 0 0 110px; border-top:1px solid #dcdcdc;}
#main_ > #news > h2 {
	width:80px; position:absolute; left:0; top:0; padding:20px 0; border:none; font:normal 1em/1 'eb_garamond', serif; letter-spacing:0.1em;}
#main_ > #news > ul {margin:-8px 0 0; font-size:0.88em; line-height:1.7;}
#main_ > #news > ul > li {padding:5px 0;}
#main_ > #news > ul > li > a {display:block; position:relative; margin:-5px 0; padding:5px 0 5px 20px; color:#181818;}
#main_ > #news > ul > li > a:after {display:block; width:16px; content:"\e909"; position:absolute; left:0; top:0; padding:5px 0; font:normal 12px/1.7em icons; text-align:center;}

#main_ > #recommend {margin:48px 0 0;}
#main_ > #recommend > h2 {display:none;}
#main_ > #recommend > ul {margin:-24px 0 0 -24px; letter-spacing:-0.5em;}
#main_ > #recommend > ul > li {display:inline-block; width:224px; margin:24px 0 0 24px; letter-spacing:normal; vertical-align:top;}
#main_ > #recommend > ul > li > a {display:block; border:1px solid #e5e5e5; overflow:hidden;}
#main_ > #recommend > ul > li .image {margin:-1px;}

#main_ > #daily-ranking {min-height:440px;}
#main_ > #daily-ranking > h2 {}
#main_ > #daily-ranking ul {margin:-40px 0 0 -40px; padding:40px 0 0; font-size:0.7em; letter-spacing:-0.5em;}
#main_ > #daily-ranking ul > li {
	display:inline-block; width:150px; position:relative; margin:40px 0 0 40px; box-sizing:border-box; letter-spacing:normal; vertical-align:top;}
#main_ > #daily-ranking ul > li > a {display:block; text-decoration:none;}
#main_ > #daily-ranking ul > li .image {min-height:112px;}
#main_ > #daily-ranking ul > li .image > img {width:100%; height:auto;}
#main_ > #daily-ranking ul > li strong {display:block; margin:5px 0 0; font-weight:normal;}
#main_ > #daily-ranking ul > li b {display:none;}
#main_ > #daily-ranking ul > li > a:after {
	display:block; width:23px; height:23px; position:absolute; left:0; top:-12px; border:1px solid #e5e5e5; border-radius:100%; box-sizing:border-box; 
	background:#fff; font:italic normal 16px/1 'eb_garamond', serif; text-align:center; -webkit-font-smoothing: antialiased;}
#main_ > #daily-ranking ul > li:nth-child(1) > a:after {content:"1";}
#main_ > #daily-ranking ul > li:nth-child(2) > a:after {content:"2";}
#main_ > #daily-ranking ul > li:nth-child(3) > a:after {content:"3";}
#main_ > #daily-ranking ul > li:nth-child(4) > a:after {content:"4";}
#main_ > #daily-ranking ul > li:nth-child(5) > a:after {content:"5";}
#main_ > #daily-ranking ul > li:nth-child(6) > a:after {content:"6"; line-height:1.1;}
#main_ > #daily-ranking ul > li:nth-child(7) > a:after {content:"7";}
#main_ > #daily-ranking ul > li:nth-child(8) > a:after {content:"8"; line-height:1.1;}

#main_ > #editors-pick {min-height:440px;}
#main_ > #editors-pick > h2 {}
#main_ > #editors-pick ul {margin:-40px 0 0 -40px; padding:40px 0 0; font-size:0.75em; letter-spacing:-0.5em;}
#main_ > #editors-pick ul > li {
	display:inline-block; width:150px; position:relative; margin:40px 0 0 40px; letter-spacing:normal; vertical-align:top;}
#main_ > #editors-pick ul > li > a {display:block; text-decoration:none;}
#main_ > #editors-pick ul > li .image {min-height:112px;}
#main_ > #editors-pick ul > li .image > img {width:100%; height:auto;}
#main_ > #editors-pick ul > li strong {display:block; margin:5px 0 0; color:#7f9eae; font-weight:normal;}
#main_ > #editors-pick ul > li b {display:block; font-weight:normal;}
#main_ > #editors-pick ul > li b i {}

#main_ > #shop-information {}
#main_ > #shop-information > h2 {}
#main_ > #shop-information > ul {margin:-40px 0 0 -40px; padding:40px 0 0; letter-spacing:-0.5em; font-size:0.8em;}
#main_ > #shop-information > ul > li {display:inline-block; width:150px; margin:40px 0 0 40px; letter-spacing:normal; vertical-align:top;}
#main_ > #shop-information > ul > li > a {display:block; text-decoration:none; transition:color 0.3s ease-in-out 0s;}
#main_ > #shop-information > ul > li > a:hover {color:#9f9f9f;}
#main_ > #shop-information > ul > li .image {margin:0 -5px;}
#main_ > #shop-information > ul > li b {display:block; margin:5px 10px 0; font-weight:normal;}

#main_ > #stone-journey {}
#main_ > #stone-journey > h2 {}
#main_ > #stone-journey > ul {margin:-24px 0 0 -24px; padding:24px 0 0; letter-spacing:-0.5em;}
#main_ > #stone-journey > ul > li {display:inline-block; width:224px; margin:24px 0 0 24px; letter-spacing:normal; vertical-align:top;}
#main_ > #stone-journey > ul > li > a {display:block; text-decoration:none;}
#main_ > #stone-journey > ul > li .image {}
#main_ > #stone-journey > ul > li strong {display:none;}
#main_ > #stone-journey > ul > li b {display:none;}

#main_ > #column {}
#main_ > #column > h2 {}
#main_ > #column > ul {margin:-24px 0 0 -24px; padding:24px 0 0; letter-spacing:-0.5em;}
#main_ > #column > ul > li {display:inline-block; width:224px; margin:24px 0 0 24px; letter-spacing:normal; vertical-align:top;}
#main_ > #column > ul > li > a {display:block; text-decoration:none;}
#main_ > #column > ul > li .image {}


/* SP */
html.sp #FS2_contents_container, html.sp body > .layout_body > .layout_table {padding-bottom:0px;}

html.sp #slide {min-height:312px; margin:0;}
html.sp #slide > ul {}
html.sp #slide > ul > li {}
html.sp #slide > ul > li:first-child {}
html.sp #slide > ul > li > a {}
html.sp #slide ul > li > a:after {}
html.sp #slide ul > li .image {}
html.sp #slide ul > li .image > img {width:100%; height:auto;}
html.sp #slide ul > li .image > img.pc {display:none;}
html.sp #slide ul > li .image > img.sp {display:block;}
html.sp #slide .fac-gallery {}
html.sp #slide .fac-gallery > .fac-gallery-slider {}
html.sp #slide .fac-gallery > .fac-gallery-slider > ul {}
html.sp #slide .fac-gallery > .fac-gallery-slider > ul:after {}
html.sp #slide .fac-gallery > .fac-gallery-slider > ul > li {}
html.sp #slide .fac-gallery > .fac-gallery-slider > ul > li:first-child {}
html.sp #slide .fac-gallery > .fac-gallery-slider > ul > li > a {}
html.sp #slide .fac-gallery > .fac-gallery-slider > ul > li img {}
html.sp #slide .fac-gallery > nav {}
html.sp #slide .fac-gallery > nav > a {width:30px;}
html.sp #slide .fac-gallery > nav > a:after {width:19px; height:20px; margin:-10px 0 0 -10px; font-size:12px; line-height:20px;}
html.sp #slide .fac-gallery > nav > a:hover:after {}
html.sp #slide .fac-gallery > nav > a.fac-gallery-previous {}
html.sp #slide .fac-gallery > nav > a.fac-gallery-next     {}
html.sp #slide .fac-gallery > nav > a.fac-gallery-previous:after {padding-right:1px;}
html.sp #slide .fac-gallery > nav > a.fac-gallery-next:after     {padding-left:1px;}
html.sp #slide .fac-gallery > nav > ol {}

html.sp #main_ > div {margin:25px 0 0; padding:25px 20px 0; border-top:1px solid #dcdcdc; overflow:hidden;}
html.sp #main_ > div > h2 {padding:0; border-bottom:none; font-size:16px;}
html.sp #main_ > div > ul {}
html.sp #main_ > div > ul > li {}
html.sp #main_ > div > ul > li.pc {display:none !important;}
html.sp #main_ > div > ul > li.sp {display:inline-block!important;}
html.sp #main_ > div > ul > li .image > img {}
html.sp #main_ > div > ul > li .image > img.pc {display:none !important;}
html.sp #main_ > div > ul > li .image > img.sp {display:block !important;}

html.sp #main_ > #featured {display:block; position:relative; z-index:1; margin-top:1px; border-top:none; padding:0 7px 13px 6px; border-bottom:solid 1px #efefef;background:#f6f6f6;/*background:#f3f3f3;*/}
html.sp #main_ > #featured > ul {letter-spacing:-0.5em;}
html.sp #main_ > #featured > ul > li {display:inline-block; width:50%; padding:13px 8px 0 7px; box-sizing:border-box; letter-spacing:normal; vertical-align:top;}
html.sp #main_ > #featured > ul > li > a {
	display:block; height:0; padding:35.71% 0 0; /*border:1px solid #cacaca;*/
	background:#fff no-repeat; background-size:cover; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden;}
html.sp #main_ > #featured > ul > li > a > * {display:inline;}
html.sp #main_ > #featured > ul > li.new   > a {background-image:url(images/featured/0626new.jpg);}
html.sp #main_ > #featured > ul > li.stock > a {background-image:url(images/featured/0626stock.jpg);}

html.sp #main_ > #categories {display:block; position:relative; margin:-1px 0 0; padding:0; border-top:none;}
html.sp #main_ > #categories:before, 
html.sp #main_ > #categories:after  {display:block; content:""; width:13px; position:absolute; top:0; bottom:0; background:#fff;}
html.sp #main_ > #categories:before {left:0;}
html.sp #main_ > #categories:after  {right:0;}
html.sp #main_ > #categories > ul {letter-spacing:-0.5em;padding-top: 15px;padding-left:6px;
padding-bottom: 30px;}
html.sp #main_ > #categories > ul > li {
	display:inline-block; width:33.33%; /*margin:15px -1px 15px 0; border-left:1px solid #d2d2d2; */margin:15px 0;box-sizing:border-box; letter-spacing:normal; vertical-align:top;}
html.sp #main_ > #categories > ul > li > a {
	display:block; height:0; margin:-15px 0; padding:96.818% 0 0; /*border-top:1px solid #d2d2d2;*/ 
	background:no-repeat; background-size:cover; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden;}
html.sp #main_ > #categories > ul > li > a > * {display:inline;}
html.sp #main_ > #categories > ul > li.easyorder > a {background-image:url(images/categories/easyorder.jpg);}
html.sp #main_ > #categories > ul > li.one       > a {background-image:url(images/categories/one.jpg);}
html.sp #main_ > #categories > ul > li.ring      > a {background-image:url(images/categories/ring.jpg);}
html.sp #main_ > #categories > ul > li.charm     > a {background-image:url(images/categories/charm.jpg);}
html.sp #main_ > #categories > ul > li.necklace  > a {background-image:url(images/categories/necklace.jpg);}
html.sp #main_ > #categories > ul > li.bracelet  > a {background-image:url(images/categories/bracelet.jpg);}
html.sp #main_ > #categories > ul > li.pierced   > a {background-image:url(images/categories/pierced.jpg);}
html.sp #main_ > #categories > ul > li.mineral   > a {background-image:url(images/categories/mineral.jpg);}
html.sp #main_ > #categories > ul > li.coodi     > a {background-image:url(images/categories/coodi.jpg);}

html.sp #main_ > #banners {display:block; margin:0; padding:0px 6px 12px 7px; border-bottom:solid 1px #efefef;border-top:solid 1px #efefef;background:#f6f6f6;}
html.sp #main_ > #banners > ul {letter-spacing:-0.5em;}
html.sp #main_ > #banners > ul > li {display:inline-block; width:50%; padding:13px 7px 0 6px; box-sizing:border-box; letter-spacing:normal; vertical-align:top;}
html.sp #main_ > #banners > ul > li > a {}
html.sp #main_ > #banners > ul > li img {width:100%; height:auto;}

html.sp #main_ > #news {margin:0px 0 0; padding:25px 20px 0;border-top:none;}
html.sp #main_ > #news > h2 {width:auto; padding:0; position:static;}
html.sp #main_ > #news > ul {margin:20px 0 0; font-size:11px;}
html.sp #main_ > #news > ul > li {padding:5px 0;}
html.sp #main_ > #news > ul > li > a {padding:5px 0 5px 15px;}
html.sp #main_ > #news > ul > li > a:after {width:15px; padding:5px 0; font-size:10px;}

html.sp #main_ > #recommend {margin:20px 0 0; padding:0; border-top:none;}
html.sp #main_ > #recommend > h2 {}
html.sp #main_ > #recommend > ul {margin:-15px 0 0; padding:0 6px 0 7px; letter-spacing:-0.5em;}
html.sp #main_ > #recommend > ul > li {display:inline-block; width:50%; margin:0; padding:15px 7px 0 6px; box-sizing:border-box; letter-spacing:normal; vertical-align:top;}
html.sp #main_ > #recommend > ul > li > a {}
html.sp #main_ > #recommend > ul > li .image > img {width:100%; height:auto; min-height:119px;}

html.sp #main_ > #daily-ranking {min-height:0;}
html.sp #main_ > #daily-ranking > h2 {}
html.sp #main_ > #daily-ranking ul {position:relative; margin:0; padding:25px 0 0; font-size:9px;}
html.sp #main_ > #daily-ranking ul > li {width:50%; margin:0; padding:20px 10px 0; box-sizing:border-box;}
html.sp #main_ > #daily-ranking ul > li > a {}
html.sp #main_ > #daily-ranking ul > li .image {}
html.sp #main_ > #daily-ranking ul > li .image > img {width:100%; height:auto; min-height:0;}
html.sp #main_ > #daily-ranking ul > li strong {}
html.sp #main_ > #daily-ranking ul > li b {}
html.sp #main_ > #daily-ranking ul > li > a:after {width:17px; height:17px; left:10px; top:11px; font-size:12px;}
html.sp #main_ > #daily-ranking ul > li:nth-child(1) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(2) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(3) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(4) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(5) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(6) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(7) > a:after {}
html.sp #main_ > #daily-ranking ul > li:nth-child(8) > a:after {}
html.sp #main_ > #daily-ranking .fac-gallery {position:relative;}
html.sp #main_ > #daily-ranking .fac-gallery > .fac-gallery-slider {}
html.sp #main_ > #daily-ranking .fac-gallery > .fac-gallery-slider > ul {padding-top:5px;}
html.sp #main_ > #daily-ranking .fac-gallery > .fac-gallery-slider > ul:after {display:block; content:""; clear:both; height:0;}
html.sp #main_ > #daily-ranking .fac-gallery > .fac-gallery-slider > ul > li {display:block; float:left;}
html.sp #main_ > #daily-ranking .fac-gallery > nav {}
html.sp #main_ > #daily-ranking .fac-gallery > nav > a {
	display:block; width:30px; position:absolute; top:0; bottom:0; background:#fff; text-indent:110%; white-space:nowrap; overflow:hidden;}
html.sp #main_ > #daily-ranking .fac-gallery > nav > a:after {
	display:block; position:absolute; left:0; right:0; top:50%; z-index:1; margin:-0.5em 0 0; 
	color:#e5e5e5; font:normal 20px/1 icons; text-align:center; text-indent:0; transition:color 0.3s ease-in-out 0s;}
html.sp #main_ > #daily-ranking .fac-gallery > nav > a.fac-gallery-previous {left:-20px;}
html.sp #main_ > #daily-ranking .fac-gallery > nav > a.fac-gallery-previous:after {content:"\e907";}
html.sp #main_ > #daily-ranking .fac-gallery > nav > a.fac-gallery-next {right:-20px;}
html.sp #main_ > #daily-ranking .fac-gallery > nav > a.fac-gallery-next:after {content:"\e905";}
html.sp #main_ > #daily-ranking .fac-gallery-last  > nav > a.fac-gallery-next:after, 
html.sp #main_ > #daily-ranking .fac-gallery-first > nav > a.fac-gallery-previous:after {color:#fff;}
html.sp #main_ > #daily-ranking .fac-gallery > nav > ol {display:none;}

html.sp #main_ > #editors-pick {min-height:0;}
html.sp #main_ > #editors-pick > h2 {}
html.sp #main_ > #editors-pick ul {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0; padding:0; font-size:9px;}
html.sp #main_ > #editors-pick ul > li {width:50%; margin:0; padding:20px 10px 0; box-sizing:border-box;}
html.sp #main_ > #editors-pick ul > li > a {}
html.sp #main_ > #editors-pick ul > li .image {}
html.sp #main_ > #editors-pick ul > li .image > img {width:100%; height:auto; min-height:0;}
html.sp #main_ > #editors-pick ul > li strong {color:inherit;}
html.sp #main_ > #editors-pick ul > li b {display:none;}

html.sp #main_ > #shop-information {}
html.sp #main_ > #shop-information > h2 {}
html.sp #main_ > #shop-information > ul {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0; padding:0; font-size:11px;}
html.sp #main_ > #shop-information > ul > li {width:50%; margin:0; padding:20px 10px 0; box-sizing:border-box;}
html.sp #main_ > #shop-information > ul > li > a {}
html.sp #main_ > #shop-information > ul > li > a:hover {}
html.sp #main_ > #shop-information > ul > li .image {}
html.sp #main_ > #shop-information > ul > li .image > img {width:100%; height:auto;}
html.sp #main_ > #shop-information > ul > li b {margin:5px 0 0;}

html.sp #main_ > #stone-journey {}
html.sp #main_ > #stone-journey > h2 {}
html.sp #main_ > #stone-journey > ul {margin:0; padding:15px 0 0;}
html.sp #main_ > #stone-journey > ul > li {display:block; width:auto; margin:0; padding:10px 0; border-top:1px solid #dcdcdc;}
html.sp #main_ > #stone-journey > ul > li:first-child {border-top:none;}
html.sp #main_ > #stone-journey > ul > li > a {min-height:38px; position:relative; margin:-10px 0; padding:10px 0 10px 85px;}
html.sp #main_ > #stone-journey > ul > li .image {width:85px; position:absolute; left:0; top:10px;}
html.sp #main_ > #stone-journey > ul > li .image > img {margin:0 auto;}
html.sp #main_ > #stone-journey > ul > li strong {
	display:block; margin:1px 0 0; 
	font:normal 14px/1.5 times new roman, "Sawarabi Mincho", 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'MS PMincho', serif;}
html.sp #main_ > #stone-journey > ul > li b {display:block; font:normal 8px/1.5 'eb_garamond', serif;}

html.sp #main_ > #column {}
html.sp #main_ > #column > h2 {}
html.sp #main_ > #column > ul {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:-15px -7px 0 -8px; padding:25px 0 0;}
html.sp #main_ > #column > ul > li {width:50%; margin:0; padding:15px 7px 0 8px; box-sizing:border-box;}
html.sp #main_ > #column > ul > li > a {}
html.sp #main_ > #column > ul > li .image {}
html.sp #main_ > #column > ul > li .image > img {width:100%; height:auto;}