/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

body {
	display:none;
	display:none;
}

.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.grid01,.grid02,.grid03,.grid04,.grid05,.grid06,.grid07,.grid08,.grid09,.grid10,.grid11,.grid12,.grid13,.grid14,.grid15,.grid16,.grid17,.grid18,.grid19,.grid20,.grid21,.grid22,.grid23,.grid24{
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}

.grid24{font-size:0px; letter-spacing:0;}
.grid24.single,.grid24 div{font-size:16px;}

.grid01{width:4.2%;}
.grid02{width:8.3%;}
.grid03{width:12.5%;}
.grid04{width:16.7%;}
.grid05{width:18%;}
.grid06{width:25%;} 
.grid07{width:29.2%;}
.grid08{width:33.3%;} 
.grid09{width:37.5%;}
.grid10{width:41.7%;}
.grid11{width:45.8%;}
.grid12{width:100%;}
.grid13{width:54.2%;}
.grid14{width:58.3%;}
.grid15{width:62.5%;}
.grid16{width:66.7%;}
.grid17{width:78%;}
.grid18{width:75%;}
.grid19{width:79.2%;}
.grid20{width:83.3%;}
.grid21{width:87.5%;}
.grid22{width:91.7%;}
.grid23{width:95.8%;}
.grid24{width:100%;}

html, body {
	height: 100%;
	background:none;
	letter-spacing: 1px;
	margin:0;
	padding:0;
}  

html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6{
	font-weight:normal;
}

.sponly{
	display:block;
}

.pconly{
	display:none;
}

body{
	color:#262626;
	font-family:Yu Gothic,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-size: 15px;
	font-size: 1rem;
	line-height: 2;
	letter-spacing:1px;
	background:none;
	position: relative;
}

body:not(.search-results) article:not(.type-page) .entry-content {
		float: none;
		width:100%
}

h1.site-title-pc{
	display:none;
}

h1.site-title-sp{
	width:71px;
	height:391px;
	display:block;
	position: absolute;
	z-index:1;
	top:40px;
	left:24px;
	background:url(images/test/site-title-sp@2x.png) no-repeat center;
	background-size:71px auto;
	text-indent:-9999px;
}

div#cover{
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
	padding:0;
	margin:0;	
	z-index:0;
	overflow:visible;
	position: fixed;
	top:0;
	left:0;
	letter-spacing:1;
}

div.container{
	width:100%;
	height:auto;
	display:block;
	overflow:visible;
	box-sizing:border-box;
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
	left:0;
	z-index:1;
	letter-spacing:0;
}

ul.language{
	width:100%;
	max-width:100px;
	height:auto;
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	top:16px;
	right:16px;
	z-index:2;
	border:1px solid #fff;
	border-radius:64px;
	list-style:none;
	text-align:center;
	font-size:0;
	letter-spacing:0;
}

ul.language li{
	width:50%;
	height:auto;
	display:inline-block;
}

ul.language li.jp:after{
	content:'/';
	font-size:20px;
	color:#fff;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-5px;
}

ul.language li a{
	width:100%;
	height:auto;
	display:block;
	line-height:100%;
	text-align: center;
	font-size:20px;
	line-height:1;
	letter-spacing:normal;
	color:#fff;
	text-decoration:none;
	padding:8px 0
}

ul.language li a:hover,ul.language li a.current{
	text-decoration:underline;
}

nav#header-nav{
	display:block;
}

nav#header-nav ul{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	background:rgba(255,255,255,1);
	position:fixed;
	bottom:0;
	left:0;
	z-index:2;
	box-shadow: 0 -5px 3px rgba(0,0,0,0.1);
	font-size:0;
	letter-spacing:0;
	text-align: center;
}

nav#header-nav ul li{
	display:none;
	font-size:18px;
	letter-spacing: normal;
}

nav#header-nav ul li.navi-contact{
	width:50%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding:8px 0;
}

