@charset "UTF-8";

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0; font-weight: normal;}
h1,h2,h3,h4 {font-weight: bold;}
p {margin-bottom: 0; line-height: 1.6;}

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }
a:hover { opacity: .4;}

img {max-width: 100%; width: 100%; height: auto;}

* {word-break: break-all;}
.requiredText {color:red; padding-left:.3vw;}


.d-inline-block {padding-right: 1vw;}


@media screen and (min-width: 1000px) {

iframe { display:block; width:100%; height:30vw; border: none; margin: 0 auto;}
body {font-size:1.2vw; background: #F4F5F4; font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 400; font-style: normal; color: #000; }
#spMenu,.spnavi { display: none;}

.header { display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 8; top: -5vw; right: 0; left: 0; width: 98vw; height: 6vw; margin: auto; transition: all 1.3s; opacity: 0;}
.header.active { top: 1.5vw; opacity: 1;}
.header.active.photomode { opacity: 0;transition: all .6s;}
.header .gmenu { display: block; width: 77vw; height: auto; display: flex; justify-content: flex-start; align-items: center; background: #fff; border-radius: 1.1vw;}
.header .gmenu .logo { display: flex; justify-content: center; align-items: center; width: 15vw; height: auto;}
.header .gmenu .logo img {width: 80%;  height: auto;}
.header .gmenu .linkbox { display: flex; justify-content: flex-start; align-items: center; width: 100%;}
.header .gmenu .linkbox a { display: flex; justify-content: center; align-items: center; flex-direction: column; border-left: dotted 2px #d9d8d8; width: calc(100% / 7); padding: 1vw 0; margin: 0 auto;}
.header .gmenu .linkbox a p:first-child {text-align: center;font-size: 120%;line-height: 1;color: #000;font-family: cheap-pine, sans-serif;font-weight: 400;font-style: normal;}
.header .gmenu .linkbox a p:last-child { text-align: center; font-size: 60%; color: #19AA67; font-family: kinuta-maruminold-stdn, serif; font-weight: 400; font-style: normal;}
.header .iconarea { display: flex; justify-content: flex-start; align-items: center; width: 5.6vw; height: auto; background: #EF7C1A; border-radius: 1.1vw;}
.header .iconarea a { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; font-size: 60%; padding: 1vw 0; font-family: kinuta-maruminold-stdn, serif; font-weight: 400; font-style: normal;}
.header .iconarea a img { display: block; width: 2vw; height: auto;}

.btmbnr { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 79.6vw; margin: 5vw auto; }
.btmbnr a { display: block; width: 24%; height: auto; margin: 0 0 .8vw;}
.btmbnr a img { width: 100%; height: auto;}

.footertop { display: block; width: 100%; height: 17vw; background: url(https://yasuda-farm.jp/system_panel/uploads/images/footerbg.png) no-repeat center bottom; background-size: 100% auto; overflow: hidden;}
.footertop .section { display: flex; justify-content: space-between; align-items: center; width: 79.6vw; margin: 8vw auto 0;}
.footertop .section .left { display:  flex; justify-content: flex-start; align-items: center; width: 70%; height: auto;}
.footertop .section .left .logo { width: 8.3vw; height: auto;}
.footertop .section .left .txt { width: auto; height: auto; text-align: left; margin-left: 1vw;}
.footertop .section .left h1 {font-size: 110%; margin-bottom: 1vw;}
.footertop .section .left p {font-size: 80%;}
.footertop .section .right { display:  flex; justify-content: flex-end; align-items: center; width: 30%; height: auto;}
.footertop .section .right a { display: flex; justify-content: center; align-items: center; flex-direction: column; border-left: dotted 2px #d9d8d8; width: calc(100% / 3); padding: 1vw 0; margin: 0 auto;}
.footertop .section .right a:last-child { border-right: dotted 2px #d9d8d8;}
.footertop .section .right a img { display: block; width: 2vw; height: auto;}
.footerbtm { background: #19AA67; padding: 0; margin: 0 auto; text-align: center; color: #fff; font-size: 80%; padding: 1vw 0;}

/**/
#root {width: 100%; overflow: hidden;}
.maincont { display: block; width: 100%; height: auto; margin: 0 auto 10vw;}

.kv { position: relative; display: flex; justify-content: center; align-items: flex-end; width: 100vw; height: 50vw; overflow: hidden;}
.kv .txt {position: absolute; z-index: 2; width: 100vw; height: 36vw; background: url(https://yasuda-farm.jp/system_panel/uploads/images/kvbg.png) no-repeat center bottom; background-size:  100% auto;}
.kv .txt h1 { font-size: 300%; line-height: 1.2em; font-family: kinuta-maruminold-stdn, serif; font-weight: 400; font-style: normal; color: #fff; text-align: center; margin: 0 auto 2vw; text-shadow: rgba(0,0,0,.5) 0 0 8px;}
.kv .txt p {color: #fff; text-align: center; margin: 0 auto; font-size: 120%; height: 1.2em; text-shadow: rgba(0,0,0,.5) 0 0 8px;}
.kv .bg { position: absolute; z-index: 1; width: 100vw; height: 50vw;}
.kv #slide {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 50vw; overflow: hidden; margin: 0 auto; position: relative; }

.pagettl { position: relative; display: block; width:100vw; height: 35vw; overflow: hidden;}
.pagettl .txt {position: absolute; z-index: 2; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; width:100vw; height: 35vw; padding: 0; background: url(https://yasuda-farm.jp/system_panel/uploads/images/kvbg.png) no-repeat center bottom; background-size:  100% auto;}
.pagettl .txt p { line-height: 1; color: #fff; text-align: center; font-size: 280%; font-family: cheap-pine, sans-serif; font-weight: 400; font-style: normal; background: rgba(0,0,0,.65); padding: .5vw 2vw; }
.pagettl .txt h1 { font-size: 100%; text-align: center; margin: 1vw auto 0; color: #000; background: rgba(255,255,255,.65); padding: .5vw 2vw;}
.pagettl .bg { position: absolute; z-index: 1; width: 100vw; height: 35vw;}


.form .formRow { margin: 0 0 2vw; padding: 0; text-align: left;}
.form .formRow input[type="text"],.form .formRow input[type="email"],.form .formRow textarea {width: 90%;}
.form .formRow textarea {height: 10em;}
.form p {margin-bottom: 0;}
.form .pp { display: block;width: 100%;height: 20vw;margin: 3vw auto;overflow: scroll;border: solid 1px #fafafa;padding: 1vw; box-sizing: border-box; text-align: left;}
.form .submit { text-align: center; margin: auto;}
.form #submit { width: fit-content; padding: 1vw 10vw; background: #000; color: #fff; opacity: .2; margin: auto;}
.form #submit.active {opacity: 1;}

.newslist .webgene-blog { height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.newslist .webgene-blog .flcell { display: block; width: 100%; height: auto; width: 49%; margin: 0 0 .8vw 1%; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16); border: none;}
.newslist .webgene-blog .flcell:nth-of-type(2n) {margin-right: 0;}
.newslist .webgene-blog .flcell .fleft { width: 100%;}
.newslist .webgene-blog .flcell .fright { width: 100%; padding: 1vw; box-sizing: border-box; text-align: left;}
.newslist .webgene-blog .flcell .fright a p { font-size: 100%; color: #000; font-weight: bold;}
.newslist .webgene-blog .flcell .fright h3 {font-size: 100%; color: #000; font-weight: normal;}

.newsdetail .webgene-blog { padding: 5vw; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16); text-align: left; }
.newsdetail .webgene-blog header {margin-bottom: 5vw;}
.newsdetail .webgene-blog header p {font-size: 90%; margin-bottom: 1px;}
.newsdetail .webgene-blog header h3 {font-size: 110%; margin-bottom: 3px;}
.newsdetail .webgene-blog article img {padding-bottom: 3vw;}
.newsdetail .webgene-blog article .maincont p {padding-bottom: 3vw;}

/******************/
a.btn { position: relative; display: flex; justify-content: center; align-items: center; margin: 2vw auto 0; padding: 0 2vw; background: #19AA67; color: #fff; text-align: center; width: fit-content;}
a.btn:after { content:""; width: 3vw; height: 3vw; background: url(https://yasuda-farm.jp/system_panel/uploads/images/arrow.png) no-repeat right center; background-size: 1.6vw auto; display: block;}

.normal {margin-bottom: 5vw;}
.section {position: relative; display: block; margin: 10vw auto; text-align: center; width: 79.6vw; }

.kinuta { font-family: kinuta-maruminold-stdn, serif; font-weight: 400; font-style: normal; }
.cheapPine { font-family: cheap-pine, sans-serif; font-weight: 400; font-style: normal; }

.iconheader { display: block; text-align: center; margin: 5vw auto;}
.iconheader img { width: 15%; height: auto;}
.iconheader h2 { color: #19AA67; font-size: 140%; margin: 3vw auto;}
.iconheader p {}

.sbg { position: relative; width: 100%; margin: 0 auto; text-align: center; padding: 2vw 0 0;}
.sbg::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-height:20vw; height: 120%; background-color: #efefef; transform: skewY(-1deg); z-index: -1;}
.pagettl + .sbg::before { top: 5vw;}
.pagettl + .sbg .section {margin-top: 0;}

.h2box { display: block; text-align: center; margin: 0 auto 3vw;}
.h2box h2 { font-size: 90%; height: auto;}
.h2box p { font-family: cheap-pine, sans-serif; font-weight: 400; font-style: normal;  font-size: 270%; height: auto; line-height: 1; margin-top: .3vw;}

.indexbloglist .webgene-blog { height: auto; display: flex; justify-content: space-around;}
.indexbloglist .webgene-blog .flcell { display: block; height: auto; width: 30.2vw; margin: 0 0 .8vw;}
.indexbloglist .webgene-blog .flcell:nth-of-type(2n) {margin-right: 0;}
.indexbloglist .webgene-blog .flcell .fleft { width: 100%;}
.indexbloglist .webgene-blog .flcell .fright { width: 100%; padding: 1vw; box-sizing: border-box; text-align: left;}
.indexbloglist .webgene-blog .flcell .fright p { font-size: 100%; color: #000; font-weight: bold;}
.indexbloglist .webgene-blog .flcell .fright h2 {font-size: 100%; color: #000; font-weight: normal;}
.indexbloglist .webgene-blog .flcell .fright a { position: relative; display: flex; justify-content: center; align-items: center; margin: 2vw auto 0; padding: 0 2vw; background: #19AA67; color: #fff; text-align: center; width: fit-content;}
.indexbloglist .webgene-blog .flcell .fright a:after { content:""; width: 3vw; height: 3vw; background: url(https://yasuda-farm.jp/system_panel/uploads/images/arrow.png) no-repeat right center; background-size: 1.6vw auto; display: block;}

.ecbox { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 79.6vw; margin: 5vw auto; background: #fff; padding: 3vw; box-sizing: border-box;}
.ecbox .left { width: 48%;}
.ecbox .right { width: 48%; text-align: left;}
.ecbox .right h4 { font-size: 120%; margin-bottom: 2vw;}
.ecbox .right h4 + p { font-weight: bold; margin-bottom: 2vw;}



/* mainduo */
.mainduo {position: relative; display: block; width: 100%; height: auto; }
.mainduo .img {position: absolute; z-index: 1;}
.mainduo .icon { position: absolute; z-index: 3;}
.mainduo .blackbgtxt { position: absolute; z-index: 3; width: fit-content; }
.mainduo .blackbgtxt p { background: #000; padding: .3vw .8vw; margin-bottom: .5vw; color: #fff; font-size: 182%; font-family: kinuta-maruminold-stdn, serif; font-weight: 400; font-style: normal; width: fit-content;}
.mainduo .blackbgtxt p:last-child {margin-left: 2vw;}
.mainduo .maintxt {position: absolute; z-index: 2; text-align: left; background: #fff; padding: 5vw 3vw 3vw; box-sizing: border-box; border-radius: 4vw;}
.mainduo .maintxt h3 { color: #000; margin-bottom: 2vw; font-size: 120%;}
.mainduo .maintxt p,.mainduo .maintxt img { margin-bottom: 1vw;}
.mainduo .btn { position: absolute; z-index: 3;}

.mainduo.indexsec1 { width: 100vw; height: 52vw; margin-top: 10vw;}
.mainduo.indexsec1 .img { width: 63vw; top: 0; left: 0;}
.mainduo.indexsec1 .icon { width: 11.1vw; height: auto; left: 77vw; }
.mainduo.indexsec1 .blackbgtxt {left: 49vw; top: 5vw;}
.mainduo.indexsec1 .blackbgtxt p:first-child {}
.mainduo.indexsec1 .blackbgtxt p:last-child {}
.mainduo.indexsec1 .maintxt { width: 40vw; left: 54vw; top: 13vw;}
.mainduo.indexsec1 .btn { left: 68vw; top: 36vw;}

.mainduo.indexsec2 { width: 100vw; height: 52vw; margin-top: 10vw;}
.mainduo.indexsec2 .img { width: 63vw; top: 0; right: 0;}
.mainduo.indexsec2 .icon { width: 11.1vw; height: auto; left: 7vw; top: 4vw; }
.mainduo.indexsec2 .blackbgtxt {left: 26vw; top: 6vw;}
.mainduo.indexsec2 .blackbgtxt p:first-child {}
.mainduo.indexsec2 .blackbgtxt p:last-child {}
.mainduo.indexsec2 .maintxt { width: 40vw; left: 5vw; top: 14vw;}
.mainduo.indexsec2 .btn { left: 15vw; top: 39vw;}

.mainduo.indexsec3 { width: 100vw; height: 52vw; margin: 10vw 0;}
.mainduo.indexsec3 .img { width: 63vw; top: 0; left: 0;}
.mainduo.indexsec3 .icon { width: 11.1vw; height: auto; left: 77vw; }
.mainduo.indexsec3 .blackbgtxt {left: 49vw; top: 5vw;}
.mainduo.indexsec3 .blackbgtxt p:first-child {}
.mainduo.indexsec3 .blackbgtxt p:last-child {}
.mainduo.indexsec3 .maintxt { width: 40vw; left: 54vw; top: 14vw;}
.mainduo.indexsec3 .btn { left: 68vw; top: 36vw;}

.mainduo.rice1 { width: 100vw; height: auto; margin-top: 0; aspect-ratio: 1/1.5;}
.mainduo.rice1 .img { width: 100vw; top: 0; left: 0;}
.mainduo.rice1 .icon {width: 32vw; height: auto; left: 57vw; top: 80vw; z-index: 1; opacity: .4; transform: rotate(5deg); transform-origin: left top;}
.mainduo.rice1 .blackbgtxt {left: 49vw; top: 50vw;}
.mainduo.rice1 .blackbgtxt p:first-child {}
.mainduo.rice1 .maintxt { width: 40vw; left: 54vw; top: 53vw;}
.mainduo.rice1 .btn { left: 68vw; top: 36vw;}
.mainduo.rice1 .blackbgtxt.rice2 {left: 43vw; top: 93vw;}
.mainduo.rice1 .maintxt.rice2 { width: 40vw; left: 9vw; top: 74vw;}

.mainduo.soy1 { width: 100vw; height: 70vw; margin-top: 10vw;}
.mainduo.soy1 .img { width: 100vw; top: 0; left: 0;}
.mainduo.soy1 .blackbgtxt {left: 10vw; top: 44vw;}
.mainduo.soy1 .blackbgtxt p:first-child {}
.mainduo.soy1 .maintxt { width: 60vw; left: 13vw; top: 52vw;}
.mainduo.soy1 .btn { left: 68vw; top: 36vw;}

.mainduo.soy2 { width: 100vw; height: 52vw; margin: 10vw 0 15vw;}
.mainduo.soy2 .img { width: 63vw; top: 0; right: 0;}
.mainduo.soy2 .icon {width: 32vw; height: auto; left: 7vw; top: 17vw; z-index: 0; opacity: .4; transform: rotate(-5deg); transform-origin: left top;}
.mainduo.soy2 .blackbgtxt {left: 26vw; top: -2vw;}
.mainduo.soy2 .blackbgtxt p:first-child {}
.mainduo.soy2 .blackbgtxt p:last-child {}
.mainduo.soy2 .maintxt {width: 34vw; left: 13vw; top: 11vw; padding: 3vw 3vw 2vw 3vw; box-sizing: border-box;}
.mainduo.soy2 .btn { left: 15vw; top: 39vw;}

.mainduo.cs601 { width: 100vw; height: 52vw; margin-top: 10vw;}
.mainduo.cs601 .img { width: 63vw; top: 0; left: 0;}
.mainduo.cs601 .icon { width: 8.1vw; height: auto; left: 84vw; top: 39vw; }
.mainduo.cs601 .blackbgtxt {left: 49vw; top: 5vw;}
.mainduo.cs601 .blackbgtxt p:first-child {}
.mainduo.cs601 .blackbgtxt p:last-child {}
.mainduo.cs601 .maintxt { width: 40vw; left: 54vw; top: 13vw;}
.mainduo.cs601 .btn { left: 68vw; top: 36vw;}

.mainduo.cs602 { width: 100vw; height: 52vw; margin-top: 10vw;}
.mainduo.cs602 .img { width: 63vw; top: 0; right: 0;}
.mainduo.cs602 .blackbgtxt {left: 6vw; top: -1vw;}
.mainduo.cs602 .blackbgtxt p:first-child {}
.mainduo.cs602 .blackbgtxt p:last-child {}
.mainduo.cs602 .maintxt { width: 40vw; left: 5vw; top: 7vw;}
.mainduo.cs602 .btn { left: 15vw; top: 39vw;}

.mainduo.cs603 { width: 100vw; height: 52vw; margin-top: 10vw;}
.mainduo.cs603 .img { width: 63vw; top: 0; left: 0;}
.mainduo.cs603 .blackbgtxt {left: 41vw; top: -1vw;}
.mainduo.cs603 .blackbgtxt p:first-child {}
.mainduo.cs603 .blackbgtxt p:nth-child(2) {margin-left: 5vw;}
.mainduo.cs603 .blackbgtxt p:last-child {margin-left: 3vw;}
.mainduo.cs603 .maintxt { width: 40vw; left: 54vw; top: 13vw;}
.mainduo.cs603 .btn { left: 68vw; top: 36vw;}

.pricetable .flcell { display: flex; justify-content: flex-start; align-items: center; width: 80%; height: auto; margin: 0 auto; border-top: dotted 1px #707070;}
.pricetable .flcell:nth-last-of-type(1) { border-bottom: dotted 1px #707070;}
.pricetable .flcell .fleft { width: 30%; font-weight: bold; text-align: left;}
.pricetable .flcell .fright { width: 70%; padding: 1vw; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.pricetable .flcell .fright p {text-align: left;}
.pricetable .flcell .fright a {margin: 0;}

.sharehouseImgBox { display: flex; justify-content: space-around; align-items: center; width: 100%; margin: auto;}
.sharehouseImgBox .imgbox { width: 30.2vw; height: 21.7vw; position: relative; overflow: hidden;}
.sharehouseImgBox .imgbox .txtbox { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,.6); transition: all .6s;}
.sharehouseImgBox a.imgbox:hover .txtbox {opacity: 0; transform: scale(130%); transition: all .6s;}
.sharehouseImgBox .imgbox .txtbox p { font-size: 100%; color: #fff; font-weight: bold; padding: 1vw	0; text-align: center; width: 80%; height: auto; border-right: solid 1px #fff; border-left: solid 1px #fff;}
.sharehouseImgBox .imgbox .img { position: absolute;  width: 33.2vw; height: 22.7vw; z-index: 1; overflow: hidden;}
.sharehouseImgBox .imgbox .img img {object-fit: cover;}

.duoImg { width: 80%; margin:0 auto 3vw; display: flex;}
.duoImg .cell {width: 50%; height: auto;}

.gallerybox { width: 100%; margin:0 auto 3vw; display: flex;}
.gallerybox .cell {width: 50%; height: auto; padding: 2vw; box-sizing: border-box;}

.facilitybox { width: 56vw; height: auto; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.facilitybox .main {width: 100%; height: 42vw; overflow: hidden; margin-bottom: .4vw;}
.facilitybox .main img {object-fit: cover;}
.facilitybox .cell {width: 24.5%; height: 9vw; overflow: hidden; margin-bottom: .4vw; background: #efefef;}
.facilitybox .cell img {object-fit: cover;}

.flList {display: flex; width: 66vw; text-align: left;justify-content: space-around; margin: 2vw auto 0;}
.flList p {font-size: 90%;}

.smallbgcell .flList {display: flex; width: 100%; text-align: left;justify-content: space-around; margin: 2vw auto;}
.smallbgcell .flList p {font-weight: bold; font-size: 100%;}

.gallerybox { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: 0 auto;}
.gallerybox .box { display: block; width: 50%; text-align: center; margin: auto; padding: 2vw; box-sizing: border-box;}
.gallerybox .box:nth-of-type(1n) img { width: 90%; transform: rotate(2deg);}
.gallerybox .box:nth-of-type(2n) img { width: 100%; transform: rotate(-2deg);}
.gallerybox .box:nth-of-type(3n) img { width: 100%; transform: rotate(-2deg);}
.gallerybox .box:nth-of-type(4n) img { width: 90%; transform: rotate(3deg);}
.gallerybox .box:nth-of-type(5n) img { width: 80%; transform: rotate(3deg);}
.gallerybox .box:nth-of-type(6n) img { width: 90%; transform: rotate(-5deg);}

.sharehouse .flcell { display: flex; justify-content: flex-start; align-items: center; width: 80%; height: auto; margin: 0 auto; border-top: dotted 1px #707070;}
.sharehouse .flcell:nth-last-of-type(1) { border-bottom: dotted 1px #707070;}
.sharehouse .flcell .fleft { width: 30%; font-weight: bold; text-align: left; color: #19AA67;}
.sharehouse .flcell .fright { width: 70%; padding: 1vw; box-sizing: border-box; display: block;}
.sharehouse .flcell .fright p {text-align: left;}

.farmprofile {margin: 3vw auto 5vw;}
.farmprofile .flcell { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: auto; margin: 0 auto; border-top: dotted 1px #707070;}
.farmprofile .flcell:nth-last-of-type(1) { border-bottom: dotted 1px #707070;}
.farmprofile .flcell .fleft { width: 30%; font-weight: bold; text-align: left; color: #19AA67;}
.farmprofile .flcell .fright { width: 70%; padding: 1vw; box-sizing: border-box; display: block;}
.farmprofile .flcell .fright p {text-align: left;}

.sqcell { width: 100%; margin: 0 auto 10vw; text-align: center; background: #fff; padding: 5vw 10% 3vw; box-sizing: border-box;}
.sqcell .tsuku2btn { width: 20vw; margin: 0 auto; background: #19AA67; padding: 1vw 5vw; display: block; text-align: center; border-radius: 4vw;}
.sqcell p {text-align: left;}
.sqcell .emcell { display: block;}
.sqcell .emcell .cell { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin: 0 auto 3vw; text-align: center; background: #F06C73; border-radius: 4vw; padding: 1vw 2vw; box-sizing: border-box;}
.sqcell .emcell .cell .num { width: 5%; text-align: center; color: #fff; font-size: 200%; font-weight: bold;}
.sqcell .emcell .cell .txt { width: 95%; text-align: left; color: #fff; font-size: 120%;}
.sqcell h4 {font-size: 110%; font-weight: normal; line-height: 1.6;}

.bloglist .webgene-blog { width: 96%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: auto; box-sizing: border-box;}
.bloglist .webgene-blog .flcell { display: block; height: auto; width: 30.2vw; margin: 0 2% 4vw 0;}
.bloglist .webgene-blog .flcell:nth-of-type(3n) {margin-right: 0;}
.bloglist .webgene-blog .flcell .fleft { width: 100%;}
.bloglist .webgene-blog .flcell .fright { width: 100%; padding: 1vw; box-sizing: border-box; text-align: left;}
.bloglist .webgene-blog .flcell .fright p { font-size: 100%; color: #000; font-weight: bold;}
.bloglist .webgene-blog .flcell .fright h2 {font-size: 100%; color: #000; font-weight: normal;}
.bloglist .webgene-blog .flcell .fright a { position: relative; display: flex; justify-content: center; align-items: center; margin: 2vw auto 0; padding: 0 2vw; background: #19AA67; color: #fff; text-align: center; width: fit-content;}
.bloglist .webgene-blog .flcell .fright a:after { content:""; width: 3vw; height: 3vw; background: url(https://yasuda-farm.jp/system_panel/uploads/images/arrow.png) no-repeat right center; background-size: 1.6vw auto; display: block;}

.bloglist .webgene-pagination {
    width: 100%;
}

.bloglist .webgene-pagination ul {
        list-style: none;
        max-width: fit-content;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 0 auto;
    }

    .bloglist .webgene-pagination ul li a{
        color: #19AA67;
    }


.blogdetail .webgene-blog h1 {color: #19AA67; font-size: 160%; }
.blogdetail .webgene-blog .webgene-item-content .maincont {}




.fullbgcell { width: 100%; margin: 0 auto 10vw; text-align: center; background: #fff; border-radius: 4vw; padding: 5vw 3vw 3vw; box-sizing: border-box;}
.smallbgcell { width: 53vw; margin: 0 auto 10vw; text-align: center; background: #fff; border-radius: 4vw; padding: 5vw 3vw 3vw; box-sizing: border-box;}
.greenh { color: #19AA67!important; font-size: 140%; margin: 0 auto 3vw;}
.mb2 {margin-bottom: 2vw;}
.mb3 {margin-bottom: 3vw;}
.sign {text-align: right!important;}

.webgene-blog .flcell .fright .artdetail { display: flex; justify-content: space-between; align-items: center; width: 100%;}
.webgene-blog .flcell .fright .artdetail .artdate { text-align: left; width: 50%; font-size: 90%; font-weight: normal;}
.webgene-blog .flcell .fright .artdetail .artcat {position: relative; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 1vw; background: #19AA67; color: #fff; text-align: center; width: stretch; font-size: 90%; font-weight: normal;}

.translation {}
.active .translation {}
.translationFa {}
.translationArea img {width: 4.6vw;   }
.translationDrop { top: 6.3vw!important;}
.translationDropLinkTxt {}
.translationDropItem {background: #fff; padding: .5vw;}
  
}

/* gjs-dashed */
.gjs-dashed * {padding: 20px!important;}
.gjs-dashed .header { opacity: 1; top: 1vw; flex-wrap: wrap;}
.gjs-dashed .header .gmenu { width: 100%;}
.gjs-dashed .footertop { height: 70vh;}
.gjs-dashed .kv {height: auto; display: block; overflow: visible;position: relative;}
.gjs-dashed .kv .txt {position: relative; height: auto;}
.gjs-dashed .kv .bg { position: relative; height: auto;}
.gjs-dashed .pagettl {height: auto; display: block; overflow: visible;position: relative;}
.gjs-dashed .pagettl .txt {position: relative; height: auto;}
.gjs-dashed .pagettl .bg { position: relative; height: auto;}
.gjs-dashed .kv #slide { position: relative; height: auto;}
.gjs-dashed .mainduo .blackbgtxt {left: 0; top: 0; }
.gjs-dashed .sharehouseImgBox .imgbox {height: auto; overflow: visible;}
.gjs-dashed .sharehouseImgBox .imgbox .txtbox,.gjs-dashed .sharehouseImgBox .imgbox .img {position: relative; height: auto;}
.gjs-dashed .sharehouseImgBox a.imgbox:hover .txtbox {opacity: 1; transform: scale(100%); transition: all .6s;}

.tac {text-align:center;}
/* 修正 */
.blogdetail .maincont{
    text-align: left;
}