@charset "utf-8";

/*-------------------------------------------------
リセット
-------------------------------------------------*/
html { overflow-y: scroll; font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Sans-Serif,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}
body,div,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote {margin: 0;padding: 0; }
h1,h2,h3,h4,h5,h6 {font-size: 100%;	font-weight: 500;margin: 0;	padding: 0; }
pre {word-wrap: break-word;white-space: pre-wrap; }
em{ font-style:normal;}
div {word-wrap: break-word; }
br {letter-spacing: 0; }
a img, img { border: 0; }
ul {ｍargin: 0;padding: 0; }
li {list-style-type: none;margin: 0;padding: 0; }
li img {margin: 0;padding: 0;}table {border-collapse: collapse;border-spacing: 0;}
caption,th { text-align: left; }
th,td{ vertical-align:top; padding:0;}
fieldset,img { border: 0; }
address, th, var {font-style: normal;font-weight: normal;}
hr {border: 0;height: 1px;margin: 0;padding: 0;}
img{vertical-align:middle;}
::selection { background:#999; color:#fff; text-shadow:none;}	::-moz-selection { background:#999; color:#fff; text-shadow:none;}
div,ul,li,h1,h2,h3,h4,p,a {box-sizing: border-box;}
/*-------------------------------------------------
フォーム
-------------------------------------------------*/
label { cursor: pointer; }
legend { display: none; }
input, select, textarea { font-family:'Candlescript',"メイリオ","Meiryo",Sans-Serif,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; font-size:100%; }
input,button,textarea,button{ color:#333; padding: 3px 5px;  vertical-align: middle; margin:1px 0;}
.error input[type="text"],.error textarea,.error select{ background-color: #FFEAEA; border-color:#EFB3B3;}
input[type="text"]:focus,textarea:focus, select:focus{ background-color: #EFFAFF; border-color:#00B1EF; color:#333; box-shadow:0px 0px 5px #5FD5FF;}
textarea, select,input[type="text"],input[type="password"]{ border:1px solid #ccc; padding: 3px; border-radius: 3px; background:#fff; box-shadow:0px 1px 2px rgba(0,0,0,0.1) inset;
-webkit-transition:  all 0.2s ease-out;-moz-transition:  all 0.2s ease-out;-o-transition:  all 0.2s ease-out;-ms-transition:  all 0.2s ease-out;transition:  all 0.2s ease-out;}
input[type="submit"],button[type="submit"]  { cursor: pointer; }
input[type="checkbox"], input[type="radio"] {background: none;	border: none; }
/* for IE8 */.msie8 input[type="checkbox"],.msie8 input[type="radio"] {margin: 0px;padding: 0px;vertical-align: -0.2em; }
/* for Chrome1 */.chrome1 input[type="checkbox"], .chrome1 input[type="radio"] {	margin: 0px;padding: 0px;vertical-align: -0.2em;}
/*-------------------------------------------------
クリア
-------------------------------------------------*/
.clearfix:after {clear: both;	content: ".";display: block;height: 0;visibility: hidden; }
.clearfix { min-height: 1px; }.clear {	background: none;	clear: both; }
/*-------------------------------------------------
ボディ
-------------------------------------------------*/
body { background:#fff; color:#444; font-size: 14px; line-height: 1.8; word-break: normal; min-width:1040px;
-webkit-text-size-adjust: none; /* iPhone */
}
/*-------------------------------------------------
リンク
-------------------------------------------------*/
a{ color:#000; text-decoration:none; cursor:pointer;
-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
a:hover { color:#888;}

/*-------------------------------------------------
その他
-------------------------------------------------*/
p{ margin:0 0 1em;}
hr{ margin:1.5em 0; background:#ddd; width:auto; height:1px; padding:0;}
img{max-width:100%;}
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:1em;}
a {text-decoration: none;cursor: pointer;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
a:hover {text-decoration: none;cursor: pointer;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
a img, .bl{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;text-decoration: none;}
a:hover img, .bl:hover{ opacity:0.8;}
.bl:hover img,.bl:hover .button{ opacity:1;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.fl{ float:left;}
.flm{ float:left; margin:0 20px 15px 0; clear:left;}
.fr{ float:right;}
.frm{ float:right; margin:0 0 15px 20px; clear:right;}
.hidden{ display:none; visibility:hidden;}
.oh{ overflow:hidden;}
.indent{ padding-left:1em; text-indent:-1em;}
.frma{ float:right; margin:10px auto!important; clear:right;}
/*.serif{font-family:"游明朝", YuMincho, "小塚明朝 Pro","HGS明朝E","ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Times New Roman", serif;}
.gothic{ font-family: "メイリオ","Meiryo",Sans-Serif,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}*/

.red{ color:#A40000;}
.gold{ color:#C90;}
.silver{ color:#777777;}
.bronze{ color:#996633;}
#wrap{ width: 100%;height: auto;}
/*-------------------------------------------------
ヘッダー
-------------------------------------------------*/
.ghdr{ background:#110F0F; color:#666;width: 100%;}
.ghdr .inner{ width:1200px; margin:0 auto 0; position:relative; height:100px;}
.ghdr .site-logo{ position:absolute; top:12px; left:0;}
.ghdr .hnav{ position:absolute; top:62px; left:0px;}
.ghdr .hnav li{ float: left;}
.ghdr .hnav li a{ display:block; color:#999; font-size:11px; padding:0 30px; line-height:30px;}
.ghdr .hnav li a:hover{ background-color:#000; color:#fff;}
.ghdr .button_shop{ position:absolute; top:12px; right:0;}

/*-------------------------------------------------
グロナビ
-------------------------------------------------*/
/*グロナビ*/
.gnav{ background:#fff; position:relative; z-index:90;border-bottom: solid 1px #555;}
.gnav i{ font-size:14px; vertical-align:middle;}
.gnav>ul{ width:1200px; margin:0 auto 0; position:relative;}
.gnav>ul>li{ float:left; border-left:1px solid #333130; width:165px;
-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
.gnav>ul>li.trigger{ width:168px;}
.gnav>ul>li:last-child{ border-right:1px solid #fff;}
.gnav>ul>li:hover{ background:#eee;}
.gnav>ul>li:hover>a{ color:#111;}
.gnav>ul>li>a{ height:44px; line-height:44px; display:block; color:#111; padding:0; text-align:center; font-size:14px; cursor:pointer;font-weight: bold;}

.gnav>ul>li>a>img{}
.gnav>ul>li>a>span{}
.gnav>ul>li>a:hover{color: #888;}
.gnav>ul>li>a.current,.gnav>ul>li>a.parentsLink{}
.gnav>ul>li:last-child a{}

/*グロナビ　展開*/
.gnav>ul>li>div {z-index: 20; opacity:0; height:0px; padding:0 20px; width:1200px; background:rgba(0,0,0,0.8); overflow:hidden; color:#ccc; position: absolute; top: 44px; left: 0; box-shadow:0 2px 4px rgba(0,0,0,0.2);
-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
.gnav>ul>li>div.show{z-index:21; opacity:1; height:auto !important;  padding:20px;}

.gnav>ul>li>div>ul{ overflow:hidden;}
.gnav>ul>li>div>ul>li{ float:left; width:20%;padding: 6px 2px;}
.gnav>ul>li>div>ul>li>a{ color:#fff; font-size:13px; display:block; padding: 0 9px;font-weight: bold;border-left: solid 3px #fff;}
.gnav>ul>li>div>ul>li>a:hover{ background:rgba(0,0,0,0.7);}
.gnav>ul>li>div>ul>li>a.current{}

footer .gftr .inner {width: 1200px;margin: 0 auto;padding: 20px 0 40px;}
footer .gnav{ background:none; position:relative; z-index:90;border-bottom: none;width: 920px;display: block;float: right;}
footer .gnav>ul{ width:auto; margin:0 auto 0; position:relative;float: right;margin: 0 0 18px 0;}
footer .gnav>ul>li>a{ height:44px; line-height:44px; display:block; color:#fff; padding:0 0 0 50px; text-align:center; font-size:13px; cursor:pointer;font-weight: bold;}
footer .gnav>ul>li:last-child{ border-right:none;}
footer .gnav>ul>li:hover{ background:none;}
footer .gnav>ul>li:hover>a{ color:#ccc;}

/*-------------------------------------------------
ヘッダー
-------------------------------------------------*/
.ghdr .inner{ height:70px;margin: 0 auto 40px;}
.ghdr .site-logo{ z-index:3; top:14px;}
.ghdr .hnav{ width:100%; top:25px; z-index:2;}
.ghdr .hnav ul{ text-align:center; width:100%;}
.ghdr .hnav li{display:inline-block; float:none;}
.ghdr .hnav li a{padding:0 20px;}
.ghdr ul.sns{ position:absolute; top:22px; right:0px; z-index:3; text-align:right;}
.ghdr ul.sns li{ display:inline-block; margin-left:24px;width: 24px;}
.ghdr ul.sns li img{ opacity:0.6;}
.ghdr ul.sns li a:hover img{ opacity:1.0;}

@media screen and (min-width: 320px) and (max-width: 640px) {
.ghdr ul.sns {position: absolute;top: 28px;right: 64px;z-index: 3;text-align: right;}
.ghdr ul.sns li{ display:inline-block; margin-left:8px;width: 18px;}
}
/*-------------------------------------------------
グロナビ
-------------------------------------------------*/
.gnav>ul>li{ float:left; border-left:1px solid #fff; width:13.5%;}
.gnav>ul>li.trigger{ width:190px;}

footer .gnav>ul>li{ float:left; border-left:none; width:auto;}
footer .gnav>ul>li.trigger{ width:;}
/*-------------------------------------------------
sp - グロナビ
-------------------------------------------------*/
#sp-gnav {display: none;}
nav.globalMenuSp {position: fixed;z-index: 2;top: 0;left: 0;background: #fff;color: #000;text-align: center;transform: translateY(-100%);transition: all 0.6s;width: 100%;}
 
nav.globalMenuSp ul {background: #111;margin: 0 auto;padding: 0;width: 100%;}
nav.globalMenuSp ul li {font-size: 1.1em;list-style-type: none;padding: 0;width: 100%;border-bottom: 1px dotted #333;}
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {padding-bottom: 0;border-bottom: none;}
nav.globalMenuSp ul li a {display: block;color: #fff;padding: 1em 0;}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);}
.navToggle {display: block;position: fixed;    /* bodyに対しての絶対位置指定 */right: 7px;top: 10px;width: 42px;height: 51px;cursor: pointer;z-index: 3;background: #111;text-align: center;}
 
.navToggle span {display: block;position: absolute;    /* .navToggleに対して */width: 30px;border-bottom: solid 3px #eee;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;left: 6px;}
.navToggle span:nth-child(1) {top: 9px;}
.navToggle span:nth-child(2) {top: 18px;}
.navToggle span:nth-child(3) {top: 27px;}
.navToggle span:nth-child(4) {border: none;color: #eee;font-size: 9px;font-weight: bold;top: 34px;}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {top: 18px;left: 6px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {top: 18px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
}

/*-------------------------------------------------
フッター
-------------------------------------------------*/
.gftr{ background:#444; color:#666;margin: 50px 0 0 0;}
.gftr .inner{ width:1200px; margin:0 auto; padding:20px 0 0;}
.gftr .footer-logo{ margin:0 0 20px;width: 18%;display: block;float: left;}
.gftr table{ width:100%;}
.gftr table ul{}
.gftr table ul>li{}
.gftr table ul>li a{ color:#666; font-size:11px; padding:0 0.5em;}
.gftr table ul>li a:hover{ background-color:#000; color:#fff;}
.gftr table ul>li a img{ opacity:0.6; margin-right:10px;}
.gftr table ul>li a:hover img{ opacity:1;}
.gftr .copyright{ background:#110F0F; text-align:center; font-size:11px; padding:8px 0;color: #fff;}

hr.footer-hr {width: 100%;border-bottom: solid 1px #333;background: #333;margin: 0;}
footer .footer-sns {width: 1200px;position: relative;height: 62px;margin: 0 auto;}
footer ul.sns{ position:absolute; top:16px; right:0px; z-index:3; text-align:right;}
footer ul.sns li{ display:inline-block; margin-left:24px;width: 24px;}
footer ul.sns li img{ opacity:0.6;}
footer ul.sns li a:hover img{ opacity:1.0;}
/* -----------------------------------------------------------
ページ先頭へ
----------------------------------------------------------- */
#pageTop {position: fixed;	bottom:0px; left:0; margin:0 auto; width:100%; z-index:200;}
#pageTop>.inner {	position:relative; width:100%; margin:0 auto;}
#pageTop>.inner a {background:url(../img/common/pagetop.png) no-repeat center center #000; display:block; width:0px;	height:0px;	text-indent:-9999px;	overflow:hidden;	position:absolute;	bottom:40px; right:40px; border-radius:3px; opacity:0.5; box-shadow:0 1px 3px rgba(0,0,0,0.3)}
#pageTop>.inner a:hover {opacity:1;}
#pageTop>.inner a.show{ width:60px; height:60px;}

/*-------------------------------------------------
区切り線
-------------------------------------------------*/
.home .container hr{ width:auto; height:2px; background:none; padding:0; margin:30px 0; overflow:hidden;}

/* -----------------------------------------------------------
ラッパー
----------------------------------------------------------- */
.wrapper{ position:relative; background:#fff; padding:0 0 1px;}
.wrapperInner{width:1000px; background:#fff; padding:30px 40px 30px; box-shadow:0 0 3px rgba(0,0,0,0.1); margin:0 auto 60px; position:relative;}
.wrapperInner.home{ width:1200px; background:none; padding:50px 0 60px; box-shadow:none; margin:0 auto 0;}
/* -----------------------------------------------------------
セクション
----------------------------------------------------------- */
.container section,.container article{ margin-bottom:50px;}

/* -----------------------------------------------------------
サイドバー
----------------------------------------------------------- */
.sideBar{ float:left; width:220px; font-size:12px;}

/* -----------------------------------------------------------
サブナビ
----------------------------------------------------------- */
.snav{}
.snav ul{ border-top:1px solid #4F4845; margin:0 0 40px;}
.snav ul li{ border-bottom:1px solid #ddd;}
.snav ul li.divider{ background:#f5f5f5; font-weight:bold; padding:1px 5px; margin:15px 0 0; border-top:1px solid #504946;}
.snav ul li.divider:first-child{ margin-top:0; border-top:none;}
.snav ul li a{ display:block; padding:15px 5px 15px 15px; line-height:1.4; background:url(../img/li.png) no-repeat left center;}
	.snav.thin ul li a{ padding:10px 5px 10px 15px; font-size:11px;}
.snav ul li a:hover{ background-color:#f5f5f5;}
.snav ul li a span.shopName{ font-size:11px; font-weight:normal; color:#666; display:inline-block; line-height:1.2;}

.sideRecruit { margin-bottom:40px; }
.sideRecruit p.recruitType { font-size:120%; background-color:#221F1E; color:#fff; line-height:2em; padding:0 1em; }
.sideRecruit p.pref { /*font-size:110%;*/ font-weight:bold; padding: 4px 0.5em; margin:15px 0 0; line-height:1em; }
.sideRecruit ul { margin:0; }

span.workName{ border:1px solid #EFB3BB; color:#EF4A60; background:linear-gradient(#fff, #FFDFE3); line-height:1.6em; font-weight:bold; border-radius:3px;}
.snav.thin ul li a span.workName{ font-size:11px; padding:0 0.5em; margin:0.3em 0 0.4em; display:inline-block;}
.container.recruit span.workName{ padding:0 1em; font-size:15px; margin-bottom:0.5em; display:inline-block; }

/* -----------------------------------------------------------
見出し
----------------------------------------------------------- */
.eyeCatch{}
.eyeCatch .inner{ width:1000px; margin:0 auto;}
.eyeCatch h1{ font-weight:bold; font-size:15px; color:#4F4845; text-align:center;}
.eyeCatch .eng{ font-weight:normal; font-size:60px; color:#221F1E; margin:0 0.5em 0 0;
font-family: 'Great Vibes', cursive;
}

/*----------------------------------------------------------- */
.container h2{ line-height:1.2; font-size:24px; margin:0 0 0.5em; position:relative; background:#fff; color:#4F4845; border-top:1px solid #4F4845; padding:0.5em 0.2em; box-shadow:inset 0 -5px 5px #fff; overflow:hidden;}
	.container h2 span.shopName{ font-size:15px; display:inline-block; font-weight:normal;}

.container h3{ line-height:1.2; font-size:20px; margin:0 0 0.5em; position:relative; background:#fff; color:#4F4845; border-left:5px solid #4F4845; padding:0.3em 0 0.3em 15px; box-shadow:inset 0 -5px 5px #fff; overflow:hidden;}
.container h3 span.small{ font-size:11px; font-weight:normal;}
.container h4{ line-height:1.2; font-weight:bold; font-size:20px; margin:0 0 0.6em; padding:0 0 0 0.0em; position:relative;}
.container p+h1,.container p+h2,.container p+h3,.container p+h4,.container p+h5,.container p+h6,
.container br+h1,.container br+h2,.container br+h3,.container br+h4,.container br+h5,.container br+h6,
.container div+h1,.container div+h2,.container div+h3,.container div+h4,.container div+h5,.container div+h6,
.container ul+h1,.container ul+h2,.container ul+h3,.container ul+h4,.container ul+h5,.container ul+h6,
.container table+h1,.container table+h2,.container table+h3,.container table+h4,.container table+h5,.container table+h6
{ margin-top:1em;}
#main-contents p {/*font-size: 15px;*/color: #111;font-weight: 500;/*margin: 1.5vw 0;*/}

/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
.container ol{ margin:0 0 1em; padding:0 0 0 2em;}
.container ol li{ list-style:decimal outside; margin:0.5em 0 0.5em; line-height:1.4;}

/*-------------------------------------------------
画像クリッピング
-------------------------------------------------*/
.image.clip{/* width:100px; height:100px;*/ overflow:hidden;
background-repeat: no-repeat;
background-position: center;
background-size:cover;
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
.image.clip:hover{ opacity:0.8;}
.image.clip img{opacity:0; width:100%; height:100%; margin:0;}
.image.clip:hover{ opacity:1 !important;}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button,div.button a{ display:inline-block; line-height:1.2; background:#221F1E; border:none; background-size:contain; color:#fff; padding:0.4em 3em 0.4em; margin:0.5em; box-shadow:0 1px 3px rgba(0,0,0,0.3); border-radius:3px; text-decoration:none; cursor:pointer;}
a.button:hover,input.button:hover,div.button a:hover{opacity:0.8; text-decoration:none; }
.button.red{ background-color:#FF7183; color:#55000D; box-shadow:0 1px 3px rgba(0,0,0,0.1);}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{ margin:0 auto 1em; width:100%; border:1px solid #ddd;}
table.style th{ border:1px solid #ddd; padding:0.5em; background:#f5f5f5; font-weight:bold;}
table.style td{ border:1px solid #ddd; padding:0.5em;font-weight: 500;}
table.item_table {width: 100%;}

/* -----------------------------------------------------------
グリッド
----------------------------------------------------------- */
/*.grid2{ width:780px;}
.grid3{ width:770px;}
.grid4{ width:760px;}
.grid5{ width:750px;}

.grid2>*,.grid3>*,.grid4>*,.grid5>*{ float:left; margin:0 40px 1em 0; position:relative;}
.grid2>* img,.grid3>* img,.grid4>* img,.grid5>* img{ margin-bottom:0.7em;}

	.grid2>*{width:350px; font-size:14px;}
	.grid3>*{width:226px; margin-right:30px; font-size:13px;}
	.grid4>*{width:170px; margin-right:20px; font-size:12px;}
	.grid5>*{width:140px; margin-right:10px; font-size:11px;}

.oneColumn .grid2{ width:1040px;}
.oneColumn .grid3{ width:1030px;}
.oneColumn .grid4{ width:1020px;}
.oneColumn .grid5{ width:1010px;}

	.oneColumn .grid2>*{width:480px;}
	.oneColumn .grid3>*{width:313px;}
	.oneColumn .grid4>*{width:235px;}
	.oneColumn .grid5>*{width:192px;}*/

/* -----------------------------------------------------------
グリッド
----------------------------------------------------------- */
.grid2>*,.grid3>*,.grid4>*,.grid5>*,.grid6>*{ float:left; margin:0 0 1em; position:relative; box-sizing:border-box;}
.grid2>* img,.grid3>* img,.grid4>* img,.grid5>* img,.grid6>* img{ margin-bottom:1em;}

.grid2>*{width:48%; margin-right:4%; font-size:13px;}
/*タブレット以上*/@media(min-width:741px){/*余裕のあるマージン*/.grid2.margin>*{width:46%; margin-right:8%; margin-bottom:2em;}}
.grid2>*:nth-child(2n){margin-right:0;}
.grid2>*:nth-child(2n+1){ clear:both;}

.grid3>*{width:31.3%; margin-right:3%; font-size:12px;}
/*タブレット以上*/@media(min-width:741px){/*余裕のあるマージン*/.grid3.margin>*{width:29.3%; margin-right:6%; margin-bottom:2em;}}
.grid3>*:nth-child(3n){margin-right:0;}
.grid3>*:nth-child(3n+1){ clear:both;}

.grid4>*{width:23.5%; margin-right:2%; font-size:11px;}
.grid4>*:nth-child(4n){margin-right:0;}
.grid4>*:nth-child(4n+1){ clear:both;}

.grid5>*{width:18.4%; margin-right:2%; font-size:10px;}
.grid5>*:nth-child(5n){margin-right:0;}
.grid5>*:nth-child(5n+1){ clear:both;}

.grid6>*{width:15%; margin-right:2%; font-size:9px;}
.grid6>*:nth-child(6n){margin-right:0;}
.grid6>*:nth-child(6n+1){ clear:both;}

/* -----------------------------------------------------------
新着情報
----------------------------------------------------------- */
article{}
article .mainImage{ text-align:center;}
article .mainImage img{ margin:0 0 20px;}
.longComment{ margin:0 0 1em;}
.longComment p{ margin:0 !important;}
/*求人*/
.entryButton{ text-align:center; margin:20px 0; padding:10px 0; background:#f5f5f5;}
.entryButton .button{ border:1px solid #fff;background:linear-gradient(#FC3,#F8A70A); padding:0.8em 5em; font-weight:bold; text-shadow:0 1px 3px rgba(0,0,0,0.2); border-radius:5px; font-size:15px;}
.entryButton .button:hover{ opacity:0.9; border-color:#FF3; color:#FF6;}

/* -----------------------------------------------------------
Blog ブログ
----------------------------------------------------------- */
.blog ul.list{ margin:0 0 2em; padding:0 0 1px; overflow:hidden;}
.blog ul.list li{border-bottom:1px solid rgba(0,0,0,0.1); padding:28px 10px 28px; overflow:hidden; line-height:1.4; position:relative;}
.blog ul.list li:first-child{border-top:none;}
.blog ul.list li.bl{padding-right:30px;}
.blog ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:19px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.blog ul.list li.bl:hover{ background:none; opacity:1;}
.blog ul.list li .image{ width:80px; float:left; margin:0 10px 0 0; background-color:#fff; text-align:center;}
		.blog ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.blog ul.list li .image.clip{width:104px; height:104px;}
.blog ul.list li .text{ overflow:hidden; font-size:13px;width: 80%;
    padding: 0 10px;}
	.blog span.date{font-size:14px; display:inline-block; padding:1px 0 6px 0; margin-right:1em;font-weight: 500;}
	/*span.date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}*/
.blog ul.list li .text h3{ background:none; border:none; padding:0; margin:0 0 0.4em; box-shadow:none; font-size:18px; font-weight:bold;}
	.blog ul.list li .text h3 span.shopName{ font-size:14px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.blog ul.list li p{ font-size:14px; margin:0;}
.blog ul.list li a{ text-decoration:none;}

/* -----------------------------------------------------------
Instagram インスタグラム
----------------------------------------------------------- */
.instagram {width: 100%;height: auto;margin: 0 0 2em 0;}
.instagram ul.list-style: t{ margin:0 0 1em; padding:0 0 1px; overflow:hidden;}
.instagram ul.list li{border-bottom:none; padding:10px; overflow:hidden; line-height:1.4; position:relative;width: 216px;display: block;float: left;height: 216px;}
.instagram ul.list li:first-child{border-top:none;}
.instagram ul.list li.bl{padding-right:30px;}
.instagram ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.instagram ul.list li.bl:hover{ background:rgba(0,0,0,0.02); opacity:1;}
.instagram ul.list li .image{ width:80px; float:left; margin:0 10px 0 0; background-color:#fff; text-align:center;}
		#instagram ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.instagram ul.list li .image.clip{width:100%;height:100%;}
.instagram ul.list li .text{ overflow:hidden; font-size:13px;}
	.instagram span.date{font-size:13px; display:inline-block; padding:1px 0 6px 0; margin-right:1em;}
	/*span.date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}*/
.instagram ul.list li .text h3{ background:none; border:none; padding:0; margin:0 0 0.3em; box-shadow:none; font-size:17px; font-weight:bold;}
	.instagram ul.nav li .text h3 span.shopName{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.instagram ul.list li p{ font-size:12px; margin:0;}
.instagram ul.list li a{ text-decoration:none;}

/* -----------------------------------------------------------
Online オンライン
----------------------------------------------------------- */
.online {width: 100%;height: auto;margin: 0 0 2em 0;}
.online ul.list li{border-bottom:none; padding:7px 8px 7px; overflow:hidden; line-height:1.4; position:relative;width: 216px;display: block;float: left;height: auto;}
.online ul.list li:first-child{border-top:none;}
.online ul.list li.bl{padding-right:30px;}
.online ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.online ul.list li.bl:hover{ background:rgba(0,0,0,0.02); opacity:1;}
.online ul.list li .image{ width:80px; float:left; margin:0 10px 0 0; background-color:#fff; text-align:center;}
		#instagram ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.online ul.list li .image.clip{width:100%;height:100%;}
.online ul.list li .text{ overflow:hidden; font-size:13px;}
	.online span.date{font-size:13px; display:inline-block; padding:1px 0 6px 0; margin-right:1em;}
	/*span.date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}*/
.online ul.list li .text h3{ background:none; border:none; padding:0; margin:0 0 0.3em; box-shadow:none; font-size:17px; font-weight:bold;}
	.online ul.nav li .text h3 span.shopName{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.online ul.list li p{ font-size:12px; margin:0;}
.online ul.list li a{ text-decoration:none;}

/* -----------------------------------------------------------
Brand ブランド
----------------------------------------------------------- */
.brand {width: 100%;height: auto;margin: 0 0 2em 0;}
.brand ul.list-style: t{ margin:0 0 1em; padding:0 0 1px; overflow:hidden;}
.brand ul.list li{border-bottom:none; padding:7px 8px 7px; overflow:hidden; line-height:1.4; position:relative;width: 216px;display: block;float: left;height: auto;}
.brand ul.list li:first-child{border-top:none;}
.brand ul.list li.bl{padding-right:30px;}
.brand ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.brand ul.list li.bl:hover{ background:rgba(0,0,0,0.02); opacity:1;}
.brand ul.list li .image{ width:80px; float:left; margin:0 10px 0 0; background-color:#fff; text-align:center;}
		#instagram ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.brand ul.list li .image.clip{width:100%;height:100%;}
.brand ul.list li .text{ overflow:hidden; font-size:13px;}
	.brand span.date{font-size:13px; display:inline-block; padding:1px 0 6px 0; margin-right:1em;}
	/*span.date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}*/
.brand ul.list li .text h3{ background:none; border:none; padding:0; margin:0 0 0.3em; box-shadow:none; font-size:17px; font-weight:bold;}
	.brand ul.nav li .text h3 span.shopName{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.brand ul.list li p{ font-size:12px; margin:0;}
.brand ul.list li a{ text-decoration:none;}

/* -----------------------------------------------------------
Shop 店舗情報
----------------------------------------------------------- */
.shop ul.list{ margin:0 0 1em; padding:0 0 1px; overflow:hidden;}
.shop ul.list li{border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 0px 20px; overflow:hidden; line-height:1.4; position:relative;}
.shop ul.list li:after {font-family: FontAwesome;content: "\f054";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 19px;margin-top: -0.5em;position: absolute;top: 50%;right: 10px;text-align: center;color: #785043;opacity: 0.5;
}
.shop ul.list li:first-child{border-top:none;}
.shop ul.list li.bl{padding-right:30px;}
.shop ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.shop ul.list li.bl:hover{ background:none; opacity:1;}
.shop ul.list li .image{ width:80px; float:left; margin:0 10px 0 0; background-color:#fff; text-align:center;}
		.shop ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.shop ul.list li .image.clip{width:84px; height:84px;}
.shop ul.list li .text{ overflow:hidden; font-size:13px;padding: 0 0 0 8px;}
	.shop span.date{font-size:13px; display:inline-block; padding:1px 0 6px 0; margin-right:1em;}
	/*span.date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}*/
.shop ul.list li .text h3{ background:none; border:none; padding:0; margin:0 0 0.3em; box-shadow:none; font-size:17px; font-weight:bold;}
	.blog ul.list li .text h3 span.shopName{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.shop ul.list li p{ font-size:12px; margin:0;}
.shop ul.list li a{ text-decoration:none;}
.shop h3 {border-left: solid 4px #111;font-size: 18px;padding: 2px 0 2px 10px;margin: 8px 0 5px;}
.shop .shop-name {display: block; font-size: 16px;font-weight: bold;padding: 0 30px 0 0;margin:0 0 6px 0;}
.shop .shop-text1 {display: block; font-size: 15px;font-weight: normal;padding: 0 30px 0 0;margin:0 0 3px 0;}
.shop .shop-text2 {display: block; font-size: 15px;font-weight: normal;padding: 0 30px 0 0;margin:0 0 0 0;}
.shop .shop-text3 {padding:0 1em;font-size:15px;margin-bottom:0.5em;display:inline-block;border:1px solid #EFB3BB; color:#EF4A60; background:linear-gradient(#fff, #FFDFE3); line-height:1.6em; font-weight:bold; border-radius:3px;}
/* -----------------------------------------------------------
Shop-detail 店舗詳細
----------------------------------------------------------- */
.shop-detail ul.list li:first-child{border-top:none;}
.shop-detail ul.list li.bl{padding-right:30px;}
.shop-detail ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.shop-detail ul.list li.bl:hover{ background:none; opacity:1;}
.shop-detail .shop-detail-info .photo {width: 198px;float: left;}
.shop-detail .shop-detail-info { width: 100%;margin: 2vw auto; }
.shop-detail .shop-detail-info .image{ width:192px; margin:0 10px 0 0; background-color:#fff; text-align:center;}
        .shop-detail ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.shop-detail .shop-detail-info .image.clip{width:182px; height:128px;}
.shop-detail .shop-detail-info .text{ overflow:hidden; font-size:13px;padding: 0 0 0 8px;}
.shop-detail .shop-detail-info .text h3{ background:none; border:none; padding:0; margin:0 0 0.3em; box-shadow:none; font-size:17px; font-weight:bold;}
    .shop-detail .shop-detail-info .text h3 span.shopName{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.shop-detail .shop-detail-info li p{ font-size:12px; margin:0;}
.shop-detail .shop-detail-info a{ text-decoration:none;}
.shop-detail h3 {border-left: solid 4px #111;font-size: 18px;padding: 2px 0 2px 10px;margin: 8px 0 5px;}
.shop-detail .shop-name {display: block; font-size: 16px;font-weight: bold;padding: 0;margin:0 0 6px 0;}
.shop-detail .shop-text1 {display: block; font-size: 15px;font-weight: normal;padding;margin:0 0 3px 0;}
.shop-detail .shop-text2 {display: block; font-size: 15px;font-weight: normal;padding;margin:0 0 0 0;}
.shop-detail .button {display: block; background: #111;color: #fff;padding:0; text-align: center;width:182px;margin: 8px 0 0 0;}
.shop-detail .button a {display: block; width: 100%;height: 100%;padding: 3px 0;color: #fff;}
.shop-detail .button:hover {background: #444;}
.shop-detail .googlemap {width: 100%;margin: 2vw auto;height: 500px;}
.shop-detail .googlemap iframe {width: 100%;height: 500px;}

/* -----------------------------------------------------------
Howto パワーストーンの選び方
----------------------------------------------------------- */
.howto p {font-weight: 500;}
.howto ul.list li:first-child{border-top:none;}
.howto ul.list li.bl{padding-right:30px;}
.howto ul.list li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#785043; opacity:0.5;}
.howto ul.list li.bl:hover{ background:none; opacity:1;}
.howto .shop-detail-info .photo {width: 198px;float: left;}
.howto .shop-detail-info { width: 100%;margin: 2vw auto; }
.howto .shop-detail-info .image{ width:192px; margin:0 10px 0 0; background-color:#fff; text-align:center;}
        .howto ul.list.recruit li .image{ width:120px; min-height:90px; background-color:#eee; }
.howto .shop-detail-info .image.clip{width:182px; height:128px;}
.howto .shop-detail-info .text{ overflow:hidden; font-size:13px;padding: 0 0 0 8px;}
.howto .shop-detail-info .text h3{ background:none; border:none; padding:0; margin:0 0 0.3em; box-shadow:none; font-size:17px; font-weight:bold;}
    .howto .shop-detail-info .text h3 span.shopName{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.howto .shop-detail-info li p{ font-size:12px; margin:0;}
.howto .shop-detail-info a{ text-decoration:none;}
.howto h3 {border-left: solid 4px #111;font-size: 18px;padding: 2px 0 2px 10px;margin: 8px 0 5px;}
.howto .shop-name {display: block; font-size: 16px;font-weight: bold;padding: 0;margin:0 0 6px 0;}
.howto .shop-text1 {display: block; font-size: 15px;font-weight: normal;padding;margin:0 0 3px 0;}
.howto .shop-text2 {display: block; font-size: 15px;font-weight: normal;padding;margin:0 0 0 0;}
.howto .button {display: block; background: #111;color: #fff;padding:0; text-align: center;width:182px;margin: 8px 0 0 0;}
.howto .button a {display: block; width: 100%;height: 100%;padding: 3px 0;color: #fff;}
.howto .button:hover {background: #444;}

/* -----------------------------------------------------------
block
----------------------------------------------------------- */
.block-01 {width: 100%; padding: .5vw 0;}
.block-01 .image {width: 100%;margin: .5vw 0;}
.block-01 .image img {width: 100%;}
.block-02 {width: 100%; padding: .5vw 0 2vw;}
.block-02 .block-left {width: 40%;float: left;}
.block-02 .block-right {width: 58%;float: right;}
.block-02 span {font-size: 16px;font-weight: bold;margin:0;padding: 0;}
/*.col-01 {color: #7F7400;}
.col-02 {color: #9F4F4F;}
.col-03 {color: #9F4F4F;}*/
.block-02 ul li.disc{ margin:0 0 1em; padding:0 0 0 2em; overflow:hidden;}
.block-02 ul li.disc span { list-style:disc outside; margin:0.5em 0 0.5em; line-height:1.2;font-weight: 500;font-size: 14px;display: block;}
.block-02 ul span.note {font-size: 12px;font-weight: 500;line-height: 1.6;display: block;}
.block-link {text-align: right;}
.block-link a {font-size: 16px;font-weight: 500;text-decoration: underline;}
.block-gray {background: #f3f3f3;padding: 1.5vw;font-size: 15px;margin: 1vw auto;}
.note-right {display: block;float: right;width: 100%;text-align: right;}
.block-03 {width: 100%; padding: 2vw 0;}
.block-03 .block-left {width: 16%;float: left;}
.block-03 .block-right {width: 82%;float: right;}
.block-03 .block-right p {margin: 0;padding: 0;font-size: 14px;font-weight: 500;}
.block-03 .fa-gem, .block-03 .fa-diamond {font-size: 110px; color: #ccc;padding: 10px;}
.block-03 .fa-venus-mars {font-size: 110px; color: #ccc;padding: 10px;}
.block-03 .fa-eyedropper {font-size: 110px; color: #ccc;padding: 10px;}
.block-03 .fa-cube {font-size: 110px; color: #ccc;padding: 10px;}
.block-03 .fa-bolt {font-size: 110px; color: #ccc;padding: 10px;}
.block-button {width: 20vw;padding: 0;background: #111;text-align: center;margin: 10px auto 24px;border-bottom: solid 2px #666;}
.block-button a {width: 100%;height: 100%;display: block; padding: 5px;color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.block-button a:hover {background: #666;}
.block-04 {width: 100%;padding: 1vw 0;}
.block-04 ul {display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.block-04 ul li {width: 50%;float: left;padding: 10px 5px;}
.block-04 ul li strong {font-size: 18px;font-weight: bold;padding: 0 10px;margin: 0 0 8px 0;display: block;line-height: 1.5;}
.block-04 ul li .text01 {font-size: 12px;font-weight: 500;padding: 4px 12px;background: #f2f2f2;margin: 0 0 4px 0;}
.block-04 ul li .text02 {font-size: 14px;font-weight: 500;padding: 2px 12px;}
.block-04 .col-01 { border-left:solid 4px #eee;}
.block-04 .col-02 { border-left:solid 4px #E57579;}
.block-04 .col-03 { border-left:solid 4px #9C2A23;}
.block-04 .col-04 { border-left:solid 4px #DF8040;}
.block-04 .col-05 { border-left:solid 4px #D0BB55;}
.block-04 .col-06 { border-left:solid 4px #347549;}
.block-04 .col-07 { border-left:solid 4px #235386;}
.block-04 .col-08 { border-left:solid 4px #8E69A7;}
.block-04 .col-09 { border-left:solid 4px #824A29;}
.block-04 .col-10 { border-left:solid 4px #333;}
.block-05 {width: 100%;padding: 1vw 0;}
.block-05 ul {display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.block-05 ul li {width: 33.3333%;float: left;padding: 10px 0;}
.block-05 ul li strong {font-size: 18px;font-weight: bold;padding: 0 0;margin: 0 0 8px 0;display: block;line-height: 1.5;}
.block-05 ul li .text01 {font-size: 12px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;}
.block-06 {width: 100%;padding: 1vw 0;}
.block-06 ul li {width: 100%;float: left;padding: 10px 0;}
.block-06 ul li strong {font-size: 18px;font-weight: bold;padding: 0 0 6px 0;margin: 0 0 12px 0;display: block;line-height: 1.5;border-bottom: solid 1px #aaa;}
.block-06 ul li .image {font-size: 12px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 35%;float: left;}
.block-06 ul li .text01 {font-size: 14px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 62%;float: right;}
.block-07 ul li {width: 100%;float: left;padding: 10px 0;}
.block-07 ul li strong {font-size: 18px;font-weight: bold;padding: 0 0 6px 0;margin: 0 0 12px 0;display: block;line-height: 1.5;border-bottom: solid 1px #aaa;}
.block-07 ul li .block-right {width: 63%;float: right;}
.block-07 ul li .image {font-size: 12px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 35%;float: left;}
.block-07 ul li .text01 {font-size: 14px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 100%;float: none;}
.block-07 ul li .block-button {width: 50%;margin: 20px auto;}

/* -----------------------------------------------------------
店舗詳細
----------------------------------------------------------- */
.shopDtl { overflow:hidden;}
.shopDtl h1{ border-top:1px solid #504946; font-size:24px; line-height:1.2; margin:0 0 30px; padding:30px 0 0 0;}
.shopDtl h1 img{ height:30px; vertical-align:bottom; margin-right:20px;}
.shopDtl h2.blog{ border-color:#2D8C3C; color:#2D8C3C;}
.shopDtl h2.facebook{ border-color:#3C5A99; color:#3C5A99;}
.shopDtl h2.twitter{ border-color:#308BCF; color:#308BCF;}
.shopDtl .mainImage{ float:left; width:200px;}
.shopDtl .mainImage+table.style{ float:right; width:530px; font-size:13px;}

.noData { color:#df3333; padding:1em; }

/* -----------------------------------------------------------
パワーストーンのカテゴリ一覧
----------------------------------------------------------- */
ul.stoneCategory li{ border:1px solid rgba(0,0,0,0.15); border-bottom-color:#bbb; box-shadow:0 1px 4px rgba(0,0,0,0.07); margin-bottom:10px; text-align:center; border-radius:3px; overflow:hidden; position:relative;}
ul.stoneCategory li:hover{ background:rgba(0,0,0,0.1);}
ul.stoneCategory li a{ text-decoration:none; display:block; padding:10px;}
ul.stoneCategory.name li{ font-size:18px;}
ul.stoneCategory.color li{ font-size:13px; padding-left:60px;}
ul.stoneCategory.color li span.colors{ position:absolute; top:8px; left:8px;}
ul.stoneCategory.color li span.colors img{ height:30px; box-sizing:border-box; margin:0 1px 0 0 ;}
ul.stoneCategory.birthday li{ font-size:18px;}

/* -----------------------------------------------------------
パワーストーンの一覧
----------------------------------------------------------- */
ul.stoneIndex{}
ul.stoneIndex>li{ line-height:1.4; margin-bottom:3em;}
ul.stoneIndex>li .image.clip{ width:auto; height:155px; margin:0 auto 1em;}
ul.stoneIndex>li a{ font-weight:bold; font-size:15px; display:inline-block; margin:0 0 0.5em;}
ul.stoneIndex>li .shortComment{font-weight:bold; font-size:13px; color:#786047; line-height:1.3; margin:0 0 0.5em;}
ul.stoneIndex>li .longComment{ font-size:11px; color:#777; line-height:1.3; margin:0 0 0.5em;}

/* -----------------------------------------------------------
pagetop
----------------------------------------------------------- */
.pagetop {display: none;position: fixed;bottom: 60px;right: 50px;z-index: 9999;width: 60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.pagetop a {display: block;background-color: rgba(0,0,0,0.8);text-align: center;color: #222;font-size: 12px;text-decoration: none;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;z-index: 9999;width: 60px;display: block;width: 100%;height: 100%;padding: 18px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.pagetop a:hover {display: block;text-align: center;color: #fff;font-size: 12px;text-decoration: none;/*background-color: rgba(0,0,0,0.3);filter:alpha(opacity=80);*/-moz-opacity: 0.3;opacity: 0.3;z-index: 9999;width: 60px;}
.pagetop img {width: 40%;}
#side-bar {width: 270px;float: left;background-color: ;}
h2.ttl {width: 100%;border-bottom: solid 2px #111;border-top: none;margin: 0 0 18px 0;font-size: 20px;font-weight: bold;color: #111;padding: 10px 0;}
h2.ttl span {font-size: 14px;font-weight: bold;color: #aaa;padding: 0 0 0 10px;}
h2.ttl.side {margin: 0 0 22px 0;}
h2.ttl.side:after {font-family: FontAwesome;content: "\f054";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 14px;font-weight: lighter;margin-top: -0.5em;position: absolute;top: 50%;right: 6px;text-align: center;color: #785043;opacity: 0.5;}
#side-bar h2.ttl {width: 100%;border-bottom: solid 2px #111;border-top: none;margin: 0 0 18px 0;font-size: 20px;font-weight: bold;color: #111;padding: 10px 0;}
h2.ttl-border {width: 100%;border-top: none;margin: .5em 0 1em;font-size: 19px;font-weight: bold;color: #111; padding: 10px 0 6px;}
h2.ttl-border span {padding: 0 10px;border-left: solid 3px #111;}

/* -----------------------------------------------------------
side-item
----------------------------------------------------------- */
.side-item {width: 100%;background-color: #fff;}
.side-item ul {margin: 0 0 20px 0;}
.side-item ul li {border-bottom: solid 1px #ccc;position: relative;}
.side-item ul li a:hover {background-color: #fff;}
.side-item ul li a {font-size: 15px;font-weight: 500;padding: 8px 0px;display: block;width: 100%;height: 100%;color: #111;}
.side-item ul li a:hover {color: #aaa;}
.side-item ul li:after {font-family: FontAwesome;content: "\f054";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 14px;font-weight: lighter;margin-top: -0.5em;position: absolute;top: 50%;right: 6px;text-align: center;color: #785043;opacity: 0.5;}

/* -----------------------------------------------------------
side-brand
----------------------------------------------------------- */
.side-brand {width: 100%;background-color: #fff;}
.side-brand ul {margin: 0 0 20px 0;}
.side-brand ul li {border-bottom: solid 1px #ccc;position: relative;}
.side-brand ul li a:hover {background-color: #fff; color: #aaa;}
.side-brand ul li a {font-size: 15px;font-weight: 500;padding: 8px 0px;display: block;width: 100%;height: 100%;color: #111;}
.side-brand ul li:after {font-family: FontAwesome;content: "\f054";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 14px;font-weight: lighter;margin-top: -0.5em;position: absolute;top: 50%;right: 6px;text-align: center;color: none;opacity: 0.5;}

/* -----------------------------------------------------------
side-banner
----------------------------------------------------------- */
.side-banner {width: 100%;background-color: #fff;}
.side-banner ul {margin: 20px 0;}
.side-banner ul li {border-bottom: none;margin: 0 0 8px 0;}
.side-banner ul li a:hover {background-color: #fafafa;}

/* -----------------------------------------------------------
side-ranking
----------------------------------------------------------- */
.side-ranking {	width: 100%;background-color: #fff;}
/* 2026-10：空の h3 の後に p で書いていた商品名を h3 に入れたため、h3 を以前の p と同じ見た目にする */
.side-ranking h3 {border: none;font-size: 11px;font-weight: 500;line-height: 1.4;margin: 0 0 1em;color: #444;padding: 0;box-shadow: none;}
.side-ranking p {font-size: 11px;font-weight: 500;line-height: 1.4;}
.side-ranking ul {margin: 0 0 20px 0;}
.side-ranking ul li {border-bottom: none;margin: 0 0 10px 0;}
.side-ranking ul li a:hover {background-color: #fafafa;}
.side-ranking ul li .photo {background-color: #fafafa;width: 80px;float: left;}
.side-ranking ul li .text {background-color:none;width: 194px;float: right;}
.side-ranking .image {position: relative;}
.side-ranking .image.clip {width: 60px;height: 60px;}
.side-ranking .ranking_num {display: block;position: absolute;top: 0;left: 0;z-index: 6;}
.side-ranking .ranking_num img {opacity: 1;width: 36px;}

#main-contents {width: 870px;float: right;background-color: #fff;}
#main-contents ul.nav.news li{ padding:14px 0;border-top: 0;}
#main-contents ul.nav.news p{ font-size:13px; opacity:0.8;}

/* 320 - 1024 */
@media screen and (min-width: 320px) and (max-width: 1024px) {

    div,ul,li,h1,h2,h3,h4,p,img {max-width: 100%;display: block;}
    body { background:#fff; color:#444; font-size: 14px; line-height: 1.8; word-break: normal; min-width:100%;
    -webkit-text-size-adjust: none; /* iPhone */}
    #main-contents p {margin: 8px 0;}
    .gnav {display: none;}
    #side-bar{display: none;}
    #side-bar {width: 100%;float: none;background-color: ;padding: 20px;}
    #main-contents {width: 100%;float: none;background-color: #fff;padding: 20px;}
    #sp-gnav {display: block;z-index: 9999;position: relative;}
    h2.ttl-border {width: 100%;border-top: none;margin: .5em 0 .5em;font-size: 19px;font-weight: bold;color: #111; padding: 10px 0 6px;}
    .ghdr .site-logo {z-index: 3;top: 14px;padding: 0 0 0 12px;}
    .gnav>ul {width: 100%;margin: 0 auto 0;position: relative;}
    .gnav>ul>li>div {z-index: 20;opacity: 0;height: 0px;padding: 0 20px;width: 100%;background: rgba(0,0,0,0.8);overflow: hidden;color: #ccc;position: absolute;top: 44px;left: 0;box-shadow: 0 2px 4px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
    .blog ul.list li.bl{padding-right:0px;}
    .blog ul.list li .text h3 {background: none;border: none;padding: 0;margin: 0 0 0.3em;box-shadow: none;font-size: 15px;
    font-weight: bold;}
    .wrapperInner.home {width: 100%;background: none;padding: 10px 0 70px;box-shadow: none;margin: 0 auto 0;}
    .gftr .inner {width: 100%;margin: 0 auto;padding: 40px 0 40px;}
    .ghdr .inner {width: 100%;margin: 0 auto 0px!important;position: relative;height: 74px;}
    .topSlide .slide {width: 100%!important;background: #fff!important;}
    .topSlide .slide .image {position: relative;width: 100%!important;height: 180px!important;display: table-cell;text-align: center;vertical-align: middle;}
    .gftr .inner{ width:100%; margin:0 auto; padding:20px 0 0;}
    .eyeCatch .inner{ width:100%; margin:0 auto;}
    ul.nav li.bl:after {font-family: FontAwesome;content: "";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 14px;margin-top: -0.5em;position: absolute;top: 50%;right: 10px;text-align: center;color: #785043;opacity: 0.5;}
    .blog ul.list li {border-bottom: 1px solid rgba(0,0,0,0.1);padding: 18px 0px 18px;overflow: hidden;line-height: 1.4;position: relative;}
    .blog ul.list li.bl:after {font-family: FontAwesome;content: "";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 14px;margin-top: -0.5em;position: absolute;top: 50%;right: 10px;text-align: center;color: #785043;opacity: 0.5;}
    .instagram ul.list li {border-bottom: none;padding: 7px 7px 7px;overflow: hidden;line-height: 1.4;position: relative;width: 50%;display: block;float: left;height: auto;}
    .instagram ul.list li .image.clip {width: 150px;height: 150px;}
    .online ul.list li {border-bottom: none;padding: 7px 7px 7px;overflow: hidden;line-height: 1.4;position: relative;width: 50%;display: block;float: left;height: auto;}
    .brand ul.list li {border-bottom: none;padding: 7px 7px 7px;overflow: hidden;line-height: 1.4;position: relative;width: 50%;display: block;float: left;height: auto;}
    .pagetop {display: none;position: fixed;bottom: 20px;right: 20px;z-index: 9999;width: 60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .pagetop img {width: 40%;display: inline-block;}
    footer .gnav {background: none;position: relative;z-index: 90;border-bottom: none;width: 100%;display: block;float: none;}
    footer .gnav>ul {width: auto;margin: 0 auto 0;position: relative;float: none;}
    footer .gnav>ul>li {float: none;border-left: none;width: auto;text-align: center;}
    footer .gnav>ul>li>a {height: auto;line-height: 2;display: block;color: #fff;padding: 8px 0;text-align: center;font-size: 13px;cursor: pointer;font-weight: bold;}
    footer .gnav>ul>li.full {width: 100%;border-top: solid 1px #333;border-bottom: solid 1px #333;}
    footer .gnav>ul>li.mid {width: 50%;float: left;border-bottom: solid 1px #333;border-right: solid 1px #333;box-sizing: border-box;}
    .gftr .footer-logo {margin: 0 0 20px;width: 100%;display: block;float: none;text-align: center;}
    .gftr .footer-logo img {display: inline-block;}
    footer .footer-sns {width: 100%;position: relative;height: 62px;margin: 0 auto;}
    footer ul.sns {position: absolute;z-index: 3;text-align: center;height: auto;margin: 0 auto;position: absolute;top: 2px;left: -50%;right: -50%;display: block;}
    footer ul.sns li {display: inline-block;margin: 14px;width: 24px;}
    .gftr .copyright {background: #110F0F;text-align: center;font-size: 11px;padding: 12px 10px 14px ;color: #fff;}
    nav.globalMenuSp ul li {font-size: 1.1em;list-style-type: none;padding: 0;width: 100%;border-bottom: 1px solid #bbb;text-align: left;padding: 9px 8px 9px 15px;}
    nav.globalMenuSp ul li:last-child {font-size: 1.1em;list-style-type: none;padding: 0;width: 100%;border-bottom: 1px solid #bbb;text-align: left;padding: 11px 8px 11px 15px;}
    nav.globalMenuSp ul li a {font-size: 14px;display: block;color: #fff;padding: 0 0 0 8px;border-left: solid 3px #fff;line-height: 1.4;}
    #sp-gnav h2 {text-align: left;font-size: 15px;font-weight: normal;background: #111;padding: 11px 8px 11px 15px;color: #fff;border-left: solid 3px #fff;}
    #sp-gnav h2 span {text-align: left;font-size: 15px;font-weight: normal;background: #111;padding: 11px 8px 11px 15px;color: #fff;border-left: solid 3px #fff;}
    #sp-gnav h2 i {padding: 0 10px;}
    #sp-gnav .sp-nav-item ul li {background: #fff;padding: 9px 12px 9px 14px;width: 50%;float: left;border-right: solid 1px #888;}
    #sp-gnav .sp-nav-item ul li a {color: #111;font-weight: bold;line-height: 1;border-left: solid 4px #aaa;}
    .shop-detail .shop-detail-info .photo {width: 100%;float: none;}
    .shop-detail .shop-detail-info .text {overflow: hidden;font-size: 13px;padding: 0 0 10px 0;width: 100%;}
    .shop-detail .shop-detail-info .image {width: 192px;margin: 0 10px 16px 0;background-color: #fff;text-align: center;}
    .shop-detail .shop-detail-info .image.clip {width: 100%;height: auto;}
    .shop-detail .button {width: 100%;margin: 8px 0 14px 0;}
    .shop-detail .googlemap {width: 100%;}
    .shop-detail .googlemap iframe {width: 100%;height: 60vw;}
    .blog ul.list li .image.clip {width: 80px;height: 80px;}
    .blog ul.list li .text {overflow: hidden;font-size: 13px;width: 71%;padding: 0 0;margin: 0;float: right;}
    .blog ul.list li p {font-size: 12px;margin: 0;}
    .blog span.date {font-size: 12px;display: inline-block;padding: 1px 0 6px 0;}
    .shop .shop-name {display: block;font-size: 15px;font-weight: bold;padding: 0;margin: 0 0 6px 0;}
    .shop .shop-text2 {display: block;font-size: 14px;font-weight: normal;padding: 0;margin: 0 0 0 0;}
    .shop .shop-text3 {padding:0 1em;font-size:12px;margin-bottom:0.5em;display:inline-block;border:1px solid #EFB3BB; color:#EF4A60; background:linear-gradient(#fff, #FFDFE3); line-height:1.6em; font-weight:bold; border-radius:3px;}
    .shop ul.list li {border-bottom: 1px solid rgba(0,0,0,0.1);padding: 12px 0 12px;overflow: hidden;line-height: 1.4;position: relative;}
    .shop ul.list li:after {font-family: FontAwesome;content: "";display: block;width: 14px;height: 14px;line-height: 14px;font-size: 14px;margin-top: -0.5em;position: absolute;top: 50%;right: 10px;text-align: center;color: #785043;opacity: 0.5;}
    .shop ul.list li .text {padding: 0 0 0 2px;}
    .block-02 .block-left {width: 100%;float: none;}
    .block-02 .block-right {width: 100%;float: none;margin: 16px 0;}
    .block-link {margin: 0 0 20px 0!important;}
    .block-link a {font-size: 14px;}
    .block-gray {background: #f3f3f3;padding: 2.5vw;font-size: 15px;margin: 3vw auto;}
    .block-03 .block-left {width: 100%;float: none;}
    .block-03 .block-right {width: 100%;float: none;}
    .block-button {width: 100%; margin: 0 0 26px 0;}
    .block-03 .block-left {width: 100%;float: none;margin: 0;}
    .block-03 .block-right {width: 100%;float: none;}
    .block-04 ul li {width: 100%!important;float: none!important; padding: 10px 5px;}
    .block-05 ul li {width: 100%!important;float: none!important; padding: 10px 10px;}
    .block-06 ul li .image {font-size: 12px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 100%;float: none;}
    .block-06 ul li .text01 {font-size: 14px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 100%;float: none;}
    .block-06 ul li {width: 100%;float: none;padding: 0;}
    .block-06 ul li strong {font-size: 18px;font-weight: bold;padding: 0 0 6px 0;margin: 16px 0 12px 0;display: block;line-height: 1.5;border-bottom: solid 1px #aaa;}
    .block-07 ul li {width: 100%;float: left;padding: 10px 0;}
	.block-07 ul li strong {font-size: 18px;font-weight: bold;padding: 0 0 6px 0;margin: 0 0 8px 0;display: block;line-height: 1.5;border-bottom: solid 1px #aaa;}
	.block-07 ul li .block-right {width: 100%;float: none;}
	.block-07 ul li .image {font-size: 12px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 100%;float: none;}
	.block-07 ul li .text01 {font-size: 14px;font-weight: 500;padding: 4px 0;background: none;margin: 0 0 4px 0;width: 100%;float: none;}
	.block-07 ul li .block-button {width: 80%;margin: 24px auto;}
}

/* 768 - 1024 */
@media screen and (min-width: 320px) and (max-width: 1024px) {
    .ghdr ul.sns {position: absolute;top: 22px;right: 80px;z-index: 3;text-align: right;}
    .blog ul.list li .text {overflow: hidden;font-size: 13px;width: 83%;padding: 0 0;margin: 0;float: right;}
    .instagram ul.list li {border-bottom: none;padding: 7px 7px 7px;overflow: hidden;line-height: 1.4;position: relative;width: 25%;display: block;float: left;height: auto;}
    .online ul.list li{width: 25%;}
    .brand ul.list li {width: 25%;}
    .block-07 ul li .image {width: 50%;float: left;}
    .block-07 ul li .block-right {width: 50%;float: right;padding: 0 10px 0 0;}
    .shop-detail .shop-detail-info .photo {width: 25%;float: left;}
    .shop-detail .shop-detail-info .text {width: 73%;float: right;}
}

/* new 10211029 */
.single-head {width: 100%;background: #000;}
.single-head tr {width: 100%;display: flex;}
.single-head-img {width: 5%;margin: 0;padding: 1%;display: inline-block;float: left;}
.single-head-title {width: 90%;float: left;}
.container .single-head-title h3 {font-size: 1.5vw;font-weight: bold;border: none;color: #fff;background: none;box-shadow: none;padding: 0;margin: 0 0 0 0;display: block;width: 100%;height: 100%;display: flex;}
.single-head-title h3 span {display: flex;align-items: center;}
.single-head-title h3 span:after {border-left: solid 4px #fff;}
.single-body {width: 100%;}
.single-body section {margin: 0;padding: 0 0 20px 0;}
#main-contents .single-body section:first-child p {max-width: 100%;}
#main-contents .single-body p {width: 100%;max-width: 500px;margin: 12px 0 20px 0;}
#main-contents .single-body h2 {font-weight: bold;margin: 10px 0 20px;padding: 0 0 0 6px;border-left: solid 4px #000;border-top: none;}
section table {margin-bottom: 15px;}
.table-chart {max-width: 500px;}
.table-chart th {text-align: center;background: #000;color: #fff;font-weight: bold;padding: 3px 0;}
.table-chart td {text-align: center;padding: 3px 0;}
table.item_table th {padding: 0 2% 3% 0;}
table.item_table td {padding: 0 2% 3% 0; max-width: 31%; display: inline-block;}
table.item_table td:nth-child(3) {padding: 0 0 3% 0;}
table.data_table {max-width: 500px;}
table.data_table th {background: #000;color: #fff;font-weight: bold;text-align: center;padding: 4px 5px;}
table.data_table td {padding: 4px 5px;}
ul.list {width: 100%;}
ul.list li .text {display: block;font-size: 14px;}
ul.list li span.stone-name {text-align: center;padding: 10px 0;margin-bottom: 8px;display: block;font-size: 15px;clear: both;overflow: hidden;}

/* 320 - 1024 */
@media screen and (min-width: 320px) and (max-width: 1024px) {

	.single-head-img {width: 12%;margin: 0;padding: 2%;}
	.container .single-head-title h3 {font-size: 17px;}
	#main-contents .single-body h2 {font-size: 17px;}
	.table-chart th,
	.table-chart td {font-size: 12px;}
	table.data_table th {width: 19%;}
	ul.list li span.stone-name {text-align: center;padding: 10px 0;margin-bottom: 8px;display: block;font-size: 11px;}
	.oneColumn .dictionary ul.list li {padding: 3px 6px 3px 0;}
	.container h3 {margin: 10px 0 8px 0;}
}

/* 641 - 1024 */
@media screen and (min-width: 641px) and (max-width: 1024px) {

	.single-head-img { width: 7%; margin: 0; padding: 1%;}
}

/* ===========================================================
 jquery.bxslider.css（2026-10 に base.css へ統合。以前は別ファイルで base.css の後に読み込んでいた）
=========================================================== */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;*/
	
	/*fix other elements on the page moving (on Chrome)*/
/*	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	/*left: 10px;*/
	background: url(../img/common/btn_prev.png) no-repeat ;
	background-size: contain;
}

.bx-wrapper .bx-next {
	/*right: 10px;*/
	background: url(../img/common/btn_next.png) no-repeat ;
	background-size: contain;
}

.bx-wrapper .bx-prev:hover {
	/*background-position: 0 0;*/ opacity:0.8;
}

.bx-wrapper .bx-next:hover {
	/*background-position: -43px 0;*/ opacity:0.8;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 48%;
	margin-top: -16px;
	outline: 0;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* nav */
.feed-prev-btn {
  background-image: url(../img/common/btn_prev.png);
}
.feed-next-btn{
  background-image: url(../img/common/btn_next.png);
}
.feed-prev-btn:hover {
  background-image: url(../img/common/btn_prev_on.png);
}
.feed-next-btn:hover{
  background-image: url(../img/common/btn_next_on.png);
}
.feed-prev-btn .bx-prev {
  width: 100%;
  display: block;
}
.feed-next-btn .bx-next {
  width: 100%;
  display: block;
}
.navi-btn {
  margin: 79px 8px 0 9px;
  width: 23px;
  height: 23px;
  -webkit-background-size: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
}


.topSlide{ position:relative; margin:0 0 50px;}
.topSlide .slide{ background:rgba(0,0,0,0.2);}
.topSlide .slide .image{ position:relative; width:1200px; height:460px; display:table-cell; text-align:center; vertical-align:middle;}
.topSlide .bx-wrapper img{ max-width:100%; max-height:100%; margin:auto;}

/*サムネイルページャー*/
.topSlide #bx-pager{ background:#fff; text-align:center; padding:7px 0; margin:0; border-bottom:1px solid rgba(0,0,0,0.1);}
.topSlide #bx-pager a{ cursor:pointer; background:#000; display:inline-block; margin:0 5px 0;}
.topSlide #bx-pager a.active{}
.topSlide #bx-pager a img{ height:36px; opacity:0.5;}
.topSlide #bx-pager a img:hover{ opacity:1;}
.topSlide #bx-pager a.active img{ opacity:1;}
/*コントロール*/
.bx-wrapper .bx-prev{ left:-72px;}
.bx-wrapper .bx-next{ right:-72px;}

@media screen and (min-width: 320px) and (max-width: 1024px) {

	.bx-wrapper .bx-viewport {
		height: 180px!important;
	}
}

@media screen and (min-width: 320px) and (max-width: 640px) {

	.bx-controls-direction {
		display: none;
	}
	.topSlide{ position:relative; margin:0 0 0 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

	.topSlide .bx-wrapper img {
	    max-width: 100%;
	    max-height: 40vw!important;
	    margin: auto;
	    width: 100%;
	}
	.bx-wrapper .bx-viewport {
	    height: 40vw!important;
	}
}

/* ===========================================================
 以前はテンプレート内の <style> に書いていた指定（2026-10 に移動）
=========================================================== */
/* 縦バナー（旧 header.php） */
.vBanner{ position:fixed; top:50%; right:10px; width:52px; height:414px; margin:-257px 0 0; z-index:399;}

/* 店舗情報のスライドショー（旧 front-page.php） */
.simpleSlide {overflow: hidden;}
.simpleSlide ul {width: 313px; height: 176px; overflow: hidden; position: relative;}
.simpleSlide ul li {position: absolute; top: 0; left: 0; display: none;}
.grid3.topBanner>*{ margin-bottom:30px;}
.grid3.topBanner>* img{ margin:0;}

/* パワーストーン事典の一覧（旧 archive-dictionary.php・page-archivedictionary.php。同じ内容が2か所にあった） */
.dictionary {width: 100%;height: auto;margin: 0 0 2em 0;}
.dictionary ul.list li {border-bottom: none;padding: 7px 14px 7px 0;overflow: hidden;line-height: 1.4;position: relative;width: 25%;display: block;float: left;height: auto;}
.dictionary ul.list li .image{ width:80px; float:left; margin:0 10px 0 0; background-color:#fff; text-align:center;}
.dictionary ul.list li .image.clip{width:100%;height:100%;}
.dictionary ul.nav li .text h3 span.stone-name{ font-size:11px; display:inline-block; font-weight:normal; margin:0 0 0.5em; }
.dictionary ul.list li p{ font-size:13px; margin:0;}
.dictionary ul.list li a{ text-decoration:none;}

/* ===========================================================
 以前はテンプレートの style 属性や WordPress のインライン CSS で指定していたもの（2026-10 に移動）
=========================================================== */
/* <hr class="clear">（旧 style='margin:10px 0 30px;'。.home .container hr より優先させる） */
.home .container hr.clear, hr.clear{ margin:10px 0 30px;}
/* パワーストーン事典の詳細の表（旧 style="margin-top:20px;"） */
table.table-chart, table.data_table{ margin-top:20px;}
/* 店舗詳細の SNS ボタン（旧 style 属性。!important も元の指定のまま） */
.button.button-instagram{ background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)!important;}
.button.button-line{ background-color:#00c300!important;}
/* 店舗詳細の地図（旧 frameborder="0" style="border:0"） */
.googlemap iframe{ border:0;}
/* WordPress の wp-img-auto-sizes-contain（sizes="auto" の遅延読み込み画像の仮の大きさ。インライン出力を止めてここに移動） */
img:is([sizes="auto" i], [sizes^="auto," i]){ contain-intrinsic-size:3000px 1500px;}

/* ページのタイトル（2026-10 に h2.ttl から h1.ttl に変更）。h2.ttl は .container h2 の指定も受けていたので、その分も含めて同じ見た目にする */
h1.ttl {line-height: 1.2; position: relative; background: #fff; box-shadow: inset 0 -5px 5px #fff; overflow: hidden; width: 100%;border-bottom: solid 2px #111;border-top: none;margin: 0 0 18px 0;font-size: 20px;font-weight: bold;color: #111;padding: 10px 0;}
h1.ttl span {font-size: 14px;font-weight: bold;color: #aaa;padding: 0 0 0 10px;}

/* サイドバーのページへのリンク（2026-10 に h2.ttl.side から ul.side-links li.ttl.side に変更）。
   以前の h2 が受けていた .container h2・h2.ttl・#side-bar h2.ttl・h2.ttl.side の指定を合わせて、同じ見た目にする */
#side-bar ul.side-links{ margin:0; padding:0;}
#side-bar li.ttl.side{ line-height:1.2; position:relative; background:#fff; box-shadow:inset 0 -5px 5px #fff; overflow:hidden; width:100%; border-bottom:solid 2px #111; border-top:none; margin:0 0 18px 0; font-size:20px; font-weight:bold; color:#111; padding:10px 0;}
#side-bar li.ttl.side:after{ font-family:FontAwesome; content:"\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; font-weight:lighter; margin-top:-0.5em; position:absolute; top:50%; right:6px; text-align:center; color:#785043; opacity:0.5;}