nav#header-nav ul li.navi-contact a{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	color:#262626;
	line-height:1;
	text-decoration:none;
	border-right:1px solid #262626;
	padding:8px 0;
}

nav#header-nav ul li.navi-contact a span{
	width:auto;
	height:auto;
	display:inline-block;
	background:url(images/icon-contact.svg) no-repeat left center;
	background-size:18px auto;
	padding:2px 0 2px 24px;	
	margin:0 auto;
}

nav#header-nav ul li.navi-download{
	width:50%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	padding:8px 0;
	font-size:16px;
}

nav#header-nav ul li.navi-download a{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	color:#262626;
	line-height:1;
	text-decoration:none;
	padding:8px 0;
}

nav#header-nav ul li.navi-download a span{
	width:auto;
	height:auto;
	display:inline-block;
	background:url(images/icon-download.svg) no-repeat left center;
	background-size:18px auto;	
	padding:4px 0 4px 24px;
	margin:0 auto;
}

div.home-eyecatch{
	line-height:1;
	margin-bottom:80px;
}

div.home-eyecatch img{
	width:100%;
	height:auto;
	line-height:1;
}

div.content-inner{
	width:80%;
	height:auto;
	display:block;
	box-sizing:border-box;
	margin:0 10% 40px 10%;
	padding:48px 24px;
	background:#fff;
}

div.lead{
	width:100%;
	max-width:800px;
	margin:0 auto 80px auto;
}

div.lead p{
	font-size:16px;
}

div.lead br{
	display:none;
}

div.map img{
	width:100%;
	height:auto;
}

div.story-inner{
	width:auto;
	height:auto;
	display:block;
	position:relative;
	margin-bottom:16px;
}

div.story-inner span.num{
	width:auto;
	height:auto;
	display:block;
	position: absolute;
	top:12px;
	left:16px;
	font-family: 'Shuei Nijimi Go Gin B',"游明朝", YuMincho,serif;
	font-size:62px;
	color:#fff;
	line-height:1;
	padding:0;
	margin:0;
}

#story img,#beef img{
	width:100%;
	margin-bottom:24px;
}

#story{
	margin:40px 0 0 0;
}

h2{
	font-family: 'Shuei Nijimi Go Gin B', serif;
	font-size:40px;
	font-weight:normal;
	margin-bottom:40px;
	letter-spacing:2px;
	text-align:center;
	background:url(images/circle.svg) no-repeat center top;
	background-size:13px 13px;
	padding-top:0px;
}

#story h3{
	width:100%;
	height:auto;
	font-size:24px;
	font-weight:normal;
	line-height:1.5;
	letter-spacing:1px;
	text-align: center;
}

#story h3 span{
	width:auto;
	height:auto;
	display:inline;
	padding:0;
}

#story p{
	font-size:16px;
	max-width:400px;
	margin:0 auto 48px auto;
}

#story p.mb-0{
	margin-bottom:0;
}


.beef-inner{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	background:rgba(237,237,236,0.9);
	padding:64px 0;
}

#beef h3{
	font-size:24px;
	font-weight:normal;
	letter-spacing:2px;
	text-align:center;
	margin-bottom:56px;
}

h3.logo-himegyu{
	width:100%;
	height:160px;
	display:block;
	margin:0 auto;
	background:url(images/test/logo-himegyu_square.png) no-repeat center;
	background-size:160px auto;
	text-indent:-9999px;
}

h3.logo-wagyu{
	width:100%;
	height:160px;
	display:block;
	margin:0 auto;
	background:url(images/test/logo-wagyu_square.png) no-repeat center;
	background-size:160px auto;
	text-indent:-9999px;
}

h3.logo-kobebeef{
	width:100%;
	height:160px;
	display:block;
	margin:0 auto;
	background:url(images/logo-kobebeef.svg) no-repeat center;
	background-size:317px auto;
	text-indent:-9999px;
}

