@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Menu */
#Menu { display:none; }


/*----------------------------------------------------------------------*/
/* Key Visual */
#KeyVisual > div { background:url("../images/banner05.jpg") no-repeat center center; background-size:cover; }
#KeyVisual .row { display:none; }


/*----------------------------------------------------------------------*/
/* 最新消息 */
#IndexNews ul li { margin-top:30px; }
#IndexNews ul li:first-child { margin:0; }


/*----------------------------------------------------------------------*/
/* 首頁-左右區塊 */
.indexBox .titleBox { padding-bottom:15px; }
	
.indexBox .titleBox .icon { position:absolute; top:0; left:0; }
	#IndexLocations .titleBox .icon { background-image:url("../images/icon_locations2.png"); height:46px; width:44px; }
	#IndexAbout .titleBox .icon { background-image:url("../images/icon_about2.png"); height:46px; width:44px; }
	
.indexBox .titleBox .en_title { margin-left:53px; font-size:13px; color:#a1a1a1; line-height:20px; }
.indexBox .titleBox h3 { margin-left:50px; line-height:25px; font-weight:bold; }
	#IndexLocations .titleBox .en_title { color:#635040; }
	#IndexLocations .titleBox h3 { color:#635040; }
	#IndexAbout .titleBox .en_title { color:#c52a0f; }
	#IndexAbout .titleBox h3 { color:#c52a0f; }

.indexBox .btn_more { position:absolute; top:0; right:0; }
.indexBox .btn_more a { width:90px; padding-right:0; }
.indexBox .btn_more a .btn_arrow { display:none; }
	#IndexLocations .btn_more a { border:1px solid #635040; color:#635040; }
	#IndexAbout .btn_more a { border:1px solid #c52a0f; color:#c52a0f; }
.indexBox .btn_more a:hover { color:#fff !important; }
	#IndexLocations .btn_more a:hover { background-color:#635040; border:1px solid #635040; }
	#IndexAbout .btn_more a:hover { background-color:#c52a0f; border:1px solid #c52a0f; }

.indexBox .btn_more a .btn_arrow::after, .indexBox .btn_more a .btn_arrow::before { background-color:#afafaf; }
	#IndexLocations .btn_more a:hover .btn_arrow::after, 
	#IndexLocations .btn_more a:hover .btn_arrow::before { background-color:#fff; }
	#IndexAbout .btn_more a:hover .btn_arrow::after, 
	#IndexAbout .btn_more a:hover .btn_arrow::before { background-color:#fff; }

.indexBox .contBox { position:relative; }

/* 分店介紹 */
#IndexLocations .contBox { background:none; padding:0; }
#IndexLocations ul { padding:0; display:block; }
#IndexLocations ul li {  margin-top:25px; }
#IndexLocations ul li:first-child { margin-top:0; }
#IndexLocations ul li .shopName { padding:0 0 10px 0; }
#IndexLocations ul li .phone { padding-bottom:30px; }

/* 關於歐奇 */
#IndexAbout .contBox { display:table; background-size:cover; background-repeat: no-repeat; background-position:center; }
#IndexAbout .contBox .dep { position:relative; top:0; left:0; width:auto; height:100%; display:inline-block; background:rgba(255,255,255,0.9); }


/*----------------------------------------------------------------------*/
/* Footer */
#Footer { display:none; }


/*----------------------------------------------------------------------*/
/* pagetop */
.btn_top a { width:40px; height:40px; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#ContKeyVisual { background-position:center center; }
#ContKeyVisual .logo { max-width:380px; margin:0 auto; }
#ContKeyVisual .logo img { width:100%; }

#Content { 
	padding:0; margin-top:-40px; margin-bottom:30px; 
	-webkit-border-radius:8px; 
	-moz-border-radius:8px; 
	border-radius:8px;
	}
#Content > div { border:0; padding:15px 15px 25px 15px; }
#Content .box_top, #Content .box_bottom { display:none; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar dl.font_size::after, .ToolBar dl.share::after { content:''; display:block; clear:both; width:100%; }
.ToolBar .colm_left a, .ToolBar dl.font_size dt, .ToolBar dl.share dt { line-height:40px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:40px; height:40px; }

.ToolBar .colm_left { display:none; }
.ToolBar .colm_left a.return span { background-position:0 0; }
.ToolBar .colm_left a.print span { background-position:0 -40px; }
.ToolBar .colm_left a.mail span { background-position:0 -80px; }
.ToolBar .colm_left a.rss span { background-position:0 -120px; }
.ToolBar .colm_left a.return:hover span { background-position:-40px 0; }
.ToolBar .colm_left a.print:hover span { background-position:-40px -40px; }
.ToolBar .colm_left a.mail:hover span { background-position:-40px -80px; }
.ToolBar .colm_left a.rss:hover span { background-position:-40px -120px; }

@media screen and (min-width: 540px) {
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }
}
.ToolBar dl.font_size dd.font_small a { background-position:0 -160px; }
.ToolBar dl.font_size dd.font_medium a { background-position:0 -200px; }
.ToolBar dl.font_size dd.font_big a { background-position:0 -240px; }
.ToolBar dl.font_size dd.font_small:hover a { background-position:-40px -160px; }
.ToolBar dl.font_size dd.font_medium:hover a { background-position:-40px -200px; }
.ToolBar dl.font_size dd.font_big:hover a { background-position:-40px -240px; }

.ToolBar dl.share dd.facebook a { background-position:0 -280px; }
.ToolBar dl.share dd.twitter a { background-position:0 -320px; }
.ToolBar dl.share dd.google_plus a { background-position:0 -360px; }
.ToolBar dl.share dd.plurk a { background-position:0 -400px; }
.ToolBar dl.share dd.line a { background-position:0 -440px; }
.ToolBar dl.share dd.facebook:hover a { background-position:-40px -280px; }
.ToolBar dl.share dd.twitter:hover a { background-position:-40px -320px; }
.ToolBar dl.share dd.google_plus:hover a { background-position:-40px -360px; }
.ToolBar dl.share dd.plurk:hover a { background-position:-40px -400px; }
.ToolBar dl.share dd.line:hover a { background-position:-40px -440px; }

/* 標題 */
.PageTitle > div { padding:0; display:block; }
.PageTitle h1 { padding:0; }
.PageTitle > div span { display:none; }

/* 頁碼 */
#Pagination a { 
	background-color:#f8b500; color:#fff; margin:0 5px; display:none;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	}
#Pagination a:hover { background-color:#c52a0f; }
#Pagination a.prev, #Pagination a.next, #Pagination .current { display:inline-block; padding:0 15px; }
#Pagination .current { color:#7b7b7b; }
#Pagination .current:hover { background-color:transparent; }
#Pagination .setting { display:none; }

/* 編輯器 */
.editable_content blockquote { margin-left:10px; }
.editable_content ol { margin-left:20px; }
.editable_content ul { margin-left:20px; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
ul.ext_list { margin-left:20px; }

/* colorbox */
#colorbox_thum a { width:110px; height:90px; margin:10px 8px; }


/*----------------------------------------------------------------------*/
/* 菜單 */
.btn_product_cat li { margin-left:2px; margin-right:2px; }
.btn_product_cat li a span.jp { font-size:75%; letter-spacing:-1px; }
.btn_product_cat li a span.photo { width:130px; height:50px; }

@media screen and (max-width: 579px) {
.ProductList div.item { width:100%; }
}
@media screen and (min-width: 580px) {
.ProductList div.item { float:left; width:49%; margin-left:2%; }
.ProductList div.item:nth-child(2n+1) { margin-left:0; }
}

.ProductCont .photo { float:none; width:100%; }
.ProductCont .cont { float:none; width:100%; }
.ProductCont .desc { margin-top:20px; }
.ProductCont .desc > div { padding:15px; }

@media screen and (max-width: 479px) {
.ProductCont { background:none; padding:0; }
.ProductCont .desc { padding:0; }
.ProductCont .price { position:static; width:100%; height:auto; padding-top:5px; text-align:left; }
.ProductCont .price .item:first-child { margin-top:5px; }
.ProductCont .tags { position:static; padding-top:10px; }
}
@media screen and (min-width: 480px) {
.ProductCont { padding:20px; }
.ProductCont .cont { padding-bottom:85px; }
.ProductCont .tags { bottom:45px; }
}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { padding:10px; border-bottom:1px solid #dee2e7; }
.ListTable tr:nth-child(2n+3) { background-color:#f4f6f8; }

.ListTable td { margin:5px 0; font-size:87.5%; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.title:before, .ListTable td.thum:before { content:""; }
.ListTable td.cat, .ListTable td.unit { color:#7e7e7e; }
.ListTable td.date { background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px; color:#7e7e7e; font-size:81.25%; }
.ListTable td.date br { display:none; }
.ListTable td.title { margin-top:10px; font-size:150%; line-height:32px; }
.ListTable td.title a { display:block; color:#000; text-decoration:none; }
.ListTable td.title a:hover { color:#c52a0f; }
.ListTable .tag { height:32px; }
.ListTable .tag::before { top:12px; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.StoreList { background:none; padding:0; }
.StoreList .item { 
	padding:0; border:1px solid #ccc;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
.StoreList .item::before { display:none; }
.StoreList .cont { padding:0 15px 15px 15px; }
@media screen and (min-width: 480px) {
.StoreList .item { float:left; width:48.5%; margin-left:3%; }
.StoreList .item:nth-child(2n+1) { margin-left:0; }
}
@media screen and (max-width: 479px) {
.StoreList .item { width:100%; }
}


/*----------------------------------------------------------------------*/
/* 分店資訊 */
.StorePhoto { padding:0; }
.StorePhoto .fotorama__nav-wrap { margin-top:0; }