@charset "utf-8";
@charset "utf-8";
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}

@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
} html, body {
width: 100%;
height: 100%;
text-align: center;
}
html, body {
font-family: 'Noto Sans', YuGothic, 'Yu Gothic', Meiryo, sans-serif;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.02em;
line-height: 2.0em;
color: rgba(33,33,33,1.00);
background-color: rgba(0,0,0,1.00);
}
input, select, textarea, button {
font-family : inherit;
font-size : 100%;
transition: all 0.08s ease-out;
}
a, button, input {
transition: all 0.08s ease-out;
outline: none;
}
button {
cursor: pointer;
border: none;
}
button:focus, input:focus, textarea:focus {
outline: none;
}
ul, ol {
list-style: none;
}
li {
vertical-align: top;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.none {
display: none;
}
.clear {
clear: both;
}
.nowrap {
white-space: nowrap;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
html, body {
font-size: 14px;
letter-spacing: 0.01em;
}
} header {
z-index: 9999;
transition: all 0.24s ease-out;
}
@media screen and (min-width: 961px) {
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 88px;
overflow: hidden;
background-color: rgba(0,0,0,1.00);
color: rgba(255,255,255,1.00);
}
header a {
color: rgba(255,255,255,1.00);
text-decoration: none;
}
body.pc header a:hover {
color: rgba(199,21,44,1.00);
}
header .logo {
position: absolute;
left: 0;
top: 0;
height: 100%;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
}
header .logo img {
height: 100%;
width: auto;
}
header .toggle {
display: none;
}
header .logo img {
height: 100%;
}
header .primary {
position: absolute;
bottom: 18px;
right: 24px;
line-height: 1.2em;
font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', serif;
letter-spacing: 0.01em;
}
header .primary li {
float: left;
}
header .primary li::after {
content: '|';
margin-left: 16px;
padding-right: 16px;
}
header .primary li:last-child::after {
content: '';
margin-left: 0px;
padding-right: 0px;
}
header .primary li.active a {
color: rgba(191,154,23,1.00);
}
header .secondary {
position: absolute;
top: 14px;
right: 24px;
}
header .secondary li {
float: left;
}
header .secondary li.home {
padding-right: 20px;
}
body#home header .secondary li.home {
display: none;
}
header .secondary li.home a {
display: inline-block;
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/icon-arrow-right.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 4px auto;
padding-left: 8px;
margin-left:-400px;
font-size: 0.70rem;
line-height: 18px;
vertical-align: top;
}
header .secondary li.contact {
padding-right: 12px;
}
header .secondary li.contact a, header .secondary li.facebook a {
display: block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: center center;
}
header .secondary li.contact a {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/icon-mail.png);
background-size: 18px auto;
}
header .secondary li.facebook a {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/icon-facebook.png);
background-size: 17px auto;
}
header .secondary li a .none-pc {
display: none;
}
header .secondary li.privacy {
display: none;
} header .secondary li.elink {
position:relative;
}
header .secondary li.elink span{
position:absolute;
top:-8px;
left:-170px;
}
header .secondary li.clink {
position:relative;
}
header .secondary li.clink span{
position:absolute;
top:-8px;
left:-70px;
}
}
@media screen and (min-width: 961px) and (max-width: 1040px) {
header .primary li::after {
margin-left: 7px;
padding-right: 7px;
}
}
@media print, screen and (max-width: 960px) {
header {
background-color: rgba(0,0,0,1.00);
position: fixed;
left: 0;
top: 0;
width: 100%;
}
header a {
color: rgba(255,255,255,1.00);
text-decoration: none;
}
header .logo {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 16px;
text-align: left;
}
header .logo img {
height: 40px;
width: auto;
}
header .toggle {
width: 64px;
height: 64px;
position: absolute;
top: 0;
right: 0;
}
header .toggle > div {
position: absolute;
height: 2px;
background-color: rgba(255,255,255,1.00);
left: 25%;
right: 25%;
transition: all 0.08s ease-out;
}
header .toggle > div.line1 {
top: 32%;
}
header .toggle > div.line2 {
top: 50%;
margin-top: -1px;
}
header .toggle > div.line3 {
bottom: 32%;
}
header .toggle.open > div.line1, header .toggle.open > div.line3 {
top: 50%;
bottom: 25%;
left: 25%;
right: 25%;
}
header .toggle.open > div.line1 {
transform: rotate(-45deg);
}
header .toggle.open > div.line2 {
height: 0px;
}
header .toggle.open > div.line3 {
transform: rotate(45deg);
}
header .inner {
display: none;
border-bottom: 1px solid rgba(191,154,23,1.00);
}
header .primary {
margin-top: 32px;
margin-bottom: 16px;
width: 320px;
margin-left: auto;
margin-right: auto;
border-top: 1px solid rgba(255,255,255,1.00);
}
header .primary li {
border-bottom: 1px solid rgba(255,255,255,1.00);
line-height: 56px;
}
header .primary li a {
display: block;
white-space: nowrap;
}
header .secondary {
width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 28px;
}
header .secondary li {
font-size: 1.3rem;
line-height: 40px;
}
header#home .secondary li.home {
display: none;
}
header .secondary li a {
display: block;
color: rgba(158,158,158,1.00);
}
}
@media screen and (max-width: 560px) {
header .logo {
padding-left: 12px;
padding-top: 10px;
padding-bottom: 10px;
}
header .logo img {
height: 32px;
}
header .toggle {
width: 52px;
height: 52px;
}
header .primary {
margin-top: 24px;
width: 240px;
}
header .secondary {
width: 240px;
margin-bottom: 24px;
}
header .secondary li {
line-height: 32px;
}
} footer {
color: rgba(255,255,255,1.00);
text-align: left;
}
footer a {
color: rgba(255,255,255,1.00);
text-decoration: none;
}
body.pc footer a:hover {
color: rgba(199,21,44,1.00);
}
footer .breadcrumbs {
background-color: rgba(191,154,23,1.00);
padding-left: 24px;
padding-right: 24px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 0.79rem;
line-height: 1.4em;
}
footer .breadcrumbs::after {
content: '';
display: block;
clear: both;
}
footer .breadcrumbs ol {
}
footer .breadcrumbs ol li {
float: left;
}
footer .breadcrumbs ol li::after {
content: '\03e';
margin-left: 6px;
margin-right: 6px;
}
footer .breadcrumbs ol li:last-child::after {
content: '';
margin-left: 0px;
margin-right: 0px;
}
footer .inner {
padding-left: 24px;
padding-right: 24px;
padding-top: 20px;
padding-bottom: 20px;
}
footer .inner::after {
content: '';
display: block;
clear: both;
}
footer small {
float: left;
font-size: 1.3rem;
line-height: 1.6em;
}
footer ul {
float: right;
font-size: 1.3rem;
line-height: 1.6em;
}
footer ul li {
float: left;
}
footer ul li::after {
content: '|';
margin-left: 8px;
padding-right: 8px;
}
footer ul li:last-child::after {
content: '';
margin-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
footer .inner {
text-align: center;
}
footer small {
float: none;
display: block;
clear: both;
}
footer ul {
float: none;
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
footer ul li {
float: none;
display: table-cell;
}
footer ul li:last-child::after {
content: '|';
margin-left: 8px;
padding-right: 0px;
}
footer ul li:first-child::before {
content: '|';
margin-left: 0px;
padding-right: 8px;
}
}
@media screen and (max-width: 560px) {
footer .breadcrumbs {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
footer .inner {
padding-left: 16px;
padding-right: 16px;
}
} .font-min {
font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', serif;
font-weight: 400;
letter-spacing: 0.01em;
}
#wrap {
background-color: rgba(255,255,255,1.00);
}
body#about #wrap {
background-color: rgba(0,0,0,1.00);
}
#wrap a {
color: rgba(33,33,33,1.00);
}
body.pc #wrap a:hover {
color: rgba(199,21,44,1.00);
}
#wrap .pd {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
text-align: left;
}
#wrap .pd.narrow {
max-width: 1040px;
}
#wrap .link-button {
display: inline-block;
border: 1px solid rgba(0,0,0,1.00);
text-decoration: none;
line-height: 1.6em;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 32px;
position: relative;
overflow: hidden;
color: rgba(33,33,33,1.00);
z-index: 1;
}
body.pc #wrap .link-button:hover {
color: rgba(255,255,255,1.00);
}
#wrap .link-button::after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 6px 6px;
border-color: transparent;
border-bottom-color: rgba(0,0,0,1.00);
transition: all 0.16s ease-out;
z-index: -1;
}
body.pc #wrap .link-button:hover::after {
border-width: 0 0 240px 240px;
}
#wrap .link-button.white {
border: 1px solid rgba(255,255,255,1.00);
color: rgba(255,255,255,1.00);
}
body.pc #wrap .link-button.white:hover {
color: rgba(33,33,33,1.00);
}
#wrap .link-button.white::after {
border-bottom-color: rgba(255,255,255,1.00);
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
#wrap .pd {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 560px) {
#wrap .pd {
padding-left: 16px;
padding-right: 16px;
}
} body#home.hide {
overflow: hidden;
}
body#home.hide #loading {
position: fixed;
background-color: rgba(0,0,0,1.00);
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 9999;
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/loading.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 48px auto;
}
body#home #wrap {
padding-top: 0px;
}
body#home header { }
body#home header.fix {
top: 0px;
}
body#home .in-center {
text-align: center;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#home header { }
}
@media screen and (max-width: 560px) {
body#home header { }
}
body#home .home-main {
position: relative;
}
body#home .home-main .block {
float: left;
position: relative;
}
body#home .home-main .block .inner {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body#home .home-main .block .bg {
position: absolute;
left: 0;
top: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
body#home .home-main .block.main1 .bg {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-main-bg1_800x533.jpg);
}
body#home .home-main .block.main2 .bg {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-main-bg2_800x533.jpg);
}
body#home .home-main .block.main3 .bg {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-main-bg3_800x533.jpg);
}  body#home .home-main .block.main4 .bg {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-main-bg4_800x533.jpg);
}
body#home .home-main .block a {
position: absolute;
left: 0;
top: 0;
display: block;
transition: all 0.24s ease-out;
}
body#home .home-main .block.main1 a, body#home .home-main .block.main4 a {
background-color: rgba(0,0,0,0.80);
}
body#home .home-main .block.main2 a, body#home .home-main .block.main3 a {
background-color: rgba(199,21,44,0.72);
}
body#home.pc .home-main .block.main1 a:hover, body#home.pc .home-main .block.main4 a:hover {
background-color: rgba(0,0,0,0.00);
}
body#home.pc .home-main .block.main2 a:hover, body#home.pc .home-main .block.main3 a:hover {
background-color: rgba(199,21,44,0.00);
}
body#home .home-main .block a img {
width: auto;
opacity: 0;
transition: all 0.24s ease-out;
}
body#home.pc .home-main .block a:hover img {
opacity: 1;
}
body#home .home-main .block .mask {
display: none;
}
body#home .home-main .block.sp a {
opacity: 0;
}
body#home .home-main .block.sp.main1 a, body#home .home-main .block.sp.main4 a {
background-color: rgba(0,0,0,0.00);
}
body#home .home-main .block.sp.main2 a, body#home .home-main .block.sp.main3 a {
background-color: rgba(199,21,44,0.00);
}
body#home .home-main .block.sp a img {
opacity: 1;
}
body#home .home-main .block.sp .mask {
display: block;
position: absolute;
background-color: aquamarine;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body#home .home-main .block.sp.main1 .mask, body#home .home-main .block.sp.main4 .mask {
background-color: rgba(0,0,0,0.80);
}
body#home .home-main .block.sp.main2 .mask, body#home .home-main .block.sp.main3 .mask {
background-color: rgba(199,21,44,0.72);
}
body#home .home-main .logo {
display: block;
position: absolute;
left: 50%;
top: 50%;
}
body#home .home-main .logo a {
text-decoration: none;
display: block;
}
body#home.pc .home-main .logo a:hover {
transition: all 0.24s ease-out;
transform: scale(1.04);
}
body#home .home-main .logo a img {
width: 320px;
height: auto;
}
@keyframes playicon {
0% {
color: rgba(255,255,255,1.00);
}
50% {
color: rgba(191,154,23,1.00);
}
100% {
color: rgba(255,255,255,1.00);
}
}
body#home .home-main .logo a .icon {
display: block;
padding-top: 24px;
color: rgba(255,255,255,1.00);
text-align: center;
animation-name: playicon;
animation-duration: 2.4s;
animation-iteration-count: infinite;
font-size: 1.13rem;
font-weight: bold;
line-height: 1.2em;
}
body#home .home-main .logo a .icon i {
font-size: 24px;
vertical-align: text-bottom;
margin-right: 4px;
}
body#home .home-main .scroll {
position: absolute;
bottom: 32px;
left: 50%;
height: 28px;
width: 80px;
margin-left: -40px;
}
body#home .home-main .scroll .text {
color: rgba(255,255,255,1.00);
font-size: 0.70rem;
line-height: 1.2em;
font-family: 'Noto Serif', serif;
font-weight: bold;
letter-spacing: 0.12em;
white-space: nowrap;
}
body#home .home-main .scroll .line1, body#home .home-main .scroll .line2 {
width: 56px;
height: 2px;
background-color: rgba(255,255,255,1.00);
position: absolute;
bottom: 0;
}
body#home .home-main .scroll .line1 {
left: 50%;
transform: rotate(-30deg);
margin-left: -4px;
}
body#home .home-main .scroll .line2 {
right: 50%;
transform: rotate(30deg);
margin-right: -4px;
}
@media screen and (max-width: 1600px) {
body#home .home-main .logo a img {
width: 300px;
}
}
@media screen and (max-width: 1400px) {
body#home .home-main .logo a img {
width: 260px;
}
body#home .home-main .logo a .icon {
padding-top: 22px;
font-size: 15px;
}
body#home .home-main .logo a .icon i {
font-size: 20px;
}
}
@media screen and (max-width: 1280px) {
body#home .home-main .logo a img {
width: 220px;
}
body#home .home-main .scroll {
bottom: 28px;
}
body#home .home-main .scroll .line1, body#home .home-main .scroll .line2 {
width: 48px;
}
}
@media print, screen and (max-width: 960px) {
body#home .home-main .block a {
background-size: auto 56%;
}
body#home .home-main .logo a img {
width: 240px;
}
body#home .home-main .logo a .icon {
padding-top: 20px;
}
body#home .home-main .scroll {
}
body#home .home-main .scroll .line1, body#home .home-main .scroll .line2 {
width: 44px;
}
}
@media screen and (max-width: 560px) {
body#home .home-main .logo a img {
width: 160px;
}
body#home .home-main .block a {
background-size: auto 64%;
}
body#home .home-main .scroll {
}
body#home .home-main .scroll .line1, body#home .home-main .scroll .line2 {
width: 40px;
}
body#home .home-main .block.sp.main1 a, body#home .home-main .block.sp.main3 a {
padding-right: 32px;
}
body#home .home-main .block.sp.main2 a, body#home .home-main .block.sp.main4 a {
padding-left: 32px;
}
}
body#home .home-news {
display: block;
padding-top: 80px;
padding-bottom: 80px;
}
body#home .home-news h2 {
text-align: center;
margin-bottom: 32px;
}
body#home .home-news h2 img {
width: 156px;
height: auto;
}
body#home .home-news h2::after {
margin-top: 12px;
content: '';
display: block;
width: 40px;
height: 1px;
margin-left: auto;
margin-right: auto;
background-color: rgba(0,0,0,1.00);
}
body#home .home-news ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 36px;
}
body#home .home-news ul li {
display: inline-block;
width: 23.20%;
margin-right: 2.4%;
}
@media print, screen and (min-width: 961px){
body#home .home-news ul li:nth-of-type(4n){
margin-right: 0;
}
body#home .home-news ul li:nth-of-type(n+5){
margin-top: 20px;
}
}
@media print, screen and (min-width: 561px) and (max-width: 960px){
body#home .home-news ul li:nth-of-type(3n){
margin-right: 0;
}
body#home .home-news ul li:nth-of-type(n+4){
margin-top: 20px;
}
}
@media screen and (max-width: 560px){
body#home .home-news ul li:nth-of-type(even){
margin-right: 0;
}
body#home .home-news ul li:nth-of-type(n+3){
margin-top: 20px;
}
}
body#home .home-news ul li:last-child {
margin-right: 0px;
}
body#home .home-news ul li a {
display: block; }
body#home .home-news ul li a .image {
position: relative;
width: 100%;
margin-bottom: 12px;
overflow: hidden;
}
body#home .home-news ul li a .image::before {
content: "";
display: block;
padding-top: 66.67%;
}
body#home .home-news ul li a .image > div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.24s ease-out;
}
body#home.pc .home-news ul li a:hover .image span{
transform: scale(1);
}
body#home.pc .home-news ul li a:hover .image > div {
transform: scale(1.08);
}
body#home .home-news ul li a .category {
position: absolute;
top: 0;
left: 0;
font-size: 1.5rem;
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
line-height: 2.0em;
padding-left: 8px;
padding-right: 8px;
z-index: 6000;
}
body#home .home-news ul li a .date {
font-size: 1.3rem;
line-height: 1.2em;
margin-bottom: 4px;
}
body#home .home-news ul li a .title {
line-height: 1.6em;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#home .home-news {
padding-top: 64px;
padding-bottom: 64px;
}
body#home .home-news h2 {
margin-bottom: 28px;
}
body#home .home-news h2 img {
width: 130px;
}
body#home .home-news h2::after {
margin-top: 10px;
}
body#home .home-news ul {
margin-bottom: 32px;
}
body#home .home-news ul li {
width: 31.73%;
}
body#home .home-news ul li:nth-child(4) { }
body#home .home-news ul li:nth-child(3) {
margin-right: 0px;
}
body#home .home-news ul li a .category {
font-size: 1.1rem;
}
body#home .home-news ul li a .date {
font-size: 1.1rem;
}
body#home .home-news ul li a .title {
font-size: 1.2rem;
}
}
@media screen and (max-width: 560px) {
body#home .home-news {
padding-top: 48px;
padding-bottom: 48px;
}
body#home .home-news h2 img {
width: 120px;
}
body#home .home-news ul {
margin-bottom: 24px;
}
body#home .home-news ul li {
width: 48.00%;
margin-right: 4%;
}
body#home .home-news ul li:nth-child(1), body#home .home-news ul li:nth-child(2) {
margin-bottom: 24px;
}
body#home .home-news ul li:nth-child(3), body#home .home-news ul li:nth-child(4) {
display: inline-block;
margin-right: 4%;
}
body#home .home-news ul li:nth-child(2), body#home .home-news ul li:nth-child(4) {
margin-right: 0px;
}
}
body#home .home-about {
background-color: rgba(0,0,0,1.00);
padding-top: 80px;
padding-bottom: 80px;
color: rgba(255,255,255,1.00);
}
body#home .home-about .inner {
display: table;
width: 100%;
}
body#home .home-about .inner > div {
display: table-cell;
vertical-align: middle;
}
body#home .home-about .inner > div.logo {
width: 320px;
vertical-align: top;
}
body#home .home-about .inner > div.text {
padding-left: 40px;
}
body#home .home-about .inner > div.text .lead {
font-size: 1.13rem;
line-height: 2.4em;
margin-bottom: 24px;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#home .home-about {
padding-top: 64px;
padding-bottom: 64px;
}
body#home .home-about .inner > div.logo {
width: 240px;
}
body#home .home-about .inner > div.text {
padding-left: 24px;
}
body#home .home-about .inner > div.text .lead {
font-size: 15px;
line-height: 2.0em;
margin-bottom: 20px;
}
}
@media screen and (max-width: 560px) {
body#home .home-about {
padding-top: 48px;
padding-bottom: 48px;
}
body#home .home-about .inner {
display: block;
}
body#home .home-about .inner > div {
display: block;
}
body#home .home-about .inner > div.logo {
width: 100%;
margin-bottom: 24px;
text-align: center;
}
body#home .home-about .inner > div.logo img {
width: 160px;
height: auto;
}
body#home .home-about .inner > div.text {
padding-left: 0px;
}
}
body#home .home-contents {
padding-top: 96px;
padding-bottom: 96px;
overflow: hidden;
position: relative;
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-contents-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
body#home .home-contents #bg-movie {
position: absolute;
}
body#home .home-contents .bg-mask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255,255,255,0.00);
}
body#home .home-contents::after {
content: '';
display: block;
clear: both;
}
body#home .home-contents .copy-mob {
display: none;
}
body#home .home-contents .inner > div {
float: left;
position: relative;
}
body#home .home-contents .inner > div.copy {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-contents-copy.png);
background-position: center center;
background-repeat: no-repeat;
width: 16%;
background-size: auto 92%;
}
body#home .home-contents .inner > div.interview, body#home .home-contents .inner > div.recipe {
background-color: rgba(255,255,255,1.00);
border-radius: 4px;
width: 42%;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.08);
}
body#home .home-contents .inner > div h2 {
margin-bottom: 20px;
}
body#home .home-contents .inner > div h2 img {
width: 230px;
height: auto;
}
body#home .home-contents .inner > div .home-slider {
margin-left: auto;
margin-right: auto;
width: 72%;
}
body#home .home-contents .inner > div .home-slider .slick-prev, body#home .home-contents .inner > div .home-slider .slick-next {
display: block;
position: absolute;
top: 0;
bottom: 16%;
width: 32px;
cursor: pointer;
}
body#home .home-contents .inner > div .home-slider .slick-prev {
left: -32px;
}
body#home .home-contents .inner > div .home-slider .slick-next {
right: -32px;
}
body#home .home-contents .inner > div .home-slider .slick-prev > div, body#home .home-contents .inner > div .home-slider .slick-next > div {
width: 20px;
height: 1px;
background-color: rgba(0,0,0,1.00);
position: absolute;
top: 50%;
}
body#home .home-contents .inner > div .home-slider .slick-prev > div {
left: 0;
}
body#home .home-contents .inner > div .home-slider .slick-next > div {
right: 0;
}
body#home .home-contents .inner > div .home-slider .slick-prev .line1 {
transform: rotate(-60deg);
margin-top: -17px;
}
body#home .home-contents .inner > div .home-slider .slick-prev .line2 {
transform: rotate(60deg);
}
body#home .home-contents .inner > div .home-slider .slick-next .line1 {
transform: rotate(-300deg);
margin-top: -17px;
}
body#home .home-contents .inner > div .home-slider .slick-next .line2 {
transform: rotate(300deg);
}
body#home .home-contents .inner > div .home-slider .slide {
}
body#home .home-contents .inner > div .home-slider .slide a {
display: block;
text-decoration: none;
position: relative;
}
body#home .home-contents .inner > div .home-slider .slide a .image {
position: relative;
width: 100%;
margin-bottom: 12px;
overflow: hidden;
}
body#home .home-contents .inner > div .home-slider .slide a .image::before {
content: "";
display: block;
padding-top: 66.67%;
}
body#home .home-contents .inner > div .home-slider .slide a .image > div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transition: all 0.24s ease-out;
}
body#home.pc .home-contents .inner > div .home-slider .slide a:hover .image > div {
transform: scale(1.08);
}
body#home .home-contents .inner > div .home-slider .slide a .image i {
position: absolute;
color: rgba(255,255,255,0.40);
left: 50%;
top: 50%;
font-size: 64px;
line-height: 64px;
margin-left: -32px;
margin-top: -32px;
}
body#home .home-contents .inner > div .home-slider .slide a .icon {
position: absolute;
top: 0;
left: 0;
font-size: 1.3rem;
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
line-height: 2.0em;
padding-left: 8px;
padding-right: 8px;
}
body#home .home-contents .inner > div .home-slider .slide a .title {
height: 4.8em;
overflow: hidden;
margin-bottom: 12px;
line-height: 1.6em;
}
body#home .home-contents .inner > div .home-slider .slide a .title span:not(.award) {
display: block;
}
body#home .home-contents .inner > div .home-slider .slide a .title span.name {
line-height: 1.6em;
}
body#home .home-contents .inner > div .home-slider .slide a .title span.company {
font-size: 1.3rem;
line-height: 1.6em;
}
body#home .home-contents .inner > div .home-slider .slide a .title span.company br {
display: none;
}
body#home .home-contents .inner > div .home-slider .slide a .title span.company .award {
color: rgba(199,21,44,1.00);
font-weight: bold;
}
body#home .home-contents .inner > div .home-slider .slide a .title span.company br {
display: none;
}
body#home .home-contents .inner > div .home-slider .slide a .title span.slash {
display: none;
}
@media screen and (max-width: 1280px) {
body#home .home-contents .inner > div.copy {
background-size: auto 88%;
}
body#home .home-contents .inner > div .home-slider {
width: 76%;
}
body#home .home-contents .inner > div .home-slider .slick-prev, body#home .home-contents .inner > div .home-slider .slick-next {
bottom: 18%;
}
}
@media print, screen and (max-width: 960px) {
body#home .home-contents {
padding-top: 80px;
padding-bottom: 80px;
}
body#home .home-contents .copy-mob {
display: block;
margin-bottom: 40px;
position: relative;
}
body#home .home-contents .copy-mob img {
width: 420px;
max-width: 72%;
}
body#home .home-contents .inner > div {
}
body#home .home-contents .inner > div.copy {
background: none;
width: 4%;
}
body#home .home-contents .inner > div.interview, body#home .home-contents .inner > div.recipe {
padding-top: 36px;
padding-bottom: 36px;
width: 48%;
}
body#home .home-contents .inner > div h2 {
margin-bottom: 22px;
}
body#home .home-contents .inner > div h2 img {
width: 200px;
max-width: 72%;
}
body#home .home-contents .inner > div .home-slider .slick-prev, body#home .home-contents .inner > div .home-slider .slick-next {
bottom: 24%;
width: 28px;
}
body#home .home-contents .inner > div .home-slider .slick-prev {
left: -28px;
}
body#home .home-contents .inner > div .home-slider .slick-next {
right: -28px;
}
body#home .home-contents .inner > div .home-slider .slick-prev > div, body#home .home-contents .inner > div .home-slider .slick-next > div {
width: 16px;
}
body#home .home-contents .inner > div .home-slider .slick-prev .line1 {
margin-top: -13px;
}
body#home .home-contents .inner > div .home-slider .slick-next .line1 {
margin-top: -13px;
}
body#home .home-contents .inner > div .home-slider .slide a .image i {
font-size: 56px;
line-height: 56px;
margin-left: -28px;
margin-top: -28px;
}
body#home .home-contents .inner > div .home-slider .slide a .icon {
font-size: 0.79rem;
}
}
@media screen and (max-width: 560px) {
body#home .home-contents {
padding-top: 64px;
padding-bottom: 64px;
}
body#home .home-contents .copy-mob {
margin-bottom: 32px;
}
body#home .home-contents .copy-mob img {
width: 340px;
max-width: 82%;
}
body#home .home-contents .inner > div {
float: none;
}
body#home .home-contents .inner > div.copy {
width: 100%;
height: 32px;
padding: 0;
}
body#home .home-contents .inner > div.interview, body#home .home-contents .inner > div.recipe {
padding-top: 32px;
padding-bottom: 32px;
width: 100%;
}
body#home .home-contents .inner > div h2 {
margin-bottom: 20px;
}
body#home .home-contents .inner > div h2 img {
width: 190px;
}
body#home .home-contents .inner > div .home-slider {
width: 78%;
}
body#home .home-contents .inner > div .home-slider .slick-prev, body#home .home-contents .inner > div .home-slider .slick-next {
bottom: 24%;
width: 24px;
}
body#home .home-contents .inner > div .home-slider .slick-prev {
left: -24px;
}
body#home .home-contents .inner > div .home-slider .slick-next {
right: -24px;
}
}
body#home .home-store {
}
body#home .home-store::after {
content: '';
display: block;
clear: both;
}
body#home .home-store > div {
float: left;
width: 33.33%;
background-size: cover;
background-position: center center;
}
body#home .home-store > div.eat {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-bg1.jpg);
}
body#home .home-store > div.buy {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-bg2.jpg);
}
body#home .home-store > div.online {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-bg3.jpg);
}
body#home .home-store > div a {
display: block;
padding: 40px;
transition: all 0.24s ease-out;
}
body#home .home-store > div.eat a {
background-color: rgba(0,0,0,0.80);
}
body#home .home-store > div.buy a {
background-color: rgba(199,21,44,0.72);
}
body#home .home-store > div.online a {
background-color: rgba(0,0,0,0.80);
}
body#home.pc .home-store > div.eat a:hover {
background-color: rgba(0,0,0,0.00);
}
body#home.pc .home-store > div.buy a:hover {
background-color: rgba(199,21,44,0.00);
}
body#home.pc .home-store > div.online a:hover {
background-color: rgba(0,0,0,0.00);
}
body#home .home-store > div a .inner {
display: block;
position: relative;
border: 1px solid rgba(255,255,255,1.00);
background-repeat: no-repeat;
background-position: center center;
background-size: 200px auto;
height: 200px;
}
body#home .home-store > div a .inner::after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 8px 8px;
border-color: transparent;
border-bottom-color: rgba(255,255,255,1.00);
}
body#home .home-store > div.eat a .inner {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-title1.png);
}
body#home .home-store > div.buy a .inner {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-title2.png);
}
body#home .home-store > div.online a .inner {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-title3.png);
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#home .home-store > div a {
padding: 24px;
}
body#home .home-store > div a .inner {
background-size: auto 72%;
height: 260px;
}
body#home .home-store > div.eat a .inner {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-title1-2.png);
}
body#home .home-store > div.buy a .inner {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-title2-2.png);
}
body#home .home-store > div.online a .inner {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/home-store-title3-2.png);
}
}
@media screen and (max-width: 560px) {
body#home .home-store > div a {
padding: 12px;
}
body#home .home-store > div a .inner {
height: 220px;
}
}
body#home .home-sponsor {
padding-top: 80px;
padding-bottom: 80px;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#home .home-sponsor {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media screen and (max-width: 560px) {
body#home .home-sponsor {
padding-top: 48px;
padding-bottom: 48px;
}
}
body#home .pv {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.80);
z-index: 10000;
display: none;
}
body#home .pv .inner {
position: absolute;
left: 50%;
top: 50%;
}
body#home .pv .inner::before {
content: '';
display: inline-block;
width: 28px;
height: 28px;
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/icon-close.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
top: -40px;
right: 0px;
}
body#home .pv .pv-frame {
background-color: rgba(0,0,0,1.00);
}
body#home .pv .link {
padding-top: 24px;
}
body#home .pv .link a {
background-color: rgba(255,255,255,1.00);
} .titleL {
background-color: rgba(0,0,0,1.00);
color: rgba(255,255,255,1.00);
padding-top: 72px;
padding-bottom: 40px;
}
.titleL img {
width: 560px;
}
.titleM {
text-align: center;
}
.titleM {
position: relative;
border-bottom: solid 1px rgba(0,0,0,1.00);
padding-bottom: 18px;
text-align: center;
margin-bottom: 44px;
}
.titleM:before, .titleM:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.titleM:before {
border: solid 12px transparent;
border-top: solid 12px rgba(0,0,0,1.00);
}
.titleM:after {
border: solid 12px transparent;
border-top: solid 12px rgba(255,255,255,1.00);
margin-top: -1px;
}
.titleM img {
width: 352px;
}
.titleM.small {
margin-bottom: 36px;
}
.titleM.small img {
width: 280px;
}
body.hide #contents {
opacity: 0;
}
#contents {
padding-bottom: 56px;
}
#contents.black {
background-color: rgba(0,0,0,1.00);
color: rgba(255,255,255,1.00);
}
#contents p {
margin-bottom: 1.6em;
}
#contents.article h2 {
font-size: 1.60rem;
line-height: 1.6em;
display: block;
margin-bottom: 0.2em;
}
#contents.article h3 {
font-size: 1.8rem;
line-height: 1.6em;
border-left: 1px solid rgba(0,0,0,1.00);
padding-left: 12px;
display: block;
margin-bottom: 0.4em;
}
#contents.article p + h2, #contents.article div + h2, #contents.article ul + h2 {
margin-top: 1.6em;
}
#contents hr {
height: 1px;
border: none;
border-top: 1px rgba(224,224,224,1.00) solid;
margin-bottom: 1.6em;
}
#contents .in-center {
text-align: center;
}
#contents .in-left {
text-align: left;
}
#contents .in-right {
text-align: right;
}
#contents .margin-bottom0 {
margin-bottom: 0px;
}
#contents .youtube {
width: 100%;
padding-bottom: 56.25%;
height: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
}
#contents .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#contents .list-note li {
font-size: 1.4rem;
line-height: 1.6em;
color: rgba(158,158,158,1.00);
padding-bottom: 4px;
padding-left: 1em;
text-indent: -1em;
}
#contents .list-note li:last-child {
padding-bottom: 0px;
}
#contents .font-large {
font-size: 1.13rem;
line-height: 2.0em;
}
#contents .font-xlarge {
font-size: 1.8rem;
line-height: 2.0em;
}
#contents .font-small {
font-size: 1.3rem;
line-height: 2.0em;
}
#contents .font-xsmall {
font-size: 0.79rem;
line-height: 2.0em;
}
#contents .font-bold {
font-weight: bold;
}
#contents .font-red {
color: rgba(199,21,44,1.00);
}
#contents .font-gray {
color: rgba(158,158,158,1.00);
}
#contents .tabs {
overflow: auto;
background-color: rgba(0,0,0,1.00);
margin-bottom: 56px;
}
#contents.black .tabs {
border-bottom: 1px solid rgba(33,33,33,1.00);
}
#contents .tabs ul {
white-space: nowrap;
}
#contents .tabs ul li {
display: inline-block;
margin-left: 16px;
margin-right: 16px;
}
#contents .tabs ul li:first-child {
margin-left: 16px;
}
#contents .tabs ul li:last-child {
margin-right: 16px;
}
#contents .tabs ul li a {
color: rgba(255,255,255,1.00);
text-decoration: none;
display: block;
border-bottom: 2px solid rgba(191,154,23,0.00);
padding-top: 20px;
padding-bottom: 16px;
line-height: 1.2em;
white-space: nowrap;
}
#contents .tabs ul li.ui-tabs-active a {
color: rgba(191,154,23,1.00);
border-bottom: 2px solid rgba(191,154,23,1.00);
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
.titleL {
padding-top: 60px;
padding-bottom: 32px;
}
.titleL img {
width: 400px;
}
.titleM {
padding-bottom: 16px;
margin-bottom: 36px;
}
.titleM:before {
border: solid 10px transparent;
border-top: solid 10px rgba(0,0,0,1.00);
}
.titleM:after {
border: solid 10px transparent;
border-top: solid 10px rgba(255,255,255,1.00);
}
.titleM img {
width: 304px;
}
.titleM.small {
margin-bottom: 32px;
}
.titleM.small img {
width: 248px;
}
#contents {
padding-bottom: 48px;
}
#contents.article h2 {
font-size: 2.7rem;
}
#contents.article h3 {
font-size: 1.13rem;
}
#contents .tabs {
margin-bottom: 48px;
}
#contents .tabs ul li {
margin-left: 12px;
margin-right: 12px;
}
}
@media screen and (max-width: 560px) {
.titleL {
padding-top: 52px;
padding-bottom: 24px;
padding-left: 16px;
padding-right: 16px;
}
.titleL img {
width: 320px;
}
.titleM {
padding-bottom: 14px;
margin-bottom: 32px;
}
.titleM:before {
border: solid 8px transparent;
border-top: solid 8px rgba(0,0,0,1.00);
}
.titleM:after {
border: solid 8px transparent;
border-top: solid 8px rgba(255,255,255,1.00);
}
.titleM img {
width: 240px;
}
.titleM.small {
margin-bottom: 28px;
}
.titleM.small img {
width: 208px;
}
#contents {
padding-bottom: 40px;
}
#contents.article h2 {
font-size: 1.8rem;
}
#contents.article h3 {
font-size: 15px;
padding-left: 10px;
}
#contents .tabs {
margin-bottom: 40px;
}
#contents .tabs ul li {
margin-left: 8px;
margin-right: 8px;
}
#contents .tabs ul li a {
font-size: 1.3rem;
padding-bottom: 12px;
}
} body#about #contents {
padding-bottom: 0px;
}
body#about #contents h2, body#about #contents h3 {
font-size: 2.7rem;
line-height: 1.6em;
font-weight: bold;
color: rgba(191,154,23,1.00);
margin-bottom: 0.2em;
}
body#about #contents p + h2, body#about #contents p + h3 {
margin-top: 1.2em;
}
body#about #contents #brand {
}
body#about #contents #brand .image {
text-align: center;
}
body#about #contents #brand .image img {
width: 640px;
height: auto;
}
body#about #contents #brand .text {
font-size: 1.6rem;
line-height: 2.4em;
}
body#about #contents #criteria h2 {
margin-bottom: 0px;
}
body#about #contents #criteria .image.pc {
float: right;
margin-left: 40px;
width: 272px;
height: auto;
margin-bottom: 16px;
margin-top: 4px;
}
body#about #contents #criteria .image.sp {
display: none;
}
body#about #contents #criteria .list-criteria {
margin-bottom: 1.6em;
}
body#about #contents #criteria .list-criteria li {
font-size: 1.7rem;
line-height: 1.6em;
text-decoration: underline;
padding-bottom: 8px;
}
body#about #contents #criteria .list-criteria li:last-child {
padding-bottom: 0px;
}
body#about #contents #history {
}
body#about #contents #history h2 {
margin-bottom: 0.8em;
}
body#about #contents #history table {
line-height: 1.6em;
}
body#about #contents #history table th, body#about #contents #history table td {
vertical-align: top;
padding-bottom: 16px;
}
body#about #contents #history table th {
white-space: nowrap;
border-right: 1px solid rgba(191,154,23,1.00);
color: rgba(191,154,23,1.00);
position: relative;
padding-right: 32px;
}
body#about #contents #history table th .ad {
font-weight: 500;
font-size: 1.3rem;
}
body#about #contents #history table th::after {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: rgba(191,154,23,1.00);
position: absolute;
top: 0.5em;
right: -5px;
;
}
body#about #contents #history table th .break {
display: block;
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
padding-left: 8px;
line-height: 1.8em;
position: relative;
}
body#about #contents #history table th .break:after {
content: "";
position: absolute;
top: 0;
left: 100%;
border-style: solid;
border-color: transparent;
border-left-color: rgba(191,154,23,1.00);
border-width: 0.9em 0.6em;
width: 0;
height: 0;
}
body#about #contents #history table td {
padding-left: 24px;
}
body#about #contents #history table td p {
margin-bottom: 0;
}
body#about #contents #history table td p + p {
margin-top: 0.4em;
}
body#about #contents #history table td .break {
font-size: 1.7rem;
line-height: 1.6em;
color: rgba(191,154,23,1.00);
font-weight: bold;
}
body#about #contents #history table td figure.pc {
display: block;
float: right;
width: 184px;
margin-left: 16px;
}
body#about #contents #history table td figure.pc figcaption {
font-size: 1.3rem;
line-height: 1.6em;
color: rgba(158,158,158,1.00);
padding-top: 6px;
}
body#about #contents #history table td figure.sp {
display: none;
}
body#about #contents #pv {
padding-top: 4px;
}
body#about #contents #pv .youtube {
margin-bottom: 2.4em;
}
body#about #contents .photo {
display: table;
margin-top: 64px;
width: 100%;
}
body#about #contents .photo > div {
display: table-cell;
width: 33.33%;
}
body#about #contents .photo > div .image {
position: relative;
width: 100%;
}
body#about #contents .photo > div .image:before {
content: "";
display: block;
padding-top: 56.25%;
}
body#about #contents .photo > div .image > div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
}
body#about #contents .photo > div.photo1 .image > div {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/about-photo04.jpg);
}
body#about #contents .photo > div.photo2 .image > div {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/about-photo05.jpg);
}
body#about #contents .photo > div.photo3 .image > div {
background-image: url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/images/about-photo06.jpg);
}
@media screen and (max-width: 1440px) {
body#about #contents .photo > div .image:before {
padding-top: 66.67%;
}
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#about #contents h2, body#about #contents h3 {
font-size: 2.7rem;
}
body#about #contents #criteria .image.pc {
width: 200px;
margin-left: 24px;
}
body#about #contents #history h2 {
margin-bottom: 1.0em;
}
body#about #contents #history table th {
padding-right: 28px;
}
body#about #contents #history table th .ad {
display: block;
line-height: 1.2em;
}
body#about #contents #history table td {
padding-left: 20px;
}
body#about #contents #history table td figure.pc {
width: 160px;
}
body#about #contents #history table td figure.pc figcaption {
font-size: 0.79rem;
}
body#about #contents .photo {
margin-top: 56px;
}
}
@media screen and (max-width: 560px) {
body#about #contents h2, body#about #contents h3 {
font-size: 1.8rem;
}
body#about #contents #brand .text {
font-size: 15px;
}
body#about #contents #criteria .image.pc {
display: none;
}
body#about #contents #criteria .image.sp {
display: block;
text-align: center;
margin-bottom: 1.6em;
}
body#about #contents #criteria .image img {
width: 160px;
height: auto;
}
body#about #contents #history table th {
padding-right: 24px;
}
body#about #contents #history table td {
padding-left: 16px;
}
body#about #contents #history table td figure.pc {
display: none;
}
body#about #contents #history table td figure.sp {
display: block;
width: 160px;
margin-top: 12px;
}
body#about #contents #history table td figure.sp figcaption {
font-size: 0.79rem;
line-height: 1.6em;
color: rgba(158,158,158,1.00);
padding-top: 6px;
}
body#about #contents .photo {
margin-top: 48px;
}
body#about #contents .photo > div {
width: 50%;
}
body#about #contents .photo .photo3 {
display: none;
}
} body#shop #contents h2 {
display: none;
}
body#shop #contents dl {
line-height: 1.6em;
width: 100%;
border-top: 1px solid rgba(224,224,224,1.00);
}
body#shop #contents dl dt, body#shop #contents dl dd {
padding-top: 16px;
padding-bottom: 16px;
}
body#shop #contents dl dt {
float: left;
font-weight: bold;
}
body#shop #contents dl dd {
padding-left: 96px;
border-bottom: 1px solid rgba(224,224,224,1.00);
}
body#shop #contents .list-shop {
}
body#shop #contents .list-shop li {
margin-bottom: 8px;
}
body#shop #contents .list-shop li:last-child {
margin-bottom: 0px;
}
body#shop #contents .list-shop li::before {
content: '- ';
} body#privacy #contents, body#contact #contents {
padding-top: 56px;
}
body#contact #contents .table-form {
line-height: 1.6em;
width: 100%;
margin-bottom: 8px;
}
body#contact #contents .table-form th, body#contact #contents .table-form td {
vertical-align: top;
}
body#contact #contents .table-form th {
padding-right: 16px;
padding-top: 4px;
white-space: nowrap;
}
body#contact #contents .table-form th sup {
color: rgba(199,21,44,1.00);
padding-left: 4px;
}
body#contact #contents .table-form td {
padding-bottom: 16px;
}
body#contact #contents .table-form td input, body#contact #contents .table-form td textarea {
border: 1px solid rgba(0,0,0,1.00);
border-radius: 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
}
body#contact #contents .table-form td input {
width: 64%;
}
body#contact #contents .table-form td textarea {
width: 100%;
height: 160px;
}
body#contact #contents .table-form td .error {
display: block;
padding-top: 2px;
color: rgba(199,21,44,1.00);
}
body#contact #contents button.back {
margin-right: 24px;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#privacy #contents, body#contact #contents {
padding-top: 48px;
}
body#contact #contents .table-form td input {
width: 80%;
}
}
@media screen and (max-width: 560px) {
body#privacy #contents, body#contact #contents {
padding-top: 40px;
}
body#contact #contents .table-form {
display: block;
}
body#contact #contents .table-form th, body#contact #contents .table-form td {
display: block;
}
body#contact #contents .table-form th {
padding-right: 0px;
padding-top: 0px;
padding-bottom: 4px;
}
body#contact #contents button.back {
margin-right: 16px;
}
} body#producer #contents {
padding-top: 72px;
background-color: #fff;
}
body#producer #contents .list-interview:not(.other) {
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px 10px;
}
body#producer #contents .list-interview.other {
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px 10px;
}
body#producer #contents .list-interview li {
display: inline-block;
}
body#producer #contents .list-interview:not(.other) li { }
body#producer #contents .list-interview:not(.other) li:nth-child(3n) {
margin-right: 0;
}
body#producer #contents .list-interview.other li { }
body#producer #contents .list-interview.other li:last-child {
margin-right: 0;
}
body#producer #contents .list-interview li a {
text-decoration: none;
display: block;
position: relative;
}
body#producer #contents .list-interview li a .image {
position: relative;
width: 100%;
margin-bottom: 8px;
transition: all 0.08s ease-out;
overflow: hidden;
}
body#producer #contents .list-interview li a .image:before {
content: "";
display: block;
padding-top: 56.25%;
}
body#producer #contents .list-interview li a .image > div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
transition: all 0.24s ease-out;
}
body#producer.pc #contents .list-interview li a:hover .image > div {
transform: scale(1.08);
}
body#producer #contents .list-interview li a .image > div i {
position: absolute;
color: rgba(255,255,255,0.40);
left: 50%;
top: 50%;
}
body#producer #contents .list-interview:not(.other) li a .image > div i {
font-size: 64px;
line-height: 64px;
margin-left: -32px;
margin-top: -32px;
}
body#producer #contents .list-interview.other li a .image > div i {
font-size: 48px;
line-height: 48px;
margin-left: -24px;
margin-top: -24px;
}
body#producer #contents .list-interview li a .type {
position: absolute;
top: 0;
left: 0;
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
line-height: 2.0em;
padding-left: 6px;
padding-right: 6px;
}
body#producer #contents .list-interview:not(.other) li a .type {
font-size: 1.3rem;
}
body#producer #contents .list-interview.other li a .type {
font-size: 0.7rem;
}
body#producer #contents .list-interview li a .title span:not(.award) {
display: block;
}
body#producer #contents .list-interview li a .title span.slash {
display: none;
}
body#producer #contents .list-interview:not(.other) li a .title {
text-align: center;
}
body#producer #contents .list-interview:not(.other) li a .title span.name {
line-height: 1.6em;
}
body#producer #contents .list-interview:not(.other) li a .title span.company {
font-size: 1.3rem;
line-height: 1.6em;
}
body#producer #contents .list-interview li a .title span.company br {
display: none;
}
body#producer #contents .list-interview li a .title span.company .award {
color: rgba(199,21,44,1.00);
font-weight: bold;
}
body#producer #contents .list-interview.other li a .title {
text-align: center;
}
body#producer #contents .list-interview.other li a .title span.name {
font-size: 1.3rem;
line-height: 1.6em;
}
body#producer #contents .list-interview.other li a .title span.company {
font-size: 0.79rem;
line-height: 1.6em;
}
body#producer #contents .head {
text-align: center;
margin-top: -8px;
}
body#producer #contents .head .type {
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
line-height: 2.0em;
padding-left: 8px;
padding-right: 8px;
display: inline-block;
margin-bottom: 6px;
}
body#producer #contents .head .title {
margin-bottom: 16px;
}
body#producer #contents .head .title span:not(.award) {
display: block;
}
body#producer #contents .head .title span.name {
font-size: 1.8rem;
line-height: 1.6em;
}
body#producer #contents .head .title span.company {
font-size: 1.8rem;
line-height: 1.6em;
}
body#producer #contents .head .title span.company .award {
color: rgba(199,21,44,1.00);
}
body#producer #contents .head .title span.slash {
display: none;
}
body#producer #contents .youtube {
margin-bottom: 1.6em;
}
body#producer #contents .text {
margin-bottom: 72px;
}
body#producer #contents .list-other::after {
content: '';
display: block;
clear: both;
margin-bottom: 48px;
}
body#producer #contents .list-other li {
float: left;
width: 12.5%;
display: block;
position: relative;
}
body#producer #contents .list-other li .image {
cursor: pointer;
overflow: hidden;
}
body#producer #contents .list-other li .image img {
transition: all 0.24s ease-out;
}
body#producer #contents .list-other li .image:hover img {
transform: scale(1.08);
}
body#producer #contents .list-other li .tooltip {
position: absolute;
z-index: 100;
background-color: rgba(255,255,255,1.00);
width: 200px;
border-radius: 4px;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
padding-bottom: 12px;
bottom: 96%;
left: 50%;
margin-left: -100px;
display: none;
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.40));
}
body#producer #contents .list-other li .tooltip::before {
content: "";
position: absolute;
bottom: -16px;
left: 50%;
width: 0;
height: 0;
margin-left: -8px;
border: 8px solid transparent;
border-top-color: rgba(255,255,255,1.00);
}
body#producer #contents .list-other li .tooltip .name {
line-height: 1.6em;
font-weight: bold;
margin-bottom: 1px;
}
body#producer #contents .list-other li .tooltip .company {
font-size: 0.79rem;
line-height: 1.6em;
margin-bottom: 2px;
}
body#producer #contents .list-other li .tooltip .comment {
font-size: 1.3rem;
line-height: 1.6em;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#producer #contents {
padding-top: 56px;
}
body#producer #contents .list-interview:not(.other) {
margin-bottom: 32px;
grid-template-columns: 1fr 1fr;
}
body#producer #contents .list-interview.other {
margin-bottom: 8px;
grid-template-columns: 1fr 1fr;
}
body#producer #contents .list-interview:not(.other) li:nth-child(3n) {
margin-right: 2.4%;
}
body#producer #contents .list-interview:not(.other) li:nth-child(2n) {
margin-right: 0;
}
body#producer #contents .list-interview.other li { }
body#producer #contents .list-interview.other li:nth-child(2n) {
margin-right: 0%;
}
body#producer #contents .list-interview:not(.other) li a .image > div i {
font-size: 56px;
line-height: 56px;
margin-left: -28px;
margin-top: -28px;
}
body#producer #contents .head .type {
font-size: 1.3rem;
}
body#producer #contents .head .title span.name {
font-size: 2.7rem;
}
body#producer #contents .head .title span.company {
font-size: 1.13rem;
}
body#producer #contents .text {
margin-bottom: 64px;
}
body#producer #contents .list-other li {
width: 16.66%;
}
body#producer #contents .list-other li .tooltip {
width: 160px;
margin-left: -80px;
}
}
@media screen and (max-width: 560px) {
body#producer #contents {
padding-top: 48px;
}
body#producer #contents .list-interview:not(.other) {
margin-bottom: 20px;
}
body#producer #contents .list-interview.other {
margin-bottom: 12px;
}
body#producer #contents .list-interview:not(.other) li {
width: 100%;
margin-right: 0;
margin-bottom: 28px;
}
body#producer #contents .list-interview:not(.other) li:nth-child(3n), body#producer #contents .list-interview:not(.other) li:nth-child(2n) {
margin-right: 0;
}
body#producer #contents .list-interview.other li {
margin-bottom: 24px;
}
body#producer #contents .head {
margin-top: -10px;
}
body#producer #contents .head .title {
margin-bottom: 14px;
}
body#producer #contents .head .title span.name {
font-size: 1.8rem;
}
body#producer #contents .head .title span.company {
font-size: 15px;
}
body#producer #contents .text {
margin-bottom: 56px;
}
body#producer #contents .list-other li {
width: 25.00%;
}
body#producer #contents .list-other li .tooltip {
width: 128px;
margin-left: -64px;
}
} body#eat #contents {
padding-top: 72px;
}
body#eat #contents .list-recipe:not(.other):not(.tips) {
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px 10px;
}
body#eat #contents .list-recipe.other {
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px 10px;
}
body#eat #contents .list-recipe li {
display: inline-block;
}
body#eat #contents .list-recipe:not(.other):not(.tips) li { }
body#eat #contents .list-recipe:not(.other):not(.tips) li:nth-child(3n) {
margin-right: 0;
} body#eat #contents .list-recipe.tips li {
width: 23.20%;
margin-right: 2.4%;
margin-bottom: 32px;
}
body#eat #contents .list-recipe.other li:last-child, body#eat #contents .list-recipe.tips li:nth-child(4n) {
margin-right: 0;
}
body#eat #contents .list-recipe li a {
text-decoration: none;
display: block;
position: relative;
}
body#eat #contents .list-recipe li a .image {
position: relative;
width: 100%;
margin-bottom: 8px;
overflow: hidden;
}
body#eat #contents .list-recipe li a:hover .image {
}
body#eat #contents .list-recipe li a .image:before {
content: "";
display: block;
padding-top: 66.67%;
}
body#eat #contents .list-recipe li a .image > div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
transition: all 0.24s ease-out;
}
body#eat.pc #contents .list-recipe li a:hover .image > div {
transform: scale(1.08);
}
body#eat #contents .list-recipe:not(.other):not(.tips) li a .title {
font-size: 15px;
line-height: 1.6em;
text-align: center;
}
body#eat #contents .list-recipe.other li a .title {
font-size: 1.3rem;
line-height: 1.6em;
text-align: center;
}
body#eat #contents .list-recipe.tips li a .title {
font-size: 15px;
line-height: 1.6em;
text-align: center;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#eat #contents {
padding-top: 56px;
}
body#eat #contents .list-recipe:not(.other):not(.tips) {
grid-template-columns: 1fr 1fr;
}
body#eat #contents .list-recipe.other {
margin-bottom: 8px;
grid-template-columns: 1fr 1fr;
}
body#eat #contents .list-recipe:not(.other):not(.tips) li { }
body#eat #contents .list-recipe:not(.other):not(.tips) li:nth-child(3n) {
margin-right: 2.4%;
}
body#eat #contents .list-recipe:not(.other):not(.tips) li:nth-child(2n) {
margin-right: 0;
}
body#eat #contents .list-recipe.other li { }
body#eat #contents .list-recipe.other li:nth-child(2n) {
margin-right: 0%;
}
body#eat #contents .list-recipe.tips li {
width: 31.73%;
}
body#eat #contents .list-recipe.tips li:nth-child(4n) {
margin-right: 2.4%;
}
body#eat #contents .list-recipe.tips li:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 560px) {
body#eat #contents {
padding-top: 48px;
}
body#eat #contents .list-recipe:not(.other):not(.tips) {
margin-bottom: 20px;
}
body#eat #contents .list-recipe.other {
margin-bottom: 12px;
}
body#eat #contents .list-recipe:not(.other):not(.tips) li {
width: 100%;
margin-right: 0;
margin-bottom: 28px;
}
body#eat #contents .list-recipe:not(.other):not(.tips) li:nth-child(3n), body#eat #contents .list-recipe:not(.other):not(.tips) li:nth-child(2n) {
margin-right: 0;
}
body#eat #contents .list-recipe.other li {
margin-bottom: 24px;
}
body#eat #contents .list-recipe.tips li {
margin-bottom: 28px;
width: 48.80%;
}
body#eat #contents .list-recipe.tips li:nth-child(3n) {
margin-right: 2.4%;
}
body#eat #contents .list-recipe.tips li:nth-child(2n) {
margin-right: 0%;
}
body#eat #contents .list-recipe.tips li a .title {
font-size: 1.3rem;
}
} body#news #contents {
padding-top: 56px;
}
body#news #contents .list-news {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 32px 10px;
}
body#news #contents .list-news li:nth-child(4n) {
margin-right: 0;
}
body#news #contents .list-news li a {
display: block;
position: relative;
text-decoration: none;
}
body#news #contents .list-news li a .image {
position: relative;
width: 100%;
margin-bottom: 12px;
overflow: hidden;
}
body#news #contents .list-news li a .image::before {
content: "";
display: block;
padding-top: 66.67%;
}
body#news #contents .list-news li a .image > div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all 0.24s ease-out;
}
body#news #contents .list-news li a:hover .image > div {
transform: scale(1.08);
}
body#news #contents .list-news li a .category {
position: absolute;
top: 0;
left: 0;
font-size: 1.3rem;
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
line-height: 2.0em;
padding-left: 8px;
padding-right: 8px;
}
body#news #contents .list-news li a .date {
font-size: 1.3rem;
line-height: 1.2em;
margin-bottom: 4px;
}
body#news #contents .list-news li a .title {
line-height: 1.6em;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
body#news #contents .list-news {
grid-template-columns: 1fr 1fr 1fr;
}
body#news #contents {
padding-top: 48px;
}
body#news #contents .list-news li:nth-child(4n) {
margin-right: 2.4%;
}
body#news #contents .list-news li:nth-child(3n) {
margin-right: 0;
}
body#news #contents .list-news li a .category {
font-size: 0.79rem;
}
body#news #contents .list-news li a .date {
font-size: 0.79rem;
}
body#news #contents .list-news li a .title {
font-size: 1.3rem;
}
}
@media screen and (max-width: 560px) {
body#news #contents {
padding-top: 40px;
}
body#news #contents .list-news {
grid-template-columns: 1fr 1fr;
}
body#news #contents .list-news li:nth-child(2n) {
margin-right: 0;
}
body#news #contents .list-news li a .date {
margin-bottom: 2px;
}
} #contents.article-entry {
}
#contents.article-entry .head {
text-align: center;
margin-top: -8px;
}
body#news #contents.article-entry .head {
margin-top: 0px;
}
#contents.article-entry .head .category {
background-color: rgba(191,154,23,1.00);
color: rgba(255,255,255,1.00);
line-height: 2.0em;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
margin-bottom: 6px;
}
#contents.article-entry .head .date {
margin-bottom: 6px;
margin-top: -2px;
}
#contents.article-entry .head h1 {
font-size: 1.8rem;
line-height: 1.6em;
margin-bottom: 16px;
}
#contents.article-entry .head .featured {
margin-bottom: 1.6em;
}
#contents.article-entry .head .featured img {
border-radius: 8px;
}
#contents.article-entry .text {
margin-bottom: 72px;
padding-left: 40px;
padding-right: 40px;
}
body#news #contents.article-entry .text {
margin-bottom: 0px;
}
#contents.article-entry .text h2 {
font-size: 2.7rem;
line-height: 1.6em;
margin-bottom: 0.2em;
margin-top: 1.4em;
}
#contents.article-entry .text .list-material {
}
#contents.article-entry .text .list-material > li {
list-style: disc;
margin-left: 1.4em;
}
#contents.article-entry .text .list-material > li > ul {
}
#contents.article-entry .text .list-material > li > ul > li {
list-style: circle;
margin-left: 1.4em;
}
#contents.article-entry .text .list-cooking {
}
#contents.article-entry .text .link-pdf {
margin-top: 2.0em;
text-align: center;
margin-bottom: 2.0em;
}
#contents.article-entry .text .profile {
background-color: rgba(245,245,245,1.00);
border: 1px dotted rgba(224,224,224,1.00);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
margin-bottom: 8px;
}
#contents.article-entry .text .profile .image {
float: right;
width: 152px;
height: auto;
margin-left: 20px;
}
#contents.article-entry .text .profile .profile-name {
font-weight: bold;
}
#contents.article-entry .text .profile .profile-text {
font-size: 1.3rem;
line-height: 2.0em;
}
#contents.article-entry .text hr {
height: 1px;
border: none;
border-top: 1px rgba(224,224,224,1.00) solid;
margin-top: 2em;
margin-bottom: 2em;
}
#contents.article-entry .paginate {
border-top: 1px solid rgba(0,0,0,1.00);
margin-top: 2em;
padding-top: 2em;
text-align: center;
}
#contents.article-entry .paginate ul {
}
#contents.article-entry .paginate ul li {
display: inline-block;
}
#contents.article-entry .paginate ul li::after {
content: '|';
margin-left: 4px;
margin-right: 4px;
}
#contents.article-entry .paginate ul li:last-child::after {
content: '';
}
#contents.article-entry .paginate ul li a {
text-decoration: none;
}
#contents.article-entry .text .wp-caption {
max-width: 100%;
margin-top: 2.0em;
}
#contents.article-entry .text .wp-caption .wp-caption-text {
text-align: center;
font-size: 1.3rem;
line-height: 1.6em;
padding-top: 8px;
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
#contents.article-entry .head .date, #contents.article-entry .head .category {
font-size: 1.3rem;
}
#contents.article-entry .head h1 {
font-size: 2.7rem;
}
#contents.article-entry .text {
margin-bottom: 64px;
padding-left: 24px;
padding-right: 24px;
}
#contents.article-entry .text h2 {
font-size: 1.8rem;
}
#contents.article-entry .text .profile {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
padding-right: 20px;
}
#contents.article-entry .text .profile .image {
width: 136px;
margin-left: 16px;
}
}
@media screen and (max-width: 560px) {
#contents.article-entry .head {
margin-top: -10px;
}
#contents.article-entry .head h1 {
font-size: 1.8rem;
margin-bottom: 14px;
}
#contents.article-entry .text {
margin-bottom: 56px;
padding-left: 16px;
padding-right: 16px;
}
#contents.article-entry .text h2 {
font-size: 1.13rem;
}
#contents.article-entry .text .profile {
padding-left: 16px;
padding-right: 16px;
}
#contents.article-entry .text .profile .image {
width: 100%;
float: none;
margin-left: 0px;
text-align: center;
margin-bottom: 12px;
}
#contents.article-entry .text .profile .image img {
width: 128px;
height: auto;
}
}
#contents .wp-pagenavi {
text-align: center;
}
#contents .wp-pagenavi span, #contents .wp-pagenavi a {
display: inline-block;
border: 1px solid rgba(224,224,224,1.00);
text-decoration: none;
line-height: 40px;
padding-left: 10px;
padding-right: 10px;
margin-left: 2px;
margin-right: 2px;
}
#contents .wp-pagenavi span.extend {
border: 0px solid rgba(224,224,224,1.00);
padding-left: 2px;
padding-right: 2px;
}
#contents .wp-pagenavi span.current {
border: 1px solid rgba(0,0,0,1.00);
font-weight: bold;
}
#contents .wp-pagenavi a.first, #contents .wp-pagenavi a.previouspostslink, #contents .wp-pagenavi a.nextpostslink, #contents .wp-pagenavi a.last {
padding-left: 6px;
padding-right: 6px;
}
#contents .wp-pagenavi span i, #contents .wp-pagenavi a i {
font-size: 20px;
line-height: 36px;
vertical-align: middle;
} #shop_all{
width:1040px;
overflow:hidden;
margin:0 auto;
}
#shop_all section{
overflow:hidden;
clear:both;
}
#shop_all .shop_buy-eat{
text-align:center;
}
#shop_all .shop_buy-eat a{
padding:0.8em 1em;
display:inline-block;
border:1px solid #fff;
border-radius:12px;
margin:0 1em;
}
#shop_all .shop_cate{
clear:both;
margin-top:30px;
text-align:center;
font-weight:bold;
display:block;
width:100%;
padding:0.2em 0;
color:#fff;
background-color:#000;
border-radius:10px;
}
#shop_all div.shoplist{
float:left;
width:300px;
margin-right:60px;
text-align:left;
}
#shop_all h6{
clear:both;
margin:1em 0 1em 0;
font-size:16px;
font-weight:bold;
border-bottom:1px solid #bbb;
text-align:left;
color:#444;
padding-top:15px;
}
#shop_all div.shoplist:last-child{
margin-right:0;
}
#shop_all div.shoplist a{
display:block;
margin-bottom:0.6em;
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
}
@media print, screen and (max-width: 960px) {
#shop_all{
width:96%;
}
div.shoplist{
float:none;
width:100%;
}
}
@media screen and (max-width: 560px) {
#shop_all{
width:96%;
}
div.shoplist{
float:none;
width:100%;
}
}
#contents .video_block video{
width:100%;
} .city-name{
font-weight:600;
display:block;
margin-bottom:5px;
letter-spacing:0.06em;
color:#555;
}
.label-new{
margin-left: 8px;
width: 40px;
position: relative;
}
.label-new::before{
position: absolute;
content: 'new';
top:3px;
left: 8px;
z-index: 1;
background-color: #f33;
color: #fff;
text-align: center;
width: 100%;
line-height: 12px;
font-size: 12px;
}
.label-old{
margin-left: 8px;
width: 40px;
position: relative;
}
.label-old::before{
position: absolute;
content: '終了';
top:3px;
left: 8px;
z-index: 1;
background-color: #f33;
color: #fff;
text-align: center;
width: 100%;
line-height: 12px;
font-size: 12px;
}
.date--flex{
display: flex;
} .pc .globMenu {
display: none;
}
.globMenu {
background-color: rgba(191, 154, 23, 0.7);
position: fixed;
bottom: -100px;
left: 0;
z-index: 9000;
width: 100%;
}
.globMenu ul {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 4px;
row-gap: 4px;
width: 100%;
padding: 4px 5px;
}
.globMenu li {
position: relative;
}
.globMenu li a {
display: block;
border: 1px solid rgba(255, 255, 255, 1);
background-color: rgb(0, 0, 0, 0.8);
width: 100%;
height: 3em;
padding-top: .5em;
color: #fff;
font-family: "Yu Mincho";
text-decoration: none;
}
.globMenu li:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #ffffff transparent;
border-width: 0px 0px 10px 10px;
}
.footspace {
height: 80px;
}
.pc .footspace {
height: 0;
}
@keyframes slideUp {
0% { bottom: -100px; }
100% { bottom: 0; }
}
@keyframes slideDown {
0% { bottom: 0; }
100% { bottom: -100px; }
}
body:not(.pc) .globMenu.viewOn {
animation: slideUp .4s ease-out forwards;
}
body:not(.pc) .globMenu.viewOff {
animation: slideDown .15s ease-out forwards;
}