#beef h4{
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	letter-spacing:1px;
	line-height:1;
	text-align:left;
	background:url(images/circle.svg) no-repeat left center;
	background-size:8px 8px;
	padding-left:20px;
	margin-bottom:24px;
}

#beef h5{
	width:100%;
	height:auto;
	font-size:18px;
	text-align:center;
	margin:-53px 0 24px 0;
}

#beef h5 span{
	width:auto;
	height:auto;
	display:inline-block;
	background:#ededec;
	padding:0 24px;
}

#beef .grid24{
	margin-bottom:80px;
}

.grid12.beef-info{
	padding:0 24px;
}

#beef p{
	font-size:16px;
	max-width:600px;
	margin:0 auto 80px auto;
}

#beef .flame{
	border:1px solid #262626;
	padding:36px 24px;
	margin-bottom:
}

#beef .flame p{
	margin:0;
}

#contact{
	margin:0;
	background:#fff;
}

div.contact-inner{
	width:100%;
	max-width:516px;
	box-sizing:border-box;
	height:auto;
	display:block;
	box-sizing:border-box;
	margin:0 auto;
	padding:0 24px 80px 24px;
}

#contact h2{
	font-size:35px;
	padding-top:16px;
	margin-bottom:16px;
}

#contact h3{
	font-size:22px;
	text-align: center;
	text-decoration:underline;
	line-ehgit:1;
	margin-bottom:40px;
}

#contact p{
	text-align: center;
}

#contact a{
	
}

#contact .wpcf7 p{
	text-align:left;
}

#contact .wpcf7 p span{
	color:#d95f32;
}

#contact .wpcf7 label input{
	border:1px solid;
}

#contact span.wpcf7-list-item{
	width:auto;
	display:inline-block;
	border-bottom:0;
}


#contact .wpcf7 span.wpcf7-list-item-label{
	color:#262626;
}

#contact .wpcf7 span.wpcf7-list-item label{
	padding:0 24px 0 0;
}

#contact .wpcf7 input[type=checkbox] {
  transform: scale(1.25);
  margin: -4px 6px 0 0;
}

#contact .wpcf7 input[type=radio] {
  transform: scale(1.25);
  margin: -4px 6px 0 0;
}

#contact .wpcf7 select{
	width:100%;
	padding:8px;
	font-size:16px;
}



footer{
	padding:64px 0;
	background:#ededec;
}

#footer-nav ul li a{
	color:#262626;
	text-decoration: none;
}

#footer-nav ul li a:hover{
	text-decoration: underline;
	}
	
	input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button{
		width:100%;
		max-width:300px;
		height:auto;
		display:block;
		margin:0 auto;
		background:#262626;
		color:#fff;
		font-size:16px;
		padding:8px;
	}
	
