/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px) {
img {
max-width: 100%;
height: auto;
width
/***/
: auto;
}
#container {
width: 100%;
}
/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
@charset "utf-8";
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "MSPゴシック", "MSPGothic", "sans-serif";
background-color: rgb(215, 255, 235);
}
/*角丸背景*/
#wrap {
width: 90%;
max-width: 980px;
margin: 0 auto;
padding: 20px 0;
border-radius: 20px;
background-color: rgb(244, 255, 230);
overflow: hidden;
}
/*TOPページ*/
#contents {
margin: 40px 60px;
text-align: center;
}
.logo {
width: 100%;
max-width: 980px;
height: 134px;
background: rgb(255, 253, 252);
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding-top: 30px;
text-align: center;
}
/*基本情報
#joho td {
text-align: left;
vertical-align: top;
}*/
/*コンテンツ共通*/
header {
text-align: center;
}
.line {
margin: 0 auto;
}
.bar {
margin-top: 50px;
}
.grass {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
}
#menu {
float: right;
width: 760px;
padding-bottom: 50px;
background: rgb(244, 255, 230);
color: rgb(66, 33, 11);
position: relative;
}
.contents {
margin: 5px 10px;
}
.sentence {
width: 550px;
margin: 80px auto 80px 0;
padding: 50px 60px;
background: rgb(255, 255, 255);
color: rgb(66, 33, 11);
}
/*text*/
.C-1-1,
.C-1-2,
.C-1-3,
.C-1-5,
.C-4-1,
.C-4-3,
.C-5-1 {
margin: 20px auto;
padding-right: 80px;
}
.text2 {
height: 136px;
margin: 20px auto;
padding-right: 60px;
}
p, table, h2, h3, h5 {
color: rgb(66, 33, 11);
}
h5 {
font-size: medium;
}
/*フロート*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
.float-left {
float: left;
}
.float-right {
width: 300px;
float: right;
}
/*百姓天国って？*/
.B-1-1 {
padding-left: 20px;
}
.b-1-1 {
width: 250px;
height: 250px;
position: absolute;
right: 40px;
top: -20px;
}
.b-1-4 {
margin-top: 80px;
margin-bottom: 80px;
}
.b-1-6 {
width: 250px;
height: 171px;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 50px;
}
.b-1-8 {
width: 200px;
height: 314px;
margin-top: 100px;
}
/*経営方針*/
.B-2 {
text-align: center;
}
.b-2 {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 50px;
}
/*概要*/
table.B-3 .B-4 {
margin: 20px 0 50px 0;
}
td.item {
padding: 20px 0 20px 20px;
}
.b-3-1 {
position: absolute;
right: 150px;
top: 150px;
}
.b-3-2 {
width: 700px;
height: 456px;
}
/*アクセス*/
.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.map iframe, .map object, .map embed {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 90%;
}
.b-4-1 {
position: absolute;
right: 180px;
top: 50px;
}
.b-4-2 {
margin-right: 100px;
float: right;
}
/*成り立ち*/
.c-1-2 {
width: 280px;
height: 280px;
position: absolute;
right: 50px;
top: 0px;
}
.c-1-6 {
width: 180px;
height: 234px;
position: absolute;
right: 100px;
top: 1700px;
}
.c-1-7 {
position: absolute;
right: 80px;
top: 1980px;
}
.c-1-9 {
width: 150px;
height: 150px;
margin-top: 50px;
}
.float-left-c-1-9 {
float: left;
}
.float-right-c-1-10 {
width: 550px;
float: right;
}
/*れんげ米・甘露米*/
.C-2-1 {
width: 460px;
margin-left: 5px;
}
.C-2 {
width: 600px;
margin: 80px auto 80px 0;
padding: 10px;
background: rgb(255, 255, 255);
color: rgb(66, 33, 11);
}
.C-2-2, .C-2-4 {
margin: 0;
padding: 10px;
text-align: left;
}
.C-2-7, .C-2-8, .C-2-9 {
padding-right: 80px;
}
.c-2-3 {
width: 350px;
height: 350px;
position: absolute;
right: -35px;
top: 700px;
}
.c-2-5, .c-2-8 {
width: 150px;
height: 239px;
}
.c-2-6, .c-2-9 {
margin-top: 20px;
}
.float-left-c-2-5,
.float-left-c-2-8 {
float: left;
}
.float-right-C-2-2,
.float-right-C-2-4 {
width: 450px;
float: right;
}
.float-left-c-2-12,
.float-left-c-2-13,
.float-left-c-2-14 {
float: left;
}
.float-right-C-2-7,
.float-right-C-2-8,
.float-right-C-2-9 {
width: 550px;
float: right;
}
/*ロゴマーク*/
.c-3-2 {
width: 417px;
height: 292px;
}
.c-3-4 {
width: 280px;
height: 280px;
position: absolute;
right: 20px;
top: 450px;
}
.c-3-9 {
margin-left: 20px;
}
.c-3-10 {
margin-left: 200px;
}
.c-3-11 {
margin-top: -30px;
margin-left: 380px;
}
.c-3-12 {
margin-top: -20px;
}
.c-3-13 {
margin-top: 20px;
}
.c-3-14 {
width: 317px;
height: 100px;
margin-left: 300px;
}
.float-left-c-3-5 {
float: left;
margin-top: 20px;
margin-left: 30px;
}
.float-right-c-3-6 {
float: right;
}
.float-left-c-3-8 {
float: left;
margin-top: 30px;
margin-left: 30px;
}
.float-right-C-3-6 {
float: right;
width: 420px;
}
.float-left-C-3-8 {
float: left;
width: 400px;
}
.float-right-c-3-9 {
float: right;
margin-right: 30px;
}
.float-left-c-3-12 {
float: left;
}
.float-right-C-3-10 {
float: right;
width: 400px;
}
.float-left-C-3-11 {
float: left;
width: 400px;
}
.float-right-c-3-13 {
float: right;
}
/*加工品*/
.C-4-2 {
padding-top: 20px;
padding-right: 60px;
}
.C-4 td {
width: 300px;
text-align: left;
vertical-align: top;
padding: 20px 20px;
}
h6 {
margin: 0;
padding: 0;
font-size: large;
color: rgb(0, 104, 55);
}
.c-4-3 {
width: 270px;
height: 270px;
position: absolute;
right: -30px;
top: 100px;
}
.c-4-4 {
width: 200px;
height: 111px;
margin-right: 20px;
float: left;
}
.c-4-7, .c-4-8, .c-4-9, .c-4-10 {
width: 300px;
height: 300px;
}
.c-4-11 {
margin-right: 100%;
}
.c-4-12 {
width: 200px;
height: auto;
position: absolute;
right: 120px;
top: 2050px;
}
.float-left-c-4-4 {
float: left;
}
.float-right-C-4-2 {
float: right;
width: 500px;
}
/*人にせまる*/
.C-5-3 {
margin-left: 35px;
}
.C-5-6 {
margin-bottom: 50px;
}
.C-5-8 {
width: 400px;
}
.c-5-2 {
width: 700px;
height: 524px;
}
.c-5-3 {
width: 250px;
height: 186px;
}
.c-5-5 {
width: 200px;
height: 200px;
margin-top: -200px;
margin-left: 50px;
}
.c-5-7 {
width: 148px;
height: 100px;
margin-top: -200px;
margin-left: 100px;
}
.c-5-9 {
width: 100px;
height: 202px;
margin-top: -200px;
margin-left: 180px;
}
.float-left-c-5-3 {
float: left;
}
.float-right-C-5-2 {
width: 300px;
float: right;
}
.float-left-C-5-4 {
float: left;
}
.float-right-c-5-5 {
width: 300px;
float: right;
}
.float-left-C-5-6 {
float: left;
}
.float-right-c-5-5 {
width: 300px;
float: right;
}
.float-left-C-5-8 {
float: left;
}
.float-right-c-5-9 {
width: 300px;
float: right;
}
/*10年後20年後の百姓天国*/
.C-6-1, .C-6-3, .C-6-5 {
width: 400px;
}
.c-6-2 {
width: 700px;
height: 468px;
}
.c-6-3 {
width: 280px;
height: 280px;
position: absolute;
right: 15px;
top: 600px;
}
.c-6-9 {
width: 200px;
height: 167px;
margin-top: -60px;
}
.c-6-11 {
width: 178px;
height: 150px;
margin-top: 180px;
}
.float-left-C-6-3,
.float-left-c-6-6,
.float-left-C-6-5,
.float-left-c-6-11 {
float: left;
}
.float-right-c-6-5 {
margin-top: 90px;
margin-right: 30px;
float: right;
}
.float-right-C-6-4,
.float-right-C-6-6 {
width: 300px;
float: right;
}
.float-right-c-6-9 {
margin-top: -80px;
margin-right: -30px;
float: right;
}
/*環境保全*/
.b-1-2 {
width: 550px;
height: 413px;
}
.c-7-4 {
width: 200px;
height: 200px;
margin-top: 80px;
}
.c-7-6 {
width: 400px;
height: 320px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 50px;
}
.float-left-C-7-2 {
width: 350px;
float: left;
}
.float-right-c-7-4 {
width: 200px;
float: right;
}
/*フォトギャラリー*/
#photo {
width: 800px;
}
#container {
width: 100%;
max-width: 750px;
text-align: center;
}
/* .slideShow
------------------------- */
.slideShow {
margin: 0 auto;
text-align: left;
display: none;
}
/* .mainView
------------------------- */
.slideShow .mainView {
width: 100%;
position: relative;
overflow: hidden;
}
.slideShow .mainView ul {
width: 100%;
overflow: hidden;
position: relative;
}
.slideShow .mainView ul li {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
.slideShow .mainView ul li img {
width: 750px;
}
/* .thumbNail
------------------------- */
.slideShow .thumbNail {
width: 100%;
overflow: hidden;
}
.slideShow .thumbNail ul {
width: 100%;
margin-left: -40px;
}
.slideShow .thumbNail ul li {
float: left;
display: inline;
overflow: hidden;
cursor: pointer;
}
.slideShow .thumbNail ul li img {
width: 100%;
}
.slideShow .thumbNail ul li.active {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
top: 0;
width: 5%;
height: 100%;
position: absolute;
z-index: 100;
}
.slideShow .mainView .btnPrev {
left: 0;
background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
right: 0;
background: #ccc url(../img/btnNext.png) no-repeat center center;
}
/* =======================================
ClearFixElements
======================================= */
.slideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.slideShow ul {
display: inline-block;
overflow: hidden;
}
.C-8-1 {
font-size: x-small;
text-align: center;
margin-bottom: 50px;
}
/*問い合わせ*/
table.D-1 {
margin: 20px 0 50px 0;
float: left;
}
.dummy {
color: rgb(244, 255, 230);
}
table.f-table {
width: 550px;
}
table.f-table th {
width: 200px;
font-size: small;
}
.attention {
font-size: small;
text-align: right;
}
.note {
font-size: x-small;
}
.submit-btn {
text-align: center;
}
.c-1 {
width: 197px;
height: 400px;
margin-right: 100px;
float: right;
}
.c-2 {
margin-top: 50px;
margin-bottom: 50px;
}
/*リンク*/
.link li {
margin: 30px 0 50px 0;
list-style: none;
}
/*グローバルナビ*/
#gnav {
margin-bottom: 40px;
}
#gnav ul {
margin: 0;
padding: 0;
list-style: none;
}
#gnav ul li {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
float: left;
position: relative;
width: 25%;
min-width: 245px;
height: 54px;
line-height: 54px;
background: rgb(244, 255, 230);
color: rgb(66, 33, 11);
text-align: center;
font-weight: bold;
}
#gnav ul li a {
color: rgb(66, 33, 11);
display: block;
text-decoration: none;
}
#gnav ul li:hover,
#nav ul li a:hover {
background: rgb(244, 255, 230);
color: rgb(66, 33, 11);
}
#gnav ul li ul {
position: absolute;
top: 54px;
width: 245px;
z-index: 100;
}
#gnav ul li ul li {
visibility: hidden;
overflow: hidden;
width: 245px;
height: 0;
padding-left: 20px;
background: rgb(255, 255, 255);
opacity: 0.7;
text-align: left;
}
#gnav ul li ul li:hover,
#nav ul li ul li a:hover {
background: rgb(217, 224, 33);
}
#gnav ul li:hover ul li,
#nav ul li a:hover ul li {
visibility: visible;
overflow: visible;
height: 54px;
z-index: 10;
}
#gnav * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
/*サイドナビー基本情報*/
#sidenav1 {
float: left;
width: 180px;
background: rgb(244, 255, 230);
}
#sidenav1 ul {
font-size: small;
color: rgb(66, 33, 11);
line-height: 40px;
list-style: none;
text-decoration: none;
}
#sidenav2 {
float: left;
width: 180px;
background: rgb(244, 255, 230);
}
#sidenav2 ul {
font-size: small;
color: rgb(66, 33, 11);
line-height: 40px;
list-style: none;
text-decoration: none;
}
/*サイドナビーコンテンツ*/
#cnav {
float: left;
width: 180px;
background: rgb(244, 255, 230);
}
#cnav ul {
font-size: small;
color: rgb(66, 33, 11);
line-height: 40px;
list-style: none;
text-decoration: none;
}
/*フッターナビ*/
#fnav {
background: rgb(244, 255, 230);
clear: left;
}
#fnav ul {
width: 605px;
margin: 0 auto;
}
#fnav li {
float: left;
list-style: none;
}
#fnav a {
display: block;
height: 35px;
background: url(../img/nav/fnav.png) no-repeat;
text-indent: -9999px;
color: rgb(255, 255, 255);
}
#fnav .fnav01 a {
width: 105px;
background-position: 0 0;
}
#fnav .fnav02 a {
width: 130px;
background-position: -105px 0;
}
#fnav .fnav03 a {
width: 215px;
background-position: -235px 0;
}
#fnav .fnav04 a {
width: 155px;
background-position: -450px 0;
}
.copyright {
margin: 20px auto;
text-align: center;
font-size: small;
}