#ex_page_wrap{
background-color:#000;
width:100%;
text-align:center;
}
#ex_page_inner{
padding-top:50px;
width:960px;
margin:0 auto;
overflow:hidden;
}
#ex_page_l{
float:left;
width:350px;
}
#ex_page_r{
float:right;
width:540px;
}
#ex_page_r a{
box-sizing:border-box;
border:1px solid #fff;
display:block;
margin-bottom:40px;
}
#ex_page_r img:hover{
opacity: 0;
filter: alpha(opacity=0);
transition-duration:500ms;
}
#ex_page_r .bungogyubnr{
background-image:url(https://oita-wagyu.jp/wp-r5au9w/wp-content/themes/oita-wagyu/bungo/bnr_bungogyu-b.jpg);
background-size:cover;
}
#ex_page_r .boshubnr{
background-image:url(https://oita-wagyu.jp/wp-r5au9w/wp-content/themes/oita-wagyu/bungo/bnr_boshu-b.jpg);
background-size:cover;
}
#ex_page_r .messegebnr{
background-image:url(https://oita-wagyu.jp/wp-r5au9w/wp-content/themes/oita-wagyu/bungo/bnr_kidsmessage-b.jpg);
background-size:cover;
}
#ex_page_r img{
width:100%;
height:auto;
}
@media screen and (max-width: 560px) {
#ex_page_inner{
width:96%;
margin:0;
}
#ex_page_l{
float:none;
width:100%;
padding-left:16px;
}
#ex_page_l iframe{
}
#ex_page_r{
float:none;
width:100%;
}
#ex_page_r a{
width:90%;
margin:30px auto;
}
#ex_page_r img{
width:100%;
height:auto;
}
} body#bungogyu #wrap {
background-color: #000;
}
#bungogyu_contents{
width:1000px;
margin:0 auto;
overflow:hidden;
background-color:#000;
color:#fff;
padding:40px 0;
}
#bungogyu_contents a{
color:#fff;
}
#bungogyu_contents p{
text-align:left;
color:#fff;
margin-bottom:1em;
}
#bungogyu_contents .expage_title{
display:block;
text-align:center;
font-size:200%;
color:#E3A600;
font-weight:bold;
margin-bottom:1em;
}
.ex_h5{
display:block;
text-align:left;
margin:1.5em 0 1em;
font-size:20px;
color:#E3A600;
font-weight:bold;
}
.expic_c{
width:40%;
height:auto;
display:block;
margin:1em auto;
}
.expic_l{
width:40%;
height:auto;
float:left;
margin:1em 1em 1em 0;
}
.expic_r{
width:40%;
height:auto;
float:right;
margin:1em 0 1em 1em;
}
.clearb{
clear:both;
}
@media screen and (max-width: 560px) {
#bungogyu_contents{
width:100%;
margin:0;
padding:1em;
}
#bungogyu_contents p{}
.expic_c{
width:60%;
height:auto;
display:block;
margin:1em auto;
}
.expic_l{
width:60%;
height:auto;
float:none;
display:block;
margin:1em auto;
}
.expic_r{
width:60%;
height:auto;
float:none;
display:block;
margin:1em auto;
}
} #boshu_contents_wrap{
width:100%;
background-color:#fff;
color:#000;
}
#boshu_contents{
width:1000px;
margin:0 auto;
overflow:hidden;
padding:50px 0;
}
#boshu_contents p{
text-align:left !important;
}
#boshu_contents .expage_title{
display:block;
text-align:center;
font-size:220%;
color:#000;
font-weight:bold;
margin-bottom:1em;
}
#boshu_contents .ex_h3{
width:100%;
display:block;
background-color:#000;
text-align:center;
font-size:150%;
color:#fff;
font-weight:bold;
margin:1em 0;
}
#boshu_contents .ex_h4{
display:block;
font-size:120%;
color:#000;
font-weight:bold;
margin:0.6em 0;
text-align:left !important;
}
#boshu_contents .p_indent{
padding-left:2em;
}
.ex_warning{
color:#f00;
font-size:160%;
display:block;
text-align:center;
}
@media screen and (max-width: 560px) {
#boshu_contents_wrap{
width:100%;
background-color:#fff;
color:#000;
}
#boshu_contents{
box-sizing:border-box;
width:100%;
padding:0.6em;
margin:0;
}
#boshu_contents .p_indent{
padding-left:1em;
}
}
}footer{padding-top:5rem;border-top:rgba(0,0,0,0)}footer .container{padding:0 1.7rem}footer .container .top{padding-bottom:5rem}footer .container .top nav{display:flex;flex-direction:column;gap:1.4rem}footer .container .top nav+nav{margin-top:5.5rem}footer .container .top nav:nth-of-type(2){margin-top:1.4rem}footer .container .top nav a{padding-left:1.9rem;position:relative}footer .container .top nav:not(.small) a::before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:1.2rem;height:.4rem;background-image:url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/img/common/down_arrow.svg);background-size:cover;transform:rotate(90deg);filter:brightness(0) saturate(100%) invert(19%) sepia(77%) saturate(5324%) hue-rotate(344deg) brightness(79%) contrast(97%)}footer .container .top nav.small{display:flex;flex-direction:column}footer .container .top nav.small a::before{content:"-";color:#c7152c;padding-right:.6rem}footer .bottom{padding-top:2.5rem;background-color:#c7152c;text-align:center;padding-bottom:4rem}footer .bottom p{padding:2.4rem 0 2rem;text-align:center}footer .bottom .sns{justify-content:center;margin-bottom:2.7rem}footer .bottom .sns a img{width:3.5rem}footer .bottom small{font-size:1.2rem;display:block;text-align:center}@media screen and (min-width: 960px){footer .container{padding:0 4.5rem}footer .container .top{padding-bottom:13.5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"nav1 small1" "nav2 small2"}footer .container .top nav{display:flex}footer .container .top nav+nav{margin-top:0}footer .container .top nav:first-of-type{grid-area:nav1}footer .container .top nav:nth-of-type(2){grid-area:nav2}footer .container .top nav:nth-of-type(3){grid-area:small1}footer .container .top nav:nth-of-type(4){grid-area:small2}footer .bottom{text-align:left}footer .bottom .container{display:grid;grid-template-columns:1fr 1.5fr;grid-template-areas:"pic text" "pic sns" "small small"}footer .bottom .container picture{grid-area:pic;align-self:flex-end;padding-bottom:6rem}footer .bottom .container p{grid-area:text;text-align:left}footer .bottom .container .sns{grid-area:sns;justify-content:flex-start}footer .bottom .container small{grid-area:small;text-align:left}}@media screen and (min-width: 1280px){footer .container .top{grid-template-columns:1fr 1fr .5fr;grid-template-areas:"nav1 nav2 small2" "nav1 small1 small2";gap:1.4rem 0}footer .container .top nav:nth-of-type(2){margin-top:0}footer .bottom{padding-top:4.5rem}footer .bottom .container{grid-template-columns:1fr 2fr .5fr;grid-template-areas:"pic text sns" "small small small";align-items:flex-end;gap:6rem 0}footer .bottom .container picture{padding-bottom:0}footer .bottom .container p{padding:0}footer .bottom .container .sns{margin-bottom:0}}.top-sec{background-color:#f7f7f7;padding:5rem 0 16.5rem;position:relative}.top-sec::before,.top-sec::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background-size:cover}.top-sec::before{top:.2rem;background-image:url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/img/top/about_bg_top.webp);width:calc(88% - 2rem);height:32vw}.top-sec::after{bottom:2.4rem;background-image:url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/img/top/about_bg_bottom.webp);width:96%;height:23vw}.top-sec h2{text-align:center;margin-bottom:18vw}.top-sec .flex{display:grid;grid-template-columns:1fr 1fr;gap:3rem 1.7rem}.top-sec .flex a{color:#000;text-decoration:none;font-size:1.4rem}.top-sec .flex a img{width:100%}@media screen and (min-width: 960px){.top-sec{padding:5rem 0 18.7rem}.top-sec::before{background-image:url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/img/top/about_bg_top_pc.webp);width:94%;height:12.2vw;top:4.2rem}.top-sec::after{background-image:url(//oita-wagyu.jp/wp-r5au9w/wp-content/themes/20260226_oita-wagyu/assets/img/top/about_bg_bottom_pc.webp);height:12vw}.top-sec h2{width:19.6rem;margin:0 auto 6vw}.top-sec h2 img{width:100%}.top-sec .flex{grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem 2.1rem}}@media screen and (min-width: 1280px){.top-sec{padding:10rem 0 22.5rem}.top-sec::before{top:4.2rem;width:min(94%,120rem);height:min(12.2vw,15.6rem)}.top-sec::after{width:min(96%,120rem);height:min(12.2vw,15.1rem)}}@keyframes fvFadeIn{from{opacity:0}to{opacity:1}}.fv{position:relative;height:calc(100svh - 3.6rem)}.fv .swiper-slide img{width:100%;height:calc(100svh - 3.6rem);object-fit:cover;object-position:top}.fv .swiper-slide.fv-first img{animation:fvFadeIn 1.2s ease-in-out both}.fv .container{position:relative}.fv .logo{position:absolute;bottom:10.5rem;right:5%;z-index:10;width:11.3rem}@media screen and (min-width: 960px){.fv .logo{width:15rem}}.fv .scroll{text-decoration:none;bottom:3.2rem;position:absolute;left:50%;transform:translateX(-50%);height:28px;width:8rem;z-index:10}.fv .scroll .text{color:#fff;font-size:1rem;line-height:1.2em;font-family:"Noto Serif",serif;font-weight:bold;letter-spacing:.12em;white-space:nowrap}.fv .scroll img{transform:scale(1, -1);filter:brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7442%) hue-rotate(164deg) brightness(116%) contrast(91%)}@media screen and (min-width: 960px){.fv .logo{right:5%}}@media screen and (min-width: 1280px){.fv{height:calc(100svh - 8.8rem)}.fv .logo{width:20.8rem;right:7%}.fv .swiper-slide img{height:calc(100svh - 8.8rem)}}.home-news a{text-decoration:none}.top-sec h2 img{width:30%}@media screen and (min-width: 960px){.top-sec h2 img{width:70%}}