footer .footer-logo{
		width:86px;
		height:106px;
		display:block;
		margin:0 auto 24px auto;
		background:url(https://www.kobe-ushi.jp/test/wp-content/themes/ushiboku/images/footer-logo.png) no-repeat center;
		background-size: 100% auto;
		text-indent:-9999px;
	}
	
	#footer-nav ul{
		width:auto;
		max-width: 300px;
		height:auto;
		display: block;
		box-sizing:border-box;
		overflow: hidden;
		padding:0;
		margin:0 auto;
	}
	
	#footer-nav ul li{
		width:70%;
		height:32px;
		display: block;
		box-sizing:border-box;
		font-size:15px;
		text-align: left;
		letter-spacing: 1px;
		padding:0;
		margin-bottom:8px;
		float:left;
		list-style: none;
	}
	
		
	#footer-nav ul li.navi-website a{
		width:100%;
		height:32px;
		display:block;
		padding-left:40px;
		box-sizing: border-box;
		background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-website.png) no-repeat top -2px left;
		background-size:32px 32px;
	}
	
	#footer-nav ul li.navi-shop a{
		width:100%;
		height:32px;
		display:block;
		padding-left:40px;
		box-sizing: border-box;
		background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-shop.png) no-repeat top -2px left;
	}
	
	#footer-nav ul li.navi-magazine a{
		width:100%;
		height:32px;
		display:block;
		padding-left:40px;
		box-sizing: border-box;
		background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-magazine.png) no-repeat top -2px left;	
	}
	
	#footer-nav ul li.navi-facebook a{
		width:100%;
		height:32px;
		display:block;
		padding-left:40px;
		box-sizing: border-box;
		background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-facebook.png) no-repeat top -2px left;	
	}
	
	#footer-nav ul li.navi-instagram a{
		width:100%;
		height:32px;
		display:block;
		padding-left:40px;
		box-sizing: border-box;
		background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-instagram.png) no-repeat top -2px left;	
	}
	
	#footer-nav ul li.navi-contact a{
		width:100%;
		height:32px;
		display:block;
		padding-left:40px;
		box-sizing: border-box;
		background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-contact.png) no-repeat top left;	
	}
	
	address{
		text-align: center;
		font-family: "Shuei Nijimi Go Gin B",Times,"Hiragino Mincho ProN","MS Gothic","メイリオ",serif !important;
		font-style: normal;
		font-size: 13px;
		letter-spacing: 1px;
		margin-bottom: 40px;
	}
	
	p.privacy-policy {
	text-align: center;
	font-family: "Shuei Nijimi Go Gin B",Times,"Hiragino Mincho ProN","MS Gothic","メイリオ",serif !important;
	font-style: normal;
	font-size: 13px;
	letter-spacing: 1px;
	margin-bottom: 24px;
	}
	
	p.privacy-policy a{
		color:#262626;
	}

	p.copyright {
	text-align: center;
	font-family: "Shuei Nijimi Go Gin B",Times,"Hiragino Mincho ProN","MS Gothic","メイリオ",serif !important;
	font-style: normal;
	font-size: 10px;
	letter-spacing: 1px;
	margin-bottom: 0;
	}
	
	#footer-nav{
		text-align: center;
	}
	
	#footer-nav ul li{
		display: inline-block;
		float:none;
	}


@media screen and (min-width: 800px) {
	div.container{
		max-width:600px;
		margin:40px auto;
		background:#fff;
	}
	
	ul.language{
		width:100%;
		max-width:100px;
		height:auto;
		display:block;
		position:absolute;
		padding:0;
		border:1px solid #000;
	}
	
	ul.language li.jp:after{
		color:#000;
	}
	
	ul.language li a{
		color:#000;
	}
}

