@charset "utf-8";
@import url(notosanstc.css);
@import url(cwtexming.css);
@font-face {
    font-family: "KozMinPr6N";
    src: url(../fonts/KozMinPr6N-Bold.otf);
}
@font-face {
    font-family: "KozMinPr6N-M";
    src: url(../fonts/KozMinPr6N-Medium.otf);
}
@font-face {
    font-family: "ionicons";
    src: url(../fonts/ionicons.ttf);
}
/* CSS Document */
body{ font-family:'Noto Sans TC';  color:#000; font-size:16px; font-weight:400; line-height:24px;  }
h1{font-family: 'KozMinPr6N'; }
h2{ font-size:26px; line-height:36px; font-weight:500;}
a{ color:#000;}
a:hover{ text-decoration:none;}
img{ max-width:100%;width: auto!important;}
.mobile{ display:none;}
.topnav{font-size:20px; font-weight:bold; color:#000; float:right; letter-spacing:3px; margin-right:10%; padding:30px 0 20px;}
.topnav ul{ padding:0;}
.topnav ul li{  list-style:none; display:inline-block; border-left:1px solid #000; padding-left:30px; margin-right:30px;}
.topnav ul li:last-child{ margin-right:0;}
.menu{ clear: both; background:url(../images/bg6.jpg); width:100%; padding:20px 0 15px;}
.main{ margin:40px 0; }
.home{ overflow-y:hidden}
.home .main{ margin-bottom:0; }
.main .bg1{  background:url(../images/main1.jpg) bottom right no-repeat; background-size:cover; display:block; height:87vh; position:relative}
.main .bg2{  background:url(../images/main2.jpg) bottom right no-repeat; background-size:cover; height:686px; box-shadow:0 10px  30px rgba(103,91,61,0.4); position:relative}
.main .bg3{  background:url(../images/main3.jpg) bottom right no-repeat; background-size:cover; height:686px; box-shadow:0 10px  30px rgba(103,91,61,0.4); position:relative}
 
.main-s{ position:absolute; left:18%; top:-10px;}
.main-s img{ box-shadow:5px 5px 10px rgba(0,0,0,0.4);}
section{ padding:50px 0;clear:both;}
.title{font-family: 'KozMinPr6N'; letter-spacing:12px; font-size:34px;text-align:center;}
.kobe{ padding-bottom:30px;}
.kobe .title{  background:url(../images/title1.png) no-repeat; max-width:261px; line-height:100px; }
.kobe .container{ position:relative; background:url(../images/shan.png) 45% top no-repeat; min-height:550px;}
.kobe .pic img{ position:absolute; right:-20%; top:30px; }
.kobe h2{ padding:50px 0;}
.kobe p:before {
    content: "";
    background-color: #b12a26;
    display: block;
    width: 50px;
    height: 8px;
    position: relative;
    top: -10px;
}
.gold{ color:#a88e00;}
.twocaw{ background:url(../images/bg1.jpg) bottom center no-repeat #000; background-size: cover; color:#fff; min-height:1050px;box-shadow:0 0 50px rgba(0,0,0,0.8); }
.twocaw .title{  background:url(../images/title2.png) no-repeat; max-width:261px; line-height:124px; margin:100px 0; }
.twocaw h2{ padding-bottom:30px;}
.omi{ padding-right:60px;}
.taka{ padding-left:60px;}
.twocaw .bt{ position: relative;bottom:-70px; width:100%; text-align: center;}
.bt-w{ font-size:20px;font-family: 'KozMinPr6N'; letter-spacing:8px; padding:65px 15px 65px 25px; }
.bt-w br{ display:none;}
.others .bt{ text-align:center; background:url(../images/line5.png) center center; margin-top:80px;}
.others .bt-o a{border-radius:50em; border:1px solid #000;}
.others .title{  background:url(../images/title3.png) no-repeat; max-width:420px; line-height:143px; margin:80px 0;  }
.others{ background:url(../images/bg2.jpg) left bottom no-repeat; padding-bottom:620px; padding-top:150px;}
.others .item img{ box-shadow:5px 5px 10px rgba(0,0,0,0.4);margin-bottom:60px; margin-top:40px; }
.others .col-md-6{ padding-right:60px;}
.others .info{ padding:10px 30px; height:430px;}
.others p{ letter-spacing:normal;}
.others h1{ font-family: 'KozMinPr6N';border-bottom:1px solid #000; position:relative; margin-top:5px; padding-bottom:15px; margin-bottom:15px; letter-spacing:5px; display:inline;}
.others h1:before {
    content: "";
    background: url(../images/dot2.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 5px;
    position: absolute;
    display: table;
    bottom: -3px;
}

.others .bt-r{position:absolute; right:40px; bottom:40px;}
.bt-r{ background:#97292b; letter-spacing:4px; color:#fff; padding:7px 10px; border-radius:8px; font-size:14px; }
a.bt-r:hover,a.bt-rb:hover{ color:#fff;}
.square li{list-style-type:square;}
.bg1 .main-s a{ position: absolute; left:15%; bottom:5%; }
.bg1 .main-s a img{box-shadow:none;}
.others .tab{ padding-bottom:20px; display:none;}
.others .tab a{background:#97292b;color:#fff; padding:7px 10px; border-radius:8px; font-size:14px;}
.owl-others.owl-carousel .owl-item{ margin-right:30px;}
.owl-others.owl-carousel .owl-item:nth-child(3n){ float:none; }
.owl-others.owl-carousel .owl-item:nth-child(4n){ margin-left:30px;}
.others .owl-dots, .about .owl-dots{ display:none;}
.about{ background:url(../images/bg3.jpg); color:#fff; text-align:center; position:relative; padding-bottom:100px;box-shadow:0 10px 20px rgba(0,0,0,0.4)}
.about .title{  background:url(../images/title4.png) center center no-repeat; line-height:126px; margin:80px;  }
.owl-about{ margin-bottom:30px;}
.about h2{letter-spacing:20px;}
.about .owl-carousel .owl-item img{ width:auto; display:inline;}
.owl-theme .owl-nav .owl-next,.owl-theme .owl-nav .owl-prev{ background:none !important; font-size:80px!important;}
.fo{ position:absolute; right:15%; top:25%; opacity:0.3;}
.contact .box{ background:url(../images/bg4.png) center no-repeat; max-width:1040px; height:506px;box-shadow:5px 0 10px rgba(0,0,0,0.2); text-align:center; margin:0 auto;}
.contact .title{  background:url(../images/title5.png) center bottom no-repeat; line-height:77px; margin-bottom:40px; padding-top:60px; padding-bottom:20px;}
.red{ color:#8d0901;}
 
.point{ background:#000; width:900px; float:right; color:#fff;}
.point ul{ margin:30px 14px;}
footer{ background:#2e414c; padding:60px 0 40px; color:#fff; text-align:center;}
.footnav{ position:relative; margin-bottom:20px;}
footer img{ display: block; margin:0 auto; max-width:80px;}
footer li:last-child img{ display: block; margin:0 auto; max-width:100px;}
footer p{ font-size:13px;}
.footnav ul{ padding:0;}
.footnav ul li:last-child{ margin-right:0;}
.footnav ul li {
    list-style: none;
	text-align:center;
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-right: 60px;
	letter-spacing:2px;
	padding-bottom:5px;
}
.footnav li:after {
    content: "";
    background: url(../images/dot.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 5px;
    position: absolute;
    display: table;
    bottom: -3px;
}
.footnav a{color:#fff;}
.top{ position:fixed; right:40px; bottom:40px; background:#8e0902; font-size:20px; text-align:center; padding:20px 15px 27px 15px; border-radius:50em; color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,0.4); z-index:3; opacity:0.8;}
.top span{ display:block; font-size:80px; line-height:40px;}
a.top:hover,a.top:focus,a.ask:hover,a.ask:focus{color:#fff; text-decoration:none;}
.ask{ position:fixed; right:40px; bottom:170px; background:#8e0902; font-size:12px; text-align:center; padding:20px 15px 27px 15px; border-radius:50em; color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,0.4); z-index:3;}
.ask span{ display:block; font-size:80px; line-height:40px;}

.beef .container{
	padding-bottom: 156px;
	background: url(../images/title7.png) bottom center no-repeat;
	background-size:contain;
	}
.beef {
	font-family: 'KozMinPr6N'; 
    position: relative;
	padding-top:100px;
	text-align:center;
}
.beef ul {
    padding: 0;
}
.beef ul li {
    list-style: none;
	font-size:26px;
	position: relative;
    display: inline-block;
    border-bottom: 1px solid #000;
    margin:0 25px;
    letter-spacing: 2px;
    padding-bottom: 5px;
}
.beef li:after {
    content: "";
    background: url(../images/dot2.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 5px;
    position: absolute;
    display: table;
    bottom: -3px;
}
.wagyu{ position:absolute; right:10%;}
.beef-kobe{ background: url(../images/bg8.png); width:85%; margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,0.2); line-height:30px; min-width:1170px;}
.beef-kobe h1{ background: url(../images/icon-beef.png) left top no-repeat; text-align:left; font-size:62px; padding:0 0 20px 140px;}
.beef-kobe h1 span{ display:block;font-family:'Noto Sans TC'; letter-spacing:2px; font-size:40px;}
.beef-kobe h1:after{content: "";background: url(../images/title6.png) right no-repeat;background-size: contain;display: table; height:30px; width:100%;}
.beef-kobe img{ border-bottom:15px solid #b12a26; margin-top:30px; margin-bottom:280px;}
.beef-kobe h2{font-family: 'KozMinPr6N'; }
.award{ position: relative; top: -484px;}
.award h1{ color:#b12a26;}
.award h1:after{ content:""; background-color:#b12a26; display:block; width:50px; height:8px; position: relative;bottom:-10px;}
.award img{ margin-top:30px;}
.award .col-xs-6{ padding-top: 16px;
line-height: 27px;}
.award span{ background:#3f3a39; border-radius:50em; padding:1px 6px; color:#fff; font-size:13px; margin-right:8px;}
.logo-o img{ max-width:200px;}
article .logo-o img{box-shadow:none;}
.beef-omi{ padding-top:0px; padding-bottom:0;}
.beef-omi h1.title{ position:absolute; top:-180px; left:270px;}
.beef-omi h1{ text-align:left; font-size:62px;}
.beef-omi h1 span{ display:block;font-family:'Noto Sans TC'; letter-spacing:2px; font-size:40px; padding-top:10px;}
.beef-omi .logo-o{ position:absolute; top:-150px;}
.beef-omi .container{ position:relative; top:-100px;}
.beef-omi .col-md-12{ background: url(../images/pic5.jpg) right center no-repeat; height:550px;}
.beef-omi .col-md-4{background: url(../images/bg9.png); box-shadow:0 0 20px rgba(0,0,0,0.2); position:absolute; top:60px; padding:40px;}
.beef-omi .col-md-4 h1{ font-size:36px; position:relative; border-bottom:1px solid #000; display:inline; padding-bottom:10px;}
.beef-omi .col-md-4 h1:after{
	content: "";
    background: url(../images/dot2.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 5px;
    position: absolute;
    display: table;
    bottom: -3px;
	}
.beef-omi .col-md-4 p{ margin-top:30px;}
.hime{ position:relative; padding-top:0; }
.hime h1{font-size: 36px;
    position: relative;
	text-align:left;
    border-bottom: 1px solid #000;
    display: inline;
	letter-spacing:normal;
    padding-bottom: 10px;
	}
.hime h1:after {
    content: "";
    background: url(../images/dot2.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 5px;
    position: absolute;
    display: table;
    bottom: -3px;
}
.hime ol{ margin:50px 0;max-width:420px;}
.only img{ margin-left:10px;}
.hida{ background:url(../images/bg3.jpg); position:relative;}
.bg10{ background:url(../images/bg10.png); padding:30px 40px; position:absolute; bottom:-30%; margin-left:15px;}
.hida{ padding-top:250px; padding-bottom:250px;}
.hida .container{position: relative;}
.hida img{ position: relative;}
.hida img.redo{ position:absolute; top:-20%;right:-10%;}
.hida .logo-o {
    position: absolute;
	top:-140px;
}
.hida h1 {
	position: absolute;
	top:-170px;
	left:250px;
    text-align: left;
    font-size: 62px;
	color:#fff;
	margin-bottom:40px;
}
.hida h1 span {
    display: block;
    font-family: 'Noto Sans TC';
    letter-spacing: 2px;
    font-size: 40px;
    padding-top: 10px;
}
.other-beef h1.title {
    text-align: left;
    font-size: 62px;
	letter-spacing:normal;
    margin-bottom: 40px;
}
 



.open1 span,.close1 span{ font-size:66px; position:absolute; left:12px; top:28px;}
.other-beef h1{ margin-top:0;}
.other-beef h1 span{ display:block;font-family: 'Noto Sans TC'; text-transform:uppercase; font-size:28px; margin-top:10px;}
article.red{ background:#982425; color:#fff;}
article{padding:40px; border:3px solid #982425; border-bottom:none; color:#982425;}
article p{ line-height:30px;}
.open1,.close1{margin-bottom:20px; text-align:center; font-size:22px; font-weight:400; padding:40px 0;}
.open1{background:url(../images/line-open.png) center center #982425 no-repeat; color:#fff; }
.close1{background:url(../images/line-close.png) center center no-repeat;border:3px solid #982425; border-top:none; opacity:1;}
.close1 div{ border:2px solid #982425; border-radius:50em; display: inline-table; padding:32px 20px 46px ; letter-spacing:2px;line-height:0; position:relative;}
.open1 div{ border:2px solid #fff; border-radius:50em; display: inline-table; padding:32px 20px 46px ; letter-spacing:2px; line-height:0; position:relative;}
.close1 a{ color:#982425}
.open1 a{ color:#fff}
.close1:hover,.open1:hover{ opacity:1;}
.open1:before{ content:"";border-top:1px solid #fff; height:3px; width:100%;}



article img{box-shadow:10px 10px 20px rgba(0,0,0,0.4); margin:20px 0;}
article .bt-r{ float:right;}
 
.part .title{
-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	direction: ltr;
	writing-mode: tb-lr;
	position:relative;
	height:240px;
	background:url(../images/title8.png) left center no-repeat; padding-left:20px; }
.part .title span{
-webkit-writing-mode: horizontal-tb;
	writing-mode:horizontal-tb;
	position:absolute;
	left:65px;
	top:75%;
width: 266px;
	letter-spacing:normal;
	text-align:left;font-weight: bold;
	}
.part .list{background:url(../images/line.png) no-repeat; padding-top:80px;}
.w50{ width:50%; float:left;}
.clear{ clear:both;}
.part .item{ padding-left:40px; position:relative; margin-bottom:20px;}
.part .item span{position: absolute; left:0; font-size:13px; color:#fff; background:#3f3b3a; border-radius:50em; padding:4px 6px; width:33px; text-align:center; }
.part .item.line{background:url(../images/line4.png) left repeat-y;}
.a5{background:url(../images/pic9.jpg) left top no-repeat #1e1d1b; max-width:1522px; margin:0 auto; text-align:right;box-shadow:10px 10px 20px rgba(0,0,0,0.4);}
.bcolor{background:url(../images/line2.png) bottom center no-repeat;}
.bcolor .container{background:url(../images/bg13.png) 10% center no-repeat; padding-top:150px;}
.bcolor .title{
-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	direction: ltr;
	writing-mode: tb-lr;
	position:relative;
	left:40%;
	top:100px;
	background:url(../images/title10.png) center center no-repeat;height:301px; width:301px; padding-left:60px;}
.bcolor .title span{
-webkit-writing-mode: horizontal-tb;
	writing-mode:horizontal-tb;
	position:absolute;
left: 77px;
top: 38%;
width: 167px;
	letter-spacing:normal;
	text-align:left;
	font-weight: bold;
	}
.bcolor .col-md-9{ text-align:right;}
.bcolor img{ margin-bottom:70px;}
.kind{background:url(../images/shan2.png) center 90% no-repeat; padding-top:100px; padding-bottom:550px; }
.kind .container{ position:relative;}
.kind .title{
-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	direction: ltr;
	writing-mode: tb-lr;
	position:relative;
	height:240px;
	background:url(../images/title8.png) left center no-repeat; padding-left:20px; }
.kind .title span{
-webkit-writing-mode: horizontal-tb;
	writing-mode:horizontal-tb;
	position:absolute;
	left:65px;
	top:75%;
width: 230px;
	letter-spacing:normal;
	text-align:left;font-weight: bold;
	}
.kind .box{ font-family: 'Noto Sans TC'; font-weight:400;height:450px;background:url(../images/bg10.png); padding:40px 60px; float:right; line-height:34px;
min-width:300px;
 
	direction: ltr;
	writing-mode: tb-lr;
	box-shadow:10px 10px 20px rgba(0,0,0,0.4);
	}
.per{ position: absolute; left:48%; top:58%; z-index:2;}
.cow1{ background:url(../images/cow1.png) left center no-repeat; max-width:650px; position:absolute; top:0; right:0;}
.cow2{ background:url(../images/cow2.png) left center no-repeat; max-width:650px; position:absolute; }
.cow3{ background:url(../images/cow3.png) left bottom no-repeat; max-width:650px; position:relative; top:450px; float:right;}
.locat{ background:none top center no-repeat; }
.locat .container{ background:url(../images/bg14.png) center 10%  no-repeat; }
.locat .title{
-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	direction: ltr;
	writing-mode: tb-lr;
	position:relative;
	background:url(../images/title10.png) center center no-repeat;height:301px; width:301px; padding-left:60px;}
.locat .title span{
-webkit-writing-mode: horizontal-tb;
	writing-mode:horizontal-tb;
	position:absolute;
left: 53px;
top: 36%;
width: 213px;
	letter-spacing:normal;
	text-align:left;font-weight: bold;
	}
.map{ width:671px; height:701px; background:url(../images/map.png) center center no-repeat; position:relative; float:right;top:50px;}
.locat h3{ font-weight:600; margin-top:60px;}
.owl-locat{ margin-top:60px;}
.owl-locat .owl-item img{ width:40% !important; display:inline !important; float:left;}
.owl-locat .info{ float:left; width:60%; padding:40px 80px;}
.owl-locat .owl-item{ position:relative ;}
.owl-locat .owl-stage-outer{box-shadow:0 20px 20px rgba(0,0,0,0.2); background:url(../images/bg10.png);}
.owl-locat .owl-item:after{ content:""; background:url(../images/leaf.png) no-repeat; width:144px; height:193px; position:absolute; left:456px; bottom:10%;}
.owl-locat h1{ color:#bb474a; margin-bottom:30px;}
.owl-locat p{ position: relative; z-index:2; line-height:30px;}
.bt-l{font-family: 'KozMinPr6N'; letter-spacing:3px; font-size:20px; border-left:8px solid #000; padding:5px 0 5px 15px;}
.owl-locat .bt-l{ position:absolute; right:80px; bottom:40px;}
.owl-locat .owl-dots{ position:absolute; top:-40px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#000 !important;}
.owl-theme .owl-dots .owl-dot span{ background:none !important; border:1px solid #000;}
.map{ font-size:36px;font-family: 'KozMinPr6N';color:#888;}
.map a{ color:#888;}
.map a:focus,.map a:hover,.map a.red{ color:#bb474a; text-decoration:none;}
.c1{ position:absolute; top:40%; left:30%;}
.c2{ position:absolute; top:30%; left:40%;}
.c3{ position:absolute; top:55%; left:5%;}
.c4{ position:absolute; top:70%; left:2%;}
.c5{ position:absolute; top:55%; left:70%;}
.c6{ position:absolute; top:73%; left:32%;}
.c7{ position:absolute; top:18%; left:80%; font-size:20px;}
.c8{ position:absolute; top:35%; left:73%; font-size:20px;}
.c9{ position:absolute; top:40%; left:70%; font-size:20px;}
.c10{ position:absolute; top:48%; left:26%; font-size:20px;}
.c11{ position:absolute; top:65%; left:45%;}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
 
 
.nav-list {
	text-align:right;
	margin-right:10%;
}
.nav-item {
	display:inline-block;
	position:relative;
}
.nav-item.active a{ color:#fffe91;}

.nav-item a {
	display:block;
	color:#FFF;
	line-height:38px;
}
.nav-item > a:hover {
	 color:#fffe91;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#8B2770;
	border-bottom:1px solid #9A337E;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#932C77;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:10px;
	right:0;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #8B2870;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#6E1656;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
@media (max-width: 980px){
	body{ font-size:14px; line-height:20px;}
	h2{ font-size:22px; line-height:30px;}
	.title{ font-size:30px; letter-spacing:10px;}
 
 
	.point{ float:none; background:none; color:#000; width:95%;}
	.point ul{ margin:0;}
	.others .bt-o a{ border:none;}
	.others .bt{ margin-top:0;}
	.menu{ padding:0;}
	.main{ margin-top:0;}
	.main .bg1{  background:url(../images/main1-m.jpg) bottom center no-repeat;height:100vh; background-size:cover; background-position: bottom center;}
	.main .bg2{  background:url(../images/main2-m.jpg) bottom center no-repeat;height:460px; background-size:cover; background-position: bottom center;}
	.main .bg3{ background:url(../images/main3-m.jpg) bottom center no-repeat;height:460px; background-size:cover; }

	.main-s{ width:50%; top:0; left:25%;}
	.main-s img{ width:100%;}
	.topnav{ font-size:14px;margin-right:20px; padding:20px 0 10px;}
	.topnav ul li{ padding-left:20px; margin-right:20px;}
	.kobe .pic img{ position:inherit; max-width:100%; margin-top:20px;}
	.kobe h2{ padding:20px 0; margin-top:0;}
	.kobe .container{ background-size:50%; background-position:80% bottom;}
	.twocaw{  background:none; box-shadow:none;}
	.twocaw .container {width:100%; padding:0;}
	.twocaw .title{ margin:20px 0;}
	.twocaw h2{ padding-bottom:0;}
	.mb30{ margin-bottom:30px;}
	.others .tab{ display: block;}
	.a5,.a5 .container{ padding:0;}
	.bg6{ background:url(../images/bg6.jpg); background-size: contain;box-shadow:5px 5px 15px rgba(0,0,0,0.4);}
	.omi{ background:url(../images/bg7.jpg) left bottom no-repeat; background-size:160%; padding:40px 40px 45% 40px;}
	.taka{ background:url(../images/bg7.jpg) right bottom no-repeat; background-size:160%; padding:40px;}
	.taka .col-md-9{ padding-right:30%;}
	.bt-w br{ display: block;}
	.bt-w{ font-size:20px; line-height:30px; padding:0; letter-spacing:5px; background:none;}
	.others .bt{ background:url(../images/bt-bg.jpg) center center no-repeat; background-size:cover; bottom:-30px; text-align:center;}
	.bt-o{ border:1px solid #000; border-radius:50em; padding:10px 14px 10px 18px; display:inline-block;}
	.others{ background-size:180%; padding-bottom:200px;}
	.others .tab a{ padding:7px 5px;}
	.others .info{ height: auto; padding-bottom:60px;}
	.others .title{ margin:0 0 50px; background-size:contain; line-height:123px;}
	.others h2{ margin: 20px 20%;}
	.bt-r{ right:35%;}
	.about .title{ background-size:contain; margin:20px 20%;}
	.about h2{ padding-left:20px;}
	.about .owl-item{ padding:20px 40px;}
	.about .owl-theme .owl-nav{ position:absolute; top:0; width:100%;}
	.about .owl-carousel .owl-item img{ width:120px;}
	.owl-prev{ position:relative; left:-25%;}
	.owl-next{ position:relative; right:-25%;}
	.fo{right:10%; top:18%; opacity:0.3; max-width:30px;}
	.contact .container {width:100%; padding:0;}
	.contact .title{ margin-left:20%; margin-right:20%; background-size:contain;}
	.contact .box{ height:450px;}
	.pc{ display:none;}
	.mobile{ display: block;}
	footer{ padding-top:30px;}
	footer p{ font-size:12px;}
	.wagyu{ display:none;}
	.beef{ padding-top:0;}
	.beef .container{ padding-bottom:50px;}
	.beef ul{ margin-top:50px;}
	.beef ul li{ margin:0 10px 30px 10px; font-size:20px;}
	.beef-kobe{  line-height: normal; padding:0 0 20px; width:90%; margin:0 auto; min-width:inherit;}
	.beef-kobe img{ margin-top:0; margin-bottom:0; border-bottom:5px solid #b12a26;}
	.beef-kobe h1{ background-size:10%; padding-left:80px; font-size:32px; padding-bottom:0;}
	.beef-kobe h1 span{ font-size:20px;}
	.beef-kobe .container{ width:95%;}
	.award{ position:inherit; margin-bottom:50px; margin-top:20px; letter-spacing:normal;}
	.award .col-xs-6{ padding-top:10px; font-size:12px; line-height:30px; padding-right:0;}
	.award .col-xs-3{ padding-right:0;}
	.award img{ margin-top:0;}
	.award span{ margin-right:0; padding:0 6px;}
	.award h1{ font-size:22px;}
	.award h1:after{ height:4px; width:20px;}
	.footnav ul li{ margin-right:5px; font-size:12px; letter-spacing:normal;}
	.beef-omi{ padding-top:100px;}
	.beef-omi .col-md-12{ height:250px; background-size:120%; background-position:-50%; background-color:#000;}
	.beef-omi .col-md-4{ position:relative; top:-20px; width:90%; margin:0 auto; padding:15px;}
	.beef-omi h1.title{ top:15%; left:5%; color:#fff;}
	.beef-omi h1{ font-size:22px; }
	.beef-omi h1 span{ font-size:14px;}
	.beef-omi .logo-o{ color:#fff; z-index:2;top:48%; left:7%;}
	.beef-omi .col-md-4 h1{ font-size:22px;}
	.logo-o img{ max-width:40%;}
	.hime{ padding-top:0; top:-50px;}
	.hime h1{font-size:22px; border-bottom:none;}
	.hime h1:after{ display:none;}
	.part .title{ height:auto;}
	.only{ position:absolute; top:0; left:10%;}
	.only img{ width:50px;}
	.hime img.mobile{ margin-bottom:20px;box-shadow:0 0 20px rgba(0,0,0,0.2); }
	.hida{ background:none; padding:0;}
	.hida .pull-right{ float:none !important;}
	.hida .col-md-9{ padding:0;}
	.hida h1 {font-size: 22px; left:inherit;}
	.hida h1 span {font-size: 14px;}
	.hida .title{ position:absolute; z-index:2; right:10%; top:10%; }
	.hida .logo-o{  z-index:2; right:13%; top:3%; text-align:right; }
	.bg10{ position:inherit; background:none; margin-left:0;padding: 30px 15px;}
	article p{ line-height:normal;}
	.other-beef .container{ padding:0;}
	.other-beef h1{ font-size:20px;}
	.other-beef h1 span{ font-size:18px; display:inline;}
	.other-beef h1.title{
	border-bottom: 1px solid #000;
    display: inline;
    padding-bottom: 10px;
	top:-30px;
	left:40px;
    font-size: 22px;
	position:relative;}
	.other-beef h1.title:after {
    content: "";
    background: url(../images/dot2.png) no-repeat;
    background-size: contain;
    width: 5px;
    height: 5px;
    position: absolute;
    display: table; 
    bottom: -3px;}
	.top{ font-size:15px; padding:20px 20px; right:20px; bottom:100px;}
	.top span{ font-size:40px; line-height:20px; }
	.ask{ padding:20px 15px; bottom:190px; right:20px;}
	.ask span{ font-size:40px; line-height:20px; }
	.w50{ width:100%; }
	.part{ padding-top:0;}
	.part .title{writing-mode: horizontal-tb; padding:0 0 20px 0;background:url(../images/title11.png) bottom center no-repeat; letter-spacing: normal; background-size:60%; margin-bottom:30px;}
	.part .title span{ position:inherit; left:0;}
	.part .item span{ padding:4px 0; font-size:12px; width:28px;}
	.part .list{background:url(../images/line3.png) top center no-repeat; padding-top:40px; background-size:90%; margin-top:10px;}
	.a5{ background-image:none;}
	.bcolor .title{writing-mode: horizontal-tb; padding:0 0 20px 0;background:url(../images/title11.png) bottom center no-repeat; letter-spacing: normal; background-size:60%; margin-bottom:30px; position:inherit; width:auto; height:auto; left:0; top:0;}
	.bcolor{ background-image:url(../images/line3.png); background-size:90%; padding-top:0; padding-bottom:0;}
	.bcolor .title span{ position:inherit; left:0; top:0;}
	.bcolor .container{ padding-top:50px;}
	.nav-mobile {
		display:block;
		background:url(../images/menu.svg) no-repeat;
		background-size:contain;
		margin-right:20px;
		padding:18px;
		
	}
	.kind{ padding:50px 0; background:none;}
	.kind .title{writing-mode: horizontal-tb; background:none; height:inherit;}
	.kind .title span{ position:inherit; left:0; top:0;}
	.per{ position:inherit; max-width:250px; margin:30px auto;}
	.kind .box{writing-mode: horizontal-tb; padding: 19px; line-height:19px; height:auto; min-width: inherit; max-width:70%; min-height:220px;}
	.cow1{ position: relative; height:220px; margin-bottom:20px; background-size:contain; margin-left:20px;}
	.cow2{position: relative; height:220px; margin-bottom:20px;background:url(../images/cow2-2.png) right no-repeat; background-size:contain; margin-right:20px;}
	.cow2 .box{ float:left; }
	.cow3{position: relative; top:0;height:220px; background-size:contain; margin-left:20px; float:none;}
	.locat .title{writing-mode: horizontal-tb; background:none; height:inherit; width:inherit; padding:0;}
	.locat .title span{ position:inherit; left:0; top:0;}
	.map{ display:none;}
	.owl-locat .owl-item img{ width:100% !important;}
	.owl-locat .info{ padding:20px 20px 30px 20px; width:100%;}
	.owl-locat .info h1{ font-size:26px; margin-top:0; margin-bottom:5px;}
	.owl-locat .info p{ line-height:20px;}
	.locat .container{ background:none;}
	.locat h3{ margin-top:40px;}
	.locat {
    background: url(../images/line3.png) top center no-repeat; background-size:90%;
}
	.owl-locat .bt-l{ right:15px; bottom:5px; font-size:14px; border-left:4px solid #000; padding:2px 0 2px 10px}
	.nav {
		width:100%;
		padding:0;
		font-size:16px;
	}
	.nav-list{ margin:0; padding:0;text-align:center;}
	.nav li{ border:none;margin:5px;}
	.nav-item a{ display:inline; letter-spacing:1px;}
	.nav li:after{ display:none;}
	}
	
	@media (max-width: 480px){
.owl-others.owl-carousel .owl-item{ float:left;margin-right:0;}
.owl-others.owl-carousel .owl-item:nth-child(3n){ float:left; margin-left:0;}
.owl-others.owl-carousel .owl-item:nth-child(4n){ margin-left:0;float:left;}
.owl-others.owl-carousel .owl-item h1{ display:none;}
.others .item img{ margin-top:20px;}
.owl-others.owl-carousel .col-md-12{ padding:0;}
article .logo-o{ position: absolute; top:-46px;}
article .col-md-4{ padding-top:30px;}
.others{ padding-top:50px;}
	.bt-rb{  font-size:16px; padding:10px 20px; left:14%; bottom:8%; }
	.main .bg2{ height:220px;}
	.main .bg3{ height:220px;}
	.award img{ margin-top:100%;}
	.hime ol{ margin:150px 0 50px;}
	.only{ top:-22%;}
	.bg1 .main-s a{ width:70%}
	.beef-kobe h1{ background-size:20%; padding-left:80px; font-size:32px; padding-bottom:0;}
	.owl-locat .owl-item:after{ display:none;}
	.kind .box{ max-width:240px;}
	.cow3{background-size:60%;}
	_::-webkit-full-page-media, _:future, :root .part .title{ min-height: inherit;}
	.beef-omi .col-md-4 h1:after{ left:0;}
	footer img{ max-width:45px;}
	footer li:last-child img{max-width:70px;}
	.beef-omi .logo-o{ top:37%; left:10%; }

		}
	@media (max-width: 320px){
		h3{ font-size:22px;}
		.award .col-xs-6{ padding-left:0;}
		.award h1 {
		position: relative;
		left: -15px;
	}
	.hida .title{ top:25%;}
	.topnav ul li {
    padding-left: 10px;
    margin-right: 10px;
}
.part .item{ letter-spacing:normal; font-size:12px;}
.owl-locat .info p{ max-height:40px;}
.beef-omi .logo-o{ top:33%;  }
		}
		
		
	/* Safari */
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome,.kind .box{
		font-family: 'Noto Sans TC';
		height: 250px;
-webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
	}
	::i-block-chrome,.cow1,::i-block-chrome,.cow2,::i-block-chrome,.cow3{background-size:contain;max-width: 650px;}
	
	::i-block-chrome,.title span{ font-size:30px;}
	
	::i-block-chrome,.kind .title{-webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb; text-align:left; line-height:50px;}
	::i-block-chrome,.kind .title span{ position: relative; top:inherit; width:auto; left:inherit; display:block;letter-spacing: 20px;}
	
	::i-block-chrome,.bcolor .title{-webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb; text-align:left; line-height:50px; padding-top:40px; padding-left:40px;}
	::i-block-chrome,.bcolor .title span{ position: relative; top:0; width:auto; left:0; display:block;letter-spacing: 20px;}
	
	::i-block-chrome,.locat .title{-webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb; text-align:left; line-height:50px; padding-top:40px; padding-left:40px;}
	::i-block-chrome,.locat .title span{ position: relative; top:0; width:auto; left:0; display:block;letter-spacing: 20px;}


	::i-block-chrome,.part .title{-webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb; text-align:left; line-height:50px; min-height:240px;}
	::i-block-chrome,.part .title span{ position: relative; top:inherit; width:auto; left:inherit; display:block;letter-spacing: 20px;}

}

/* IE10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	h1,.title,.bt-w,.beef,.beef-kobe h2,.bt-l,.map,.nav{ font-family: 'cwTeXMing';}
	.title span{writing-mode:lr-tb;}
}