@media screen and (min-width: 1200px) {
	.sponly{
		display:none;
	}
	
	.pconly{
		display:block;
	}
	
	.grid12{
		width:50%;
		display:inline-block;
		vertical-align:top;
	}
	
	.home-eyecatch img{
		display:none;
	}
	
	h1.site-title-sp{
		display:none;
	}
	
	h1.site-title-pc{
	width:71px;
	height:391px;
	display:block;
	position: fixed;
	z-index:1;
	top:40px;
	left:24px;
	background:url(images/test/site-title-pc@2x.png) no-repeat center;
	background-size:71px auto;
	text-indent:-9999px;
	}
	
	nav#header-nav ul{
		width:auto;
		background:none;
		overflow:visible;
		top:500px;
		left:40px;
		box-shadow:none;
		text-align:left;
	}
	
	nav#header-nav ul li{
		display:block;
		font-size:28px;
		letter-spacing:2px;
	}
	
	nav#header-nav ul li a{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		font-family: 'Shuei Nijimi Go Gin B',"游明朝", YuMincho,serif;
		color: #262626;
		text-decoration: none;
		border-right:none !important;
		padding: 8px 24px;
		background: url(images/circle.svg) no-repeat left center;
		background-size:8px 8px;
	}
	
	nav#header-nav ul li.navi-contact{
		margin-top:16px;
	}
	
	nav#header-nav ul li.navi-contact,nav#header-nav ul li.navi-download{
		width:auto;
		display:block;
		box-sizing:border-box;
	}
	
	nav#header-nav ul li.navi-contact a,nav#header-nav ul li.navi-download a{
		font-size:18px;
		background:rgba(255,255,255,0.75);
		box-shadow:0 0 2px #999;
		padding:8px;
	}
	
	nav#header-nav ul li.navi-contact a span,nav#header-nav ul li.navi-download a span{
		width:100%;
		padding:2px 8px;
		text-align: center;
	}
	

	div.container{
	max-width:1000px;
	margin:0;
	padding:100px 0 0 0;
	float:right;
	}
	
	div.content-inner{
		width:100%;
		margin:0 auto 40px auto;
		padding:0 130px;
	}
	
	div.intro{
		width:100%;
		height:450px;
		display:block;
		margin:0 auto;
		position: relative;
	}
	
	div.lead{
		width:80%;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		margin:0 auto 80px auto;
	}
	
	div.lead p{
		font-size:20px;
		line-height:2.75;
	}
	
	div.lead br{
		display:block;
	}
	
	div.map{
		width:356px;
		height:auto;
		position:absolute;
		top:48px;
		right:0;
	}
	
	div.map.en-map{
		top:120px;
	}
	
	#story{
		margin:150px 0;
	}
	
	#story img{
		max-width:100%;
		margin-left:0;
	}
	
	div.story-inner span.num{
		top:-20px;
		left:20px;
		font-size:120px;
		text-shadow:0 0 8px #333;
	}
	
	#story h2{
		font-size:40px;
	}
	
	#story h3{
		width:100%;
		height:auto;
		font-size:32px;
		font-weight:normal;
		text-align: left;
		letter-spacing:2px;
		position:absolute;
		bottom:20px;
		left:0;
	}
	
	#story h3.mb-0{
		bottom:0;
	}
	
	#story h3 span{
		display:inline-block;
		padding:8px 16px;
		background:#fff;
	}
	
	#story h3 br{
		display:none;
	}
	
	#beef{
		background:#ededec;
	}
	
	.beef-inner{
		padding:0;
		background:#ededec;
	}
	
	#beef img{
		margin-bottom:48px;
	}
	
	#beef .grid24{
		padding:0 130px;
	}
	
	#beef .flame{
		padding:16px 32px;
	}
	
	#beef h5{
		margin:-32px 0 8px 0;
	}
	
	#footer-nav ul{
		width:100%;
		max-width: 790px;
		height:auto;
		display: block;
		margin:0 auto 40px auto;
		text-align: center;
	}
			
	#footer-nav ul li{
		width:auto;
		margin:0 16px;
	}
	
}

@media screen and (min-width: 1980px) {
	div.container{
	max-width:50%;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {

footer .footer-logo{
	background:url(https://www.kobe-ushi.jp/test/wp-content/themes/ushiboku/images/footer-logo@2x.png) no-repeat center;
	background-size: 100% auto;
}

#footer-nav ul li.navi-website a{
	background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-website@2x.png) no-repeat top -2px left;
	background-size:32px 32px;
}

#footer-nav ul li.navi-shop a{
	background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-shop@2x.png) no-repeat top -2px left;
	background-size:32px 32px;
}

#footer-nav ul li.navi-magazine a{
	background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-magazine@2x.png) no-repeat top -2px left;
	background-size:32px auto;
}

#footer-nav ul li.navi-facebook a{
	background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-facebook@2x.png) no-repeat top -2px left;
	background-size:32px 32px;
}

#footer-nav ul li.navi-instagram a{
	background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-instagram@2x.png) no-repeat top -2px left;
	background-size:32px 32px;
}

#footer-nav ul li.navi-contact a{
	background:url(https://www.kobe-ushi.jp/website/wp-content/themes/ushiboku/images/navi-contact@2x.png) no-repeat top left;	
	background-size:32px 32px;
}